@charset "UTF-8";
@media screen and (min-width: 751px) {
	
}
@media screen and (max-width:768px) {
	body { overflow-x: hidden; font-size: 3.733333333333333vw; line-height: 1.4; }
	.imgr img { display: block; max-width: 100%; height: auto; }
	.container { margin-right: auto; margin-left: auto; padding-left: 4vw; padding-right: 4vw; box-sizing: border-box; }
	.mar_au img { margin: 0 auto; }
	.break_sp { display: block; }
	.break_pc { display: contents; }
	.none_sp { display: none; }
	.sp { display: block; }
	.pc { display: none; }
	#wrapper { max-width: 768px; width: 100%; }
	.inner { padding: 0 4vw; }
	.pdsp0{padding: 0}
	img { width: 100%; max-width: 100%; height: auto; }
	p { margin: 0 0 4vw 0; font-size: 4vw; }
	.mbsp_0vw{
		margin-bottom: 0vw !important;
	}
	.mb30 {
    	margin-bottom: 4vw;
	}
	.mb40 {
    	margin-bottom: 5vw;
	}
	.mb45 {
    	margin-bottom: 5.5vw;
	}
	.mb50 {
    	margin-bottom: 6vw;
	}
	.mb60 {
    	margin-bottom: 8vw;
	}
	.mb70 {
    	margin-bottom: 9vw;
	}
	.mb75 {
    	margin-bottom: 9vw;
	}
	.mb80 {
    	margin-bottom: 10vw;
	}
	.mb90 {
    	margin-bottom: 12vw;
	}
	.mb110{
		margin-bottom: 15vw;
	}
	.mb115 {
    	margin-bottom: 15vw;
	}
	.mb200{
		margin-bottom: 20vw;
	}
	.mbsp_4vw{
		margin-bottom: 4vw;
	}
	.mbsp_6vw{
		margin-bottom: 6vw;
	}
	.mbsp_8vw{
		margin-bottom: 8vw;
	}
	.size22{
		font-size: 3.85vw;
	}
	.size24{
		font-size: 4.2vw;
	}
	.size_small{
		font-size: 3.2vw;
	}
	.pdl-4vw{
		padding-left: 4vw;
	}


	.sec_h .inner .d-flex, .sec_h{
		height: 14.26666666666667vw;
	}
	.btn_cta_h{
		width: 38vw;
		max-width: 307px
	}
	.sec_h .inner{
		padding: 0 4vw;
	}
	.logo_h{
		width: 32.66666666666667vw;
		max-width: 185px;
	}
	.top_mv{
		background: transparent;
		min-height: auto;
	}
	.sec_mv{
		padding-top: 0;
		min-height: auto;
	}

	.cta{
		padding: 7vw 0;
	}
	.cta .cta_text{
		font-size: 3vw;
		padding: 0 4vw;
	}
	.cta .cta_btn{
		max-width: 93.86666666666667vw;
		margin: 0 auto 1.5vw;
	}

	.sec01{
		padding: 16vw 0 0 0;
		background: #fff;
	}
	.sec01_box .txt ul li p{
		font-size: 4.2vw;
		width: 78.5vw;
		padding-left: 1vw;
	}
	.sec01 .txt_right{
		text-align: left;
		padding: 0 8vw;
		font-size: 3vw;
	}
	.sec01_box .txt{
		background: rgba(0, 0, 0, .6);
		width: calc(100% - 8vw);
		margin: 0 auto;
		top: 60vw;
		padding: 4vw;
	}
	.sec01_box .txt ul li img{
		width: 5vw;
		top: 0.5vw;
	}
	.sec01_box .txt ul li{
		padding-bottom: 3vw;
		margin-bottom: 3vw;
	}
	.sec01_box .txt ul li:last-child{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.sec01_bg{
		background: url(../images/sp_sec01_img02.jpg) no-repeat bottom;
		background-size: cover;
        min-height: 140vw;
	}
	.sec01_arr{
		bottom: -8vw;
	}

	.sec02{
		background: url(../images/sp_sec02_bg.jpg) no-repeat top;
		background-size: cover;
		padding: 56vw 0 17vw 0;
	}
	.sec02 .inner{
		padding: 0 4vw;
	}

	.sec03{
		padding: 16vw 0 0 0;
	}
	.sec03 dl{
		width: 100%;
		left: 0;
		background: transparent;
	}
	.sec03 dl dt{
		left: 0;
	}
	.sec03 dl:before{
		width: calc(100% - 8vw);
		margin: 0 auto;
		border-width: 1px;
		background: #fff;
	}
	.sec03 dl .d-flex{
		padding: 6vw 8vw 4vw 8vw;
	}
	.sec03 dl .d-flex .txt{
		width: 100%;
		order: 2;
		font-size: 4vw;
	}
	.sec03 dl .d-flex .thumb{
		order: 1;
		text-align: center;
		margin: 0 auto 4vw;
		width: 44vw;
	}
	.sec03_box02 .txt{
		top: 0;
		padding-left: 0;
	}
	.sec03_box02 .txt .ttl {
    	left: 0;
	}
	.sec03_box02 .txt .text{
		position: absolute;
		right: 0;
		bottom: 18vw;
		max-width: 55vw;
		font-weight: 500;
		padding-right: 4vw;
		text-shadow: 0 0 5px #FFF, 0 0 8px #FFF, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	}

	.cta02{
		padding: 14vw 0 12vw 0;
		background: #0D3873;
  		background: linear-gradient(0deg, rgba(13, 56, 115, 1) 0%, rgba(31, 107, 196, 1) 0%, rgba(19, 86, 165, 1) 0%, rgba(15, 94, 186, 1) 100%);
	}
	.cta02_arr{
		top: -0vw;
	}

	.sec04{
		padding: 12vw 0;
	}
	.sec04_box .inner{
		padding: 0 4vw;
	}
	.sec04_box:after{
		position: absolute;
		right: 0;
		top: 0;
		width: 4vw;
		height: 100%;
		background: #fff;
		content: "";
		z-index: 1;
	}
	.sec04_box.last:after{
		position: absolute;
		right: unset;
		left: 0;
		top: 0;
		width: 4vw;
		height: 100%;
		background: #fff;
		content: "";
		z-index: 1;
	}
	.sec04_box dl{
		padding-bottom: 12vw;
	}
	.sec04_box dl dd p{
		font-size: 4vw;
	}
	.sec04_box dl dt{
		top: -5vw;
	}
	.sec04_box dl dd{
		padding-top: 0;
	}
	.sec04_box .img_r{
		margin: 0 0 4vw 0;
		float: unset;
	}
	.sec04_box .img_l{
		margin: 0 0 4vw 0;
		float: unset;
	}
	.sec04_box dl dd{
		padding-right: 4vw;
	}
	.sec04_box.last dl dd{
		padding-left: 4vw;
	}

	.sec05{
		padding: 14vw 0;
	}
	.sec05_box dl{
		border-radius: 3vw;
		padding: 4vw;
		margin-bottom: 8vw;
	}
	.sec05_box dl:before{
		border-radius: 3vw;
		border-width: 2px;
	}
	.sec05_box dl dt{
		width: 100%;
		text-align: center;
		margin: 0 auto 4vw;
		order: 1;
		max-width: 100%;
	}
	.sec05_box dl dt .thumb{
		max-width: 185px;
		margin: 0 auto;
	}
	.sec05_box dl dd{
		width: 100%;
		order: 2;
	}
	.sec05_box dl dd p{
		font-size: 3.65vw;
	}
	.sec05_box dl.last dt{
		order: 1;
	}

	.sec06{
		padding: 14vw 0 0 0;
	}
	.sec06_box dl dd{
		padding: 6vw 4vw 4vw 4vw;
		border-radius: 0 0 3vw 3vw;
	}
	.sec06_box dl dd ul li{
		font-size: 3.85vw;
		display: flex;
		line-height: 1.4;
	}
	.sec06_box dl dd p{
		font-size: 3.2vw;
	}
	.sec06_box03 dl{
		width: calc(100% - 8vw);
		margin: 0 auto;
		border-radius: 3vw;
	}
	.sec06_box03 dl dd{
		padding: 0 4vw 6vw 4vw;
	}
	.sec06_box03 dl dd ul li{
		font-size: 3.85vw;
		display: flex;
		line-height: 1.4;
	}
	.sec06_box03 dl dt span{
		font-size: 4.5vw;
		max-width: 44vw;
		height: 6.666666666666667vw;
		top: -3.333333333333333vw;
	}
	.sec06_box03 p.pd-135{
		padding: 0 8vw;
		font-size: 3.2vw;
	}
	.sec06_box03{
		padding-bottom: 10vw;
	}
	.sec06_box {
		padding: 0 0 0 0;
	}
	.sec06 .bg_w{
		padding: 16vw 0 14vw 0;
		background: #fafafa;
	}
	.sec06_box04{
		padding: 0;
		gap: 0;
		flex-wrap: wrap;
		width: 100%;
	}
	.sec06_box04 dl{
		width: 100%;
		padding: 0 4vw;
	}
	.sec06_box04 dl dd p{
		margin-top: 4vw;
		text-align: center;
		margin-bottom: 5vw;
		font-size: 4.5vw;
	}
	.sec06_box04 dl dt.arr:before{
		display: none;
	}
	.tb_scroll{
		overflow: scroll;
		width: calc(100% - 6vw);
		margin: 0 auto;
	}
	.tb_scroll img{
		width: 136.2666666666667vw;
		max-width: unset;
	}
	.tb_scroll.tb02 img{
		width: 157.6vw;
	}

	.sec07{
		padding: 14vw 0 0vw 0;
	}
	.sec07_box{
		margin-top: 14vw;
	}
	.sec07_box dl{
		border-width: 3px;
		border-radius: 3vw;
		padding: 0 4vw 4vw 4vw;
	}
	.sec07_box dl dt span{
		font-size: 5vw;
		height: 8.533333333333333vw;
		border-radius: 2vw;
		width: 100%;
		top: -4.266666666666667vw;
	}
	.sec07_box dl dd{
		margin-top: -2vw;
	}
	.sec07_box02{
		padding: 0 4vw;
	}
	.sec07_box02 .txt{
		padding: 0;
	}
	.sec07_box02 .thumb{
		position: unset;
	}
	.sec07_box02 .pdl-10{
		padding-left: 0;
	}
	.sec07_box02 .txt p{
		padding-right: 0;
	}
	.sec07_box02 .txt dl dt{
		font-size: 6vw;
		margin-bottom: 4vw;
	}

	.sec08{
		padding: 12vw 0 6vw 0;
	}
	.sec08_box dl{
		padding: 4vw;
		border-radius: 3vw;
		margin-bottom: 6vw;
	}
	.sec08_box dl dd span.txt_a, .sec08_box dl dt span.txt_q{
		width: 8vw;
		height: 8vw;
		font-size: 5vw;
		padding: 0 0 1vw 0;
        line-height: 0;
	}
	.sec08_box dl dt{
		margin-bottom: 4vw;
	}
	.sec08_box dl dt p{
		font-size: 4vw;
		width: calc(100% - 8vw);
		padding-left: 3vw;
		line-height: 1.4;
	}
	.sec08_box dl dd p{
		width: calc(100% - 8vw);
		padding-left: 3vw;
		font-size: 3.65vw;
	}

	.cta03{
		padding: 7vw 0;
	}
	.cta03 .cta03_btn{
		width: 88.8vw;
		bottom: 5.5vw;
	}
	.cta03 .cta_text {
        font-size: 2.65vw;
        padding: 0 4vw;
    }

    .sec10{
    	padding: 16vw 0 14vw 0;
    }
    .sec10_box dl dt{
    	width: 30vw;
    	padding: 4vw;
    }
    .sec10_box dl dd{
    	width: calc(100% - 30vw);
    	padding: 4vw 4vw 4vw 0;
    }
    .sec10_box dl{
    	padding: 0;
    	font-size: 3.65vw;
    }
    .sec10_btn{
    	width: 44.53333333333333vw;
    	margin: 6vw auto 10vw;
    }

    .sec_footer{
    	padding: 8vw 0 5vw 0;
    }
    .sec_footer .txt{
    	font-size: 2.85vw;
    }
    .sec_footer .logo_footer{
    	width: 46.93333333333333vw;
    	margin: 0 auto 6vw;
    	max-width: 262px;
    }
    .pagetop{
    	right: 4vw;
    	width: 40px;
    	height: 40px;
    	bottom: 32vw;
    }
    .pagetop a{
    	width: 40px;
    	height: 40px;
    }
    #cta_fixed{
    	padding: 3vw 0 1.5vw 0;
    }
    #cta_fixed a img{
    	max-width: 93.86666666666667vw;
    }
}
@media screen and (max-width: 375px) {
}