@charset "utf-8";

@media screen and (min-width: 768px), print {

/*===== home ============================================*/
.home #contents{padding-top:0; background-color:#fff;}

/* .slide:not(:first-child) {display: none;} */

.home #sec1 {padding:90px 0 170px;border-top:1px solid #ccc;}
.home #sec1 > div{width:1080px;margin:0 auto;}
.home #sec1 > div .f-l{width:600px;font-size:45px;font-weight:900;line-height:160%;letter-spacing:0.03em; text-align: center;}
.home #sec1 > div .f-l br{line-height:125%;}
.home #sec1 > div .f-r{width:480px;}
.home #sec1 > div .f-r p{margin-bottom:35px;}
.home #sec1 > div .f-r div{padding-top:30px;text-align:right;}

.home #sec2{background:#ebf8fb;padding:100px 0 70px;}
.home #sec2 > div{width:1080px;margin:0 auto 0;}
.home #sec2 > div .box1{padding:120px 0 0 60px;height:480px;box-sizing:border-box;background:url(img/home/sec2-bg.jpg) no-repeat center top;position:relative;top:-50px;}
.home #sec2 > div .box1 h2{margin-bottom:20px;}
.home #sec2 > div .box1 h2 > span{display:inline-block;background:#1a7bd0;font-size:20px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.home #sec2 > div .box1 p{color:#03325d;font-size:26px;font-weight:bold;line-height:140%;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.home #sec2 > div .box1 p *{line-height:140%;}
.home #sec2 > div .box1 p span{font-weight:bold;line-height:140%;}
.home #sec2 > div .box1 p strong{font-size:34px;}
.home #sec2 > div .box2{position:relative;width:1040px;margin:20px auto 0;}
.home #sec2 > div .box2 .f-l{width:500px;box-sizing:border-box;}
.home #sec2 > div .box2 .f-l p{margin-bottom:30px;}
.home #sec2 > div .box2 .f-r{width:515px;background:#fff;padding:40px;box-sizing:border-box;position:relative;margin-top:-120px;
/* border: solid 1px #ddd; */}
.home #sec2 > div .box2 .f-r h3{border:3px solid #1a7bd0;color:#1a7bd0;font-size:23px;font-weight:bold;text-align:center;}
.home #sec2 > div .box2 .f-r .box3{width:100%;}
.home #sec2 > div .box2 .f-r .box3 dl{width:50%;float:left;padding:40px 0;}
.home #sec2 > div .box2 .f-r .box3 dl dt{text-align:center;margin-bottom:10px;}
.home #sec2 > div .box2 .f-r .box3 dl dt span{display:inline-block;font-size:20px;font-weight:bold;color:#03325d;border-bottom:2px solid #ccc;position:relative;}
.home #sec2 > div .box2 .f-r .box3 dl dt span::before{content:'';position:absolute;bottom:-6px;left:0;right:0;margin:0 auto;height: 0px;width: 0px;border-top: #ccc 5px solid;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 0px solid transparent;}
.home #sec2 > div .box2 .f-r .box3 dl dd{text-align:center;}
.home #sec2 > div .box2 .f-r .box3 dl dd img{width:170px;height:auto;}
.home #sec2 > div .box2 .f-r .btn1{padding-right:0;}

