@charset "utf-8";
/*main css*/

/**
 * Maincommon
 */
#main section{padding:12rem 0;}

.section .slick-list{padding-bottom:1.5rem !important;}
.section .slick-prev, 
.section .slick-next {top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.7); font-size:0; line-height:0; position:absolute; display:block; width:6rem; height:6rem; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; outline:none; z-index:50; border:1px solid #ccc; box-sizing:border-box; border-radius:0;}
.section .slick-prev:before, 
.section .slick-next:before {padding: 0 13px; font-size: 2.4rem; line-height: 1; color:#555; opacity:1;}
.section .slick-prev{left: 2%;}
.section .slick-next{right: 2%;}
.section .slick-prev:hover, 
.section .slick-next:hover{background:#2a2c93;}
.section .slick-prev:hover:before, 
.section .slick-prev:focus:before, 
.section .slick-next:hover:before, 
.section .slick-next:focus:before {color:#fff;}

.tit-box{margin-bottom:4rem; text-align:center;}
h3.main-h3{padding-bottom:2rem; margin-bottom:3rem; position:relative; line-height:1.2; font-size:4.8rem; font-weight:600; text-align:center; color:#333; }
h3.main-h3:after{position:absolute; bottom:0; left:50%; transform: translateX(-50%); display:block; content:"";width:40px; height:5px; background:#2a2c93;}
h4{position:relative; padding-bottom:2rem; font-size:2.2rem;  font-weight:600; box-sizing:border-box;}
h4.bullet:after{position:absolute; bottom:1rem; left:50%; transform: translateX(-50%); display:block; content:"";width:40px; height:2px; background:#fff;}

/* sec0 */
#main #m-sec0{padding:0;position: relative;}
#m-sec0 .visual{position: relative; background-size:cover !important; position: relative;padding-top:45%;}
#m-sec0 .bg1{background:url("../img/main/m-visual01.png") no-repeat;}
#m-sec0 .bg2{background:url("../img/main/m-visual01.png") no-repeat;}
#m-sec0 div.visual-box{position: absolute; width:48rem; top: 58%; transform: translateY(-50%); padding:5rem 6rem; border-radius:3rem; box-sizing:border-box; background: #fff;}
#m-sec0 div.visual-text-box .title{font-size: 4.6rem;}
#m-sec0 div.visual-text-box .sub-text{margin-top:2rem; margin-bottom: 5rem; }
#m-sec0 div.visual-text-box .sub-text span{display:block;}
#m-sec0 div.visual-text-box a.visual-btn{padding:1rem 1.5rem; }
#m-sec0 div.visual-text-box a.visual-btn:hover{background:#212e4e !important ; transition: all 0.3s ease; }

#m-sec0 .slick-prev{left: 2%;}
#m-sec0 .slick-next{right: 2%;}

/* sec1 */
#m-sec1 {position:relative; overflow:hidden;}
#m-sec1:after{position:absolute; display:block; width:200%; height:60%; top:0; left:-50%; background:#2a2c93; z-index:-1; content:"";}
#m-sec1 .tit-box,
#m-sec1 .tit-box h3.main-h3{color:#fff;}
#m-sec1 h3.main-h3:after{background:#fff;}
#m-sec1 div.cont-box{padding-top:6rem;}
#m-sec1 .strong-box{width:23%; border-radius:2rem; background:#fff; box-shadow: 0 0 18px #ccc; font-size:1.6rem;}
#m-sec1 .strong-box .img-box{padding-top:23rem; background:url("../img/main/img-strong01.png") center center no-repeat; background-size:cover;}
#m-sec1 .strong-box:nth-child(2) .img-box{background:url("../img/main/img-strong02.png") center center no-repeat; background-size:cover;}
#m-sec1 .strong-box:nth-child(3) .img-box{background:url("../img/main/img-strong03.png") center center no-repeat; background-size:cover;}
#m-sec1 .strong-box .ico-box{width:11rem; padding-top:11rem; margin:8% auto; background:url("../img/main/ico-strong.png") ; background-size:auto 11rem; background-position:0, 0;}
#m-sec1 .strong-box:nth-child(2) .ico-box{background-position:-11rem 0;}
#m-sec1 .strong-box:nth-child(3) .ico-box{background-position:-22rem 0;}
#m-sec1 .strong-box:nth-child(4) .ico-box{background-position:-33rem 0;}
#m-sec1 h4{padding-bottom:0; line-height:1.2;}
#m-sec1 .strong-box .text-box{padding:0rem 2.6rem 8%; text-align:center; box-sizing:border-box;}
#m-sec1 .strong-box .text-box dt{padding-bottom:2rem;}
#m-sec1 .strong-box .text-box dt p.impact{font-size:5rem; color:#c90f0f;}
#m-sec1 .strong-box .text-box dd ul.list li{line-height:1.2;}

#m-sec1-ex{overflow:hidden; padding-top:0;}
#m-sec1-ex .expt-bottom{padding-bottom:3rem;}
#m-sec1-ex .ex-box{position:relative; margin-bottom:4rem;}
#m-sec1-ex .ex-box:nth-child(even){flex-direction:row-reverse;}
#m-sec1-ex .ex-box .img-box{width:33%; border-radius:3rem; box-shadow:0 0 10px #ccc; background:#fff;}
#m-sec1-ex .ex-box .img-box dl dt{width:100%; overflow:hidden;}
#m-sec1-ex .ex-box .img-box dt img{width:100%;}
#m-sec1-ex .ex-box .img-box dl dd{font-weight: 600; margin-top: -5.7rem;  padding-bottom: 3rem; text-align: center; font-size:2rem;}
#m-sec1-ex .ex-box .txt-box{width:67%;}
#m-sec1-ex .ex-box .txt-box:before{display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:150%; height:31rem; background:#e8f0fa; z-index:-1; content:"";}
#m-sec1-ex .ex-box:nth-child(even) .txt-box:before{left:auto; right:0;}
#m-sec1-ex .ex-box .txt-box > .flex > div{width:30%; height:31rem; padding:4%; text-align:center;  box-sizing:border-box;}
#m-sec1-ex .ex-box:nth-child(3) .txt-box > .flex > div:nth-child(1){width:auto;}
#m-sec1-ex .ex-box .txt-box .powerservice{background:rgba(255,255,255,0.4); border-radius:3rem; box-shadow:0 0 10px #ccc;}
#m-sec1-ex .ex-box .txt-box dl{height:100%;}
#m-sec1-ex .ex-box .txt-box dl dt{padding-bottom:1rem; font-size:2rem;}
#m-sec1-ex .ex-box .txt-box dl dd{height:85%;}
#m-sec1-ex .ex-box .txt-box dl dd div{font-weight:600;}
#m-sec1-ex .ex-box .txt-box dl dd p{line-height:1.4; padding:0.4rem 0; font-size:1.6rem; color:#999;}
#m-sec1-ex .ex-box:nth-child(3) .txt-box dl dd p,
#m-sec1-ex .ex-box:nth-child(3) .txt-box dl dd div{padding:1rem 0;}

/* #m-sec-2 */
#m-sec2{position:relative; background: #f9f9f9;}
#m-sec2 .inner > .flex{border-radius:3rem; box-shadow:0 0 10px #ccc; background:url("../img/main/bg-info.png") right -110% no-repeat #fff; background-size:29%; overflow:hidden;}
#m-sec2 .tit-box{text-align:left; color:#fff;}
#m-sec2 h3.main-h3{text-align:left;}
#m-sec2 h3.main-h3:after{left:2.4rem;}
#m-sec2 .link-box a.bg-white{font-weight:600; color:#2a2c93 !important;}
#m-sec2 .link-box a.btn-line{background:#2a2c93; border:2px solid #fff; color:#fff !important;}
#m-sec2 h3.main-h3{color:#fff;}
#m-sec2 h3.main-h3:after{left:2.4rem; background-color:#fff;}
#m-sec2 .inner > .flex > div.left{width:33%; background:#2a2c93; padding:4%; box-sizing:border-box;}
#m-sec2 .inner > .flex > div.right{width:66.6%; padding:0;}
#m-sec2 .intro-box{width:50%; padding:4%; box-sizing:border-box;}
#m-sec2 .intro-box:nth-child(1){width:100%; border-bottom:1px solid #ccc;}
#m-sec2 .intro-box:nth-child(2){border-right:1px solid #ccc;}
#m-sec2 .intro-box .ico-area p{color:#2a2c93;}
#m-sec2 .intro-box .ico-area .ico-box{width:11rem; padding-top:11rem; border-radius:50%; position:relative; background-image:url("../img/main/ico-eng.png"); background-color: #eee; background-size:auto 8rem; background-position:12px 12px; background-repeat: no-repeat;}
#m-sec2 .intro-box:nth-child(2) .ico-area .ico-box{background-position:-106px 12px;}
#m-sec2 .intro-box:nth-child(3) .ico-area .ico-box{background-position:-216px 12px;}
#m-sec2 .intro-box .ico-area{align-items: end;}
#m-sec2 .intro-box dl{padding-top:2rem; padding-left: 2rem; box-sizing:border-box;}
#m-sec2 .intro-box dt{font-size:2.2rem; font-weight:800;}

/*
#m-sec2{position:relative; background: url("../img/main/bg-sec2.png") left center no-repeat #fafaf9; background-size: 50% 100%; border-top:1px solid #ccc;}
#m-sec2 .inner > .flex > div{width:50%;}
#m-sec2 .inner > .flex > div.left{position:relative; box-sizing:border-box;}
#m-sec2 .black-box{position:absolute; bottom:-6rem; padding:2rem 3rem; background:rgba(0,0,0,0.5); text-align:center; color:#fff; box-sizing:border-box;}
#m-sec2 .inner > .flex > div.right{padding:0 9rem; text-align:left; box-sizing: border-box;}
#m-sec2 .cont-box{padding-bottom:8rem;}
#m-sec2 .cont-box div.button-box{padding-top:2rem;}
#m-sec2 .cont-box div.button-box a{display:inline-block; padding:1.0rem 1.4rem; border:1px solid #2a2c93; box-sizing:border-box;}
#m-sec2 .slick-prev, #m-sec2 .slick-next{top:auto; bottom:-12rem;}
#m-sec2 .slick-prev{left:0;}
#m-sec2 .slick-next{left:6rem; right:auto;}*/


/*#m-sec-3 */
#m-sec3{background:url("../img/main/bg-sec3.png") center center no-repeat; background-size:cover; text-align:center; color:#fff;}
#m-sec3 h3.main-h3{color:#fff;}
#m-sec3 div.tit-box p{width:55%; margin:0 auto;}
#m-sec3 div.step-box{margin-top:5rem; align-items: flex-end;}
#m-sec3 div.step-box dl{width: 25%; display: flex; flex-direction: column; align-items: center;}
#m-sec3 div.step-box dd ul.flex.half{flex-wrap:wrap;}
#m-sec3 div.step-box dd ul.flex li{width:100%;}
#m-sec3 div.step-box dd ul.flex.half li{width:50%;}
#m-sec3 div.step-box dl dd ul.flex li .ico-box{width:8rem; margin:1rem auto; padding-top:8rem; background:url("../img/main/ico-system.png") 0 0 no-repeat; background-size: auto 8rem; }
#m-sec3 div.step-box dl dd ul.flex.half li:nth-child(2) .ico-box{background-position:-8rem 0;}
#m-sec3 div.step-box dl dd ul.flex.half li:nth-child(3) .ico-box{background-position:-16rem 0;}
#m-sec3 div.step-box dl dd ul.flex.half li:nth-child(4) .ico-box{background-position:-24rem 0;}
#m-sec3 div.step-box dl:nth-child(4) dd ul.flex li .ico-box{background-position:-32rem 0;}
#m-sec3 div.step-box dl:nth-child(2) dd ul.flex li .white-logo-box{width:16rem; padding-top:8rem; background:url("../img/main/logo-white.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.step-box dl:nth-child(3) dd ul.flex{flex-wrap:wrap;}
#m-sec3 div.step-box dl:nth-child(3) dd ul.flex li .ico-box{width:16rem; padding-top:6rem; background:url("../img/main/logo-sk.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.step-box dl:nth-child(3) dd ul.flex li:nth-child(2) .ico-box{background:url("../img/main/logo-o.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.step-box dl:nth-child(3) dd ul.flex li:nth-child(3) .ico-box{background:url("../img/main/logo-lg.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.step-box dt{position:relative; width:15rem; margin-top:5rem; padding:1.5rem 0; border:1px solid #fff; color:#fff; box-sizing:border-box;}
#m-sec3 div.step-box dt:before{display:block; position:absolute; top:50%; right:-100%; width:1rem; height:1rem; transform:translateY(-50%); background:#fff; content:"";}
#m-sec3 div.step-box dt:after{display:block; position:absolute; top:50%; right:-100%;  width:100%; height:1px; background:#fff; content:"";}
#m-sec3 div.step-box dl:last-child dt:before,
#m-sec3 div.step-box dl:last-child dt:after{display:none;}

#m-sec3 div.summary-box{width: 33%; position:relative;}
#m-sec3 div.summary-box.customer li .ico-box{width:8rem; margin:1rem auto; padding-top:8rem; background:url("../img/main/ico-system.png") 0 0 no-repeat; background-size: auto 8rem; }
#m-sec3 div.summary-box.customer li:nth-child(2) .ico-box{background-position:-8rem 0;}
#m-sec3 div.summary-box.customer li:nth-child(3) .ico-box{background-position:-16rem 0;}
#m-sec3 div.summary-box.customer li:nth-child(4) .ico-box{background-position:-24rem 0;}
#m-sec3 div.summary-box.customer li:nth-child(2),
#m-sec3 div.summary-box.customer li:nth-child(3){padding-right:33%;}
#m-sec3 div.summary-box.phone{}
#m-sec3 div.summary-box.phone .img-box{width:100%; padding-top:110%; background:url("../img/main/img-phone.png") center center no-repeat; background-size: contain; z-index:1;}
#m-sec3 div.summary-box.tel-brand{width:15%;}
#m-sec3 div.summary-box.tel-brand ul.flex li .ico-box{width:16rem; padding-top:6rem; background:url("../img/main/logo-sk.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.summary-box.tel-brand ul.flex li:nth-child(2) .ico-box{background:url("../img/main/logo-o.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.summary-box.tel-brand ul.flex li:nth-child(3) .ico-box{background:url("../img/main/logo-lg.png") 0 0 no-repeat; background-size: contain;}
#m-sec3 div.summary-box.tel-brand  dd div{width:15rem; padding-top: 60%;}
#m-sec3 div.summary-box.user{width:15%;}
#m-sec3 div.summary-box.user dd ul.flex li{width:15rem; padding-top:7%;}
#m-sec3 div.summary-box.user dd ul.flex li .ico-box{width:8rem; margin:1rem auto; padding-top:8rem; background:url("../img/main/ico-system.png") 0 0 no-repeat; background-position:-32rem 0;}
#m-sec3 div.summary-box dt{position:absolute; top:50%; left:0%; transform: translateY(-50%); width:15rem; padding:1.5rem 0; border:1px solid #fff; color:#fff; box-sizing:border-box;}
#m-sec3 div.summary-box.customer dt{left:50%;}
#m-sec3 div.summary-box.phone dt{left:25%; border:none;}
#m-sec3 div.summary-box dt p{position:relative;}
#m-sec3 div.summary-box dt p:before{display:block; position:absolute; top:50%; right:-100%; width:1rem; height:1rem; transform:translateY(-50%); background:#fff; content:"";}
#m-sec3 div.summary-box dt p:after{display:block; position:absolute; top:50%; right:-100%;  width:100%; height:1px; background:#fff; content:"";}
#m-sec3 div.summary-box:last-child dt p:before,
#m-sec3 div.summary-box:last-child dt p:after{display:none;}
#m-sec3 div.summary-box.phone dt p:after{width:51%;}
#m-sec3 div.summary-box.tel-brand dt p:after{right:-30%; width:30%;}
#m-sec3 div.summary-box.tel-brand dt p:before{right:-30%; }

/*#m-sec-4 */
#m-sec4{}
#m-sec4 .cont-box > ul{margin-top:6rem; margin-bottom:5rem;}
#m-sec4 .cont-box ul li{max-width:18rem; text-align:center; }
#m-sec4 .cont-box ul li dl{position:relative;}
#m-sec4 .cont-box ul li dl:after{position:absolute; top:20%; right:-6%; display:block; content:"";width:4rem; height:4rem; background:url("../img/main/ico-next.png") 0 0 no-repeat; }
#m-sec4 .cont-box ul li:last-child dl:after{display:none;}
#m-sec4 .cont-box ul li dt .ico-box{width:12rem; margin:1rem auto; padding-top:12rem; background:url("../img/main/ico-service.png") 0 0 no-repeat; background-size: auto 12rem; }
#m-sec4 .cont-box ul li:nth-child(2) dt .ico-box{background-position:-12rem 0;}
#m-sec4 .cont-box ul li:nth-child(3) dt .ico-box{background-position:-24rem 0;}
#m-sec4 .cont-box ul li:nth-child(4) dt .ico-box{background-position:-36rem 0;}
#m-sec4 .cont-box ul li:nth-child(5) dt .ico-box{background-position:-48rem 0;}
#m-sec4 .cont-box ul li .color-box{padding:1rem; border-radius:1rem; background:#2e3092; font-weight:600; font-size:2rem; color:#fff;}
#m-sec4 .cont-box ul li:nth-child(2) .color-box{background:#0b4ca0;}
#m-sec4 .cont-box ul li:nth-child(3) .color-box{background:#086cb0;}
#m-sec4 .cont-box ul li:nth-child(4) .color-box{background:#0378be;}
#m-sec4 .cont-box ul li:nth-child(5) .color-box{background:#54a4f6;}
#m-sec4 .cont-box ul li dd p{padding:1rem 2rem; color:#666; box-sizing:border-box;}
#m-sec4 .gray-box{padding:3rem; background:#f5f5f5; border-radius:1rem; box-sizing:border-box;}
#m-sec4 .gray-box a{display:inline-block;padding:1.4rem; border-radius:0.5rem; background:#cd1919; margin-left:4rem; color:#fff; box-sizing:border-box;}
#m-sec4 .gray-box h4{padding-bottom:0; padding-right:1rem;}
#m-sec4 .gray-box ul li{max-width:22rem; padding-right:2rem;}

/*#m-sec5*/
#m-sec5{position:relative; overflow:hidden;}
#m-sec5:before{position:absolute; width:50%; height:50%; top:50%; left:50%; transform:translateY(-50%); background:#83b4e2; z-index:-1; content:"";}
#m-sec5 h3.main-h3,
#m-sec5 .tit-box{text-align:left;}
#m-sec5 h3.main-h3:after{left:0; transform:translateX(0);}
#m-sec5 .cont-box{}
#m-sec5 .cont-box > div{width:30%;}
#m-sec5 .media-box{padding-bottom:4rem;}
#m-sec5 .media-box .round-shadow{position:relative; padding-top:100%; border-radius:3rem; box-shadow:0 0 10px #ccc; overflow:hidden;}
#m-sec5 .cont-box > div:nth-child(1) {padding-top:10%;}
#m-sec5 .cont-box > div:nth-child(2) .round-shadow{margin-top:4rem; padding-top:190%;} 
#m-sec5 .media-box img{position:absolute; top:0; left:0; width:100%;}

/*#m-sec6*/
#m-sec6{background:#f7f7f7;}
#m-sec6 .notice-box{background:#fff; margin:1rem 2rem; border-radius:2rem; box-sizing:border-box;}
#m-sec6 .notice-box:hover{box-shadow:0px 0px 10px #aaa; box-sizing:border-box;}
#m-sec6 .notice-box a{position:relative; display:block; width:100%; padding:4rem 6rem;  text-align:center; box-sizing:border-box;}
#m-sec6 .notice-box a p.not-subject{position:relative; font-size:2.2rem; font-weight:600;}
#m-sec6 .notice-box a:after{display:block; position:absolute; top:11.4rem; left:50%; width:4rem; height:1px; transform:translateX(-50%); background:#333; content:"";}
#m-sec6 .notice-list div.no-data{padding:11rem 0; text-align:center;}
#m-sec6 .slick-dots li button:before{border:1px solid #2a2c93; border-radius: 0;}
#m-sec6 .slick-dots li.slick-active button:before{background:#2a2c93;}
#m-sec6 .ellipsis{max-width:98%;}
#m-sec6 .ellipsis.row2{height:5.4rem; margin-bottom:3rem;}
#m-sec6 .ellipsis.row3{height:7rem; margin-bottom:3rem;}

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

	#main section{padding:0;}
	section.section .inner{padding:10rem 4%;}

	#m-sec0 div.visual-box{width:76rem; padding:3rem 5rem; }
	#m-sec0 div.visual-text-box .sub-text{margin-bottom:3rem;}

	#m-sec1 div.cont-box > .flex{flex-wrap:wrap; justify-content:center;}
	#m-sec1 .strong-box{width:48%; margin:1%;}
	#m-sec1 .strong-box .ico-box{margin:0% auto;}

	#m-sec1-ex .ex-box .img-box{}
	#m-sec1-ex .ex-box .txt-box > .flex > div{width:40%;}

	#m-sec3 div.step-box dt:before{right:-30%;}
	#m-sec3 div.step-box dt:after{right:-30%; width:30%;}
	#m-sec3 div.summary-step{flex-wrap:wrap;}
	#m-sec3 div.summary-box,
	#m-sec3 div.summary-box.tel-brand,
	#m-sec3 div.summary-box.user{width:100%;}
	#m-sec3 div.summary-box dt{position:relative; top:auto; left:auto; margin:3rem auto; transform:translate(0,0);}
	#m-sec3 div.summary-box.customer dt{left:0;}
	#m-sec3 div.summary-box.customer dd .flex.fd-column{flex-direction:row;}
	#m-sec3 div.summary-box.tel-brand dd ul.flex{align-items:center;}
	#m-sec3 div.summary-box.tel-brand dd div{padding-top:0; margin:0 auto;}
	#m-sec3 div.summary-box.phone dt{left:0; margin:2rem auto;}
	#m-sec3 div.summary-box.phone .img-box{padding-top:50%;}
	#m-sec3 div.summary-box.phone dt p:after{width:1px; top:-3rem;}
	#m-sec3 div.summary-box.customer li{width:50%;}
	#m-sec3 div.summary-box.customer li:nth-child(2), #m-sec3 div.summary-box.customer li:nth-child(3){padding:0;}
	#m-sec3 div.summary-box.user dd ul.flex li{margin:0 auto;}
	#m-sec3 div.summary-box dt p:after{right:50%; top:172%; width:1px; height:3rem;}
	#m-sec3 div.summary-box.tel-brand dt p:after{width:1px; right:50%;}
	#m-sec3 div.summary-box dt p:before{right:47%; top: 300%;}
	#m-sec3 div.summary-box.tel-brand dt p:before{right:47%;}

	#m-sec4 .gray-box > div.flex{flex-direction:column;}
	#m-sec4 .gray-box > div.flex .button-area{padding-top:1rem;}
}


@media screen and (max-width:970px) {
	section.section .inner{padding:6rem 4%;}
	h3.main-h3{font-size:4rem; padding-top:2rem;}

	#m-sec0 .visual{padding-top:50%;}
	#m-sec0 div.visual-box{width:90%;}
	#m-sec0 div.visual-text-box .title{font-size:3.6rem; padding-bottom:4rem;}
	#m-sec0 div.visual-text-box .sub-text{display:none;}

	#m-sec1-ex .ex-box,
	#m-sec1-ex .ex-box:nth-child(2){flex-wrap:wrap; flex-direction:column; align-items:start;}
	#m-sec1-ex .ex-box .txt-box:before{transform: translateY(0%); top:auto; bottom:0;}
	#m-sec1-ex .ex-box .img-box{width:50%;}
	#m-sec1-ex .ex-box .txt-box{width:100%;}

	#m-sec2{background-position: top center; background-size: 100% 50%;}
	#m-sec2 .inner > .flex{flex-direction:column;}
	#m-sec2 .inner > .flex > div.left,
	#m-sec2 .inner > .flex > div.right{width:100%;}
	#m-sec2 .black-box{position:relative; bottom:0;}
	#m-sec2 .inner > .flex > div.right{background:#fafaf9; box-sizing:border-box;}

	#m-sec3 div.tit-box p{width:80%;}
	#m-sec3 div.step-box{flex-wrap:wrap;}
	#m-sec3 div.step-box dl{width:50%; margin-top:2rem;}
	#m-sec3 div.summary-box.phone .img-box{padding-top:80%;}

	#m-sec4 .gray-box h4{padding-right:0;}
	#m-sec4 .gray-box{padding:3rem 1rem;}
	#m-sec4 .gray-box > div.flex > div.flex{flex-direction:column;}
	#m-sec4 .gray-box li{width:100%;}
	#m-sec4 .cont-box ul{flex-wrap:wrap; padding-top:3rem;}
	#m-sec4 .cont-box ul li{width:48%; max-width:48%; padding-right:0; padding-bottom:1rem;}
	#m-sec4 .cont-box ul li dl:after{width:2.4rem; height:2.4rem; right:0; background-size:contain;}

	#m-sec5 .cont-box{flex-wrap:wrap;}
	#m-sec5 .cont-box > div{width:48%;}
	#m-sec5 .cont-box > div:last-child{width:100%; display:flex; justify-content:space-between;}
	#m-sec5 .cont-box > div:last-child .media-box{width:48%;}

	#m-sec6 .notice-box a{padding:3rem 4rem;}
	#m-sec6 .notice-box a p.not-subject{font-size:1.8rem;}
	#m-sec6 .ellipsis.row2{height: 4.4rem;}
	#m-sec6 .notice-box a:after{top:8rem;}

}

@media screen and (max-width:740px) {
	h3.main-h3{font-size:2.4rem; padding-top:1rem; margin-bottom:2rem;}
	h4{padding-bottom:1rem; font-size:2rem;}
	
	#m-sec0 .visual{padding-top:75%;}
	#m-sec0 div.visual-text-box .title{padding-bottom:1rem; font-size:2.8rem; text-align:center;}
	#m-sec0 div.visual-text-box a.visual-btn{display:block; margin:0 auto; text-align:center;}

	#m-sec1 div.cont-box{padding-top:3rem;}
	#m-sec1 .strong-box{width:100%; margin-bottom:1% 0;}
	#m-sec1 .strong-box .img-box{padding-top:14rem;}
	#m-sec1 .strong-box .text-box{padding:3rem;}

	#m-sec1-ex .ex-box .img-box{width:100%; box-shadow:none; background:none;}
	#m-sec1-ex .ex-box .img-box dl{display:flex; align-items: center;}
	#m-sec1-ex .ex-box .img-box dl dt{width:60%;}
	#m-sec1-ex .ex-box .img-box dl dd{width:40%; margin-top:0; padding-bottom:0;}
	#m-sec1-ex .ex-box .txt-box > .flex > div{width:50%;}
	
	#m-sec2 .intro-box{width:100%; }
	#m-sec2 .intro-box:nth-child(2){border-right:none; border-bottom:1px solid #ccc;}

	#m-sec3 div.step-box dl{width:100%; margin-top:0rem; margin-bottom:18%;}
	#m-sec3 div.step-box dt{margin-top:2rem;}
	#m-sec3 div.step-box dt:before{top:auto; bottom:-60%; right:auto; left:50%; transform:translate(-50%, -50%);}
	#m-sec3 div.step-box dt:after{top:auto; bottom:-40%; right:50%; width:1px; height:40%;}
	#m-sec3 div.summary-box.phone .img-box{padding-top:100%;}
	
	#m-sec4 .cont-box > ul{margin-top:0;}
	#m-sec4 .cont-box .gray-box ul li{width:100%; max-width:100%;}
	#m-sec4 .cont-box ul li dt .ico-box{width:8rem; padding-top:8rem; background-size:auto 8rem;}
	#m-sec4 .cont-box ul li .color-box{font-size:1.8rem;}
	#m-sec4 .cont-box ul li:nth-child(2) dt .ico-box{background-position:-8rem 0;}
	#m-sec4 .cont-box ul li:nth-child(3) dt .ico-box{background-position:-16rem 0;}
	#m-sec4 .cont-box ul li:nth-child(4) dt .ico-box{background-position:-24rem 0;}
	#m-sec4 .cont-box ul li:nth-child(5) dt .ico-box{background-position:-32rem 0;}



}