@charset "utf-8";

.top_img { width: 100%; max-width: 1180px; margin-top: 40px; }
.page_title_text .page_title_en{font-size: 36px;letter-spacing: 0.1em;}
@media (min-width:768px){
    .page_title_text .page_title_en {font-size: 72px;line-height: 72px;}
}


.top_intro { text-align: justify; }
.gallery_img_wrap { display: grid; gap: 12px; grid-template: repeat(6, auto) / repeat(2, 1fr); margin: 40px 0; }
.gallery_img_wrap img { max-width: 100%; height: auto; object-fit: cover; vertical-align: bottom; }
.gallery_img_wrap img:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.gallery_img_wrap img:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.gallery_img_wrap img:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.gallery_img_wrap img:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
.gallery_img_wrap img:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.gallery_img_wrap img:nth-child(6) { grid-area: 4 / 1 / 5 / 2; }
.gallery_img_wrap img:nth-child(7) { grid-area: 4 / 2 / 5 / 3; }
.gallery_img_wrap img:nth-child(8) { grid-area: 5 / 1 / 6 / 3; }
.gallery_img_wrap img:nth-child(9) { grid-area: 6 / 1 / 7 / 3; }

@media (min-width: 768px) {
    .top_intro { text-align: center; }

    .gallery_img_wrap { gap: 20px; grid-template: repeat(4, auto) / repeat(4, 1fr); max-width: 1180px; margin: 80px 0; }
    .gallery_img_wrap img:nth-child(1) { grid-area: 1 / 1 / 3 / 4; }
    .gallery_img_wrap img:nth-child(2) { grid-area: 1 / 4 / 2 / 5; }
    .gallery_img_wrap img:nth-child(3) { grid-area: 2 / 4 / 3 / 5; }
    .gallery_img_wrap img:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
    .gallery_img_wrap img:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
    .gallery_img_wrap img:nth-child(6) { grid-area: 3 / 3 / 4 / 4; }
    .gallery_img_wrap img:nth-child(7) { grid-area: 3 / 4 / 4 / 5; }
    .gallery_img_wrap img:nth-child(8) { grid-area: 4 / 1 / 5 / 3; }
    .gallery_img_wrap img:nth-child(9) { grid-area: 4 / 3 / 5 / 5; }
}