.home #sec3{background:#ebf8fb;padding-bottom:100px;}
.home #sec3 > div{width:1080px;margin:0 auto;}
.home #sec3 > div .box1{padding:120px 0 0 60px;height:480px;box-sizing:border-box;background:url(img/home/sec3-bg.jpg) no-repeat center top;position:relative;;top:-50px}
.home #sec3 > div .box1 h2{margin-bottom:20px;}
.home #sec3 > div .box1 h2 > span{display:inline-block;background:#1a7bd0;font-size:20px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.home #sec3 > div .box1 p{color:#03325d;font-size:26px;font-weight:bold;line-height:140%;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.home #sec3 > div .box1 p *{line-height:140%;}
.home #sec3 > div .box1 p span{font-weight:bold;line-height:140%;}
.home #sec3 > div .box1 p strong{font-size:34px;}
.home #sec3 > div > ul{width:1040px;margin:-80px auto 0;letter-spacing:-0.4em;position:relative;}
.home #sec3 > div > ul li{display:inline-block;letter-spacing:normal;width:325px;}
.home #sec3 > div > ul li+li{margin-left:32px;}
.home #sec3 > div > ul li img{width:100%;height:auto; border:solid 3px #fff;}
.home #sec3 > div > ul li dl{padding:25px 0 15px;}
.home #sec3 > div > ul li dt{text-align:center;margin-bottom:20px;}
.home #sec3 > div > ul li dt a{color:#03325d;font-size:20px;font-weight:bold;}
.home #sec3 > div > ul li dt{text-align:center;margin-bottom:20px;color:#1a7bd0;font-size:20px;font-weight:bold; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.home #sec3 > div > ul li div{text-align:center;}

.home #sec4 {padding:100px 0 0px;}
.home #sec4 > div{padding:0 0 100px;width:1080px;margin:0 auto;}
.home #sec4 > div .box1{width:650px;height:480px;position:relative;margin-top:-50px;}
.home #sec4 > div .box1 h2{background:url(img/home/sec4-bg.jpg) center right;height:480px;width:3000px;position:absolute;right:0;top:0;text-align:right;}
.home #sec4 > div .box1 h2 img{position:absolute;right:50px;top:0;bottom:0;margin:auto 0;}
.home #sec4 > div .box2{width:350px;padding-top:70px;}
.home #sec4 > div .box2 h2{font-size:34px;font-weight:bold;color:#03325d;}
.home #sec4 > div .box2 .cat{letter-spacing:-0.4em;}
.home #sec4 > div .box2 .cat span{display:inline-block;letter-spacing:normal;width:100px;height:25px;line-height:25px;color:#fff;text-align:center;background:#3194c7;font-size:14px;font-weight:bold;}
.home #sec4 > div .box2 .cat span:first-child{background:#1a7bd0;}
.home #sec4 > div .box2 p+p{margin:20px 0 30px;}

.home #sec5{padding:70px 0 110px;}
.home #sec5 > div{width:1040px;margin:0 auto;}
.home #sec5 > div > div{width:100%;}
.home #sec5 > div > .f-l .h2-wrap{padding-bottom:20px;margin-bottom:10px;border-bottom:2px solid #ccc;}
.home #sec5 > div > .f-l .h2-wrap h2{display:inline-block;font-size:24px;font-weight:bold;color:#03325d;border-right:1px solid #ccc;padding-right:20px;margin-right:20px;line-height:100%; vertical-align: middle;}
.home #sec5 > div > .f-l .h2-wrap a{display:inline-block;border:1px solid #ccc;padding:4px 10px;font-size:13px;border-radius:3px;line-height:100%; vertical-align: middle;background:url(img/home/sec5-btn-icon.png) no-repeat 10px;padding-left:25px;background-size:10px;}
.home #sec5 > div > .f-l li{display:table;padding:13px 0;border-bottom:1px dotted #ccc;width:100%;}
.home #sec5 > div > .f-l li span{display:table-cell; vertical-align: top;width:90px;}
.home #sec5 > div > .f-l li span.cat{width:105px;padding-top:4px;}
.home #sec5 > div > .f-l li span.cat-news > span{background:#3194c7;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li span.cat-recruit > span{background:#1a7bd0;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li span.cat-class > span{background:#73a8f7;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li a{diplay:table-cell; vertical-align: top;text-decoration:underline;}
.home #sec5 > div > .f-l li a:hover{text-decoration:none;}
.home #sec5 > div > .f-r img{width:100%;height:auto;}
.home #sec5 > div > .f-r ul{letter-spacing:-0.4em;margin-left:-19.5px;}
.home #sec5 > div > .f-r ul li{letter-spacing:normal;display:inline-block;width:240px;margin:15px 0 0 19.5px;}
.home #sec5 > div > .f-r ul li:first-child{margin-top:0;}
.home #sec5 > div > .f-r ul li.wide{width:500px;}

