@charset "utf-8";

/* 基本設定
-------------------------------*/
body {
	font-family :"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",verdana,sans-serif, Arial,Helvetica;
	font-size: 16px;
	line-height: 1.8em;
	color: #000;
	-webkit-text-size-adjust: 100%;
}
	@media only screen and (max-width:640px){
		body {font-size: 15px; line-height: 1.7em;}
	}

#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	overflow:hidden;
}
/* プリントの表示設定 */
@media print{
	#wrapper{width:1110px; margin:auto;}
}

@font-face {
	font-family:'NotoSansJP-M';
	src: url(fonts/NotoSansJP-Medium.otf) format('opentype');
}

/* リンク設定
-------------------------------*/
a{color:#0000bb; text-decoration:none;}
a:hover{color:#ed6868;}
a:active, a:focus{outline:0;}

/* ヘッダー
-------------------------------*/
* html #header{height:1%;}
#header{
	padding:10px;
	border-bottom:solid 1px #eee;
}
#header .inner{
	width:90%;
	max-width:1160px;
	margin:auto;
}
#header .inner:after{
	display:block;
	clear:both;
	content:"";
}
.h_logo{
	float:left;
	width:160px;
}
.h_menu{
	width:78%;
	max-width:928px;
	float: right;
}


/* フッター
-------------------------------*/
#footer{
	width:100%;
	background-color:#0000bb;
	background-image:url(../img/common/bg_f_line.png);
	background-position:center top;
	background-repeat:repeat-x;
	color:#fff;
	padding-top:50px;
}
#footer .inner{
	width:90%;
	max-width:1160px;
	margin:auto;
}
.f_ttl{
	text-align:center;
	margin-bottom:40px;
}
.f_info{
	width:90%;
	max-width:800px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.f_info li{
	width:47%;
	margin-bottom:20px;
}
.f_info li.add .name{
	font-size:120%;
	margin-bottom:5px;
}
.f_info li.add a{color:#fff;}

.f_info li.btn_toi .btn a{
	display:block;
	max-width:370px;
	margin:0 auto 15px;
	background-color:#fff;
	color:#000;
	text-align:center;
	padding:10px 0;
	transition:.3s;
}
.f_info li.btn_toi .btn a:hover{
	background-color:#ccc;
}

.f_info li.btn_toi li{
    display: inline-block;
    font-size: 90%;
    line-height: 1.2em;
    margin-bottom: 8px;
}
.f_info li.btn_toi li a{
    color: #fff;
}
.f_info li.btn_toi li:hover {
    text-decoration: underline;
}

#footer .copy{
	text-align:center;
	font-size:12px;
	padding:20px 0;
}

/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:50px;
	right:20px;
}
	@media only screen and (max-width:768px){
		.f_ttl{margin-bottom:20px;}
		.f_info{display: block;}
		.f_info li{
			width:100%;
			text-align:center;
		}
        .f_info li.btn_toi ul{display: none;}
	}
	@media only screen and (max-width:640px){
		.f_info li.add span{display: inline-block;}
        #pageTop img{
			width:30px;
			height:auto;
		}
	}


/* 電話番号のリンク */
@media(min-width: 640px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}




/* トップページ
-------------------------------*/
.top_image{
	width:100%;
	margin-bottom:40px;
}
.top_image .sp{
	display:none;
}
	@media only screen and (max-width:768px){
        .top_image .pc{
            display:none;
        }
        .top_image .sp{
            display: block;
        }
	}