.feature_wrap { display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px; margin-top: 40px; }
.feature_one { width: 100%; }
.feature_img { display: flex; align-items: center; background: #FFF; }
.feature_img img { width: 100%; padding: min(5vw, 20px) 5vw; margin: auto; }
.feature_title { display: inline-block; font-size: 20px; margin: 15px 0 5px; background: #004680; }
.feature_text { text-align: justify; }
@media (min-width: 768px) {
    .feature_wrap { margin-top: 80px; }
    .feature_one { width: calc(calc(100% - 40px) / 2); }
    .feature_img img { padding: 20px; }
}



.price_contents h2 { line-height: 1.5em; transform: translateX(0.5em); }
.price_img_wrap { width: 240px; margin: 40px auto; }

.safety_contents .feature_img { border: 1px solid #AAA; }

@media (min-width: 768px) {
    .price_contents h2 { line-height: 90px; }
    .price_img_wrap { width: 100%; max-width: 860px; margin-top: 80px; }

    .comfortable_contents .feature_one:nth-child(1) .feature_img { aspect-ratio: 3 / 2; }
    .comfortable_contents .feature_one:nth-child(2) .feature_img { aspect-ratio: 3 / 2; }
    
    .safety_contents .feature_one:nth-child(1) .feature_img { aspect-ratio: 4 / 3; }
    .safety_contents .feature_one:nth-child(1) .feature_img img { width: auto; height: 100%; }
    .safety_contents .feature_one:nth-child(2) .feature_img { aspect-ratio: 4 / 3; }
}



.check_intro{width:90vw;margin:0 auto;margin-bottom: 40px;}
.content{background-color:#EDF5FD;border-radius: 10px;}
.check_one{padding:30px 0;}
.check_title{display:flex;flex-direction:row;align-items:center;width:80vw;margin:0 auto;margin-bottom:15px;}
.check_numbers{color:#004680;font-weight:bold;display:flex;flex-direction:column;align-items:center;margin-right:18px;}
.check_number{font-size:44px;line-height:50px;margin-top:-10px;}
.check_main_title {line-height: 1.7;font-size: 19px;}
.check_main_title .title_line {display: inline-block;background-color: #004680;color: #fff;padding: 6px 0;margin-bottom: 6px;line-height: 1;  font-weight: bold;}
.check_main_title .title_line.pc{display: none;}
.check_main_title .title_line.pc_inline{display: none;}
.check_photo {margin: 0 auto;width: 80vw;}
.check_photo img{width:100%;}
.check_text_wrap{width:80vw;margin:0 auto;}
.check_text{margin-bottom:20px;text-align:justify;}
.check_text mark{font-weight:bold;color:#004680;background:linear-gradient(transparent 0%,#FDFD9A 0%);}
.check_wrap{width: 90vw;margin: 0 auto; margin-top: 40px;}
.check_wrap .content{position:relative;background-color: white;}
.check_wrap .num{position:absolute;top:-1rem;left:1rem;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;aspect-ratio:1/1;min-width:0;background-repeat:no-repeat;background-image:url(../images/common/badge.svg);background-size:contain;text-align:center;color:#fff;font-size:2.25rem;letter-spacing:.08em;line-height:1;}
.check_wrap .num span{font-size:.813rem;}
.check_wrap .bg{position:relative;padding:4.25rem 1.5rem 1.5rem;background-color:#fff;border-radius:.25rem;overflow:hidden;}
.check_wrap .ttl{position:relative;z-index:10;margin-bottom:.75rem;font-size:4.75vw;white-space:nowrap;}
.check_wrap .txt{font-size:.929rem;line-height:2;}
.check_wrap .btn{margin-top:1.25rem;}
.check_wrap .icn{width:calc(184px/2);}
.check_wrap .content{margin-bottom: 40px;}
@media(min-width:768px){
  .check_numbers{margin-right:20px;}
  .check_number{font-size:50px;}
  .check_intro{width:min(90vw,1320px);text-align:center;}
  .check_one{width: min(80vw,1200px);display: flex;flex-direction: row;align-items: center;gap: 40px; padding: min(4vw , 60px) 0; margin: 0 auto;justify-content: space-between;}
  .check_title_wrap{width: min(40vw,500px);display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
  .check_titles{width: min(45vw,700px);}
  .check_title{width:initial;margin:0;margin-bottom: 20px;}
  .check_numbers{margin-right: 15px;}
  .check_number{font-size:50px;line-height:55px;}
  .check_number_e{font-size:17px;}
  .check_main_title{font-size: min(2.1vw,28px);}
  .check_text_wrap{width: auto;line-height:2;}
  .check_photo{width: min(32vw,420px);margin: 0;}
  .check_wrap{width: min(90vw,1320px);margin: 0 auto; margin-top: 80px;}
  .check_wrap .content{margin-bottom: 30px;}
  .check_main_title .title_line{padding: 6px 12px;}
  .check_main_title .title_line.pc{display: block;}
  .check_main_title .title_line.sp{display: none;}
  .check_main_title .title_line.pc_inline{display: inline-block;}

}
@media(min-width:1000px){
  .check_photo{width: auto;margin: 0;}
  .check_numbers{margin-right: 30px;}
  .check_number{font-size:72px;line-height:75px;}
  .check_number_e{font-size:26px;}
}

@media(max-width:767px){
    .check_wrap li:nth-child(1) .check_photo img { max-width: 360px; margin: 0 auto; }
}

@media(min-width:768px){
    .check_wrap li:nth-child(1) .check_one,
    .check_wrap li:nth-child(2) .check_one { flex-direction: column; }
    .check_wrap li:nth-child(1) .check_title_wrap,
    .check_wrap li:nth-child(2) .check_title_wrap { width: 100%; }
    .check_wrap li:nth-child(1) .check_titles,
    .check_wrap li:nth-child(2) .check_titles { display: flex; align-items: center; gap: 20px; width: 100%; }
    .check_wrap li:nth-child(1) .check_title,
    .check_wrap li:nth-child(2) .check_title { flex: 0 0 min(40vw, 500px); }
    .check_wrap li:nth-child(1) .check_photo,
    .check_wrap li:nth-child(2) .check_photo { width: 100%; }
}

.check_wrap li:nth-child(1) .check_photo { padding: 20px; border: 1px solid #AAA; }
.check_wrap li:nth-child(3) .check_photo { padding: 20px; border: 1px solid #AAA; }
@media(min-width:768px){
    .check_wrap li:nth-child(1) .check_photo { padding: min(2vw , 30px); }
    .check_wrap li:nth-child(3) .check_photo { padding: min(2vw , 30px); }
}