._font_en {
  font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-style: normal;
}

.sp-only { display: none; }

.experience_contents { overflow: hidden; }

.experience_head { width: 100%; height: calc(100vh - 56px); position: relative; background: linear-gradient(
  to bottom,
  #AAF4FF,
  #AAF4FF 50%,
  #fff 50%,
  #fff 100%
); }
.experience_head_txt { width: 36.57%; min-width: 409px; position: absolute; left: 50%; top: 30%; z-index: 2; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.experience_head_ttl img { width: 100%; }
.experience_head_img { width: 100%; min-width: 1120px; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.experience_head_img img { width: 100%; }
.experience_head_read { margin-top: 32px; font-size: 2.0rem; color: #0064BB; line-height: 1.8; font-weight: 700; text-align: center; }

@media screen and (min-width: 1400px) {
    /*.experience_head_txt { width: 36.57%; min-width: auto; position: absolute; left: 50%; top: 0.5%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .experience_head_img { width: 100%; min-width: auto; margin: 0 auto; position: relative; left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); }*/
}

.experience_about { position: relative; }
.experience_about_bg video{ position: absolute; left: 0; top: 0; width: 100%;height: 100%;object-fit: cover;}
.experience_about_bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.experience_about_bg:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(179,240,248,0.6); position: absolute; left: 0; top: 0; }
.experience_about_inner { display: flex; justify-content: space-between; align-items: center; width: 80.29%; margin: 0 auto; padding: 60px 0 120px; position: relative; z-index: 2; }
.experience_about_txt { width: 66.19%; }
.experience_about_map { width: 29.09%; }
.experience_about_map img { width: 100%; }
.experience_about_map._en img { width: 117%; margin-left: -17%; }
.experience_about_txt .ttl { font-size: 2.8rem; color: #0064BB; font-weight: 700; }
.experience_about_txt .read { font-size: 1.6rem; color: #0064BB; line-height: 1.75; margin-top: 15px; }

.experience_welcom { position: relative; }
.experience_welcom:after { content: ""; display: block; width: 100%; height: 100%; background:  url("../img/welcom_bg2.png") repeat-x; position: relative; position: absolute; top: 0; left: 0; z-index: 2; }
.experience_welcom:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #B3F0F8; }
.experience_welcom_bgtop { width: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-12%); transform: translateY(-12%); }
.experience_welcom_bgtop img { width: 100%; }
.experience_welcom_inner { position: relative; z-index: 3;}
.experience_welcom_txt { width: 551px; margin: 0 auto; padding-top: 111px; position: relative; text-align: center; }
.experience_welcom_txt .ttl { font-size: 4.7rem; color: #0064BB; font-weight: 700; line-height: 1.5; }
.experience_welcom_txt .read { font-size: 1.8rem; color: #0064BB; font-weight: 700; line-height: 2.3; margin-top: 36px; }
.experience_welcom_txt .ph01 { width: 31.91%; position: absolute; left: 0; top: 0; -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); }
.experience_welcom_txt .ph02 { width: 33.82%; position: absolute; right: 0; top: 0; -webkit-transform: translate(100%, 50px); transform: translate(100%, 50px); }
.experience_welcom_txt .ph03 { width: 26.02%; position: absolute; left: 0; bottom: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.experience_welcom_txt .ph04 { width: 44.11%; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(100%, 50%); transform: translate(100%, 50%); }

.experience_experience { padding-bottom: 300px; position: relative;}
.experience_experience:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background: url("../img/experience_bg.png") repeat-x top; }
.experience_experience_head { margin-left: 9.85%; }
.experience_experience_item { display: flex; justify-content: space-between; margin-top: 12px; }
.experience_experience_item._item01 { margin-left: 9.85%; }
.experience_experience_item._item02 { margin: 48px 9.85% 0 0; flex-direction: row-reverse; }
.experience_experience * { color: #FF7D87; }
.experience_experience_en { font-size: 10.0rem; margin-top: -150px; }
.experience_experience_ttl { font-size: 2.4rem; }
.experience_experience_txt { width: 36.39%; }
.experience_experience_txt .ttl { margin-bottom: 40px; font-size: 4.8rem; font-weight: 700; line-height: 1.5; }
.experience_experience_item._item01 .experience_experience_ph { width: 55.35%; overflow: hidden; }
.experience_experience_item._item02 .experience_experience_ph { width: 59.85%; overflow: hidden; }
.experience_experience_ph img { width: 120.64%; max-width: none; }
.experience_experience_item._item02 .experience_experience_ph img { margin-left: -20.64%; }
.experience_experience_item._item01 .experience_experience_txt { padding-top: 150px; }
.experience_experience_item._item02 .experience_experience_txt { padding-top: 130px; }
.experience_experience_item .fukidashi { border: 1px dashed #FF7D87; margin-top: 35px; padding: 10px 20px; border-radius: 100px; }

.link_more { margin-top: 40px; }
.link_more > div { display: flex; cursor: pointer;}
.link_more > div .arrow { width: 20px; height: 20px; margin-left: 6px; background: #FF7D87; position: relative; border-radius: 50%; }
.link_more > div .arrow img { width: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.btn_more { margin-top: 40px; }
.btn_more a { display: inline-block; background: #FF7D87; padding: 15px 75px; border-radius: 40px; font-size: 2.0rem; font-weight: 700; line-height: 1.5; color: #fff; }

.experience_gelande { background: url("../img/gelande_bg.png") repeat-x; background-position: 0 250px; position: relative; }
.experience_gelande:before { content: ""; display: block; position: absolute; left: 0; top: 300px; z-index: -2; width: 100%; height: calc(100% - 300px); background: #EDF9FF; }
.experience_gelande_mainph { margin-top: -250px; position: relative; }
.experience_gelande_mainph .ico { width: 42.14%; position: absolute; right: -15.14%; bottom: -16%; }
.experience_gelande_mainph .img01 { width: 12.64%; position: absolute; left: 7.42%; bottom: -25%; }
.experience_gelande_head { width: 53.14%; margin: -8% auto 0; text-align: center; position: relative; z-index: 2;}
.experience_gelande_head * { color: #1EBFAC; font-weight: 700;}
.experience_gelande_en { font-size: 10.0rem; }
.experience_gelande_catch { font-size: 2.8rem; margin-top: 85px; }
.experience_gelande_read { font-size: 1.8rem; line-height: 1.75; margin-top: 35px; }

.experience_gelande_box { width: 80.28%; margin: 85px auto 0; padding: 65px 0; background: #fff; border-radius: 30px; position: relative; }
.experience_gelande_box * { color: #1EBFAC; }
.experience_gelande_item { display: flex; align-items: flex-start; justify-content: space-between; width: 86.66%; margin: 0 auto; }
.experience_gelande_item + .experience_gelande_item { margin-top: 75px; padding-top: 65px; background: url("../img/line_dot.png") repeat-x top; }
.experience_gelande_item:nth-child(2n) { flex-direction: row-reverse; }
.experience_gelande_txt { width: 41.78%; position: relative; }
.experience_gelande_ph { width: 49.38%; position: relative; }
.experience_gelande_ph img { width: 100%; border-radius: 8px; }
.experience_gelande_txt .read { line-height: 1.75; margin-top: 30px; }
.experience_gelande_item .fukidashi { background: rgba(74,196,182,0.1); border-radius: 10px; margin: 50px 0 0 13px; padding: 15px 25px; font-weight: 700; position: relative; }
.experience_gelande_item .fukidashi:before { content: ""; display: block; width: 13px; height: 26px; background: url("../img/arrow_fukidashi.png") no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.experience_gelande_item:nth-child(1) .ttl { width: 88.69%; max-width: 361px; }
.experience_gelande_item:nth-child(2) .ttl { width: 46.92%; max-width: 191px; }
.experience_gelande_item:nth-child(3) .ttl { width: 50.36%; max-width: 205px; }
.experience_gelande_box._zh-tw .experience_gelande_item:nth-child(1) .ttl { width: 59.55%; max-width: 243px; }
.experience_gelande_box._en .experience_gelande_item:nth-child(1) .ttl { width: 74.26%; max-width: 303px; }
.experience_gelande_box._en .experience_gelande_item:nth-child(2) .ttl { width: 39.46%; max-width: 161px; }
.experience_gelande1_ph02 { width: 90.93%; position: absolute; left: -10%; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 2; }
.experience_gelande2_ph02 { width: 48.64%; position: absolute; right: 0%; bottom: 0; -webkit-transform: translate(20%,20%); transform: translate(20%,20%);  }
.experience_gelande_ph02 { width: 23.57%; position: absolute; right: 0%; bottom: 0; -webkit-transform: translate(20%,90%); transform: translate(20%,90%);  }
.experience_footer_btn { margin: 59px 0; text-align: center; }
.experience_footer_btn a { display: inline-block; background: #1EBFAC; padding: 15px 75px; border-radius: 40px; font-size: 2.0rem; font-weight: 700; line-height: 1.5; color: #fff; }
.experience_footer_copy { max-width: 554px; margin: 0 auto; font-size: 2.4rem; color: #0064BB; font-weight: 700; line-height: 1.75; text-align: center; }

.experience_footer_ph { margin: 136px 0 0; position: relative; }
.experience_footer_ph .ico { width: 40.78%; position: absolute; top: -35%; left: -17%; }

@media screen and (max-width: 1024px) {
    .experience_head_read { margin-top: 32px; font-size: 1.3rem; color: #0064BB; line-height: 1.8; font-weight: 700; text-align: center; }

    .experience_about_txt .ttl { font-size: 2.24rem; color: #0064BB; font-weight: 700; }
    .experience_about_txt .read { font-size: 1.3rem; color: #0064BB; line-height: 1.75; margin-top: 15px; }

    .experience_welcom_txt .ttl { font-size: 3.76rem; color: #0064BB; font-weight: 700; line-height: 1.5; }
    .experience_welcom_txt .read { font-size: 1.4rem; color: #0064BB; font-weight: 700; line-height: 2.3; margin-top: 36px; }

    .experience_experience_en { font-size: 8.0rem; margin-top: -150px; }
    .experience_experience_ttl { font-size: 1.92rem; }
    .experience_experience_txt .ttl { margin-bottom: 40px; font-size: 3.84rem; font-weight: 700; line-height: 1.5; }

    .btn_more a { display: inline-block; background: #FF7D87; padding: 15px 75px; border-radius: 40px; font-size: 1.6rem; font-weight: 700; line-height: 1.5; color: #fff; }

    .experience_gelande_en { font-size: 8.0rem; }
    .experience_gelande_catch { font-size: 2.24rem; margin-top: 85px; }
    .experience_gelande_read { font-size: 1.4rem; line-height: 1.75; margin-top: 35px; }

    .experience_footer_btn a { display: inline-block; background: #1EBFAC; padding: 15px 75px; border-radius: 40px; font-size: 1.6rem; font-weight: 700; line-height: 1.5; color: #fff; }
    .experience_footer_copy { width: 89.74%; margin: 0 auto; font-size: 1.92rem; color: #0064BB; font-weight: 700; line-height: 1.75; text-align: center; }

}

@media screen and (max-width: 900px) {
    .experience_experience_item { display: block; justify-content: space-between; margin-top: 12px; }
    .experience_experience_item._item01 { margin-left: 0; }
    .experience_experience_item._item02 { margin: 48px 0 0; flex-direction: row-reverse; }
.experience_experience * { color: #FF7D87; }
.experience_experience_en { font-size: 10.0rem; margin-top: -150px; }
.experience_experience_ttl { font-size: 2.4rem; }
    .experience_experience_txt { width: 89.48%; margin: 0 auto; }
.experience_experience_txt .ttl { margin-bottom: 40px; font-size: 4.8rem; font-weight: 700; line-height: 1.5; }
    .experience_experience_item._item01 .experience_experience_ph { width: auto; margin-left: 4.87%; overflow: hidden; }
    .experience_experience_item._item02 .experience_experience_ph { width: auto; margin-right: 4.87%; overflow: hidden; }
    .experience_experience_ph img { width: 123.98%; max-width: none; }
.experience_experience_item._item02 .experience_experience_ph img { margin-left: -23.98%; }
.experience_experience_item._item01 .experience_experience_txt { padding-top: 150px; }
.experience_experience_item._item02 .experience_experience_txt { padding-top: 130px; }
    .experience_experience_item .fukidashi { width: 89.74%; border: 1px dashed #FF7D87; margin: 35px auto; padding: 10px 20px; border-radius: 100px; }
    
    .experience_gelande_item { display: block; align-items: flex-start; justify-content: space-between; width: 86.66%; margin: 0 auto; position: relative; }
.experience_gelande_item + .experience_gelande_item { margin-top: 75px; padding-top: 65px; background: url("../img/line_dot.png") repeat-x top; }
.experience_gelande_item:nth-child(2n) { flex-direction: row-reverse; }
    .experience_gelande_txt { width: auto; position: relative; }
    .experience_gelande_ph { width: auto; margin-top: 24px; position: relative; }
.experience_gelande_txt .read { line-height: 1.75; margin-top: 30px; }
    .experience_gelande_item .fukidashi { background: rgba(74,196,182,0.1); border-radius: 10px; margin: 14% 0 0; padding: 15px 25px; font-weight: 700; position: relative; }
    .experience_gelande_item .fukidashi:before { content: ""; display: block; width: 13px; height: 26px; background: url("../img/arrow_fukidashi.png") no-repeat; position: absolute; left: 85%; top: 0; -webkit-transform: translate(0%, -75%) rotate(90deg); transform: translate(0%, -75%) rotate(90deg); }
    .experience_gelande_item:nth-child(1) .ttl { width: 100%; max-width: 307px; }
    .experience_gelande_item:nth-child(2) .ttl { width: 51.14%; max-width: 157px; }
    .experience_gelande_item:nth-child(3) .ttl { width: 54.39%; max-width: 167px; }
    .experience_gelande_box._zh-tw .experience_gelande_item:nth-child(1) .ttl { width: 61.56%; max-width: 189px; }
    .experience_gelande_box._en .experience_gelande_item:nth-child(1) .ttl { width: 79.80%; max-width: 245px; }
    .experience_gelande_box._en .experience_gelande_item:nth-child(2) .ttl { width: 51.14%; max-width: 157px; }
    
    .experience_gelande1_ph02 { width: 90.93%; position: absolute; left: -22%; bottom: 40%; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%);  }
    
    .pc-only { display: none; }
    .sp-only { display: block; }
}

@media screen and (max-width: 551px) {
    p { line-height: 1.75; }
.experience_head { width: 100%; height: calc(100vh - 56px); position: relative; background: linear-gradient(
  to bottom,
  #AAF4FF,
  #AAF4FF 50%,
  #fff 50%,
  #fff 100%
); }
    .experience_head_txt { width: 89.74%; min-width: auto; position: absolute; left: 50%; top: 28px; z-index: 2; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); }
.experience_head_ttl img { width: 100%; }
    .experience_head_img { width: 100%; height: calc(100vh - 56px); min-width: auto; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
    .experience_head_img img { width: 838px; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); object-fit: cover; }
.experience_head_read { margin-top: 32px; font-size: 2.0rem; color: #0064BB; line-height: 1.8; font-weight: 700; text-align: center; }

.experience_about { position: relative; }
.experience_about_bg { }
.experience_about_bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.experience_about_bg:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(179,240,248,0.6); position: absolute; left: 0; top: 0; }
    .experience_about_inner { display: block;  width: 89.74%; margin: 0 auto; padding: 50px 0 80px; position: relative; z-index: 2; }
    .experience_about_txt { width: auto; }
    .experience_about_map { width: 74.85%; margin: 30px auto 0; }
.experience_about_map img { width: 100%; }
.experience_about_txt .ttl { font-size: 2.8rem; color: #0064BB; font-weight: 700; }
.experience_about_txt .read { font-size: 1.6rem; color: #0064BB; line-height: 1.75; margin-top: 15px; }

.experience_welcom { position: relative; }
.experience_welcom:after { content: ""; display: block; width: 100%; height: 100%; background:  url("../img/welcom_bg2.png") repeat-x; position: relative; position: absolute; top: 0; left: 0; z-index: 2; }
.experience_welcom:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #B3F0F8; }
.experience_welcom_bgtop { width: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-12%); transform: translateY(-12%); }
.experience_welcom_bgtop img { width: 100%; }
.experience_welcom_inner { position: relative; z-index: 3;}
    .experience_welcom_txt { width: 89.74%; margin: 0 auto; padding: 53.84vw 0; position: relative; text-align: center; }
    .experience_welcom_txt .ttl { font-size: 3.6rem; color: #0064BB; font-weight: 700; line-height: 1.5; }
    .experience_welcom_txt .read { font-size: 1.8rem; color: #0064BB; font-weight: 700; line-height: 2.0; margin-top: 20px; text-align: left;}
    .experience_welcom_txt .ph01 { width: 37.43%; position: absolute; left: 0; top: 0; -webkit-transform: translate(-20%, 46%); transform: translate(-20%, 46%); }
    .experience_welcom_txt .ph02 { width: 40.82%; position: absolute; right: 0; top: 0; -webkit-transform: translate(20%, 9%); transform: translate(20%, 9%); }
    .experience_welcom_txt .ph03 { width: 33.84%; position: absolute; left: 0; bottom: 0; -webkit-transform: translate(0,-21%); transform: translate(0,-21%); }
    .experience_welcom_txt .ph04 { width: 48.46%; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(19%, 26%); transform: translate(19%, 26%); }
    .experience_welcom_bg { position: relative; z-index: 3;}

.experience_experience { padding-bottom: 300px; position: relative; z-index: 4; }
.experience_experience:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background: url("../img/experience_bg.png") repeat-x top; }
    .experience_experience_head { margin-left: 0; text-align: center; }
    .experience_experience_item { display: block; justify-content: space-between; margin-top: 12px; }
    .experience_experience_item._item01 { margin-left: 0; }
    .experience_experience_item._item02 { margin: 72px 0 0; flex-direction: row-reverse; }
.experience_experience * { color: #FF7D87; }
    .experience_experience_en { font-size: 7.2rem; margin-top: -150px; }
    .experience_experience_ttl { font-size: 1.8rem; }
    .experience_experience_txt { width: 89.48%; margin: 0 auto; text-align: left; }
    .experience_experience_txt .ttl { margin-bottom: 20px; font-size: 2.8rem; font-weight: 700; line-height: 1.5; }
    .experience_experience_item._item01 .experience_experience_ph { width: auto; margin-left: 4.87%; overflow: hidden; }
    .experience_experience_item._item02 .experience_experience_ph { width: auto; margin-right: 4.87%; overflow: hidden; }
    .experience_experience_ph img { width: 123.98%; max-width: none; }
.experience_experience_item._item02 .experience_experience_ph img { margin-left: -23.98%; }
    .experience_experience_item._item01 .experience_experience_txt { padding-top: 60px; }
    .experience_experience_item._item02 .experience_experience_txt { padding-top: 0; }

.link_more { margin-top: 40px; }
.link_more a { display: flex; }
.link_more a .arrow { width: 20px; height: 20px; margin-left: 6px; background: #FF7D87; position: relative; border-radius: 50%; }
.link_more a .arrow img { width: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.btn_more { margin-top: 40px; }
.btn_more a { display: block; background: #FF7D87; padding: 15px 75px; border-radius: 40px; font-size: 2.0rem; font-weight: 700; line-height: 1.5; color: #fff; text-align: center; }
    .experience_experience_item .btn_more { width: 89.48%; margin: 24px auto 0; }

.experience_gelande { background: url("../img/gelande_bg.png") repeat-x; background-position: 0 250px; position: relative; }
.experience_gelande:before { content: ""; display: block; position: absolute; left: 0; top: 300px; z-index: -2; width: 100%; height: calc(100% - 300px); background: #EDF9FF; }
.experience_gelande_mainph { margin-top: -250px; position: relative; }
    .experience_gelande_mainph .ico { width: 78.14%; position: absolute; right: -38.14%; bottom: -33%; }
    .experience_gelande_mainph .img01 {  display: none; }
    .experience_gelande_head { width: 89.74%; margin: -18% auto 0; text-align: center; position: relative; z-index: 2;}
.experience_gelande_head * { color: #1EBFAC; font-weight: 700;}
    .experience_gelande_en { font-size: 7.2rem; }
    .experience_gelande_catch { font-size: 2.8rem; margin-top: 50px; text-align: left; }
    .experience_gelande_read { font-size: 1.8rem; line-height: 1.75; margin-top: 35px; text-align: left;}

    .experience_gelande_box { width: 93.07%; margin: 27px auto 0; padding: 35px 0; background: #fff; border-radius: 30px; position: relative; }
.experience_gelande_box * { color: #1EBFAC; }
    .experience_gelande_item { display: block; align-items: flex-start; justify-content: space-between; width: 84.57%; margin: 0 auto; position: relative; }
    .experience_gelande_item + .experience_gelande_item { margin-top: 75px; padding-top: 45px; background: url("../img/line_dot.png") repeat-x top; }
.experience_gelande_item:nth-child(2n) { flex-direction: row-reverse; }
    .experience_gelande_txt { width: auto; position: relative; }
    .experience_gelande_ph { width: auto; margin-top: 24px; position: relative; }
.experience_gelande_txt .read { line-height: 1.75; margin-top: 30px; }

    .experience_gelande1_ph02 { width: 90.93%; position: absolute; left: -22%; bottom: 20%; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%);  }
.experience_gelande2_ph02 { width: 48.64%; position: absolute; right: 0%; bottom: 0; -webkit-transform: translate(20%,20%); transform: translate(20%,20%);  }
    .experience_gelande_ph02 { width: 49.42%; margin: 34px auto 0; position: relative; right: auto; bottom: auto; -webkit-transform: translate(0,0); transform: translate(0,0);  }
    .experience_footer_btn { width: 89.74%; margin: 30px auto; text-align: center; }
.experience_footer_btn a { display: block; background: #1EBFAC; padding: 15px 0; border-radius: 40px; font-size: 2.0rem; font-weight: 700; line-height: 1.5; color: #fff; }
    .experience_footer_copy {width: 89.74%; margin: 40px auto 0; font-size: 2.0rem; color: #0064BB; font-weight: 700; line-height: 1.75; text-align: center; }

    .experience_footer_ph { margin: 22px 0 159px; position: relative; }
    .experience_footer_ph .ico { width: 71.78%; position: absolute; top: auto; bottom: -47%; left: -30%; }
    
}

/* モーダル */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.modal-overlay.is-active {
  display: flex;
  opacity: 1;
}

.modal-content {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 8.73% 6.73%;
  border-radius: 10px;
  max-width: 916px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  transform: translateY(20px); 
  opacity: 0; 
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.modal-overlay.is-active .modal-content {
  transform: translateY(0);
  opacity: 1;
}

.modal-overlay:not(.is-active) {
  pointer-events: none;
}

.js-close-modal { width: 3.0rem; height: 3.0rem; margin: 0!important; background: none; position: absolute; right: 3.0rem; top: 3.0rem; z-index: 10; cursor: pointer; border: none; }
.js-close-modal:before { content: ""; display: block; width: 100%; height: 2px; border-radius: 1px; background: #40320D; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; position: absolute; top: 50%; left: 50%; }
.js-close-modal:after { content: ""; display: block; width: 100%; height: 2px; border-radius: 1px; background: #40320D; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); transform-origin: center; position: absolute; top: 50%; left: 50%; }

.modal-content * { color: #000; }
.modal-content .ttl { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; }
.modal-content p { line-height: 1.7; }
.modal-content .txt { width: 57.69%; }
.modal-content .ph { width: 38.49%; }
.modal-content .ph img { width: 100%; }

@media screen and (max-width: 551px) {
    .modal-content { display: block; padding: 5.0rem 4.73%; }
    .modal-content .txt { width: auto; }
    .modal-content .ph { width: auto; margin-top: 30px; }
    
}

#gt_float_wrapper { display: none; }