@charset "utf-8";

body,input,select,textarea{color:#212121;font-size:16px;line-height:2;}
	@media only screen and (max-width:767px)	{body,input,select,textarea{font-size:14px;line-height:1.75;}}

body{min-width:100%;}

::selection {background:#004085;color:#fff;}
::-moz-selection {background:#004085;color:#fff;}

a,a:hover{color:#212121;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:#004085;
	text-decoration:underline;
	}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration:none;}

.img-link:hover img{opacity:.75;}

span[data-action="call"]{display:inline-block;}



/* index */
.sec-services{background: url(../images/sec-services.png) center top no-repeat #004085;}


.sec-ssc{padding-bottom: 0;}


.ssc-box{display: block;position: relative;z-index:1;width:100%;background: #000;}


.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow: column wrap;justify-content:center;background-color: rgba(0,0,0,0);transition:background .3s;text-align: center;color:#FFF;text-align: center;}

.ssc-box:hover .ssc-title{background-color: rgba(0,0,0,.25);transition:background .3s;}

.ssc-title h3{font-family: 's-min-b',serif;font-size: 30px;line-height: 1;margin-bottom: 30px;}
	@media only screen and (max-width:1199px)	{.ssc-title h3{font-size: 24px;}}
	@media only screen and (max-width:991px)	{.ssc-title h3{font-size: 18px;margin-bottom: 22.5px;}}
	@media only screen and (max-width:767px)	{.ssc-title h3{font-size: 18px;margin-bottom: 15px;}}

.ssc-title p{line-height: 1.5;font-size: 16px;}
	@media only screen and (max-width:1199px)	{.ssc-title p{font-size: 14px;}}
	@media only screen and (max-width:991px)	{.ssc-title p{font-size: 11px;}}
	@media only screen and (max-width:767px)	{.ssc-title p{font-size: 10px;}}



.ssc-box h3 small{font-family: 'montserrat',sans-serif;display: block;margin-top: 30px;font-size: 18px;}
	@media only screen and (max-width:767px)	{.ssc-box h3 small{font-size: 10.5px;margin-top: 15px;}}


.ssc-box h4{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow: column wrap;justify-content:center;align-items:center;color:#FFF;font-family: 's-min',sans-serif;font-size: 48px;line-height: .75;background-color: rgba(0,0,0,0);transition:background .3s;text-align: center;}
	@media only screen and (max-width:991px)	{.ssc-box h4{font-size: 36px;}}
	@media only screen and (max-width:767px)	{.ssc-box h4{font-size: 24px;}}

.ssc-box:hover h4{background-color: rgba(0,0,0,.25);transition:background .3s;}


.ssc-box h4 small{font-family: 's-min-b',serif;display: block;margin-top: 30px;font-size: 21px;}
	@media only screen and (max-width:1199px)	{.ssc-box h4 small{margin-top: 25px;font-size: 18px;}}
	@media only screen and (max-width:991px)	{.ssc-box h4 small{margin-top: 20px;font-size: 16.5px;}}
	@media only screen and (max-width:767px)	{.ssc-box h4 small{margin-top: 15px;font-size: 15px;}}



.ssc-img img{opacity:.66;}

.sec-recruit{margin: 1px 0;}

.sec-recruit:before{background-image: url(../images/sec-recruit.jpg);opacity:.33;}



.recruit-box{position: relative;}

.recruit-txt{background: #FFF;border: 1px solid #DDD;border-top: none;}

.recruit-txt-inner{width: 100%;padding: 44px 44px 44px 45px;}
	@media only screen and (max-width:1199px)	{.recruit-txt-inner{padding: 29px 29px 29px 30px;}}
	@media only screen and (max-width:767px)	{.recruit-txt-inner{padding: 14px 14px 14px 15px;}}
	@media only screen and (max-width:575px)	{.recruit-txt-inner{padding: 14px;}}

.recruit-txt-inner h3{margin: -44px -45px 44px;color:#FFF;padding: 45px;font-size: 30px;font-family: 's-min',serif;}
	@media only screen and (max-width:1199px)	{.recruit-txt-inner h3{margin: -29px -30px 29px;padding: 30px;font-size: 24px;}}
	@media only screen and (max-width:767px)	{.recruit-txt-inner h3{margin: -14px -15px 14px;padding: 30px 15px;font-size: 18px;}}

.recruit-txt-inner p{font-size: 1.125em;}

.recruit-txt-inner .axbtn{margin: 0 !important;}


.tit-recruit{background:url(../images/tit-recruit.png) right center /cover no-repeat #666;}



/* services */
.services01:before{background-image:url(../images/services01.jpg)}
.services02:before{background-image:url(../images/services02.jpg)}
.services03:before{background-image:url(../images/services03.jpg)}


.tit-services{margin: -60px -60px 30px;background: #004085;color:#FFF;padding:15px 30px;font-size: 24px;font-family: 's-min',serif;display: flex;align-items:center;}
	@media only screen and (max-width:1199px)	{.tit-services{margin: -45px -45px 30px;padding: 30px;font-size: 21px;}}
	@media only screen and (max-width:991px)	{.tit-services{margin: -30px -30px 22.5px;padding: 22.5px;}}
	@media only screen and (max-width:767px)	{.tit-services{margin: -15px -15px 15px;padding: 15px;font-size: 18px;}}
	@media only screen and (max-width:575px)	{.tit-services{font-size: 17px;padding: 10px 15px;}}

.tit-services span{display: inline-block;margin-right: 1em;width: 60px;}
	@media only screen and (max-width:767px)	{.tit-services span{width: 45px;}}

.tit-services span img{width: 100%;height: auto;}


/* navigation */

.nav-company-box{
	background:#FFF;
	padding:30px;
}
	@media only screen and (max-width:991px)	{.nav-company-box{padding: 20px;}}


.nav-section + .nav-section{margin-top: 15px;}

.nav-bn,.nav-relative{
	background: #FFF;color:#212121;border: 1px solid #212121;
	}

.nav-bn{
	font-size: 14px;line-height: 1.5;font-weight: bold;text-align: center;
	padding: 9px 9px 9px 51px;
	display: flex;flex-flow:column wrap;justify-content:center;align-items:center;
	position: relative;
	width: 100%;
	}

.nav-relative{
	font-size: 16px;line-height: 1.5;font-weight: bold;text-align: center;
	padding: 9px;
	display: flex;flex-flow:column wrap;justify-content:center;align-items:center;
	position: relative;
	width: 100%;
	}

.nb1:before,.nb2:before,.nb3:before{
	background: #F5F5F5;
	font-size: 24px;font-weight: 100;
	font-family: 'Font Awesome\ 5 Pro';
	padding: 5px;
	display: flex;justify-content:center;align-items:center;
	position: absolute;top: 0;left: 0;bottom: 0;
	width: 42px;
	}

.nb1:before{content: "\f02d";}
.nb2:before{content: "\f002";}
.nb3:before{content: "\f0c5";}

.nav-bn span,.nav-relative small{
	font-size: 11px;
	}


/* index */