@charset "utf-8";

.lowerpage_title_wrap .contents .img_title { width:40%; height:auto; } 
@media screen and (min-width: 768px) {
   .lowerpage_title_wrap .contents .img_title { width:auto; height:434px; } 
}

.obi { width:100%; font-size:18px; background:#707070; color:#fff; display:block; text-align:center; line-height:48px; margin-top:80px; margin-bottom:10px; }
.jisseki_list { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; }
.jisseki_list dl { width:100%; display:flex; border-bottom:1px solid #CCCCCC; padding:10px 0; letter-spacing:0.1em; flex-wrap:wrap; }
.jisseki_list dl dt { width:100%; color:#137CD3; }
.jisseki_list dl dd { width:100%; }
.lead_medium { text-align:left; margin-bottom:80px; }
@media screen and (min-width: 768px) {
   .obi { margin-top:120px; margin-bottom:40px; }
   .jisseki_list dl { width:100%; margin:0 1%;  }
   .jisseki_list dl dt { width:25%; color:#137CD3; }
   .jisseki_list dl dd { width:75%; }
   .lead_medium { text-align:center; margin-bottom:120px; }
}

.tokucho_list { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; position:relative; }
.tokucho_list li { width:100%; }
.tokucho_list li .inline_sp { width:95%; margin:0 auto 20px auto; display:block; }
.tokucho_list li:nth-child(1) { margin-bottom:20px; }
.tokucho_list li h3 { width:auto; font-size:18px; text-align:center;line-height:56px; margin-bottom:32px; letter-spacing:0.03; font-weight:bold; background:#137CD3; color:#fff; height:56px; position:relative; display:flex; justify-content: center; }
.tokucho_list li h3 em { font-size:24px; margin-left:10px; line-height:56px; letter-spacing:0.1em;}
.tokucho_list li h3 span { margin-left:20%;}
.tokucho_list li h3 .illust_eigyoman { height:90px; position:absolute; left:0; bottom:0; }
.tokucho_list li strong { font-size:24px; line-height:1.7em; letter-spacing:0.05; letter-spacing:0.1em; }
.tokucho_list li strong.inline_pc { display:none; }
.tokucho_list li strong.inline_sp { display:inline; }
.tokucho_list li .photo_tokucho { width:100%; border-radius:10px; overflow: hidden; box-shadow: 10px 10px 0  #137CD3; }
.tokucho_list li .photo_tokucho img { width:100%; height:100%; object-fit: cover; display:block; }
.contents_wrap.back_gray { padding:100px 0; display:block; margin:100px 0;}


.tokucho_list .tokucho1 { width:100px; position:absolute; bottom:-50px; z-index:1; left:0%;  }
.tokucho_list .tokucho2 { width:125px; position:absolute; bottom:-50px;z-index:1; left:0%;  }
.tokucho_list .tokucho3 { width:100px; position:absolute; bottom:-50px; z-index:1; left:0%;  }
.tokucho_list li p { margin-top:24px; text-align:justify;}
.tokucho_list li .inline_pc { display:none; }
@media screen and (min-width: 768px) {
   .tokucho_list li { width:50%; }
   .tokucho_list li .inline_sp { display:block; }
   .tokucho_list li img { width:100%; }
   .tokucho_list li:nth-child(1) { margin-bottom:0; }
   .tokucho_list li h3 { width:83%; padding-left:100px; font-size:18px; }
   .tokucho_list li h3 .illust_eigyoman  { width:auto; bottom:0; }
   .tokucho_list li h3 span { margin-left:initial;}
   .tokucho_list li strong {  font-size: clamp(18px, 2.5vw, 28px);}
   .tokucho_list li strong.inline_pc { display:inline; } 
   .tokucho_list li strong.inline_sp { display:none; }
   .tokucho_list li .photo_tokucho { height:320px; }
   .tokucho_list .tokucho1 { width:180px; bottom:-50px; z-index:1; left:42%;  }
   .tokucho_list .tokucho2 { width:245px; bottom:-50px;z-index:1; left:30%;  }
   .tokucho_list .tokucho3 { width:200px; bottom:-50px; z-index:1; left:45%;  }
   .contents_wrap.back_gray .tokucho_list {flex-direction: row-reverse; position:relative; }
   .jisseki_list { display:flex; }
   .jisseki_list div { width:50%; }

   .nayami_wrap.reason3 p { margin-top:0; }
   .tokucho_list li .inline_pc { display:none; }
}
@media screen and (min-width:1200px) {
   .tokucho_list li .inline_sp { display:none; }
   .tokucho_list li .inline_pc { display:block; }
   .tokucho_list li h3 { width:435px; padding-left:100px; }
}
@media screen and (min-width:1025px) {
.tokucho_list li h3 { width:435px; padding-left:100px; }
}

/*文字の下に下線*/
.highlight_text {
   position: relative;
   display: inline-block;
   font-weight: bold;
   color: #0076d9; /* 青色 */
   line-height: 1.8;
   z-index: 1; /* これで上にくる */
 }
 
.highlight_text::before {
   content: "";
   position: absolute;
   bottom: 0.2em;
   left: 0;
   width: 100%;
   height: 0.7em;
   background: #ffeb3b;
   z-index: -1; /* テキストの下にする */
 }

 .tokucho_list li.reason1 .animation { display:none; }
 .tokucho_list li.reason1 .arrow { display:none;}
 .tokucho_list li.reason1 .reason1 { display:none;}
 .tokucho_list li.reason2 .animation { display:none; }
 .tokucho_list li.reason2 .arrow { display:none; }
 .tokucho_list li.reason2 .reason2 { display:none;}
  .tokucho_list li.reason3 .animation { display:none; }
 .tokucho_list li.reason3 .arrow { display:none; }
 .tokucho_list li.reason3 .reason2 { display:none;}

@media screen and (min-width:768px) {
 .tokucho_list li.reason1 { width:48%; position:relative; }
 .tokucho_list li.reason1 .animation { width:19vw; position:absolute; top:0; left:0; display:block; }
 .tokucho_list li.reason1 .arrow { width:52px; position:absolute; top:10vw; left:5vw; display:block;  }
 .tokucho_list li.reason1 .reason1 { width:400px; position:absolute; bottom:0; right:5%; display:block;  }

 .tokucho_list li.reason2 { width:48%; position:relative; bottom:0; }
 .tokucho_list li.reason2 .animation { width:50%; position:absolute; top:0; right:0; display:block;  }
 .tokucho_list li.reason2 .arrow { width:52px; position:absolute; top:35%; left:10vw; display:block;  }
 .tokucho_list li.reason2 .reason2 { width:70%; position:absolute; top:200px; left:0; display:block;  }

 .tokucho_list li.reason3 .reason3_wrap { height:500px;  position:relative; }
 .tokucho_list li.reason3 .reason3_wrap  .animation { width:200px; position:absolute; top:0; left:0; display:block;  }
 .tokucho_list li.reason3 .reason3_wrap  .arrow { width:67px; position:absolute; top:12vw; left:5vw; display:block;  }
 .tokucho_list li.reason3 .reason3_wrap  .reason3 { width:345px; position:absolute; bottom:30px; right:20%; display:block;  }
}

@media screen and (min-width:1000px) {
   .tokucho_list li.reason1 .arrow { top:20vw; }
    .tokucho_list li.reason1 .animation { width:260px; }
}

@media screen and (min-width:1100px) {
 .tokucho_list li.reason1 .arrow {  top: 45%; transform: translateY(-45%);} 
 .tokucho_list li.reason2 .arrow {  top: 40%; transform: translateY(-40%);} 
 .tokucho_list li.reason3 .reason3_wrap  .arrow  { top:15vw; } 

}

@media screen and (min-width:1300px) {
   .tokucho_list li.reason2 .animation { width:285px; }
   .tokucho_list li.reason2 .reason2 { width:400px; right:20%; left:initial;}
   .tokucho_list li.reason3 .reason3_wrap  .arrow  { top:45%; transform: translateY(-45%); } 
}

.nayami_wrap { width:100%; margin:0 auto; height:auto; background:#F5F5F5; padding:60px 5% 30px 5%; border-radius:10px; }
.nayami_wrap.reason3 { padding-bottom:0; } 
@media screen and (min-width:1300px) {
   .nayami_wrap { padding-bottom:150px; border-radius:10px; }
   .contents_wrap .contents { width:1200px; }
   
}
  
.photo_wrap { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; margin:0px auto 100px auto;background:#F5F5F5; border-radius:0 0 10px 10px; padding-bottom:30px; }
.photo_wrap li { width:80%; margin:0 auto 25px auto; }
.photo_wrap li img { width:100%; margin-bottom: 0px;}
@media screen and (min-width: 768px) {
   .photo_wrap { width:90%; margin:-10px auto 100px auto; background:none; border-radius:0;  }
   .photo_wrap li  { width:30%; margin-bottom:0; }
   .photo_wrap.reason2 { position:relative; margin-top:-10px; }

}
@media screen and (min-width: 1300px) {
 .photo_wrap {width:1100px; margin-top:-100px; }
    .photo_wrap.reason2 {  margin-top:-100px; }
}

h2 { width:100%; text-align:center; font-size:28px; position:relative; color:#137CD3;  letter-spacing:0.1em; margin-bottom:40px; line-height:1.7em;}
h2::after {  content: "REASON";  width:100%; text-align:center; font-size:65px; color:rgba(19, 124, 211, 0.11); letter-spacing:0.1em; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); display:block; }

@media screen and (min-width:375px) {
   h2::after { left:47%; font-size:80px;}
}
@media screen and (min-width:414px) {
   h2::after { left:50%; }
}

@media screen and (min-width: 768px) {
   h2 { font-size:32px; margin-bottom:100px; }
   h2::after { font-size:109px; top: 50%;left: 50%; transform: translate(-50%, -50%); }
}

#reason{
  scroll-margin-top: 80px;   /* ← 固定ヘッダー高さぶんだけ余裕を取る */
}

.kaisetsu2 { display:none; }
.kaisetsu1 { display:none; }
@media screen and (min-width:900px) {
   .kaisetsu2 { display:block; }
   .kaisetsu1 { display:block; right:0; }
}
@media screen and (min-width:1025px) {
   .kaisetsu1 { right:5vw; }
   .kaisetsu2 { top:10vw; right:0%; }
}

.nayami_wrap.reason3 { margin-top:80px; }
@media screen and (min-width: 768px) {
   .nayami_wrap.reason3 { margin-top:130px; }
}