.home #sec6{padding:0 0 30px;}
.home #sec6 > div{width:1040px;margin:0 auto;}
.home #sec6 p{text-align: center;}
.home #sec6 p a:hover{text-decoration: underline;}



.sp{display:none!important;}
}








@media screen and (max-width: 767px) {

/*===== home ============================================*/
.home #home-mainimg{position:relative;box-sizing:border-box;}
.home #home-mainimg .logo{display:none;}
.home #home-mainimg h1{position:absolute;width:300px;height:46px;margin:auto;top:0;right:0;bottom:0;left:0;z-index:200;}
.home #home-mainimg .human{overflow: hidden;position:absolute;width:50%;}
.home #home-mainimg .human1{left:0;top:0;}
.home #home-mainimg .human2{right:0;top:0;}
.home #home-mainimg .human3{margin-top:-1px;left:0;}
.home #home-mainimg .human4{right:0;margin-top:-1px;}
.home #home-mainimg .load .i1{background:url(img/home/human1.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i2{background:url(img/home/human2.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i3{background:url(img/home/human3.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i4{background:url(img/home/human4.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i5{background:url(img/home/human5.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i6{background:url(img/home/human6.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i7{background:url(img/home/human7.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .load .i8{background:url(img/home/human8.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:0;animation: moveBg1 0.6s ease .5s forwards;}
.home #home-mainimg .i1{background:url(img/home/human1.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i2{background:url(img/home/human2.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i3{background:url(img/home/human3.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i4{background:url(img/home/human4.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i5{background:url(img/home/human5.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i6{background:url(img/home/human6.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i7{background:url(img/home/human7.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.home #home-mainimg .i8{background:url(img/home/human8.jpg) no-repeat center;background-size:cover;z-index:1000;width:100%;height:100%;opacity:1;}
.slide:not(:first-child) {display: none;}

#home-btn-list{margin-top:-1px;background: -moz-linear-gradient(left, #1a7bd0 0%, #1c466d 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #1a7bd0 0%,#1c466d 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #1a7bd0 0%,#1c466d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-left:-1px;letter-spacing:-0.4em;}
#home-btn-list li{width:33.333333%;border-top:1px solid #6d88a1;border-left:1px solid #6d88a1;display:inline-block;letter-spacing:normal;box-sizing:border-box;}
#home-btn-list li:nth-child(1),#home-btn-list li:nth-child(2){width:50%;}
#home-btn-list li a{padding:20px 0;display:block;}
#home-btn-list li a div{text-align:center;}
#home-btn-list li a p{text-align:center;color:#fff;font-size:14px;padding-top:5px;}

.home #sec1{padding:50px 20px;}
.home #sec1 > div .f-l{font-size:28px;font-weight:900;line-height:125%;text-align:center;margin-bottom:30px;}
/* .home #sec1 > div .f-l br{display:none;} */
.home #sec1 > div .f-r{}
.home #sec1 > div .f-r p{margin-bottom:20px;}
.home #sec1 > div .f-r div{}

.home #sec2{background:#daf8ff;padding-bottom:50px;}
.home #sec2 > div{background:url(img/home/sec2-bg.jpg) no-repeat center top;background-size:auto 180px;padding:160px 20px 0 20px;}
.home #sec2 > div .box1{box-sizing:border-box;position:relative;background:#fff;padding:30px 0;}
.home #sec2 > div .box1 h2{margin-bottom:10px;text-align:center;}
.home #sec2 > div .box1 h2 > span{display:inline-block;background:#1a7bd0;font-size:16px;font-weight:bold;color:#fff;padding:5px 15px;line-height:160%;}
.home #sec2 > div .box1 p{color:#03325d;font-size:16px;font-weight:bold;line-height:140%;text-align:center;}
.home #sec2 > div .box1 p *{line-height:140%;}
.home #sec2 > div .box1 p span{font-weight:bold;line-height:140%;}
.home #sec2 > div .box1 p strong{font-size:20px;}
.home #sec2 > div .box2{position:relative;background:#fff;padding:0 20px 30px;margin-bottom:30px;}
.home #sec2 > div .box2 .f-l{box-sizing:border-box;}
.home #sec2 > div .box2 .f-l p{margin-bottom:20px;}
.home #sec2 > div .box2 .f-r{display:none;}

.home #sec3{background:#daf8ff;padding-bottom:50px;}
.home #sec3 > div{background:url(img/home/sec3-bg.jpg) no-repeat center top;background-size:auto 180px;padding:160px 20px 0 20px;}
.home #sec3 > div .box1{box-sizing:border-box;position:relative;background:#fff;padding:30px 0;}
.home #sec3 > div .box1 h2{margin-bottom:10px;text-align:center;}
.home #sec3 > div .box1 h2 > span{display:inline-block;background:#1a7bd0;font-size:16px;font-weight:bold;color:#fff;padding:5px 15px;line-height:160%;}
.home #sec3 > div .box1 p{color:#03325d;font-size:16px;font-weight:bold;line-height:140%;text-align:center;}
.home #sec3 > div .box1 p *{line-height:140%;}
.home #sec3 > div .box1 p span{font-weight:bold;line-height:140%;}
.home #sec3 > div .box1 p strong{font-size:20px;}
.home #sec3 > div > ul{position:relative;background:#fff;padding:0 20px 30px;}
.home #sec3 > div > ul li{}
.home #sec3 > div > ul li+li{margin-top:30px;}
.home #sec3 > div > ul li img{width:100%;height:auto;}
.home #sec3 > div > ul li dl{}
.home #sec3 > div > ul li dt a{margin:10px 0 0;padding-right:20px;color:#03325d;font-size:17px;font-weight:bold;display:inline-block;background:url(img/circle-arrow-bl-s.png) no-repeat right center;background-size:16px;line-height:100%;}
.home #sec3 > div > ul li dt{margin:20px 0 10px 0;padding-right:20px;color:#1a7bd0;font-size:17px;font-weight:bold;display:inline-block;line-height:100%;}
.home #sec3 > div > ul li div{height:145px;overflow:hidden;position:relative;width:100%;border:1px solid #b9dede;box-sizing:border-box;}
.home #sec3 > div > ul li div img{top:0;right:0;bottom:0;left:0;margin:auto 0;position:absolute;}
.home #sec3 > div > ul li div.t-c{display:none;}

.home #sec4 {background:#daf8ff;}
.home #sec4 > div{}
.home #sec4 > div .box1{height:180px;position:relative;}
.home #sec4 > div .box1 h2{background:url(img/home/sec4-bg.jpg) center right;height:180px;width:100%;position:absolute;top:0;background-size:auto 180px;}
.home #sec4 > div .box1 h2 img{position:absolute;width:280px;height:auto;right:0;top:0;left:0;bottom:0;margin:auto;}
.home #sec4 > div .box2{padding:0 20px 50px;position:relative;margin-top:-20px;}
.home #sec4 > div .box2 > div{background:#fff;padding:30px 20px;}
.home #sec4 > div .box2 h2{font-size:20px;text-align:center;font-weight:bold;color:#03325d;}
.home #sec4 > div .box2 .cat{letter-spacing:-0.4em;text-align:center;}
.home #sec4 > div .box2 .cat span{display:inline-block;letter-spacing:normal;width:100px;height:25px;line-height:25px;color:#fff;text-align:center;background:#3194c7;font-size:10px;font-weight:bold;}
.home #sec4 > div .box2 .cat span:first-child{background:#1a7bd0;}
.home #sec4 > div .box2 p+p{margin:20px 0 20px;}
.home #sec5{padding:50px 0;}
.home #sec5 > div{}
.home #sec5 > div > .f-l{padding:0 20px;margin-bottom:30px;}
.home #sec5 > div > .f-l .h2-wrap{padding-bottom:10px;margin-bottom:5px;border-bottom:2px solid #ccc;}
.home #sec5 > div > .f-l .h2-wrap h2{display:inline-block;font-size:17px;font-weight:bold;color:#03325d;border-right:1px solid #ccc;padding-right:20px;margin-right:20px;line-height:100%; vertical-align: middle;}
.home #sec5 > div > .f-l .h2-wrap a{display:inline-block;border:1px solid #ccc;padding:4px 10px;font-size:12px;border-radius:3px;line-height:100%; vertical-align: middle;background:url(img/home/sec5-btn-icon.png) no-repeat 10px;padding-left:25px;background-size:10px;}
.home #sec5 > div > .f-l li{padding:13px 0;border-bottom:1px dotted #ccc;width:100%;}
.home #sec5 > div > .f-l li span{display:inline-block; vertical-align: top;width:90px;}
.home #sec5 > div > .f-l li span.cat{width:105px;padding-top:4px;}
.home #sec5 > div > .f-l li span.cat-news > span{background:#3194c7;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li span.cat-recruit > span{background:#1a7bd0;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li span.cat-class > span{background:#73a8f7;color:#fff;text-align:center;width:90px;font-size:12px;}
.home #sec5 > div > .f-l li a{display:block; vertical-align: top;}
.home #sec5 > div > .f-l li a:hover{text-decoration:underline;}
.home #sec5 > div > .f-r{padding:0 15px;}
.home #sec5 > div > .f-r img{width:100%;height:auto;}
.home #sec5 > div > .f-r ul{letter-spacing:-0.4em;}
.home #sec5 > div > .f-r ul li{letter-spacing:normal;display:inline-block;width:50%;box-sizing:border-box;padding:5px;}
.home #sec5 > div > .f-r ul li:first-child{margin-top:0;}
.home #sec5 > div > .f-r ul li.wide{width:100%;}

.home #sec6{padding:0 20px 50px;}
.home #sec6 p{text-align: left;}
.home #sec6 p a:hover{text-decoration: underline;}





.pc{display:none!important;}
}


