@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
body { font-family: "Lato","Noto Sans JP","游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; margin:0; padding: 0; -webkit-text-size-adjust: 100%; letter-spacing: 0.05em; font-weight: 700;  line-height: 1.8; font-feature-settings: "palt" 1; color: #000;}
html{font-size: 16px;}
@media screen and (max-width: 860px){
  html{font-size: 14px;} 
}
@media screen and (max-width: 600px){
  html{font-size: 12px;} 
}

#wrapper {}
h1.ind-transform { position: absolute; top: -5555px; }

* { box-sizing: border-box;}
a { text-decoration: none; color: #000; outline: none; -webkit-transition: all .3s; transition: all .3s;}
a *,
a:after,
a:before,
.trans03,
a *:after,
a *:before{-webkit-transition: all .3s; transition: all .3s; }
a:hover{ text-decoration: none; -webkit-transition: all .3s; transition: all .3s;}
a.underline{ text-decoration: underline; }
a:focus,
a:hover { text-decoration: none; }
a { outline:none;}
:focus { outline: 0; }

img { vertical-align: bottom; }

.flex{ display: flex; flex-wrap: wrap; }
.flex-jcc {display: flex; justify-content: center; flex-wrap: wrap; }
.flex-aic {display: flex; align-items: center; flex-wrap: wrap; }
.flex-jus,.flex-jcs{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-jus-itcen{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flex-center { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.centerposi,
.pc-centerposi { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.centertate,
.pc-centertate { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.centeryoko,
.pc-centeryoko { position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 
@media screen and (max-width: 860px){
    .pc-centerposi,
    .pc-centertate,
    .pc-centeryoko{ position: inherit; top: 0; left: 0; -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }
}
    
    
.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .4s; transition:all .4s; }
.cshover input:hover,
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }

.cshover-not { pointer-events: none; }
.cshover-not:hover{opacity: 0.6 !important;}

.imgwrap{line-height: 0;}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

.after,
.before{ position: relative}
.after:after,
.before:before { content: ""; position: absolute; top: 0; left: 0; display: block; }

.ofh {overflow: hidden;}

/* ハック
==========================================================*/
@media screen and (min-width: 1251px){
  .sp_show1250{display: none;}
  .sp_hide1250{display: block;}
  .sp_show1250-inline{display: none;}
  .sp_hide1250-inline{display: inline;}
}
@media screen and (max-width: 1250px){
  .sp_show1250{display: block;}
  .sp_hide1250{display: none;}
  .sp_show1250-inline{display: inline;}
  .sp_hide1250-inline{display: none;}
}
@media screen and (min-width: 1121px){
  .sp_show1120{display: none;}
  .sp_hide1120{display: block;}
  .sp_show1120-inline{display: none;}
  .sp_hide1120-inline{display: inline;}
}
@media screen and (max-width: 1120px){
  .sp_show1120{display: block;}
  .sp_hide1120{display: none;}
  .sp_show1120-inline{display: inline;}
  .sp_hide1120-inline{display: none;}
}
@media screen and (min-width: 1041px){
  .sp_show1040{display: none;}
  .sp_hide1040{display: block;}
  .sp_show1040-inline{display: none;}
  .sp_hide1040-inline{display: inline;}
}
@media screen and (max-width: 1040px){
  .sp_show1040{display: block;}
  .sp_hide1040{display: none;}
  .sp_show1040-inline{display: inline;}
  .sp_hide1040-inline{display: none;}
}
@media screen and (min-width: 861px){
  .sp_show860{display: none;}
  .sp_hide860{display: block;}
  .sp_show860-inline{display: none;}
  .sp_hide860-inline{display: inline;}
  .sp_show860-flex{display: none;}
  .sp_hide860-flex{display: flex;}
}
@media screen and (max-width: 860px){
  .sp_show860{display: block;}
  .sp_hide860{display: none;}
  .sp_show860-inline{display: inline;}
  .sp_hide860-inline{display: none;}
  .sp_show860-flex{display: flex;}
  .sp_hide860-flex{display: none;}
}
@media screen and (min-width: 751px){
  .sp_show750{display: none;}
  .sp_hide750{display: block;}
  .sp_show750-inline{display: none;}
  .sp_hide750-inline{display: inline;}
  .sp_show750-flex{display: none;}
  .sp_hide750-flex{display: flex;}
}
@media screen and (max-width: 750px){
  .sp_show750{display: block;}
  .sp_hide750{display: none;}
  .sp_show750-inline{display: inline;}
  .sp_hide750-inline{display: none;}
  .sp_show750-flex{display: flex;}
  .sp_hide750-flex{display: none;}
}
@media screen and (min-width: 601px){
  .sp_show600{display: none;}
  .sp_hide600{display: block;}
  .sp_show600-inline{display: none;}
  .sp_hide600-inline{display: inline;}
  .sp_show600-flex{display: none;}
  .sp_hide600-flex{display: flex;}
}
@media screen and (max-width: 600px){
  .sp_show600{display: block;}
  .sp_hide600{display: none;}
  .sp_show600-inline{display: inline;}
  .sp_hide600-inline{display: none;}
  .sp_show600-flex{display: flex;}
  .sp_hide600-flex{display: none;}
}


/* 横幅 */
.w100{width: 100%; margin: 0 auto; }
.w93{width: 93%; margin: 0 auto;}
.w85{width: 85%; margin: 0 auto;}
.w1300,.inner1300{max-width: 1300px; width: 93%; margin: 0 auto;}
.w1200,.inner1200{max-width: 1200px; width: 85%; margin: 0 auto;}
.w1100,.inner1100{max-width: 1100px; width: 85%; margin: 0 auto;}
.w1000,.inner1000{max-width: 1000px; width: 85%; margin: 0 auto;}
.inner1100-80 { max-width: 1100px; width: calc(100% - 80px); margin: 0 auto; }
.inner900 { max-width: 900px; width: calc(100% - 80px); margin: 0 auto; }
.inner800 { max-width: 800px; width: calc(100% - 80px); margin: 0 auto; }
.w1000max{max-width: 1000px; width: 100%; margin: 0 auto;}



@media screen and (max-width: 860px){
    .w93,
    .w85,
    .w1200,.inner1200,
    .w1100,.inner1100,
    .w1000,.inner1000,
    .inner1100-80,
    .inner900,
    .inner800{ width: calc(100% - 40px); }
}

/* カラーパレッド */
.c_green,.fc-green,
.c_green a,.fc-green a{color: #59bdb6;}
.c_gold,.fc-gold,
.c_gold a,.fc-gold a{color: #e0c06c;}
.c_black,
.c_black a{color: #000;}
.c_white,.fc-w,
.c_white a,.fc-w a{color: #fff;}

.bg_green,.bg-green{background-color: #59bdb6;}
.bg_green2{background-color: #077B87;}
.bg_gold, .bg-gold{background-color: #e0c06c;}
.bg_beige,.bg-beige{background-color: #fbf6f4;}
.bg_black{background-color: #000;}
.bg_white, .bg-w{background-color: #fff;}

.border-green { border: 1px solid #59bdb6; }

/* タイポグラフィ */
.h2ttl{font-size: clamp(22px, calc(45 / 1100 * 100vw), 45px);}
.h1ttl_kasou{}

.fn_ls0{letter-spacing: 0em;}
.fn_ls50,.ls05{letter-spacing: 0.05em;}
.fn_ls01,.ls01{letter-spacing: 0.1em;}
.fn_ls150,.ls15{letter-spacing: 0.15em;}

.fn_style400-ob{font-style: italic;}
.fn_style400{font-weight: 400;}
.fn_style700{font-weight: 700;}
.fn_style900{font-weight: 900;}

/* ベースフォントサイズ = 16px */
.fn_size10{font-size: calc(10 / 16 * 1rem);}
.fn_size11{font-size: calc(11 / 16 * 1rem);}
.fn_size12{font-size: calc(12 / 16 * 1rem);}
.fn_size13,.fs13{font-size: calc(13 / 16 * 1rem);}
.fn_size14,.fs14{font-size: calc(14 / 16 * 1rem);}
.fn_size15{font-size: calc(15 / 16 * 1rem);}
.fn_size16,.fs16{font-size: calc(16 / 16 * 1rem);}
.fn_size17{font-size: calc(17 / 16 * 1rem);}
.fn_size18,.fs18{font-size: calc(18 / 16 * 1rem);}
.fn_size19{font-size: calc(19 / 16 * 1rem);}
.fn_size20,.fs20{font-size: calc(20 / 16 * 1rem);}
.fn_size21,.fs21{font-size: calc(21 / 16 * 1rem);}
.fn_size22,.fs22{font-size: calc(22 / 16 * 1rem);}
.fn_size23{font-size: calc(23 / 16 * 1rem);}
.fn_size24,.fs24{font-size: calc(24 / 16 * 1rem);}
.fn_size25,.fs25{font-size: calc(25 / 16 * 1rem);}
.fn_size26{font-size: calc(26 / 16 * 1rem);}
.fn_size27{font-size: calc(27 / 16 * 1rem);}
.fn_size28{font-size: calc(28 / 16 * 1rem);}
.fn_size29{font-size: calc(29 / 16 * 1rem);}
.fn_size30{font-size: calc(30 / 16 * 1rem);}
.fs35{font-size: calc(35 / 16 * 1rem);}
.fn_size36{font-size: calc(36 / 16 * 1rem);}
.fn_size40,.fs40{font-size: calc(40 / 16 * 1rem);}
.fn_size45,.fs45{font-size: calc(45 / 16 * 1rem);}
.fn_size50,.fs50{font-size: calc(50 / 16 * 1rem);}
.fs70{font-size: calc(70 / 16 * 1rem);}

.lh1 { line-height: 1}
.lh15 { line-height: 1.5}
.fw-n { font-weight: normal;}
.textlink { text-decoration: underline; }
.textlink:hover { text-decoration: none; }


/* common
==========================================================*/

.pdt120{padding-top: 120px;}

@media screen and (max-width: 860px){
  .pdt120{padding-top: 100px;}
  .mt100 {margin-top: 70px!important;}
}
@media screen and (max-width: 600px){
  .pdt120{padding-top: 80px;}
  .mt100 {margin-top: 60px!important;}
  .mt60 {margin-top: 45px!important;}
  .mt30 {margin-top: 20px!important;}
  .mt20 {margin-top: 10px!important;}
}


/* header
==========================================================*/

#headerContainer{padding: 50px 0;}
#menu { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; max-width: 100%; overflow: hidden; border-radius: 0 0 70px 70px; } 
.menuinner {  }
.navInner { width: 60px; height: 60px; border-radius: 30px; position: fixed; z-index: 999999; }
.navInner.active { background: #077B87;}
.menu-trigger { width: 24px; height: 17px; line-height: inherit; cursor: pointer; position: relative; display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger span {  width: 100%; height: 2px; border-radius: 1px; display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0;background-color: #fff !important ;}
.menu-trigger span:nth-of-type(1){top:0}
.menu-trigger span:nth-of-type(2){ top: calc(50% - 1px); }
.menu-trigger span:nth-of-type(3){ bottom: 0;}
.navInner:hover span:nth-of-type(1){top: 1px;}
.navInner:hover span:nth-of-type(3){ bottom: 1px;}
.menu-trigger.active span:nth-of-type(1){ transform:translateY(10px) rotate(-45deg); top:-3px;}
.menu-trigger.active span:nth-of-type(2){display: none;}
.menu-trigger.active span:nth-of-type(3){ transform:translateY(-10px) rotate(45deg); top:17px}
.menu-trigger p { white-space: nowrap; bottom: -25px; }

.header_sns_wrap { margin-left: 80px;}
.header_sns_list{ }
.header_sns_item a { padding: 0 10px; height: 60px; line-height: 60px; display: block;}
.header_sns_item:last-child{margin-right: 0;}
.header_sns_item img { vertical-align: middle;}
.header_right_wrap { }
.header_btn_wrap {width: 215px; height: 60px; justify-content: center; align-items: center; border-radius: 50px; margin-bottom: 10px; }
.header_btn_wrap p{margin-left: 10px;}
.body-index .headlogo { display: none; }
.body-index #menu .headlogo { display: block;}

.gnavul{ max-width: 800px; width: 100%; margin: 0 auto 100px;}
.gnavul li{ }
.gnavul li a{ display: block; padding: 20px;}
.headcopy{ padding: 0 20px 50px;}

@media screen and (max-width: 1080px){
    .navInner { left: 15px; top: 15px; }
    .headlogo { width: 150px; top: 30px; }
    #menu { border-radius: 0 0 35px 35px; }
    #menu .header_inner { display: flex; flex-direction: column-reverse; }
    #menu .header_inner .flex-jus { flex-direction: column-reverse; align-items: center;} 
    #menu .header_right_wrap { margin-left: -10px; display: flex; justify-content: center; flex-wrap: wrap; }
    .header_btn_wrap { margin-left: 10px;}
    .header_sns_wrap {margin-left: 60px;}
	#menu .header_sns_wrap { margin-left: 0; }
    .gnavul { padding-top: 100px; margin-bottom: 50px; }
    .gnavul li a{ padding: 15px;}
    .headcopy{ padding: 20px 20px 0;}
}
@media screen and (max-width: 350px){
    .headlogo { width: 120px; }
}
@media screen and (max-height: 550px){
    #menu {height: 100vh;  border-radius: 0; overflow-y: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; }
}

.modaal-overlay { background: #59bdb6 !important; opacity: 1 !important; }
.modaal-overlay { z-index: 9999999; }
.modaal-wrapper { z-index: 99999999;}
.modaal-container { box-shadow: none !important; background:none !important;}
.modaal-content-container { padding: 0;}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #59bdb6;
}

.pop-instaul { margin-left: -30px; margin-bottom: -30px; }
.pop-instaul li { margin-left: 30px; margin-bottom: 30px; }
.pop-instaul li a { width: 200px; height: 200px; flex-direction: column; background: #fff; }
.pop-instaul li a p:nth-child(1) { margin-bottom: 15px;}



/* Index - footer
==========================================================*/

#footerContainer{padding: 100px 0;}
.footer_logo{display: block;}
.footnavul { max-width: 750px; margin: 60px auto 0; }
.footnavul li { }
.footnavul li a { display: block; padding: 10px 20px;}
.footer_sns_list{justify-content: center; align-items: center; margin: 50px 0 60px;}
.footer_sns_item a { display: block;}
.footer_sns_item:not(:last-child){margin-right: 20px;}
.footer_to_top{
  position: fixed;
  z-index: 9990;
  right: 40px;
  bottom: 40px;
  margin: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(24px);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
  pointer-events: none;
}
.footer_to_top.is-visible{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.footer_to_top a{display: block; line-height: 0;}
.footer_to_top img{display: block; width: 70px; height: auto;}
@media (prefers-reduced-motion: reduce){
  .footer_to_top{transition: none;}
}
.footer_sns_item:not(:last-child) { margin-right: 20px; }
.footer_sns_item:not(:last-child) a {width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: center; align-items: center;  }
.footer_sns_item:last-child { margin-left: 30px; }

@media screen and (max-width: 600px){
  #footerContainer{padding: 70px 0 90px;}
  .footer_logo img{width: 180px;}
  .footer_sns_list{margin: 40px 0 50px;}
  .footer_sns_item:last-child img{width: 120px;}
  .footer_to_top {right: 20px; bottom: 20px; width: 45px; height: 45px;}
  .footer_to_top img{width: 100%; height: auto;}
  .footer_sns_item:not(:last-child){margin-right: 10px;}
}
@media screen and (max-width: 420px){
  .footer_sns_item:last-child{width:100%; margin-left: 0; margin-top: 30px; text-align:center;}
}



/* Index - 
==========================================================*/
.mv_txtarea{margin-bottom: 70px; margin-top: -40px; z-index: 2;}
.mv_bnr_wrap{right: 30px; bottom: 30px; width: min(242px, 20vw); height: min(242px, 20vw); display: block; position: absolute; color: #fff;}
.mv_bnr_bg{position: absolute; inset: 0; background: url(../images/index/mv_circle2.svg) center / contain no-repeat; animation: rotateCircle 20s linear infinite;}
.mv_bnr_txt{position: absolute; inset: 0; width: min(242px, 40vw); height: min(242px, 20vw);}
@keyframes rotateCircle{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.mv_mainimg_bg{width: 100%; height: 0; padding-top: 54.5%; background: url(../images/index/mv_mainimg.jpg)center center no-repeat; background-size: cover;}
.mv_mainimg_txt{position: absolute; left: min(6vw,60px); bottom: min(6vw,60px); font-size: clamp(18px, calc(25 / 1000 * 100vw), 25px); font-weight: bold; pointer-events: none; margin-top: 10px; color: #fff; letter-spacing: 0.05em;}
.mv_mainimg_txt p:nth-child(1){font-size: clamp(20px, calc(65 / 1000 * 100vw), 65px); line-height: 1; margin-bottom: 30px;}
.mv_logo img{width: 100%;}
.mv_inner{width: 100%;}

@media screen and (max-width: 1230px){
  .mv_mainimg_txt{max-width: 65%;}
}
@media screen and (max-width: 860px){
 .mv_bnr_wrap{width: 20%; min-width: 150px;}
}
@media screen and (max-width: 600px){
  .mv_logo{width: 100%; overflow: hidden;}
  .mv_logo img{width: 170%; max-width: none; position: relative; left: 50%; transform: translateX(-50%);}
  .header_btn_wrap {width: 180px; height: 50px;}
  .mv_txtarea{margin-bottom: 50px;}
  .mv_mainimg_bg{height: 40vh; background: url(../images/index/mv_mainimg.jpg)60% center no-repeat; background-size: cover;}
  .mv_bnr_wrap{right: 6px; bottom: 110px;}
  .mv_mainimg_txt{max-width: 100%; left: 0; padding-inline: 4%;}
  /* .mv_bnr_wrap{width: 150px; height: 150px;}
  .mv_bnr_txt{width: 150px; height: 150px;} */
}
@media screen and (max-width: 500px){
  .mv_bnr_wrap{right: -10px;}
  .mv_bnr_wrap{width: 100px; height: 100px;}
  .mv_bnr_txt{width: 150px; height: 100px;}
}



/* about */
.ind_aboutMUKU_inner{}
.ind_aboutMUKU_inner .f_left{width: 55%;}
.ind_aboutMUKU_inner .f_right{width: 40%;}
.ind_aboutMUKU_inner .f_right .linkbtn { margin-top: 40px; }
.jp_copy { line-height: 1.3}
.ind_aboutshuro_wrap{border-radius: 70px 70px 0 0;}
.ind_aboutshuro_inner{width: 78%; margin: 0 auto; padding: 100px 0;}
#ind_about .ind_about_img > div{width: 50%;}
.indaboutlinkwrap { margin-top: 60px; margin-left: -20px;}
.indaboutlinkwrap .linkbtn { margin-left: 20px;}
@media screen and (max-width: 1100px){
    .jp_copy { font-size: 4vw;}  
    .en_copy { font-size: 1.7vw; }
}
@media screen and (max-width: 900px){
    .indaboutlinkwrap { flex-direction: column; align-items: center;}
    .indaboutlinkwrap .linkbtn { margin-bottom: 10px;}
}
@media screen and (max-width: 860px){
  .ind_aboutMUKU_inner .f_left{width: 41%;}
  .ind_aboutMUKU_inner .f_right{width: 45%;} 
  .ind_aboutshuro_inner{padding: 70px 0;}
    .indaboutlinkwrap { margin-top: 30px; margin-left: -10px;}
    .indaboutlinkwrap .linkbtn { margin-left: 10px;}
}
@media screen and (max-width: 600px){
  .ind_aboutMUKU_inner .f_left{width: 100%;}
  .ind_aboutMUKU_inner .f_right{width: 100%; margin-top: 20px;}
  .ind_aboutMUKU_inner .jp_copy {width: 100%;}
  .jp_copy { font-size: 7vw; }  
  .ind_aboutMUKU_inner .en_copy {font-size: calc(22 / 16 * 1rem);}
  .ind_aboutshuro_wrap {border-radius: 40px 40px 0 0;}
  .ind_aboutshuro_inner {padding: 60px 0; width: 75%;}
  #ind_about .ind_about_img > div{width: 100%;}
}

/* lig-inc copy */
.aboutprof_wrap {display:flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px; padding: 7%; border-radius: 20px;}
.aboutprof_wrap .col_imgwrap{width: 50%;}
.aboutprof_wrap .col_txtwrap{width: 43%;}
.aboutprof_ttl{ margin-block: 0 20px; font-size: 1.6em;}
.aboutprof_sikaku{ margin-top: 30px;}

@media screen and (max-width: 750px){
  .aboutprof_wrap { margin-top: 40px; padding: 6%; }
.aboutprof_wrap .col_imgwrap{width: 100%;}
.aboutprof_wrap .col_txtwrap{width: 100%;}
.aboutprof_ttl{ margin-block: 25px 20px;}
.aboutprof_sikaku{ margin-top: 15px;}

}


.media-midwrap{ padding-top: 200px;}
.media_wrap { margin-top: 100px; padding: 7%; border-radius: 20px;}
@media screen and (max-width: 750px){
  .media-midwrap{ padding-top: 100px;}
  .media_wrap { margin-top: 40px; padding: 6%; }
}

#load_medianews{}
.message_news a{ border-bottom: solid 1px #ccc; position: relative;}
.message_news dt{margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #ccc; margin-top: 10px; display: flex; justify-content: space-between; padding-right: 20px;}
.message_news dt img{width: 9px; height: 16px; margin-top: -1.2%; transform: translateX(20px);}
.message_news dd{font-size: 1.1em;}
[class^="category-"] {font-size: 12px; padding: 4px 8px; border-radius: 12px; color: #fff; line-height: 1; white-space: nowrap;}
.message_news .category-media {background: #99CFEC;}
.message_news .category-activity {background: #6cb475;background: #59bdb6;}
.message_news .category-book {background: #E58275;}
@media screen and (max-width: 600px) {
    .message_news dd{font-size: 1.1em; margin-right: 15px;}
    .message_news dt img{width: 6px; height: 13px; margin-top: 0;}
    [class^="category-"] {font-size: 10px; padding: 3px 5px; margin-right: 3px;}
}


/* activity */
#ind_activity{ padding-top: min(12vw,120px);}
.ind_activity_item{border-radius: 30px; padding: min(6vw,60px) min(10vw,100px);}
.ind_activity_item:not(:last-child){margin-bottom: min(5vw,50px);}
.ind_activity_item_top{margin-bottom: min(5vw,50px);}
.ind_activity_item_top p:nth-child(1){font-size: clamp(25px, calc(40 / 1100 * 100vw), 40px);}
.ind_activity_item_top img{margin-top: 25px;}
.ind_activity_item_bottom{width: 100%; padding-inline: min(4vw,40px); display: flex; align-items: flex-start; justify-content: space-between; gap: min(5vw,50px);}
.ind_activity_item_bottom_text{width: 48%; display: flex; flex-direction: column; gap: min(3vw,30px); text-align: justify;}
.ind_activity_item_bottom_text a{margin-right: auto; margin-top: 10px;}
@media screen and (max-width: 750px){
  .ind_activity_item{padding: 50px 40px;}
  .ind_activity_item_bottom{padding-inline: 0; flex-direction: column; gap: 20px;}
  .ind_activity_item_bottom_text{width: 100%;}
  .ind_activity_item_bottom_text a{margin-inline: auto;}
}
@media screen and (max-width: 450px){
  .ind_activity_item{padding: 40px 30px 50px;}
}

/* activity02 */
#ind_activity02{padding-block:min(20vw,200px) 30px;}
.ind_activity02_inner{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.ind_activity02_img{width: 44%; position: relative; aspect-ratio: 1 / 1;}
.ind_activity02_img img{position: absolute; object-fit: cover;}
.ind_activity02_img img:nth-child(1){top: 0; left: 0; width: 80%; z-index: 1;}
.ind_activity02_img img:nth-child(2){bottom: 3%; left: 6%; width: 33%; z-index: 3;}
.ind_activity02_img img:nth-child(3){bottom:11%; right: 0; width: 55%; z-index: 2;}
.ind_activity02_text{width: 42%; display: flex; flex-direction: column; gap: min(5vw,50px); text-align: justify;}
.ind_activity02_text p:nth-child(1){font-size: clamp(18px, calc(35 / 1100 * 100vw), 35px);}
@media screen and (max-width: 1100px){
  .ind_activity02_img{width: 50%;}
}
@media screen and (max-width: 600px){
  .ind_activity02_inner{flex-direction: column; gap: 30px;}
  .ind_activity02_img{width: 80%;}
  .ind_activity02_text{width: 100%;}
}

/* column */
#ind_column{ padding: 120px 0 140px; }
#ind_column .w93{}
.pagettlwrap { padding:80px 0 150px; }
.pagettl{}
.pagettljp{ margin-bottom: 30px;}
.pagettlen{}
.ind_columntxt{ margin: 60px 0; }
.columnlistulwrap,
.columncatulwrap{ margin-bottom: 80px; }
.columnlistul { margin-left: -30px; margin-bottom: -40px;}
.columnlistul a:hover { opacity: 1}
.columnlistul li { width: calc(25% - 30px); margin-left: 30px; margin-bottom: 40px; }
.columnlistul li a{ display: block; }
.columnlistimg{ margin-bottom: 30px; border-radius: 20px; }
.hoverbig { position: relative; width: 100%; overflow: hidden; }
.hoverbig:before { content:""; display: block; padding-top: 100%; }
.hoverbig > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.hoverbig > div .centerposi{ width: 100%; }
a:hover .hoverbig > div .centerposi{ width: 105%;}
.columnlistdate{ margin-bottom: 15px;}
.columnlisttxt{ margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  }
.columnlistcat{ padding: 0 30px; height: 36px; line-height: 36px; border-radius: 18px; display: inline-block;}
.columnlistcat p { padding-left: 1em; }
a:hover .columnlistcat { background: #59bdb6; }
a:hover .columnlistcat p { color: #fff;}
.columnlistcat p:after { content: "#"; }
.columncatul { margin-left: -20px; margin-bottom: -20px;}
.columncatul > li{ display: flex;}
.columncatul > li ul.children { display: flex;}
.columncatul li a{ margin-left: 20px; margin-bottom: 20px; padding-left: 1em; position: relative; display: block; }
.columncatul li.current-cat a { pointer-events: none; opacity: 0.6}
.columncatul li a:after{ content:"#"; top: calc(50% - 0.5em); left: 0; position: absolute;}
.ind_columnbtnwrap{}
.linkbtn{ width:  280px; height: 80px; border-radius: 40px;}
.linkbtn:after { width: 8px; height: 8px; border-radius: 50%; background: #fff; top: calc(50% - 4px); left: calc(100% - 25px);}
.linkbtn.c_gold:after { background: #e0c06c; }
.linkbtn:hover:after { width: 12px; height: 12px; top: calc(50% - 6px); left: calc(100% - 27px); }
.linkbtn p{}
#columnlist { padding-bottom: 150px;}
.paginationwrap { }
.paginationwrap .pagination { margin-left: -20px; margin-bottom: -20px; text-align: center; }
.paginationwrap .pagination > * { width: 50px; height: 50px; line-height: 50px; margin-left: 20px; margin-bottom: 20px; display: inline-block; }
.paginationwrap .pagination .current { background: #59BDB6; color: #fff; }
.paginationwrap .pagination .inactive { background: #EEF8F8; color: #59BDB6; }
@media screen and (max-width: 1100px){
    .columnlistul li { width: calc(100% / 3 - 30px);}
}
@media screen and (max-width: 860px){
	.pagettlwrap { padding:40px 0 75px; }
    #ind_column{ padding:60px 0 70px; }
    .pagettljp{ margin-bottom: 15px;}
    .ind_columntxt{ margin: 30px 0; }
    .columnlistulwrap,
    .columncatulwrap{ margin-bottom: 40px; }
    .columnlistul { margin-left: -15px; margin-bottom: -20px;}
    .columnlistul li { width: calc(100% / 3 - 15px); margin-left: 15px; margin-bottom: 20px;}
    .columnlistimg{ margin-bottom: 15px; border-radius: 10px; }
    .columnlistdate{ margin-bottom: 10px;}
    .columnlisttxt{ margin-bottom: 20px; }
    .columnlistcat{ padding: 0 15px; height: 30px; line-height: 30px; border-radius: 15px;}
    a.linkbtn{ width:  240px; height: 60px; border-radius: 30px;}
    #columnlist { padding-bottom: 75px;}
}
@media screen and (max-width: 600px){
    .columnlistul li { width: calc(100% / 2 - 15px); }
}

.colmnpostwrap { padding-bottom: 150px; }
.colmnpostimg { }
.colmnpostimg img { border-radius: 20px; }
.colmnpostttlwrap { padding: 50px 0 80px; }
.colmnpostttl { margin-bottom: 30px; }
.post-body h1{ font-size:2em; line-height:1.4em;  margin-bottom: 30px;}
.post-body h2{ font-size:1.5em; line-height:1.4em; margin-bottom: 30px; }
.post-body h3{ font-size:1.2em; line-height:1.4em; margin-bottom: 30px; }
.post-body img{ margin:20px 0; border-radius: 20px; max-width:100%; height:auto; }
.post-body p{ margin-bottom: 30px;}
.page-columnpost .columnlistulwrap,
.page-columnpost .columncatulwrap { margin-bottom: 150px; }
@media screen and (max-width: 860px){
    .colmnpostwrap { padding-bottom: 75px; }
    .colmnpostimg img { border-radius: 10px; }
    .colmnpostttlwrap { padding: 25px 0 40px; }
    .colmnpostttl { margin-bottom: 20px; }
    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body p{ margin-bottom: 20px; }
    .post-body img{ margin:10px 0; border-radius: 10px; }
    .page-columnpost .columnlistulwrap,
    .page-columnpost .columncatulwrap { margin-bottom: 75px; }
}


/* ouen */
#ind_ouen{ padding: 120px 0;}
#ind_ouen .inner1200{}
#ind_ouen .inner1200 a {}
.indouen-l { width: 50%; background: url(../images/index/indouen.jpg) no-repeat center top; background-size: cover; }
.indouen-r{  padding: 50px; width: 50%;}
.indouen-r .fn_size20{ margin-bottom: 50px;}
.indouen-r .fn_size36{ margin-bottom: 30px; line-height: 1.5; }
.indouen-r .fn_size16{ margin-bottom: 40px; }
#ind_ouen .linkbtn { }
@media screen and (max-width: 860px){
    #ind_ouen{ padding: 60px 0;}
    .indouen-l { width: 100%; height: 50vw;}
    .indouen-r{ width: 100%; padding: 40px 25px;}
    .indouen-r .fn_size20{ margin-bottom: 25px; }
    .indouen-r .fn_size36{ margin-bottom: 20px; font-size:28px; }
}


/* mailmaga */
#ind_mailmaga{ padding: 120px 0; text-align: center;}
.mailmagaimg { display: inline-block; }
.mailmagaimg a { border-radius: 20px; padding: 20px;display: inline-block; }
.mailmagatxt { padding: 10px 30px; margin-bottom: 30px; display: inline-block; position: relative; width: 100%;}
.mailmagatxt:after { bottom:-10px; left: calc(50% - 7.5px); position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #e0c06c transparent transparent transparent;}

.mailmagatxt_wrap{display: grid; grid-template-columns: repeat(4, 220px);  justify-content: center; gap: 40px;}
.mailmagatxt_qr{display: block; width: 220px;}

@media screen and (max-width: 1200px){
  .mailmagatxt_wrap{grid-template-columns: repeat(3, 220px);}
}
@media screen and (max-width: 860px){
	#ind_mailmaga{ padding: 60px 0;}
	.mailmagaimg a { border-radius: 10px; padding:10px;  }
	.mailmagaimg a img { width: 180px; height: 180px; }
	.mailmagatxt { padding: 10px 30px; margin-top: 20px;}
	.mailmagatxt:after { bottom: -7px; left: calc(50% - 5px); border-width: 7px 5px 0 5px; }
  .mailmagatxt_wrap{grid-template-columns: repeat(2, 220px);}
}
@media screen and (max-width: 550px){
.mailmagatxt_wrap{grid-template-columns: 220px;}
}

/* kasou
==========================================================*/
.kasou_main{margin-bottom: min(10vw,100px);}
.kasou_main img{width: 100%; height: auto;}

.c-2col_wrap h2{margin-bottom: min(10vw,100px);}
.c-2col_wrap_inner{display: flex; gap: 50px;}
.c-2col_wrap_inner_left{width: 30%; position: sticky; top: min(15vw,150px); align-self: start; margin-bottom: 100px;}
.c-2col_wrap_inner_left_item .en_num{font-size: clamp(50px, calc(100 / 1100 * 100vw), 100px); letter-spacing: 0em; line-height: 1; margin-bottom: 5px;}
.c-2col_wrap_inner_left .subtxt{font-size: clamp(16px, calc(20 / 1100 * 100vw), 20px);}

.c-2col_wrap_inner_right{width: 70%;}
.c-2col_wrap_inner_right_item{margin-bottom: min(8vw,80px); text-align: justify;}
.c-2col_wrap_inner_right_item h3{margin-bottom: 30px;  font-size: clamp(22px, calc(35 / 1100 * 100vw), 35px); letter-spacing: 0.1em;}
.c-2col_wrap_inner_right_item img{width: 100%; height: auto;}
.c-2col_wrap_inner_right_item .linkbtn{margin-inline: auto;}
.c-2col_wrap_inner_right_item .item_block_linkbtn{margin-top: min(8vw,80px);}
.c-2col_wrap_inner_right_item .item_block_linkbtn.mt60{margin-top: min(6vw,60px)!important;}
.c-2col_wrap_inner_right_item .item_block_linkbtn .text{margin-bottom: 20px;}
.c-2col_wrap_inner_right_item .item_block_linkbtn .item_block_linkbtn_flex{display: flex; gap: 20px;}
.c-2col_wrap_inner_right_item .item-snslink{display: flex; align-items: center; gap: 15px;}
.c-2col_wrap_inner_right_item .item-snslink p,
.c-2col_wrap_inner_right_item .a-border{position: relative;}
.c-2col_wrap_inner_right_item .item-snslink p::before,
.c-2col_wrap_inner_right_item .a-border::before{position: absolute; content: ''; width: 100%; height: 1px; display: inline-block; background-color: #000; position: absolute; bottom: 3px;}
.c-2col_wrap_inner_right_item .item-snslink img{width: 26px; height: 26px; margin-top: 0!important;}

.c-2col_wrap_inner_right_item p.mini-txt{font-size: clamp(12px, calc(15 / 1100 * 100vw), 15px); font-weight: normal; margin-top: 10px;}
.c-2col_wrap_inner_right_item p.sub-ttl25{margin-bottom: 10px; font-size: clamp(18px, calc(25 / 1100 * 100vw), 25px);}
.c-2col_wrap_inner_right_item p.sub-ttl30{margin-bottom: 15px; font-size: clamp(18px, calc(30 / 1100 * 100vw), 30px); line-height: 1.6; letter-spacing: 0.05em;}
.c-2col_wrap_inner_right_item p.sub-ttl35,
.c-2col_wrap_inner_right_item p.sub-ttl35_bg{margin-bottom: min(3vw,30px); font-size: clamp(18px, calc(35 / 1100 * 100vw), 35px); letter-spacing: 0.1em; display: flex; align-items: center; line-height: 1.4;}
.c-2col_wrap_inner_right_item p.sub-ttl35 .cycle-icon,
.c-2col_wrap_inner_right_item p.sub-ttl35_bg .cycle-icon{display: inline-block; width: min(25px, 3vw); height: min(25px, 3vw); background: #59bdb6; border-radius: 50%; margin-right: min(2vw,20px); align-self: flex-start; margin-top: 0.35em; aspect-ratio: 1/1;}
.c-2col_wrap_inner_right_item p.sub-ttl35_bg{background: #59bdb6; color: #fff; border-radius: 10px; padding: 20px min(3vw,30px);}
.c-2col_wrap_inner_right_item p.sub-ttl35_bg .cycle-icon{background: #fff!important;}
.sub-ttl-mini{font-size: 0.8em;}


.c-2col_wrap_inner_right_item .item_block{margin-block: 30px min(8vw,60px);}
.c-2col_wrap_inner_right_item .item_block_inner:not(:last-child){margin-bottom: min(8vw,60px);}
.c-2col_wrap_inner_right_item .item_block .item_img_mt{margin-top: 30px;}
.c-2col_wrap_inner_right_item .item_block .item_img_mb{margin-bottom: 30px;}
.c-2col_wrap_inner_right_item .item_block video{width: 100%; height: auto;}

.c-2col_wrap_inner_right_item .item_block .item_block_flex{width: 100%; display: flex; gap: 30px; align-items: center;}
.c-2col_wrap_inner_right_item .item_block .item_block_flex_left,
.c-2col_wrap_inner_right_item .item_block .item_block_flex_right{width: 50%;}
.c-2col_wrap_inner_right_item .item_block .item_block_flex02{display: flex; gap: min(3vw,20px); align-items: flex-start;}
.c-2col_wrap_inner_right_item .item_block .item_block_flex02_left {line-height: 1; width: min(8vw,50px); height: min(8vw,50px); background: #E0C06C; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: clamp(13px, 1.5vw, 22px); font-weight: bold; font-style: italic;}
.c-2col_wrap_inner_right_item .item_block .item_block_flex02_right{width: 92%;}

.c-2col_wrap_inner_right_item .indent_ul{margin-left: 1em;}
.c-2col_wrap_inner_right_item .indent_ul li{list-style: disc;}

.c-2col_wrap_inner_right_item .item_list{display: flex; gap: 50px; padding: 30px 40px 40px; border-radius: 15px;}
.c-2col_wrap_inner_right_item .item_list:first-of-type{margin-top: min(4vw,40px);}
.c-2col_wrap_inner_right_item .item_list:not(:last-child){margin-bottom: 20px;}
.c-2col_wrap_inner_right_item .item_list_left{width: 35%; font-size: clamp(18px, calc(23 / 1100 * 100vw), 23px);}
.c-2col_wrap_inner_right_item .item_list_right{width: 65%;}
.c-2col_wrap_inner_right_item .item_list_right ul{margin-left: 1em; list-style: disc;}
.c-2col_wrap_inner_right_item .item_list_right ol{margin-left: 1em; list-style: decimal!important;}
.c-2col_wrap_inner_right_item .item_list_right dl{display: grid; grid-template-columns: 30% 70%; line-height: 1.5;}
.c-2col_wrap_inner_right_item .item_list_right dt{text-align: left; padding-right: 20px;}
.c-2col_wrap_inner_right_item .item_list_right dt,
.c-2col_wrap_inner_right_item .item_list_right dd{padding-block: 20px; border-bottom: #D2D2D2 1px solid;}
.c-2col_wrap_inner_right_item .item_list_right dt:first-of-type,
.c-2col_wrap_inner_right_item .item_list_right dt:first-of-type + dd{padding-top: 10px;}
.c-2col_wrap_inner_right_item .item_list_right .under-border{border-bottom: #D2D2D2 1px solid; margin-block: 20px; width: 100%;}

@media screen and (max-width: 1200px){
.c-2col_wrap_inner_right_item .item_block_linkbtn .item_block_linkbtn_flex{flex-direction: column;}
.c-2col_wrap_inner_right_item .item_block_linkbtn .item_block_linkbtn_flex .linkbtn{width: 330px;}
}
@media screen and (max-width: 1000px){
  .c-2col_wrap_inner_right_item .item_list{flex-direction: column; gap: 20px;}
  .c-2col_wrap_inner_right_item .item_list_left{width: 100%;}
  .c-2col_wrap_inner_right_item .item_list_right{width: 100%;}
  .c-2col_wrap_inner_right_item p.sub-ttl35 .cycle-icon,
  .c-2col_wrap_inner_right_item p.sub-ttl35_bg .cycle-icon{margin-top: 0.3em;}
}
@media screen and (max-width: 750px){
  .c-2col_wrap_inner{flex-direction: column; gap: 30px;}
  .c-2col_wrap_inner_left{width: 100%; position: static; margin-bottom: 20px;}
  .c-2col_wrap_inner_left_item{display: flex; align-items:center;}
  .c-2col_wrap_inner_right{width: 100%;}
  .c-2col_wrap_inner_right_item .item_list{padding: 20px 30px 30px;}
  .c-2col_wrap_inner_right_item p.sub-ttl35 span{margin-right: 10px;}
  .c-2col_wrap_inner_right_item .item_list_right dl{grid-template-columns: 25% 75%;}
  .c-2col_wrap_inner_right_item p.sub-ttl35 .cycle-icon,
  .c-2col_wrap_inner_right_item p.sub-ttl35_bg .cycle-icon{margin-top: 0.25em;}
}

@media screen and (max-width: 500px){
  .c-2col_wrap_inner_right_item .item_block .item_block_flex{flex-direction: column; gap: 20px;}
  .c-2col_wrap_inner_right_item .item_block .item_block_flex_left,
  .c-2col_wrap_inner_right_item .item_block .item_block_flex_right{width: 100%;}
  .c-2col_wrap_inner_right_item p.sub-ttl35 .cycle-icon,
  .c-2col_wrap_inner_right_item p.sub-ttl35_bg .cycle-icon{margin-top: 0.35em;}
  .c-2col_wrap_inner_right_item .item_block_linkbtn .item_block_linkbtn_flex .linkbtn{width: 250px;}
}

/* about
==========================================================*/

.about01wrap.pore{ padding-bottom: 150px;}
.about01img.poab{ width: 330px; top: -20px; right: 0; }
.about02img.poab{ width: 310px; top: 40px; left: 0; }
.about01wrap .inner900{}
.kasouttlwrap { margin-bottom: 80px;}
.kasouttlwrap h1 { margin-bottom: 80px; font-weight: bold;}
.kasouttlwrap h2 { margin-bottom: 20px; font-weight: bold;}
.show1400 { display: none;}
.kasouttlwrap p { }
.about01dl {}
.about01dl dt,
.about01dl dd { margin-bottom: 70px;}
.about01dl dt:nth-last-child(2),
.about01dl dd:last-child { margin-bottom: 0 !important;}
.about01dl dt { width: 80px;}
.about01dl dd { width: calc(100% - 80px); text-align: justify;}
.about03img.poab{ width: 250px; right: 25px; bottom: -60px; }

.about02wrap{ padding: 100px 0;}
.about02wrap .inner900{}
.kasoumidwrap{ margin-bottom: 70px; text-align: center;}
.kasoumidttlwrap{ margin-bottom: 100px;}
.kasoumidwrap :nth-child(1){margin-bottom: 25px; font-weight: bold;}
.kasoumidwrap p {}
.about02movie {position: relative; width: 100%;}
.about02movie:before { content:""; display: block; padding-top: calc(48 / 86 * 100%); }
.about02movie > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.about02movie > div iframe { width: 100%; height: 100%; }

.about03wrap{ padding: 140px 0 150px;}
.about03wrap .inner900{}
.about03mid { margin: 80px 0 30px; font-weight: normal;}
.about03dl.flex{border-top: 1px solid #ccc; }
.about03dl dt,
.about03dl dd { padding: 25px 0; border-bottom: 1px solid #ccc; }
.about03dl dt { width: 200px; }
.about03dl dd { width: calc(100% - 200px); }
.about03dl dd p { margin-bottom: 20px;}
.about03dl dd p:last-child { margin-bottom: 0 !important;}
@media screen and (max-width: 1400px){
    .show1400 { display: block;}
    .about01img.poab{ width: calc(33vw * 0.8); }
    .about02img.poab{ width: calc(31vw * 0.8); }
    .about03img.poab{ width: calc(25vw * 0.8); }
}
@media screen and (max-width: 860px){
    .about01wrap.pore{ padding-bottom: 50px;}
    .about01img.poab{ width: calc(33vw * 0.8); top:-10vw; }
    .about02img.poab{ width: calc(31vw * 0.7); top: 120px; }
    .kasouttlwrap,
    .kasoumidttlwrap{ margin: 80px 0 40px;}
    .kasouttlwrap h1 { margin-bottom: 40px;}
    .kasouttlwrap h2 { margin-bottom: 10px;}
    .about01dl dt,
    .about01dl dd { margin-bottom: 25px;}
    .about01dl dt { width: 60px;}
    .about01dl dd { width: calc(100% - 60px); }
    .about03img.poab{ margin-top: 40px; width: 100%; position: inherit; right: 0; bottom: 0; text-align: right;}
    .about03img img { width: 160px;}

    .about02wrap{ padding: 50px 0;}
    .kasoumidwrap{ margin-bottom: 40px;}
    .kasoumidwrap h2{margin-bottom: 15px; }

    .about03wrap{ padding: 70px 0 75px;}
    .about03dl dt { width: 100%; padding: 20px 0 0; border-bottom: none; }
    .about03dl dd { width: 100%; padding: 0 0 20px; }
}   

/* inclusive
==========================================================*/
.inclusive-torikumi{margin-top: min(19vw,190px);}
.inclusive_wrap:not(:last-child){margin-bottom: min(13vw,130px);}
.inclusive_ttl{font-size: clamp(20px, calc(30 / 1100 * 100vw), 30px);}
.inclusive-torikumi .c-2col_wrap_inner_right_item .item_block_linkbtn{margin-top: 50px;}
.inclusive-torikumi .c-2col_wrap_inner_left_item{flex-direction: column!important; align-items: flex-start!important;}
.btn-long{width: 100%;}
.btn-long a{width: 100%; max-width: 400px;}

.inclusive-kizahashi{border-radius: 30px; padding: min(8vw,100px); margin-block: min(10vw,100px) min(12vw,120px);}
.inclusive-kizahashi_inner{display: flex; gap: 50px; align-items: center; justify-content: space-between; margin-top: min(5vw,50px);}
.inclusive-kizahashi_inner img{width: 50%;}
.inclusive-kizahashi_inner_text{width: 50%; line-height: 1.9;}
.inclusive-kizahashi_inner_text .linkbtn{margin-top: min(7vw,40px);}

@media screen and (max-width: 750px){
  .inclusive-kizahashi_inner{flex-direction: column; gap: 30px;}
  .inclusive-kizahashi_inner img{width: 100%;}
  .inclusive-kizahashi_inner_text{width: 100%;}
  .inclusive-kizahashi_inner_text .linkbtn{margin-inline: auto;}
}


/* kizahashi
==========================================================*/
.image-map { position: relative; cursor: default;}
.image-map .link-box { position: absolute; width: 8%; aspect-ratio: 1/1; padding: 0; cursor: none; transition: none !important;}
.image-map .link-box:hover { opacity: 1 !important; background: none;}
.image-map-cursor { position: fixed; width: 80px; height: 80px; border-radius: 50%; background: rgba(224, 192, 108, .75); display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 9999; opacity: 0; transform: translate(-50%, -50%) scale(0); transition: opacity .2s ease, transform .25s cubic-bezier(.34,1.56,.64,1);}
.image-map-cursor.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1);}
.image-map-cursor span { color: #fff; font-weight: bold; font-size: 14px; letter-spacing: 0.05em;}
.image-map .box1 { top: calc(326 / 770 * 100%); left: calc(190 / 1300 * 100%); }
.image-map .box2 { top: calc(136 / 770 * 100%); left: calc(240 / 1300 * 100%); }
.image-map .box3 { top: calc(136 / 770 * 100%); left: calc(982 / 1300 * 100%); }
.image-map .box4 { top: calc(480 / 770 * 100%); left: calc(390 / 1300 * 100%); }
.image-map .box5 { top: calc(610 / 770 * 100%); left: calc(810 / 1300 * 100%); }
.image-map .box6 { top: calc(580 / 770 * 100%); left: calc(914  / 1300 * 100%); }
.image-map .box7 { top: calc(575 / 770 * 100%); left: calc(527 / 1300 * 100%); }
.image-map .box8 { top: calc(365 / 770 * 100%); left: calc(721 / 1300 * 100%); }


.kizahashi p{line-height: 1.87;}
.kizahashi_cont{padding-top: min(28vw,150px);}
.kizahashi_cont .linkbtn{width: 100%; max-width: 400px;}
.kizahashi .donation_cta{margin-top: min(12vw,120px)!important;}
.kizahashi .c-2col_wrap_inner_right_item .item_block:first-of-type{margin-top: 30px;}
.kizahashi .c-2col_wrap_inner_right_item .item_block{margin-bottom:min(10vw,80px);}

.kizahashi .c-2col_wrap_inner_right_item .item_block .item_map iframe{width: 100%; height: 300px;}

.kizahashi_link_item{padding: 30px 10px; border-radius: 30px; margin-block: min(8vw,80px) 30px; max-width: 1100px; margin-inline: auto;}
.kizahashi_link_item ul{display: flex; justify-content: center;}
.kizahashi_link_item ul li{width: 15%; text-align: center; font-size: clamp(30px, calc(55 / 1100 * 100vw), 55px); line-height: .7; padding-block: 10px;}
.kizahashi_link_item ul li span{font-size: clamp(11px, calc(18 / 1100 * 100vw), 18px); ;}
.kizahashi_link_item ul li a{display: block;}
.kizahashi_link_item ul li:not(:last-child){border-right: 1px solid #59BDB6;}

.kizahashi_moji{width: auto; height: clamp(60px, 9vw, 85px); margin-bottom: 10px;}
.kizahashi_icon {mix-blend-mode: multiply; width: clamp(100px, 15vw, 150px); height: auto; margin-top: 10px; display: block; transform-origin: center; animation: katakata 0.8s steps(2) infinite;}
@keyframes katakata {
  0% { transform: rotate(-5deg); }
  100% { transform: rotate(5deg); }
}

.kizahashi_accordion{position: relative;}
.kizahashi_accordion_body{max-height: 730px; overflow: hidden; transition: max-height .5s ease;}
.kizahashi_accordion_controls{position: absolute; left: 0; right: 0; bottom: 0; height: 300px; background: linear-gradient(to bottom, rgba(251, 246, 244, 0) 0%, #fbf6f4 80%, #fbf6f4 100%); pointer-events: none;}
.kizahashi_accordion_buttons{display: flex; justify-content: center; width: 100%; position: relative; z-index: 3; font-size: clamp(20px, calc(30 / 1100 * 100vw), 30px);}
.kizahashi_accordion_open{ width:  350px; height: 80px; border-radius: 40px; margin-top: min(2vw,20px);}
.kizahashi_accordion_open:after { width: 8px; height: 8px; border-radius: 50%; background: #fff; top: calc(50% - 4px); left: calc(100% - 25px); transition: all .3s ease;}
.kizahashi_accordion_open:hover:after { width: 12px; height: 12px; top: calc(50% - 6px); left: calc(100% - 27px); }
.kizahashi_accordion_close{display: none; align-items: center; justify-content: center; width: 100%; min-height: 90px; letter-spacing: .08em; font-weight: bold;}
.kizahashi_accordion_close_icon{width: 24px; height: 13px; margin-left: 10px;}
.kizahashi_accordion.is-open .kizahashi_accordion_body{overflow: visible;}
.kizahashi_accordion.is-open .kizahashi_accordion_controls{display: none;}
.kizahashi_accordion_buttons.is-open{display: block; margin-top: 0;}
.kizahashi_accordion_buttons.is-open .kizahashi_accordion_open{display: none;}
.kizahashi_accordion_buttons.is-open .kizahashi_accordion_close{display: flex; margin-top: min(8vw,80px);}

.item_carousel{position: relative; margin-bottom: 30px;}
.item_carousel .carousel{list-style: none; margin: 0; padding: 0;}
.item_carousel .carousel .item{display: none;}
.item_carousel .carousel .item img{width: 100%; height: auto; display: block;}
.item_carousel .carousel_dots{position: absolute; right: 0; margin-top: 15px; display: flex;  justify-content: flex-end; gap: 10px;}
.item_carousel .carousel_dots .carousel_dot{width: min(15px, 3vw); height: min(15px, 3vw); border-radius: 50%; background: #cccccc; cursor: pointer;}
.item_carousel .carousel_dots .carousel_dot.is-active{background: #59bdb6;}
.item_carousel .carousel_dots:has(.carousel_dot:only-child) {display: none;}

.study_item_flex{display: flex; gap: 50px; padding: 40px; margin-top: 30px; border-radius: 15px;}
.study_item_flex:not(:last-child){margin-bottom: 20px;}
.study_item_flex_left{width: 16%; margin-inline: auto;}
.study_item_flex_left img{width: 120px; height: auto; display: block; margin-bottom: 10px;}
.study_item_flex_left p{font-size: clamp(15px, calc(23 / 1100 * 100vw), 23px); flex-wrap: nowrap;}
.study_item_flex_right{width: 84%;}

.ride_video{width: 100%!important; max-width: 420px!important; height: auto!important; display: block; margin-inline: auto; margin-bottom: 20px;}

.kizahashi_cont .slide-container {width: 100%; overflow: hidden;}
.kizahashi_cont .slide-track {display: flex;}
.kizahashi_cont .slide {width: 100%; max-width: 466px; height: auto; flex-shrink: 0; object-fit: cover;}

@media screen and (max-width: 750px){
  .kizahashi_icon{margin-top: 0; margin-left: 30px;}
  .kizahashi_accordion_open{min-width: 220px; min-height: 58px;}
  .kizahashi_accordion_controls{height: 140px;}
  .kizahashi_accordion_buttons{margin-top: -60px;}
  .kizahashi_accordion_close{min-height: 72px; margin-top: 30px;}
  #stay .item_carousel{margin-bottom: 70px;}
  .study_item_flex{padding: 30px; gap: 30px;}
  .kizahashi_cont .slide {width: 50%;}
}
@media screen and (max-width: 600px){
  .kizahashi_link_item{padding: 20px 10px;}
  .kizahashi_link_item ul{flex-wrap: wrap; row-gap: 10px;}
  .kizahashi_link_item ul li{width: 25%;}
  .kizahashi_link_item ul li:not(:last-child) {border-right: 1px solid #59BDB6;}
  .kizahashi_link_item ul li:nth-child(4n){border-right: 0!important;}
}
@media screen and (max-width: 500px){
  .study_item_flex{flex-direction: column; gap: 20px;}
  .study_item_flex_left img{width: 100px;}
  .study_item_flex_left,.study_item_flex_right{width: 100%;}
  .study_item_flex_left{display: flex; flex-direction: column; align-items: center;}
}


/* donation
==========================================================*/
.indent{padding-left:1em; text-indent:-1em;}

.donation_text{display: flex; gap: 40px; margin-top: min(10vw,100px);}
/* .donation_text .c-2col_wrap_inner_left{padding-left: 40px;} */
.donation_text .c-2col_wrap_inner_left a{position: relative;}
.donation_text .c-2col_wrap_inner_right_item ul{margin-block: 10px;}
.donation_text .c-2col_wrap_inner_right_item  img{margin-top: 30px;}

.donation_cta{padding: 50px 50px 60px; text-align: center; margin-bottom: min(11vw,110px);}
.donation_cta_btn{display: flex; gap: 30px; justify-content: center; margin-top: 40px;}
.donation_cta_btn .linkbtn{width: 100%; max-width: 400px;}

.donation  .mv_bnr_wrap{right: 0!important; left: 0!important; bottom: auto;}

@media screen and (max-width: 850px){
  .donation_cta_btn{flex-direction: column; gap: 20px;}
  .donation_cta_btn .linkbtn{margin-inline: auto;}
}
@media screen and (max-width: 750px){
  .donation .c-2col_wrap_inner_left{width: 30%;}
}
@media screen and (max-width: 650px){
  .donation_text{display: block;}
  .donation_text .c-2col_wrap_inner_left{width: 100%; position: static; padding-left: 0; margin-bottom: 100px; display: flex; justify-content: center;}
  .donation_text .c-2col_wrap_inner_right{width: 100%;}
  .donation .mv_bnr_bg, .donation .mv_bnr_txt{width: 150px; height: 150px;}
}
@media screen and (max-width: 450px){
  .donation_cta{padding: min(8vw,40px);}
  .donation_cta_btn p{font-size: 1rem;}
}

/* activity
==========================================================*/
/* 
.activ01wrap{ padding-bottom: 140px; }
.activ02wrap{ padding: 120px 0;}
.activ02wrap .inner1200{}
.activ02ul{}
.activ02ul li{ margin-bottom: 100px;}
.activ02img.flex{ margin-bottom: 50px;}
.activ02img div{ width: 50%;}
.activ02ultxt{}
.activ02ultxt p:nth-child(1) { margin-bottom: 20px;}
.activ02ultxt p:nth-child(2) {}
@media screen and (max-width: 860px){
    .activ01wrap{ padding-bottom: 70px; }
    .activ02wrap{ padding: 60px 0;}
    .activ02ul li{ margin-bottom: 50px;}
    .activ02img.flex{ margin-bottom: 25px;}
    .activ02ultxt p:nth-child(1) { margin-bottom: 15px;}
}
@media screen and (max-width: 550px){
    .activ02img div{ width: 100%;}
} */


/* contact
==========================================================*/

/* reset */
input,button,select,textarea
{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }
textarea { resize: vertical; }
input[type='checkbox'], input[type='radio'] { display: none; }
input[type='submit'],input[type='button'],label,button,select { cursor: pointer; }
select::-ms-expand {display: none;}
::placeholder{ color: #000; opacity: 0.3; }

/* ラジオボタン03 */
/* チェックボックス03 */
.radioul { margin-left: -60px;}
.radioul li { margin-left: 60px; margin-bottom: 15px;}
.radioul li:last-child { margin-bottom: 0;}
input[type=radio] { display: none; }
.radio03 { padding-left: 40px;  box-sizing: border-box; cursor: pointer; display: inline-block; position: relative; width: auto; }
.radio03::before {width: 30px; height:30px; margin-top: -15px; left: 0; background: #fff;border-radius: 50%;content: '';display: block; position: absolute; top: 50%; }
.radio03::after { width: 14px; height: 14px; margin-top: -7px; left: 8px; background: #E0C06C; border-radius: 50%; content: ''; display: block; opacity: 0; position: absolute; top: 50%; transform: scale3d(.3,.3,1); transition: transform .2s ease-in-out, opacity .2s ease-in-out; }
input[type=radio]:checked + .radio03::before,
input[type=checkbox]:checked + .radio03::before{ opacity: 1;}
input[type=radio]:checked + .radio03::after,
input[type=checkbox]:checked + .radio03::after{ opacity: 0.8; transform: scale3d(1,1,1); }

.contactwrap { padding-bottom: 150px; }
.contactwrap .inner800{}
.contactwrap .kasouttlwrap {}
p.contacttxt { margin: 150px 0 60px; }
.contactform{}
.contactul{}
.contactul > li{ margin-bottom: 50px; }
.contactmid{ margin-bottom: 30px;}
.contactul li input[type="text"] { height: 80px; padding: 0 30px; width: 100%; background: #fff; }
.contactul li input[type="text"]:hover { opacity: 1}
.contactul li textarea{ padding:30px; width: 100%; height: 300px; background: #fff; }
.concheckwrap{ margin: 80px 0 30px;}
.conchecktxt{ margin-bottom: 80px;}
.error_box{ display: none; padding: 20px; font-size: 14px; color: #f00; border: 1px solid #f00;}
.submitwrap { margin-top: 80px;}
.submitbtn{ width: 280px; height: 80px; border-radius: 40px; }

.thanksul { line-height: 2}
.thanksul li { margin-bottom: 30px;}

@media screen and (max-width: 860px){
    .radioul { display: block;}
    .radioul li { margin-bottom: 10px;}
    .radio03 { padding-left: 30px; }
    .radio03::before {width: 20px; height:20px; margin-top: -10px; }
    .radio03::after { width: 8px; height: 8px; margin-top: -4px; left: 6px; }
    .contactwrap { padding-bottom: 75px; }
    p.contacttxt { margin: 75px 0 30px; }
    .contacttxt br { display: none}
    .contactform{}
    .contactul{}
    .contactul > li{ margin-bottom: 20px; }
    .contactul > li:nth-child(1) { margin-bottom: 30px;}
    .contactmid{ margin-bottom: 20px;}
    .contactul li input[type="text"] { height: 60px; padding: 0 15px;}
    .contactul li textarea{ padding:20px; height: 50vw; }
    .concheckwrap{ margin: 40px 0 20px;}
    .conchecktxt{ margin-bottom: 40px;}
    .error_box{ padding: 15px; font-size: 12px;}
    .submitwrap { margin-top: 40px;}
    .submitbtn{ width: 240px; height: 60px; border-radius: 30px; }

    .thanksul br { display: none}
}


#submit[disabled] {
cursor: not-allowed;
opacity: 0.5;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}


/* flow
==========================================================*/

.flowwrap{ padding-bottom: 150px;}
.flowwrap .inner900{}
.flowbtn { top: 60px; margin-bottom: -80px; position: sticky; display: flex; justify-content: flex-end; z-index: 2; }
.flowbtn a { }
.flowul{}
.flowul li:first-child{ width: calc(100% - 215px - 20px); }
.flow-l { width: 100px; }
.flow-l:after { width: 1px; height: 100%; left: 32px; top: 0; background: #e0c06c; }
.flowul li:last-child .flow-l:after { display: none !important; }
.flowno { width: 65px; height: 65px; border-radius: 50%; font-weight: 300; font-style: italic;}
.flowdl { padding: 15px 0 80px; width: calc(100% - 100px);}
.flowul li:last-child .flowdl { padding-bottom: 0 !important;}
.flowdl dt{ margin-bottom: 20px;}
.flowdl dd{}

.pricewrap{ padding: 100px 0 140px;}
.pricewrap .inner1000{}
p.pricecatch{ margin-bottom: 60px; }
.priceul{}
.priceul li.flex{}
.priceul li div { padding: 25px 10px; border-right: 1px solid #59BDB6;}
.priceul li:nth-child(1) div { border-color: #fff; }
.priceul li div:nth-child(1) { width: 25%; }
.priceul li div:nth-child(2) { width: 50%;}
.priceul li div:nth-child(3) { width: 25%; border-right: none;}
.priceul li p { margin-top: 10px; font-size: 0.75em; }

@media screen and (max-width: 860px){
    .flowwrap{ padding-bottom: 75px;}
    .flowbtn { top: 20px; margin-bottom: 0; }
    .flowul li:first-child{ width: 100%; }
    .flow-l { width: 70px; }
    .flow-l:after {left: 25px; }
    .flowno { width: 50px; height:50px;}
    .flowdl { padding: 5px 0 40px; width: calc(100% - 70px);}
    .flowdl dt{ margin-bottom:10px;}
    .flowdl dd br { display: none}
    .pricewrap{ padding: 50px 0 70px;}
    p.pricecatch{ margin-bottom: 30px; }
    .priceul li div { padding: 15px 10px;}
}
@media screen and (max-width: 500px){
    .priceul li { padding: 10px 0; display: block; border-bottom: 1px solid #59BDB6; }
    .priceul li div { padding: 0; width: 100% !important; border: none;}
}



/* access
==========================================================*/

.accesswrap { border-radius: 70px 70px 0 0; padding: 80px 0;}
.accessul{  }
.accessul li{ margin-bottom: 80px;}
.accessul li h2 { padding-bottom: 30px; margin-bottom: 40px; font-weight: bold; }
.accessul li h2:after { width: 50px; height: 2px; left: calc(50% - 25px); top: 100%; background: #59BDB6;}
.accessmap { position: relative; width: 100%;}
.accessmap:before { content:""; display: block; padding-top: calc(47 / 86 * 100%); }
.accessmap > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.accessmap > div iframe { border-radius: 20px; width: 100%; height: 100%; }
@media screen and (max-width: 860px){
    .accesswrap { border-radius: 30px 30px 0 0; padding: 40px 0;}
    .accessul li{ margin-bottom: 40px;}
    .accessul li h2 { padding-bottom: 10px; margin-bottom: 20px;}
    .accessul li h2:after { width: 30px; height: 2px; left: calc(50% - 15px);}
    .accessmap > div iframe { border-radius: 10px; }
}





/* recruit
==========================================================*/

.recruit01wrap{ padding-bottom: 150px;}
.recruit01txt { margin-bottom: 60px; }

.recruit02wrap{ padding: 120px 0 100px; }
.recruit02dl{ }
.recruit02dl dt{ border-radius: 15px 15px 0 0; padding: 30px 40px 30px 80px; }
.recruit02dl dd{ margin-bottom: 40px; border-radius: 0 0 15px 15px ; padding: 30px 40px 50px 80px; }
.recruit02dl dt:after,
.recruit02dl dd:after { font-size: 30px; top: 30px; left: 40px; line-height: 1; }
.recruit02dl dt:after { content: "Q.";}
.recruit02dl dd:after {content: "A."; color: #59bdb6;}

.recruit03wrap { padding-bottom: 150px; }
p.recruit03mid { }
p.recruit03txt{}
a.recruit03tel{ width: 500px; height: 90px; border-radius: 45px; margin: 40px auto 20px; }
p.recruit03teltxt {}
@media screen and (max-width: 860px){
    .recruit01wrap{ padding-bottom: 75px;}
    .recruit01txt { margin-bottom: 30px; }

    .recruit02wrap{ padding: 60px 0 50px; }
    .recruit02dl{ }
    .recruit02dl dt{ border-radius: 10px 10px 0 0; padding: 20px 30px 20px 50px;}
    .recruit02dl dd{ margin-bottom: 20px; border-radius: 0 0 10px 10px ; padding: 20px 30px 30px 50px; }
    .recruit02dl dt:after,
    .recruit02dl dd:after { font-size: 25px; top: 20px; left: 15px;}

    .recruit03wrap { padding-bottom: 75px; }
    a.recruit03tel{ width: 300px; height: 60px; border-radius: 30px; margin: 20px auto 20px; font-size: 24px; }
}





/* privacy
==========================================================*/

.privacydl { padding-top: 40px; border-top: 1px solid #ccc; }
.privacydl dt { margin-bottom: 10px; }
.privacydl dd { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 860px){
    .privacydl { padding-top: 20px;}
    .privacydl dt { margin-bottom: 5px; }
    .privacydl dd { padding-bottom: 20px; margin-bottom: 20px; }
}