@charset "utf-8";


@media screen and (min-width:1081px){
	.main26 .box-btn{position:absolute; bottom:2rem; right:2rem; z-index: 10;}
}

@media screen and (max-width:1080px){
	.main26 .bg-image {height: 90vh;}
	.main26 .box-left {top: 52%;}
	.main26 .box-right {top: 32%;}
	.main26 .main1{background:#0d447a;}
	.main26 .box-btn{padding:2rem 0; text-align: center;}
	.main26 .box-btn a{margin:0 auto;}
	.main26 .main4-1 {width: 50%;}
}

@media screen and (min-width:1001px){
	.main26 .box-left {
	  width: 38%;
	  height: auto;
	  padding: 2% 1%;
	  transform: rotate(-5deg);
	  box-sizing: border-box;
	  color:rgba(216, 56, 56, 1);
	  padding: 1% 2%;
	}
}


@media screen and (max-width:1000px){
	.main26 .box-left{position: relative; padding:88px 40px 68px 40px; color:#fff; display:block; top:inherit; left:inherit;}
	.main26 .box-left p{font-size:16px; line-height: 180%; letter-spacing: 5%;}
	.main26 .box-btn{position: absolute; top: 62vh; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width:100%;}
	.main26 .box-right {top: 25%;}
	.main26 .bg-image {height: 70vh;}
	.main26 .box-left .br1{display:none;}
	.main26 .main2 {padding: 40px 0;}
	.main26 .slider-wrapper {padding:15px 0 0 0;}
	.main26 .menu{flex-wrap: wrap; gap: 10px;}
	.main26 .menu a{width: calc((100% - 20px) / 3);}
}

@media screen and (max-width:1000px) and (min-width:551px){
	.main26 .menu > a:nth-child(3n+1)::before {display: none;}
}

@media screen and (max-width:900px){
	.main26 .main8oya2{gap:30px;}
	.main26 .main9oya2{flex-direction: column;}
	.main26 .main9-1,.main26 .main9-2{max-width: inherit;}
}


@media screen and (min-width:851px){
	.main26 .main7-2sp{display:none;}
	.main26 .main8oya h3 .br1{display:none;}
	.main26 .main9_h4{padding-right: 100px; width:100%; height: auto;}
	.main26 .main9-1 div,.main26 .main9-2{position: relative; width:100%; height: auto;}
	.main26 .main9-1 div{justify-content: space-between;}
	.main26 .main9-1 div::after,.main26 .main9-2 div::after{content:""; position: absolute; right:0; background:url("../img/arrow2.svg") no-repeat; width:80px; height:80px; bottom:0; transition: opacity 0.3s ease; background-size:cover; display: block; z-index:1;}
	.main26 .main9-1 div:hover::after,.main26 .main9-2 div:hover::after{background:url("../img/arrow_b.svg") no-repeat;}
	
	.main26 .main-text::before{position: absolute; content:""; bottom: 0; left: 50%; translate: -50% 0; background:url("../img/arrow-d.svg") no-repeat; background-size: cover; width:24px; height:24px; transition: translate 0.3s ease;}
	.main26 .main-text:hover::before{background:url("../img/arrow-b.svg") no-repeat;  translate: -50% 5px;}
}

@media screen and (max-width:850px){
	.main26 .main7oya,.main26 .main7oya2,.main26 .main7oya3{flex-direction: column; align-items: center; gap:29px;}
	.main26 .main7oya{padding-bottom:30px;}
	.main26 .main7oya2, .main26 .main7oya3{padding:30px 0; margin-top:0;}
	.main26 .main7oya2{border-top:1px solid #babdc1; border-bottom:1px solid #babdc1;}
	.main26 .main7 {padding: 50px 22px;}
	.main26 .main7-1_p1{text-align: center; margin-bottom:0;}
	.main26 .main7-1_h3{text-align: center;}
	.main26 .main7-1{max-width:inherit;}
	.main26 .main7oya2 .main7-3{order:2;}
	.main26 .main7oya2 .main7-1{order:1;}
	.main26 .main7-2pc{display:none;}
	.main26 .main7oya4{margin-top:0;}
	.main26 .main5-2_a1{margin-top:0;}
	.main26 .main5 .main5-2_a1{margin-top:20px;}
	.main26 .main8oya h3{margin-top:10PX;}
	.main26 .main8oya h3 span{display:inline-block;}
	.main26 .main8oya2{flex-direction: column; padding: 72px 0 40px;}
	.main26 .main8-1, .main26 .main8-2{max-width:inherit;}
	.main26 .main8-1-1 {padding: 51px 19px;}
	.main26 .main9 {padding: 0 0 41px;}
	.main26 .main9-1,.main26 .main9-2{justify-content: flex-start; position:relative;}
	.main26 .main9_h4{margin-top:20px;}
	.main26 .main9-1,.main26 .main9-2{min-height:327px; padding:16px;}
	.main26 .main9::before {clip-path: polygon(0% 0%, 100% 0%, 100% 24%, 0% 38%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 24%, 0% 38%);}
	.main26 .main8::after {clip-path: polygon(100% 93%, 0% 100%, 100% 100%); -webkit-clip-path: polygon(100% 93%, 0% 100%, 100% 100%);}
	.main26 .main5::before {clip-path: polygon(0% 15%, 100% 7%, 100% 67%, 0% 73%); -webkit-clip-path: polygon(0% 15%, 100% 7%, 100% 67%, 0% 73%);}
	.main26 .main9-1 div,.main26 .main9-2 div{max-width:inherit; min-height: inherit;}
	.main26 .main9-1 div::after,.main26 .main9-2 div::after{content:""; position: absolute; right:0; background:url("../img/arrow2.svg") no-repeat; width:60px; height:60px; bottom:0; transition: opacity 0.3s ease; background-size:cover; display: block; z-index:1;}

}


@media screen and (min-width:801px){
	.main26 .main3_box-1 h3::before{content:""; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:1px; background:#0d447a; z-index:-1;}
}


@media screen and (max-width:800px){
	.main26 .main3_box{flex-direction: column;}
	.main26 .main3_box-1{max-width:inherit; display:flex; flex-direction: column; justify-content: center; align-items: center;}
	.main26 .main3_box-1 h3 span{padding:0 80px;}
	.main26 .main3_box-1 h3 span::before{content:""; position: absolute; width:68px; height:1px; background:#0d447a; top: 50%; left: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .main3_box-1 h3 span::after{content:""; position: absolute; width:68px; height:1px; background:#0d447a; top: 50%; right: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .m3_p1{text-align: center; margin-bottom: 31px;}
	.main26 .m3_p2 .br1{display:none;}
	.main26 .main3_box-1 h2{margin-bottom:0;}
	.main26 .main3_box-1 h3 {margin-bottom: 13px;}
	.main26 .main4box{flex-direction: column;}
	.main26 .main4-1{width:100%; max-width: inherit; border-radius: 16px 16px 0 0; height: 400px;}
	.main26 .main4-1 img{max-width: inherit;}
	.main26 .main8 {padding: 72px 22px 0;}
	.main26 .main10 {padding: 42px 0;}
	.main26 .main11{display:none;}
	
}


@media screen and (min-width:761px){
	html, body {
		overflow-x: clip !important;
	}
}

@media screen and (max-width:760px){
	html{overflow-y:inherit !important; overflow-x:inherit !important;}
}

@media screen and (min-width:731px){
	.main26 .main4-2_d1 .br2{display:none;}
	.main26 .main5-2 h3::before{content:""; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:1px; background:#fff; z-index:-1;}
	.main26 .main6-2 h3::before{content:""; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:1px; background:#0d447a; z-index:-1;}
	.main26 .main6-2 h3 .br1{display:none;}
}

@media screen and (max-width:730px){
	.main26 .bg-image{height: 50vh;}
	.main26 .box-right{left:17%; font-size: 14px; top: 40%; transform: skewX(-10deg) rotate(-6deg);}
	.main26 .main1{min-height:inherit; height: auto;}
	.main26 .main4-2_h3{flex-direction: column; justify-content: center; gap:0;}
	.main26 .main4-2{padding:22px 17px;}
	.main26 .main4-2_p1{width:100%; text-align:center; }
	.main26 .main4-2_p2 .br1{display:none;}
	.main26 .main4-2_a1{width:100%;}
	.main26 .main4-2_a1 span{width:100%; display:block;}
	.main26 .main4,.main26 .main3{padding-bottom:64px;}
	.main26 .main5oya{flex-direction: column;}
	.main26 .main5-1{order:2;}
	.main26 .main5-2{order:1; max-width:inherit;}
	.main26 .main5-2_a1{width:100%;}
	.main26 .main5-2_a1 span{width:100%; display:block;}
	.main26 .main5-2 h3 span{padding:0 80px; background:none;}
	.main26 .main5-2 h3 span::before{content:""; position: absolute; width:68px; height:1px; background:#fff; top: 50%; left: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .main5-2 h3 span::after{content:""; position: absolute; width:68px; height:1px; background:#fff; top: 50%; right: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .main5-2 {max-width: inherit;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.main26 .main5-2 h2{margin-bottom:0;}
	.main26 .m5_p1{text-align: center;}
	.main26 .m5_p2 .br1{display:none;}
	.main26 .main6oya {flex-direction: column;}
	.main26 .main6-2 h3 span{padding:0 80px; background:none; display: inline-block; text-align: center;}
	.main26 .main6-2 h3 span::before{content:""; position: absolute; width:68px; height:1px; background:#0d447a; top: 50%; left: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .main6-2 h3 span::after{content:""; position: absolute; width:68px; height:1px; background:#0d447a; top: 50%; right: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.main26 .main6-2 {max-width: inherit;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.main26 .main6-2 h2{margin-bottom:0;}
	.main26 .m6_p1{text-align: center;}
	.main26 .m6_p2{width:100%;}
	.main26 .m6_p2 .br1{display:none;}
	.main26 .m6_p3 img{max-width:240px;}
	.main26 .m6_p3 {margin-top: 39px;}
	.main26 .main6-1{padding:64px 0 0 0;}
	.main26 .main8oya h3 span::before,.main26 .main8oya h3 span::after {width: 70px;}
	.main26 .main8oya h3 span {padding: 0 90px;}
	.main26 .m10_p1{margin-bottom:38px;}
	.main26 .main10link{margin-top:32px;}
	.main26 .box-btn {top: 42vh;}
}

@media screen and (max-width:580px){
	.main26 .bg-image {height: 45vh;}
	.main26 .slider {padding-left: 0 !important; padding-right: 0 !important; width: 100% !important;}
	.main26 .slider .slick-track {margin-left: auto !important; margin-right: auto !important;}
	.main26 .slide-item {margin-right: 12px !important; margin-left: 12px !important;}	
	.main26 .box-btn {top: 36vh;}

}

@media screen and (min-width:551px){
	.main26 .bg-imagesp{display:none;}
}

@media screen and (max-width:550px){
	.main26 .bg-image {height: 70vh;}
	.main26 .bg-imagepc{display:none;}
	.main26 .box-right {left: 9%; top: 38%;}
	.main26 .box-right{height: inherit; left: 8%; top: 46%;}
	.main26 .main4-1{height: 300px;}
	.main26 .box-btn {top: 61vh; width:90%;}
	.main26 .menu a{width: calc((100% - 20px) / 2);}

	
}

@media screen and (max-width:550px) and (min-width:376px){
	.main26 .menu > a:nth-child(3n+1)::before {display:block;}
	.main26 .menu > a:nth-child(2n+1)::before {display:none;}
}

@media screen and (max-width:450px){
	.main26 .box-right{top: 43%;}
	.main26 .box-left {padding: 62px 40px 68px 40px;}
}

@media screen and (min-width:376px){
	
	.main26 .slider-controls {
	  max-width: 440px;
	  margin: 0 0 auto auto;
	  display: flex !important;
	  align-items: center;
	  justify-content: space-between;
	  width: 100% !important;
	  box-sizing: border-box;
	}
	.main26 .menu a+a::before {content:""; width:1px; height: 16px; background:#000; position: absolute; top: 50%; left: 0%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

	
}



@media screen and (max-width:375px){
	.main26 .bg-image {height: 600px;}
	.main26 .bg-imagepc{display:none;}
	.main26 .main2_div1{max-width:253px;}
	.main26 .slide-item {width: 253px;}
	.main26 .slider-arrows{justify-content: center; margin-top:10px;}
	.main26 .grid-container {aspect-ratio: 453 / 584; height: 652px;}
	.main26 .red-box {grid-column: 1 / 15; grid-row: 1 / 9;}
	.main26 .gray-box {grid-column: 6 / 17; grid-row: 8 / 15;}
	.main26 .blue-box {grid-column: 2 / 10; grid-row: 14 / 22; z-index: 3;}
	.main26 .green-box {grid-column: 6 / 17; grid-row: 21 / 26; z-index: 3;}
	.main26 .main4-1{height: 200px;}
	.main26 .box-btn {top: 57vh;}
	.main26 .menu a{width: 100%;}
	.main26 .menu a+a::before {content:""; width:16px; height: 1px; background:#000; position: absolute; top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
	.main26 .main-text{padding-bottom:0;}
	.main26 .menu-item{padding:18px 0;}
	.main26 .sub-text{margin-bottom:7px;}
	.main26 .menu{gap:0;}
}