@media screen and (max-width: 360px) {
.home #sec1 {padding: 50px 15px;}
.home #sec2 > div {padding:160px 15px 0 15px;}
.home #sec2 > div .box2 {padding: 0 15px 30px;}
.home #sec2 > div .box1 p strong {letter-spacing: -0.1em;}
.home #sec3 > div {padding:160px 15px 0 15px;}
.home #sec3 > div > ul {padding: 0 15px 30px;}
.home #sec4 > div .box2 {padding: 0 15px 50px;}
.home #sec4 > div .box2 > div {padding: 30px 15px;}
.home #sec5 > div > .f-l {padding: 0 15px;}
.home #sec5 > div > .f-r {padding: 0 10px;}
}

@media print {
	.home #home-mainimg {
		display: flex;
		height: auto!important;
		flex-wrap: wrap;
	}
	.home #home-mainimg .human {
		position: static;
		display: block;
		width: 50%;
		height: auto!important;
	}
	.home #home-mainimg .bx-viewport,
	.home #home-mainimg .i1,
	.home #home-mainimg .i2,
	.home #home-mainimg .i3,
	.home #home-mainimg .i4,
	.home #home-mainimg .i5,
	.home #home-mainimg .i6,
	.home #home-mainimg .i7,
	.home #home-mainimg .i8 {
		max-width: 100%!important;
		max-height: 485px;
	}
}