/* 業務案内 */
.top01_ttl{
    text-align: center;
    margin-bottom: 30px;
    font-family:'NotoSansJP-M';
}
.top01_ttl .sub{
    color: #0000bb;
    line-height: 1.2em;
}
.top01_ttl .kei{
    font-size: 30px;
    line-height: 1.4em;
    background-image: url(../img/top/bg_topttl01_kei.png);
    background-position: center;
    background-repeat: repeat-x;
}
.top01_ttl .kei span{
    background-color: #fff;
    padding: 0 1em;
}
.top01_lead{
    text-align: center;
    margin-bottom: 30px;

}
.top01_pro{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
.top01_pro li{
    width: 48%;
    margin-bottom: 20px;
    position: relative;
}
.top01_pro li a{
    display: block;
    width: 100%;
    color: #fff;
}
.top01_pro li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.top01_pro li .subbox{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10% 3% 3%;
    margin: inherit;
}
.top01_pro li .subbox div{
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.2eml
}
.top01_pro li .subbox div span{
    font-size: 45px;
    line-height: 1.2em;
}

    @media only screen and (max-width:768px){
        .top01_ttl .kei{
            font-size: 24px;
        }

        .top01_pro{
            display:block;
            flex-wrap: wrap;
        }
        .top01_pro li{
            width: 100%;
            max-width: 550px;
            margin: 0 auto 20px;
        }
        .top01_pro li .subbox div{
            margin-bottom: 10px;
            font-size: 20px;
            line-height: 1.2eml;
            text-shadow: 0 0 3px #000;
        }
        .top01_pro li .subbox div span{
            font-size: 30px;
            line-height: 1.2em;
        }
        .top01_pro li .subbox div br{display: none;}
    }

/*　品質管理　*/
.bg_top02{
    width: 100%;
    height: 685px;
    padding-top: 220px;
    background-image: url(../img/top/bg_top_qu.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}
.bg_top02 .inner{
    width: 35%;
    margin-left:auto;
}
.top02_ttl{
    font-size: 35px;
    line-height: 1.4em;
    font-family:'NotoSansJP-M';
    margin-bottom: 20px;
}
.top02_ttl span{
    color: #0000bb;
    font-size: 16px;
    line-height: 1.2em;
}
.bg_top02 .btn a{
    display: block;
    width: 100%;
    max-width: 280px;
    margin:20px 0;
    padding: 15px;
    text-align: center;
    color: #000;
    border: solid 1px #000;
    transition: 0.3s;
}
.bg_top02 .btn a:hover{
    background-color: #ccc;
}

@media only screen and (max-width:900px){
        .bg_top02 .btn a{background-color: #fff;}

    }
    @media only screen and (max-width:768px){
        .bg_top02{
            height:auto;
            padding:30vw 0;
            background-image: url(../img/top/bg_top02_sp1.png),url(../img/top/bg_top02_sp2.png),url(../img/top/bg_top02_sp3.png);
            background-repeat: no-repeat,no-repeat,repeat-y;
            background-position: top , bottom,center;
            background-size: contain, contain, auto;
            margin-bottom: 40px;
        }
            .bg_top02 .contents{margin-bottom: 0;}
        .bg_top02 .inner{
            width: 100%;
            max-width: 380px;
            margin:auto;
        }
        .bg_top02 .btn a{margin:20px auto;}
    }

/* 会社概要・採用情報　バナー */
.top03_bnr{
    display: flex;
    justify-content:space-between;
}
.top03_bnr li{
    width: 48%;
    position: relative;
    line-height: 1.5em;
}
.top03_bnr li a{
    display: block;
    color: #fff;
    width: 100%;
}
.top03_bnr li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.top03_bnr li .bg_img_sp{display: none;}
.top03_bnr li .subbox{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 192px;
}
.top03_ttl{
    margin-bottom: 20px;
    font-family:'NotoSansJP-M';
    font-size: 28px;
    line-height: 1.4em;
}
.top03_ttl span{
    color: #ff0000;
    font-size: 16px;
    line-height: 1.2em;
}

    @media only screen and (max-width:1259px){
        .top03_bnr li .subbox{
            width: 15vw;
        }
    }
        @media only screen and (max-width:1085px){
            .top03_bnr{
                display:block;
            }
            .top03_bnr li{
                width: 100%;
                max-width: 557px;
                margin:0 auto 20px;
            }
            .top03_bnr li .subbox{
                width: 192px;
            }
        }
            @media only screen and (max-width:640px){
                .top03_bnr li{
                    position:static;
                }
                .top03_bnr li .bg_img_pc{display:none;}
                .top03_bnr li .bg_img_sp{display:block;}
                .top03_bnr li .subbox{
                    position: static;
                    width:100%;
                    padding: 3% 5%;
                    background-color: #0000bb;
                }
                .top03_ttl{
                    font-size: 24px;
                    line-height: 1.4em;
                    margin-bottom: 10px;
                }
                .top03_bnr li .subbox p:after{
                    content: "　＞＞";

                }

            }


/* トピックス（お知らせ） */
.top04_news{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.top04_news .box01{
    width: 22%;
}
.top04_news .box02{
    width: 70%;
}
.top04_ttl{
    margin-bottom: 20px;
    font-family:'NotoSansJP-M';
    font-size: 28px;
    line-height: 1.4em;
    text-align:center;
}
.top04_ttl span{
    color:#00b;
    font-size: 16px;
    line-height: 1.2em;
}
.top04_news .btn a{
    display:block;
    width: 100%;
    max-width: 250px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    margin:0 auto;
    background-color: #00b;
    transition: 0.3s;
}
.top04_news .btn a:hover{
    background-color: #999;
}
.top04_news .btn.sp{display: none;}

.newslist{
    width: 100%;
    border-top: solid 1px #999;
    margin-bottom: 30px;
}
.newslist tr{border-bottom: solid 1px #999;}
.newslist th{
    width: 25%;
    padding: 15px 3%;
}
.newslist td{
    padding: 15px;
}

    @media only screen and (max-width:640px){
        .top04_news{
            display:block;
        }
        .top04_news .btn a{
            padding: 10px 0;
        }
        .top04_news .btn.pc{display: none;}
        .top04_news .btn.sp{display: block;}
        .top04_news .box01{
            width: 100%;
            margin-bottom: 10px;
        }
        .top04_news .box02{
            width: 100%;
        }
        .newslist th{
            display: inline-block;
            width: 100%;
            padding: 15px 3% 0;
        }
        .newslist td{
            display: inline-block;
            padding: 0 3% 15px;
        }

    }




/* 共通
-------------------------------*/
.ttlMenu{
	width:100%;
	padding-top:150px;
	margin-bottom:80px;
	background-position:center center;
	background-repeat:no-repeat;
}
.bg_product{background-image:url(../img/common/bg_ttl_product.jpg);}
.bg_quality{background-image:url(../img/common/bg_ttl_quality.jpg);}
.bg_aboutus{background-image:url(../img/common/bg_ttl_aboutus.jpg);}
.bg_recruit{background-image:url(../img/common/bg_ttl_recruit.jpg);}
.bg_contact{background-image:url(../img/common/bg_ttl_contact.jpg);}
.bg_privacy{background-image:url(../img/common/bg_ttl_privacy.jpg);}
.bg_sitemap{background-image:url(../img/common/bg_ttl_sitemap.jpg);}

.ttlMenu .inner{
	width:80%;
	max-width:350px;
	margin:auto;
	background-color:#fff;
	text-align:center;
	padding-top:25px;
	font-size:15px;
	font-family:'NotoSansJP-M';
}
.ttlMenu .inner .en{
	font-size:30px;
	margin-bottom:5px;
}
.contents{
	width:90%;
	max-width:1160px;
	margin:0 auto 80px;
}
.space{
	clear:both;
	height:80px;
}
	@media only screen and (max-width:640px){
		.ttlMenu{
			padding-top:50px;
			background-size: cover;
			margin-bottom:30px;
		}
		.ttlMenu .inner{
			padding-top:15px;
			background-color:transparent;
			background:url(../img/common/bg_ttl_sp.png);
		}
		.ttlMenu .inner .en{
			font-size:24px;
			margin-bottom:0;
		}

		.space{height:40px;}


	}


/* 業務案内
-------------------------------*/
.bg_pr01{
	background:url(../img/quality/bg_qu01.jpg) center 200px no-repeat;
	padding-bottom:60px;
}
.pr_ttl{
	width:100%;
	max-width:500px;
	padding:15px 5%;
	background-color:#0000bb;
	color:#fff;
	font-size:24px;
	line-height:1.4em;
	font-family:'NotoSansJP-M';
	margin-bottom:30px;
}
.pr_ttl span{
	font-size:40px;
	line-height:1.2em;
}
.bg_pr01 .inner{
	width:100%;
	max-width:920px;
	margin:0 auto 80px;
}
.tokuchu{
	display:flex;
	justify-content:space-between;
	margin:40px 0;
}
.tokuchu li{
	width:48%;
}
.press_ttl{
	font-size:20px;
	color:#0000bb;
	margin-bottom:10px;
	font-family:'NotoSansJP-M';
}
.tokuchu li .sub{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.sestubi{
	width:100%;
	border:solid 1px #999;
	background-color:#fff;
}
.sestubi tr{
	border-bottom:solid 1px #999;
}
.sestubi th{
	background-color:#e9e9e9;
	text-align:center;
	padding:10px;
	border-left:solid 1px #999;
}
.sestubi td{
	width:33.3333%;
	padding:10px 5%;
	border-left:solid 1px #999;
}
.sestubi td:last-child{
	text-align:center;
}
	@media only screen and (max-width:648px){
		.bg_pr01{
			background: none;
		}
        .tokuchu{
            display: block;
        }
        .tokuchu li{
            width:100%;
            margin-bottom: 15px;
        }
        .tokuchu li:last-child{text-align:center;}
        .tokuchu li img{
            max-width: 80%;
            height:auto;
        }
		.sestubi th{
			padding:5px;
		}
		.sestubi td{
			width:auto;
			padding:5px 3%;
		}
	}

.box_merit{
	width:100%;
	background-color:#fff;
	padding:3% 5%;
	margin-bottom:15px;
	display:flex;
	font-size:125%;
}
.box_merit p:nth-child(1){
	width:8em;
	color:#0000bb;
	font-family:'NotoSansJP-M';
}
	@media only screen and (max-width:648px){
		.box_merit{
			background-color:#eee;
			font-size:110%;
			line-height:1.5em;
		}
		.box_merit p:nth-child(1){width:35%;}
		.box_merit p:nth-child(2){width:65%;}
	}


.haken{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:40px;
}
.haken li{
	width:49%;
	background-color:#fff;
	border:solid 2px #0000bb;
	padding:3% 5%;
	margin-bottom:15px;
}
.haken li .ttl{
	text-align:center;
	font-family:'NotoSansJP-M';
	font-size:40px;
	line-height:1.2em;
	color:#0000bb;
	margin-bottom:15px;
}
.btn_haken a{
	display:block;
	width:90%;
	max-width:500px;
	margin:auto;
	padding:15px 0;
	color:#0000bb;
	font-weight:bold;
	text-align:center;
	border:solid 1px #0000bb;
	box-sizing:border-box;
	background-color:#fff;
	transition:0.3s;
}
.btn_haken a:hover{
	background-color:#ccc;
}
	@media only screen and (max-width:648px){
		.haken{display: block;}
		.haken li{
			width:100%;
			padding:3%;
		}
		.haken li .ttl{
			text-align:left;
			font-size:28px;
			line-height:1.2em;
			margin-bottom:15px;
		}
		.haken li .ttl br{display: none;}
	}

.yunyu{
	display:flex;
	justify-content:space-between;
	margin-top:40px;
}
.yunyu li{
	width:48%;
	max-width:435px;
	margin-bottom:40px;
}
.yunyu .obi{
	background-color:#0000bb;
	padding:5px 10px;
	color:#fff;
	margin-bottom:20px;
}
.yunyu .hon_a{
	font-size: 20px;
	color: #0000FF;
	margin-bottom: 40px;
}


.yunyu .img{margin-bottom:20px;}
.yunyu .txt{
	margin-left:2em;
}
	@media only screen and (max-width:768px){
		.yunyu{display: block;}
		.yunyu li{
			width:100%;
			margin:0 auto 30px;
		}
		.yunyu .obi{margin-bottom:10px;}
		.yunyu .img{margin-bottom:10px;}
		.yunyu .hon_a{margin-bottom:20px;font-size: 16px;}
	}



/* 品質管理
-------------------------------*/
.bg_qu01{
	background:url(../img/quality/bg_qu01.jpg) center 220px no-repeat;
	padding-bottom:60px;
	background-size:1920px 100%;
}
.bg_qu01 .qu_inner{
	width:90%;
	max-width:1000px;
	margin:auto;
}
.qlead{
	width:100%;
	text-align:center;
	background-image:url(../img/quality/bg_qu03.jpg) ;
	background-repeat: repeat-x;
	background-position: center center;
}
.box_qu{
	position:relative;
	padding-top:30px;
	padding-left:30px;
	display:flex;
	margin-bottom:60px;
}
.box_qu .qNo{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
.box_qu .qImg{
	width:35%;
	box-shadow:2px 2px 5px #999;
}
.box_qu .qTxt{
	width:65%;
	background-color:#fff;
	padding:20px 5%;
	box-shadow:2px 2px 5px #999;
	font-size:110%;
	line-height:1.7em;
}
.box_qu .qTxt .qTtl{
	font-size:160%;
	line-height:1.2em;
	margin-bottom:15px;
	color:#0000bb;
	font-weight:bold;
}
	@media only screen and (max-width:980px){
		.box_qu .qTxt{
			font-size:100%;
			line-height:1.6em;
		}
	}

	@media only screen and (max-width:768px){
		.bg_qu01{
			background:none;
			padding-bottom:40px;
		}
		.qlead{margin-bottom:20px;}
		.qlead img{height:140px; width: auto;}
		.box_qu{
			padding:0;
			display:block;
			margin-bottom:40px;
		}
		.box_qu .qNo img{
			height:60px;
			width:auto;
		}
		.box_qu .qImg{
			width:100%;
			box-shadow: none;
			text-align:center;
			margin-bottom:15px;
			background-color:#ccc;
		}
		.box_qu .qTxt{
			width:100%;
			padding:0;
			box-shadow: none;
		}
		.box_qu .qTxt .qTtl{
			margin-bottom:10px;
			text-align:center;
		}
	}

.bg_qu02{
	background-image:url(../img/quality/bg_qu02.jpg) ;
	background-position:center top;
	background-repeat: no-repeat;
	background-color:#eaf0f0;
	padding-top:500px;
	padding-bottom:40px;
}
.qu_poli_ttl{
	width:100%;
	max-width:500px;
	background-color:#0000bb;
	color:#fff;
	font-size:24px;
	line-height:1.2em;
	padding:20px 5%;
	margin-bottom:30px;
}
.qu_posi_lead{
	text-align:center;
	font-size:24px;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:50px;
}
.qu_poli{
	display:flex;
	justify-content:space-between;
}
.qu_poli li{
	width:32%;
	background-color:#fff;
	text-align:center;
	padding:3%;
	font-size:130%;
	line-height:1.8em;
}
.qu_poli li:nth-child(1){
	padding-top:200px;
	background-image:url(../img/quality/qu_poli01.png);
	background-position:center 20px;
	background-repeat:no-repeat;
}
.qu_poli li:nth-child(2){
	padding-top:200px;
	background-image:url(../img/quality/qu_poli02.png);
	background-position:center 20px;
	background-repeat:no-repeat;
}
.qu_poli li:nth-child(3){
	padding-top:200px;
	background-image:url(../img/quality/qu_poli03.png);
	background-position:center 20px;
	background-repeat:no-repeat;
}

	@media only screen and (max-width:768px){
		.qu_poli_ttl{
			max-width:none;
			font-size:20px;
			line-height:1.2em;
			padding:10px 5%;
		}
		.qu_posi_lead{
			font-size:20px;
			line-height:1.5em;
			margin-bottom:30px;
		}
		.qu_poli{display:block;}
		.qu_poli li{
			width:100%;
			text-align:left;
			padding:5% 3%;
			margin-bottom:20px;
		}
		.qu_poli li:nth-child(1){
			padding-top:5%;
			padding-left:180px;
			background-image:url(../img/quality/qu_poli01_sp.png);
			background-position: left center;
			background-repeat:no-repeat;
		}
		.qu_poli li:nth-child(2){
			padding-top:5%;
			padding-left:180px;
			background-image:url(../img/quality/qu_poli02_sp.png);
			background-position: left center;
			background-repeat:no-repeat;
		}
		.qu_poli li:nth-child(3){
			padding-top:5%;
			padding-left:180px;
			background-image:url(../img/quality/qu_poli03_sp.png);
			background-position: left center;
			background-repeat:no-repeat;
		}
	}

	@media only screen and (max-width:648px){
		.bg_qu02{
			background-size:160% auto;
			padding-top:140px;
			padding-bottom:60px;
		}
		.qu_poli li{
			font-size:100%;
			line-height:1.8em;
		}
		.qu_poli li br{display: none;}
	}

	@media only screen and (max-width:480px){
		.qu_poli li:nth-child(1),
		.qu_poli li:nth-child(2),
		.qu_poli li:nth-child(3){
			padding-left:30%;
			background-size:28% auto;
		}
	}





/* 会社概要
-------------------------------*/
.ttl_about{
	width:100%;
	color:#0000bb;
	font-size:140%;
	padding:5px;
	margin-bottom:20px;
	background:url(../img/common/bg_about_ttl.png) bottom left no-repeat;
}
.ab_lead{
	font-size:140%;
	line-height:1.6em;
	margin-bottom:20px;
}
.ab_name{
	text-align:right;
}
.ab_name span{
	font-size:140%;
}
.ab_rinen{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.ab_rinen li{
	width:47%;
	border:solid 1px #0000bb;
	position:relative;
	text-align:center;
}
.ab_rinen li .kado{
	position:absolute;
	top:0;
	left:0;
	width:130px;
	height:130px;
	background:url(../img/compay/kado_ao.png)  right bottom no-repeat;
	text-align:left;
	color:#fff;
	font-size:150%;
	line-height:1.2em;
	padding-top:25px;
	padding-left:10px;
}
.ab_rinen li:nth-child(2) .kado{padding-top:10px;}
.gaiyou{
	width:100%;
	max-width:960px;
	margin:auto;
}
.gaiyou tr{
	border-bottom:solid 1px #999;
}
.gaiyou th{
	padding:10px 0 10px 5%;
	width:25%;
}
.gaiyou td{
	padding:10px 0;
}
.gaikan{
	width:100%;
	max-width:960px;
	margin:0 auto 20px;
	display:flex;
	justify-content:space-between;
}
.gaikan li{
	width:47%;
}

	@media only screen and (max-width:768px){
		.ab_rinen{
			display: block;
		}
		.ab_rinen li{
			width:100%;
			max-width:545px;
			margin:auto;
			margin-bottom:20px;
		}
	}

	@media only screen and (max-width:648px){
		.ab_rinen li{
			text-align: right;
		}
		.ab_rinen li img{width:80%; height:auto;}
		.ab_rinen li .kado{
			width:120px;
			height:120px;
			font-size:120%;
			line-height:1.2em;
			padding-top:15px;
			padding-left:10px;
		}
		.gaiyou th{
			display:inline-block;
			width:100%;
			padding:10px 0 0 10px;
			font-weight:bold;
		}
		.gaiyou td{
			display:inline-block;
			width:100%;
			padding:0 0 10px 10px;
		}
		.gaikan{
			display:block;
		}
		.gaikan li{
			width:100%;
			max-width:500px;
			margin:0 auto 20px;
		}
	}


/* 採用情報
-------------------------------*/
.rec01{
	width:100%;
	background:url(../img/recruit/rec01.jpg) top center no-repeat;
	height:880px;
	padding-top:110px;
}
.rec01 .inner{
	width:90%;
	max-width:1160px;
	text-align:center;
	margin:0 auto 20px;
}
.rec01 .le1{
	font-size:40px;
	line-height:1.3em;
	margin-bottom:20px;
}
.rec01 .le1 span{
	color:#0000bb;
}
.rec01 .le2 {
	margin-bottom:40px;
}
.rec01 .le2  li{
	display:inline-block;
}
.rec02{
	width:100%;
	background:url(../img/recruit/rec02.jpg) top center no-repeat;
	height:436px;
	padding-top:110px;
}
.rec02 .inner{
	width:90%;
	max-width:1160px;
	margin:auto;
}
.rec02 .inner .sub{
	float:right;
	width:39%;
	max-width:450px;
}
.rec03{
	width:100%;
	background:url(../img/recruit/rec03.jpg) top center no-repeat;
	height:436px;
	padding-top:110px;
}
.rec03 .inner{
	width:90%;
	max-width:880px;
	margin:auto;
}
.rec03 .inner .sub{
	width:48%;
}
.rec04{
	width:100%;
	background:url(../img/recruit/rec04.jpg) top center no-repeat;
	height:436px;
	padding-top:110px;
	margin-bottom:80px;
}
.rec04 .inner{
	width:90%;
	max-width:980px;
	margin:auto;
}
.rec04 .inner .sub{
	float:right;
	width:45%;
}
.rec_tok{
	color:#ff0000;
	margin-bottom:10px;
	font-size:120%;
}
.rec_copy{margin-bottom:20px;}
.rec01 .sp,
.rec02 .sp,
.rec03 .sp,
.rec04 .sp{display:none;}

	@media only screen and (max-width:1050px){
	  .rec01 .le3{
		  padding:5px;
		  background:url(../img/common/bg_ttl_sp.png);
	  }
	}
	@media only screen and (max-width:980px){
	  .rec02{padding-top:70px;}
	  .rec02 .inner .sub p:last-child{text-shadow:0.5px 0.5px 0 #fff;}
	}
	@media only screen and (max-width:768px){
		.rec01,
		.rec02,
		.rec03,
		.rec04{
			background: none;
			height: auto;
			padding-top:0;
			margin-bottom:30px;
		}
		.rec02 .inner .sub,
		.rec03 .inner .sub,
		.rec04 .inner .sub{
			float:none;
			width:100%;
			max-width:100%;
			margin-bottom:15px;
		}
		.rec_copy img{max-height:63px; width:auto;}
		.rec01 .sp,
		.rec02 .sp,
		.rec03 .sp,
		.rec04 .sp{display:block;}

		.rec01 .le1{
			font-size:28px;
			line-height:1.3em;
		}
		.rec01 .le2{margin-bottom:20px;}
		.rec01 .le2  li img{
			max-height:63px;
			width:auto;
		}
		.rec01 .le3{text-align:left; padding:0; background:none;}
	}


/* 募集要項 */
.ttl_bosyu{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	border-bottom:double 3px #999;
	font-size:140%;
	color:#0000bb;
	padding-top:20px;
	padding-bottom:5px;
}
.bosyu{
	width:100%;
	max-width:960px;
	margin:auto;
}
.bosyu tr{
	border-bottom:solid 1px #999;
}
.bosyu th{
	width:25%;
	padding:10px 0 10px 5%;
}
.bosyu td{
	padding:10px 0 ;
}

	@media only screen and (max-width:640px){
		.bosyu th{
			display:inline-block;
			width:100%;
			padding:10px 0 0 10px;
			font-weight:bold;
		}
		.bosyu td{
			display:inline-block;
			width:100%;
			padding:0 0 10px 10px;
		}
	}

	@media(min-width: 640px){
	/* 電話リンク */
	.bosyu .toi a{color:#000;}
	}




/* お問い合わせ
-------------------------------*/
.toi_lead{
	width:100%;
	max-width:960px;
	margin:0 auto 50px;
	text-align:center;
}
.hissu{
	font-size:90%;
	line-height:1.5em;
	padding:0 5px;
	color:#fff;
	background-color:#0000bb;
}
.mailform{
	width:100%;
	max-width:960px;
	margin:50px auto;
}
.mailform th{
	width:20%;
	padding:20px 0;
	vertical-align:top;
}
.mailform td{
	padding:10px 0;
	vertical-align:top;
}
.mailform td:nth-child(2){
	width:7%;
	padding:20px 0;
}
.length_l{
	width:100%;
	padding:10px;
	background-color:#ccc;
}
.length_m{
	width:50%;
	padding:10px;
	background-color:#ccc;
}
.naityou{
	width:100%;
	height:200px;
	padding:10px;
	background-color:#ccc;
	resize:none;
}
.btn_sousin{
	background:url(../img/compay/btn_sousin.jpg) center center no-repeat;
	width:330px;
	height:60px;
	border:0px solid;
	cursor:pointer;
}
.btn_sousin:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

	@media only screen and (max-width:640px){
		.toi_lead{
			text-align:left;
			margin-bottom:20px;
		}
		.mailform{
			margin:20px auto;
		}
		.mailform td{
			display:inline-block;
			width:100%;
			padding:0 0 10px 0;
		}
		.mailform th,
		.mailform td:nth-child(2){
			display:inline-block;
			width:auto;
			padding:10px 0;
			vertical-align:top;
		}
		.length_m{
			width:100%;
		}

	}


/* プライバシーポリシー
-------------------------------*/
.contents.privacy{max-width:960px;}
.privacy .lead{
	margin-bottom:60px;
}
.privacy dt{
	font-size:125%;
	line-height:1.5em;
	border-bottom:solid 1px #01329e;
	margin-bottom:15px;
}
.privacy dd{
	margin-left:1em;
	margin-bottom:40px;
}
.privacy dd ul{
	margin-left:2em;
}
.privacy dd li{
	list-style:disc;
}


/* サイトマップ
-------------------------------*/
.box_out{
	display:flex;
	justify-content:space-between;
}
.box_in{
	width:30%;
}
.box_in a{color:#000;}
.box_in a:hover{color:#0000bb;}

.box_in dt a{
	border:solid 1px #0000bb;
	border-left-width:5px;
	padding:3px 0 3px 10px;
	display:block;
	margin-bottom:15px;
	margin-top:20px;
	background-image: url(../img/compay/arrow_ao.png);
	background-position:95% center;
	background-repeat:no-repeat;
	transition:0.3s;
}
.box_in dt a:hover{
	background-position:98% center;
}
.box_in dd a{
	display:block;
	margin-left:1em;
	margin-bottom:5px;
}
	@media only screen and (max-width:640px){
		.box_out{
			display: block;
		}
		.box_in{
			width:80%;
			margin:auto;
		}

	}


/* お知らせ
-------------------------------*/
/* Pager style（外部化可） */
.pager{
	text-align: center;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */

.news_main{
    width: 90%;
    max-width: 960px;
    margin: 0 auto 80px;
}
.item{
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: solid 1px #999;
}
.item .ttl{
	width:100%;
	color:#0000bb;
	font-size:140%;
    line-height: 1.2em;
	padding:5px;
	margin-bottom:15px;
	background:url(../img/common/bg_about_ttl.png) bottom left no-repeat;
}
.item .up_ymd{
    margin-left: 20px;
    font-size: 90%;
    margin-bottom: 20px;
}
.item .comment{margin-left: 20px;}

.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#999;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.backORcloseBtn a:hover{
    background-color:#ccc;
}

.detailUpfile img{
	max-width:100%;
	height:auto;
    margin: 15px 0;
}
.pNav{
	font-size:11px;	
    margin-bottom: 20px;
}

    @media only screen and (max-width:640px){
        .item .ttl{
            font-size:120%;
            line-height: 1.2em;
            margin-bottom:10px;
        }
        .item .up_ymd{
            margin-left:0;
            margin-bottom: 10px;
        }
       .item .comment{margin-left: 0;} 


    }