@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
  /* ページタイトル英字を1行に収める */
  .page_title_text .page_title_en { font-size:min(40px, 9vw); letter-spacing:0.1em; white-space:nowrap; }
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


.top_intro{margin-bottom: 40px;}
@media (min-width:768px) {
  .top_intro { display: block; margin: 0 auto; text-align: center;margin-bottom: 40px;}
}

.problems_bg { position: absolute; top: -10vw; left: -25%; width: 150%; height: 100%; z-index: -1; }
.problems_bg_img { display: block; width: 100%; height: auto; }
.problems_wrap { position: relative; max-width: 1320px; margin:60px auto 0 auto; padding:20px 20px 40px; text-align: center; }
.problems_texts { line-height: 2; letter-spacing: 0.15em;}
.problems_title { font-size: 24px; line-height: 1.7; font-weight: bold; color: #004680; letter-spacing: 0.1em;}
.problems_list { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; text-align: left; }
.problems_list li { display: flex; gap:12px; }
.problems_list li span { line-height:1.5; }
.problems_list li span em { background:linear-gradient(transparent 40%, #FDFD99 0%); }
.triangle_arrow { background: #004680; height: calc(tan(60deg) * 26px / 2); width: 30px; clip-path: polygon(0 0, 100% 0, 50% 100%); margin:20px auto; }
@media (min-width: 1025px) {
    .problems_innerwrap { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin-bottom: 20px;}
    .problems_wrap { margin:120px auto 0 auto; }
    .problems_texts { max-width: 880px; margin: 0 0 0 5%; text-align: left;}
    .problems_title { font-size: 28px; text-align: left;}
    .problems_list { gap:20px; }
    .problems_list li { gap:20px; }
    .triangle_arrow { margin:120px auto 60px auto; }
}

.merit_img { width:100%; }
.merit_wrap { margin:240px 0 0 0; background:#8DD3F6; display:flow-root; }
.merit_wrap .contents.nopadding { position:relative; z-index:1; margin-top:-160px;/* contentsを上の余白にはみ出させる */ }
@media (min-width: 768px) {
    .merit_wrap { margin:320px 0 0 0; }
    .merit_wrap .contents.nopadding { margin-top:-240px;/* contentsを上の余白にはみ出させる */ }
}

.merit { padding-bottom:60px; }
.merit_list { display: flex; flex-direction: column; gap: 24px; margin:0; }
.merit_list li { margin:50px 0 0 0; background:#fff; border-radius:10px; }
.merit_title { display:flex; flex-direction: column; text-align: center; margin:-40px auto 10px auto; color: #004680; font-weight:bold; font-size:16px; line-height:1.2; }
.merit_title strong { margin-top:-10px; font-size:50px; line-height:1.1; }
.merit_h3 { text-align: center; margin-bottom: 20px; }
.merit_h3 span { display:inline; background:linear-gradient(transparent 20%, #FDFD99 0%); color: #004680; }
.merit_texts { padding:0 5% 20px 5%; }
.merit_text { text-align:justify; }
.merit_text strong { font-size: 40px; color: #FC5942; }
@media (min-width:1025px) {
    .merit { height: auto; padding: 20px; }
    .merit_list { flex-direction: row; width: 80%; margin:100px auto 40px auto; }
    .merit_list li { margin:0; flex: 1; }
    .merit_title { margin:-70px auto 10px auto; font-size:24px; }
    .merit_title strong { font-size:72px; }
    .merit_illust { position: relative; display: block; margin: 0 auto; }
    .merit_texts { padding:0 20px 20px 20px; }
    .merit_text strong { font-size: 50px;  }
}

.contents_bg_basic { mix-blend-mode: multiply; }
.zig_wrap { padding-bottom:0; }
.zig_wrap .content { background:#fff; }
.zig_one { background:#fff; }
@media (min-width: 1300px) {
    .zig_wrap { margin-top:320px; }
    .contents_bg_excursion { margin-top:-320px; }
    .zig_wrap .content:nth-child(1) { margin-top: -42%; }
}

@media (min-width:768px) {
  .detail_contact_wrap br{display: none;}
  .section_title_ja.center{line-height: 90px;}
  .detail_contact_content{background-color: white;}
  .detail_contact{width: min(90vw,1320px);display: flex;flex-direction: row;justify-content: center;margin: 0 auto;gap: 45px;}
  .detail_contact_content{width: min(45vw,650px);display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 15px 0;border-radius: 10px;}
  .detail_contact_content_img{width: min(15vw,220px);margin-right: min(1vw,20px);}
  .detail_contact_content_img img{width: 100%;}
  .detail_contact_content_texts a {width: min(37vw,330px);}
  .detail_contact_content_texts .button_tel_nm {font-size: min(3.5vw,34px);}
  .detail_contact_img{display: none;}
}

  @media (min-width:1025px) {
    .detail_contact_content_img{display: block;}
    .detail_contact_content_texts a {width: min(23vw,310px);}
    .detail_contact_content_texts .button_tel_nm {font-size: min(2.2vw,34px);}
}

/*サポート*/
.contents_suppoort { margin-top:60px; }
.support_list { display:flex; flex-direction:column; gap:20px; }
.support_list li { padding:20px; display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
.support_img { width:auto; zoom:0.75; margin:auto; flex-shrink:0; }
.support_texts { text-align:justify; }
.support_title { text-align:center; color: #004680; }
.support_text { margin-top:10px; }
@media (min-width:768px) {
    .support_list { flex-direction:row; flex-wrap:wrap }
    .support_list li { width:calc((100% - 20px) /2); padding:40px 20px; }
}
@media (min-width:1025px) {
    .support_list li { width:calc((100% - 20px) /2); padding:40px 40px; flex-direction:row; gap:40px; }
    .support_title { text-align:left; }
    .support_img { zoom:0.9; }
    .support_texts { width:70%; }
}

/*おすすめ*/
.recommend_lists { display:flex; flex-direction:column; gap:20px; margin-top:40px; }
.recommend_list { padding:20px 0; background:#fff; }
.recommend_titles { display:flex; flex-direction:column; justify-content:space-between; align-items:center;  }
.recommend_title { padding:0 24px; position:relative; }
.recommend_title::before { content: ''; position:absolute; top:18px; left:0; width:18px; height:2px; background:#000; transform:rotate(45deg); }
.recommend_title::after { content: ''; position:absolute; top:18px; right:0; width:18px; height:2px; background:#000; transform:rotate(-45deg); }
.recommend_logo { width:280px; max-width:100%; margin:0 auto; }
.recommend_img { width:100%; margin:10px 0 0 0; }
.recommend_points { padding:10px 5% 0 5%; text-align:justify; }
.recommend_point { margin:0 0 16px 0; padding:0 10px; background:#004680; color:#fff; line-height:1.2; }
.recommend_points_lists { display:flex; flex-direction:column; gap:10px; }
.recommend_points_list { display:flex; gap:16px; line-height:1.2; }
.recommend_points_list img { width:20px; }
@media (min-width:768px) {
    .recommend_lists { flex-direction:row; flex-wrap: wrap; }
    .recommend_list { width: calc((100% - 20px) / 2); }
    .recommend_title { margin:0 0 -5px 0; }
    .recommend_logo { width:320px; height:50px; object-fit:contain; object-position:center bottom; }
}
@media (min-width:1025px) {
    .recommend_list { width: calc((100% - 40px) / 3); }
}

/* お問い合わせ */
.button_tel{margin-bottom: 20px;width: initial;}
.detail_buttons{margin-bottom: 80px;}
.detail_buttons{display: none;}
.detail_contact_wrap{width: 90vw;margin: 0 auto;padding: 40px 0;padding: 60px 0;}
.detail_contacts{display: flex;flex-direction: column;margin-top: -30px;}
.detail_contact_title{font-size: min(1.8vw,24px);font-weight: bold;color: #004680;line-height: 1.5;border-bottom: 1px solid #DADADA;padding-bottom: 20px;margin-bottom: 20px;}
.detail_contact_img{width: 90vw;}
.detail_contact_img img{width: 100%;}
.detail_contact_content_text{font-size: 18px;font-weight: bold;margin-bottom: 15px;position: relative;font-weight: bold;padding: .5em 0em .5em .8em;}
.detail_contact_content_text:before {position: absolute;background-color: #2CB6F7;content: "";left: 0%;top: 23%;bottom: 10%;width: 6px;height: 27px;}
.button_tel_nm{font-size: min(2.3vw,34px);}
.detail_contact_wrap h2{line-height: 1.5;letter-spacing: 1px;}
.detail_contact_content_texts a {width: 90vw;}
.detail_contact_content_img{display: none;}


  @media (min-width:768px) {
  .detail_contact_wrap br{display: none;}
  .section_title_ja.center{line-height: 90px;}
  .detail_contact_content{background-color: white;}
  .detail_contact{width: min(90vw,1320px);display: flex;flex-direction: row;justify-content: center;margin: 0 auto;gap: 45px;}
  .detail_contact_content{width: min(45vw,650px);display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 15px 0;border-radius: 10px;}
  .detail_contact_content_img{width: min(15vw,220px);margin-right: min(1vw,20px);}
  .detail_contact_content_img img{width: 100%;}
  .detail_contact_content_texts a {width: min(37vw,330px);}
  .detail_contact_content_texts .button_tel_nm {font-size: min(3.5vw,34px);}
  .detail_contact_img{display: none;}
}

  @media (min-width:1025px) {
    .detail_contact_content_img{display: block;}
    .detail_contact_content_texts a {width: min(23vw,310px);}
    .detail_contact_content_texts .button_tel_nm {font-size: min(2.2vw,34px);}
}