@keyframes moveBg1{
    0%    { transform: scale(1.2);}
    100%  { transform: scale(1.0);opacity:1; }
}




/* ==================================================
	未整理（トップページ関連）
================================================== */

/* トップページ：メインビジュアル */
.top-visual {
	height: 62vw;
/* 	margin-top: 55px; */
	padding: 0;
}
.top-visual::before {
	display: none;
}


.top-visual .catch {
	position: absolute;
	bottom: -28px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	z-index: 10;
}
.top-visual .catch img {
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
}
.top-visual .catch .button {
	border: #fff 1px solid;
	font-weight: normal;
	color: #fff;
}



.top-visual .inclination-b > div::after {
	background-color: #1a7bd0;
}

@media print, screen and (min-width: 768px) {
	.top-visual .inclination-b {
		z-index: 12;
	}
}

#top_slider {
	position: relative;
	margin: 0;
	padding: 0;
}

#top_slider li{
/* 	position: absolute; */
	top: 0;
	display: inline;
}

.top-visual-menu {
	padding-bottom: 30px;
	padding-top: 125px;
	background-color: #1a7bd0;
	text-align: center;
}
.top-visual-menu nav li {
	width: 48%;
	padding: 3px 3px 3px 0;
}
.top-visual-menu nav li:nth-child(even) {
  padding: 3px 0 3px 3px;
}
.top-visual-menu nav li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 5px;
	background-color: #fff;
	text-decoration: none;
	color: #1a7bd0;
}
.top-visual-menu nav li a::before, .top-visual-menu nav li a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
.top-visual-menu nav li a::before {
	right: 10px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #1a7bd0;
	border-right: 1px solid #1a7bd0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media print, screen and (min-width: 768px) {
.top-visual {
	height: 55.6vw;
	min-height: 610px;
	margin: 0;
}
.top-visual .inclination-b > div::after {
	background-color: #f2f7f6;
}
.top-visual .catch {
	position: absolute;
	top: calc(65% + 45px);
	left: 50%;
	transform : translate(-50%,-40%);
	-ms-transform: translate(-50%,calc(-50% + 45px));
	-webkit-transform : translate(-50%,calc(-50% + 45px));
	transform : translate(-50%,calc(-50% + 45px));
	margin: 0;
	padding: 0;
	z-index: 10;
}
.top-visual .catch img {
	width: 45vw;
	min-width: 590px;
	max-width: 580px;
	height: auto;
	padding-bottom: 40px;
}
.top-visual-menu {
	display: none;
}
}


