@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:#279AC4;color:#fff;}
::-moz-selection {background:#279AC4;color:#fff;}

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

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:#279AC4;
	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-news{background: url(../images/sec-news.jpg) center top no-repeat;}

.sec-business:before{background: #1D6EB9;z-index: 1;}
.sec-business:after{background: url(../images/sec-business.jpg) center center /cover no-repeat;opacity:.75;z-index: 2;}


.sec-business h3{color:#FFF;}
	@media only screen and (max-width:575px)	{.sec-business h3{color:#212121;text-align: center;}}

.sec-business h3 small{}
	@media only screen and (max-width:767px)	{.sec-business h3 small{color:#42A3DA;
	}}



.ssc-box{display: block;}
.ssc-img{display: block;background: #1D6EB9;}

.ssc-img img{opacity:.66;width: 100%;height: auto;}

.ssc-box:hover .ssc-img img{opacity:1;}

.ssc-box dl{display: table;background: #FFF;width: 100%;}

.ssc-box dt,.ssc-box dd{display: table-cell;vertical-align: middle;}

.ssc-box dt{text-align: center;width: 66px;}
	@media only screen and (max-width:1199px)	{.ssc-box dt{width: 60px;}}
	@media only screen and (max-width:991px)	{.ssc-box dt{width: 48px;}}
	@media only screen and (max-width:767px)	{.ssc-box dt{width: 42px;}}
	@media only screen and (max-width:575px)	{.ssc-box dt{width: 36px;}}

.ssc-box dt strong{display: block;position: relative;background: #1D6EB9;padding: 10px;color:#FFF;line-height: 1;font-size: 27px;line-height: 1;width: 66px;}
	@media only screen and (max-width:1199px)	{.ssc-box dt strong{font-size: 24px;padding: 20px 10px;width: 60px;}}
	@media only screen and (max-width:991px)	{.ssc-box dt strong{font-size: 21px;padding: 20px 10px;width: 48px;}}
	@media only screen and (max-width:767px)	{.ssc-box dt strong{font-size: 18px;padding: 20px 10px;width: 42px;}}
	@media only screen and (max-width:575px)	{.ssc-box dt strong{font-size: 15px;padding: 15px 10px;width: 36px;}}

.ssc-box dt strong:before{content: "";border-width: 8px;border-style: solid;border-color: transparent #0F599D #0F599D transparent;position: absolute;right: 0;bottom: 0;}

.ssc-box dt strong span{display: inline-block;border-bottom: 1px solid #FFF;padding: 5px 0;}

.ssc-box dd{padding: 10px;}

.ssc-box dd strong{display: flex;width: 100%;justify-content:space-between;align-items:center;}

.ssc-title{font-size: 18px;line-height: 1.5;color:#1D6EB9;}
	@media only screen and (max-width:1199px)	{.ssc-title{font-size: 16px;}}
	@media only screen and (max-width:767px)	{.ssc-title{font-size: 14px;line-height: 1.25;}}

.line-arrow{display: block;background: url(../images/cmn/line-arrow.png) right bottom no-repeat;width: 93px;height: 11px;}
	@media only screen and (max-width:1199px)	{.line-arrow{width: 54px;height: 9px;}}
	@media only screen and (max-width:991px)	{.line-arrow{width: 42px;height: 7px;}}
	@media only screen and (max-width:767px)	{.line-arrow{width: 15px;height: 5px;}}
	@media only screen and (max-width:575px)	{.line-arrow{width: 24px;height: 3px;}}


.sec-products{background: #DFF0FF;}
.sec-products:before{background: url(../images/sec-products.jpg) center center /cover no-repeat;opacity:.66;z-index: 2;}


.product-cap{background: #FFF;font-size: 14px;line-height: 20px;padding: 11px;text-align: center;}


/* business */
.sec-business1{background-color: #F5F5F5;margin-top: 1px;}
.sec-business1:before{background: url(../images/business01.jpg) center center /cover no-repeat;z-index: 2;}

.sec-business3{background-color: #F5F5F5;margin-top: 1px;}
.sec-business3:before{background: url(../images/business03.jpg) center center /cover no-repeat;z-index: 2;}

.sec-business5{background-color: #F5F5F5;margin-top: 1px;}
.sec-business5:before{background: url(../images/business05.jpg) center center /cover no-repeat;z-index: 2;}

.sec-business7{background-color: #F5F5F5;margin-top: 1px;}
.sec-business7:before{background: url(../images/business07.jpg) center center /cover no-repeat;z-index: 2;}


.ex-box{display: block;position: relative;}
.ex-img{display: block;}

.ex-img img{width: 100%;height: auto;}

.ex-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content:center;align-items:center;font-size: 18px;line-height: 1.5;background: rgba(0,0,0,.33);color:#FFF;font-weight: bold;opacity:0;}
	@media only screen and (max-width:991px)	{.ex-title{opacity:1;background: rgba(0,0,0,.1);}}

.ex-box:hover .ex-title{background: rgba(0,0,0,.33);opacity:1;}



.box-hl{box-shadow:0 0 12px rgba(0,0,0,.1);padding: 1px;display: table;width: 100%;}

.box-hl dt,.box-hl dd{display: table-cell;vertical-align: middle;}

.box-hl dt{width: 33%;}

.box-hl dt img{width: 100%;height: auto;}

.box-hl dd{padding: 0 30px;font-size: 21px;}
	@media only screen and (max-width:991px)	{.box-hl dd{font-size: 18px;padding: 0 15px;}}
	@media only screen and (max-width:767px)	{.box-hl dd{font-size: 16px;}}






.qc-cap{background: #F5F5F5;font-size: 14px;line-height: 20px;padding: 20px;text-align: center;}



.type th,.type td{text-align: center;}


.swiper-button-next, .swiper-button-prev {
    color: #212121 !important;
}


.h-nengo,.h-ad,.h-month{display: inline-block;}
.h-nengo{width: 2.33em;text-align: right;}
.h-ad{width: 5.33em;text-align: center;}
.h-month{width: 2.33em;text-align: right;}


/* 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 */
.nav-pills .nav-item{margin-right:5px;margin-bottom:5px;}
	@media only screen and (max-width:767px)	{.nav-pills .nav-item{margin-right:2px;margin-bottom:2px;}}

.nav-pills .nav-link{color:#666;border-radius:0;font-size:16px;line-height: 1;padding:15px;width:225px;font-weight: bold;}
	@media only screen and (max-width:991px)	{.nav-pills .nav-link{width: auto;}}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link{font-size: 14px;padding: 10px;}}

.nav-topics		{background: rgba(55,173,215,.2);}
.nav-training	{background: rgba(238,157,43,.2);}
.nav-member		{background: rgba(140,192,89,.2);}

.nav-topics:hover,.nav-topics:active,.nav-topics:focus			{background: rgba(55,173,215,.5);}
.nav-training:hover,.nav-training:active,.nav-training:focus	{background: rgba(238,157,43,.5);}
.nav-member:hover,.nav-member:active,.nav-member:focus			{background: rgba(140,192,89,.5);}

.nav-pills .nav-link small{
	border-top: 1px solid #999;border-radius:0;
	font-size:12px;line-height: 0.75;
	margin-top: 10px;padding-top: 10px;
	display: block;
	}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link small{font-size: 10px;margin-top: 5px;padding-top: 5px;}}

.nav-topics.active		{background: rgba(55,173,215,1) !important;}
.nav-training.active	{background: rgba(238,157,43,1) !important;}
.nav-member.active		{background: rgba(140,192,89,1) !important;}

.nav-pills .nav-link.active small{border-color: #FFF;}


.tab-content{padding-top:30px;}


/* gyoukai */
.moji{vertical-align: middle;width: auto;height: 16px;line-height: 1;font-size: 1em;margin-bottom: 2px;}
	@media only screen and (max-width:767px)	{.moji{height: 14px;}}
	@media only screen and (max-width:767px)	{.moji{height: 10px;}}

.cmn-tb.lst{border-left: 1px solid #DDD;}

.cmn-tb.lst th,.cmn-tb.lst td{line-height:1.5;border-right: 1px solid #DDD;}
	@media only screen and (max-width:1199px)	{.cmn-tb.lst th,.cmn-tb.lst td{font-size: 14px;}}
	@media only screen and (max-width:991px)	{.cmn-tb.lst th,.cmn-tb.lst td{font-size: 12px;padding: 9px;}}
	@media only screen and (max-width:575px)	{.cmn-tb.lst th,.cmn-tb.lst td{padding: 4px 2px;font-size: 10px;white-space: nowrap;}}

.cmn-tb.lst th{}
	@media only screen and (max-width:575px)	{.cmn-tb.lst th{}}

.cmn-tb.lst td{min-width:9em;}
	@media only screen and (max-width:575px)	{.cmn-tb.lst td{}}


/* bukai */
.td-iin{width: 16em;}

/* member */


/* contact */



/* results */
.tit-results{
	color:#FFF;
	font-size: 21px;line-height: 1;
	margin:75px 0 30px;padding: 20px;
	}
	@media only screen and (max-width:991px)	{.tit-results{font-size: 18px;margin:60px 0 30px;padding: 15px;}}
	@media only screen and (max-width:767px)	{.tit-results{font-size: 15px;margin:45px 0 15px;padding: 10px;}}
.tit-results:first-of-type{margin-top: 0;}
.tit-results small{
	border-top: 1px solid #FFF;
	font-size: 14px;line-height: 0.75;font-weight: normal;
	margin-top: 10px;padding-top: 10px;
	display: block;
	}
	@media only screen and (max-width:991px)	{.tit-results small{font-size: 13px;margin-top: 7.5px;padding-top: 7.5px;}}
	@media only screen and (max-width:767px)	{.tit-results small{font-size: 12px;margin-top: 5px;padding-top: 5px;}}

.tit-topics{
	background: rgba(55,173,215,1) !important;
	}
.tit-training{
	background: rgba(238,157,43,1) !important;
	}
.tit-member{
	background: rgba(140,192,89,1) !important;
	}



/* over-image-text */
.over-image-text{padding:45px 0;}
	@media only screen and (max-width:991px)	{.over-image-text{padding:0;}
	}

.over-image-text-lg{padding:90px 0;}
	@media only screen and (max-width:991px)	{.over-image-text-lg{padding:0;}
	}

.over-image-text-xl{padding:135px 0;}
	@media only screen and (max-width:991px)	{.over-image-text-xl{padding:0;}
	}


/* over-text-image */
.over-text-image{padding:45px 0;}
	@media only screen and (max-width:991px)	{.over-text-image{padding:0;}
	}

.over-text-image-lg{padding:90px 0;}
	@media only screen and (max-width:991px)	{.over-text-image-lg{padding:0;}
	}

.over-text-image-xl{padding:135px 0;}
	@media only screen and (max-width:991px)	{.over-text-image-xl{padding:0;}
	}


.img-left,.img-right{position:absolute;top:0;bottom:0;display:flex;}

.img-left{left:-460px;right:30px;}
.img-right{left:30px;right:-460px;}
	@media only screen and (max-width:1899px)	{
		.img-left{left:-410px;}
		.img-right{right:-410px;}
	}
	@media only screen and (max-width:1799px)	{
		.img-left{left:-360px;}
		.img-right{right:-360px;}
	}
	@media only screen and (max-width:1699px)	{
		.img-left{left:-310px;}
		.img-right{right:-310px;}
	}
	@media only screen and (max-width:1599px)	{
		.img-left{left:-260px;}
		.img-right{right:-260px;}
	}
	@media only screen and (max-width:1499px)	{
		.img-left{left:-210px;}
		.img-right{right:-210px;}
	}
	@media only screen and (max-width:1399px)	{
		.img-left{left:-160px;}
		.img-right{right:-160px;}
	}
	@media only screen and (max-width:1299px)	{
		.img-left{left:-110px;}
		.img-right{right:-110px;}
	}
	@media only screen and (max-width:1199px)	{
		.img-left{left:-60px;}
		.img-right{right:-60px;}
	}
	@media only screen and (max-width:991px)	{
		.img-left,.img-right{position:static;display:block;margin:0 -40px;}
		.img-left .bg-cover,.img-right .bg-cover{height:300px;}
	}
	@media only screen and (max-width:767px)	{
		.img-left,.img-right{margin:0 -15px;}
		.img-left .bg-cover,.img-right .bg-cover{height:150px;}
	}