/* ==================================================
	基本パーツ
================================================== */
/* 斜めボックス ベース */
.main-box {
	position: relative;
	padding: 0;/* text-align: center; */
}
.main-box.b {
	padding: 0 0 8vw 0;
}
.main-box.tb {
	padding: 8vw 0;
}
.main-box .in-box {
	padding: 40px 20px;
}
.main-box > div > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.main-box > div.inclination-t, .main-box > div.inclination-b {
	padding: 0;
}
.main-box > div > p {
/* padding-bottom: 30px; */
}

@media print, screen and (min-width: 768px) {
.main-box {
	padding: 0;
}
.main-box .in-box {
	margin: 0 auto;
	width: 1080px;
	padding: 90px 0;
}
.main-box > .inclination-t,  .main-box > .inclination-b {
	width: 100%;
	padding: 0;
}
}
/* 斜めボックス パーツ */
.main-box > .inclination-t, .main-box > .inclination-b {
	position: absolute;
	height: 8vw;
	width: 100%;
	padding: 0;
	overflow: hidden;
	left: 0;
}
.main-box > .inclination-t > div::after, .main-box > .inclination-b > div::after {
	content: '';
	position: absolute;
	left: -5%;
	right: -5%;
	height: 430px;
	transform: rotate(-4.5deg);
	background-color: #f2f7f6;
}
.main-box > .inclination-t {
	top: 0;
}
.main-box > .inclination-b {
	bottom: -1px;
}
.main-box > .inclination-t > div::after {
	top: -431px;
	transform-origin: 100% 100%;
}
.main-box > .inclination-b > div::after {
	bottom: -431px;
	transform-origin: 0 0;
}

@media print, screen and (min-width: 768px) {
.main-box > .inclination-t,  .main-box > .inclination-b {
	height: 8.98vw;
	min-height: 115px;
}
}