@charset "UTF-8";

/*-------------------------
__page_common_style
-------------------------*/
#content .sp_content{padding:100px 0 240px;}
#content .main_title_box{background:url("images/main_title_bg.webp")no-repeat center;background-size:cover;}
@media screen and (max-width:767px) {
  #content .sp_content{padding:50px 0 50px;}
}
/*-------------------------
__staff_list
-------------------------*/
.bg_cg{position:relative;}
.bg_cg::before{content:"";display:block;width:calc((100% - 800px)/2 + 800px);height:100%;background:#f4f6f7;position:absolute;top:140px;right:0;z-index:0;}
#staff_list{display:flex;flex-wrap:wrap;align-items:flex-start;max-width:var(--wid-base);box-sizing:border-box;padding:0 20px;margin:auto;position:relative;}

#staff_list .staff_box{width:31%;background:#FFF;margin-right:3.5%;text-decoration:none;color:var(--color-base);letter-spacing:0;transition:transform 0.3s,box-shadow 0.3s,opacity 800ms!important;}
#staff_list .staff_box:nth-of-type(3n + 2){transform:translateY(50px);}
#staff_list .staff_box:nth-of-type(3n + 3){transform:translateY(100px);margin-right:0;}
#staff_list .staff_box:nth-of-type(n+4){margin-top:40px;}
#staff_list .staff_box .img_box{height:315px;overflow:hidden;}
#staff_list .staff_box .detail_box{box-sizing:border-box;text-align:left;padding:30px 20px;}
#staff_list .staff_box .detail_box .one_word{font-size:1.4em;line-height:1.4;}
#staff_list .staff_box .detail_box .name_box{padding:10px 0 10px;}
#staff_list .staff_box .detail_box .name_box .name{font-size:2.3em;letter-spacing:0.12em;line-height:1.2;padding-right:15px;}
#staff_list .staff_box .detail_box .name_box .position{font-size:1.4em;letter-spacing:0.08em;line-height:1.2;display:inline-block;}
#staff_list .staff_box .detail_box .name_romaji{font-size:1.4em;letter-spacing:0.08em;line-height:1.2;color:#a08a61;}

@media screen and (min-width:768px) {
  #staff_list .staff_box:hover{transform:scale(1.01);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.25);}
  #staff_list .staff_box:nth-of-type(3n + 2):hover{transform:translateY(50px) scale(1.01);}
  #staff_list .staff_box:nth-of-type(3n + 3):hover{transform:translateY(100px) scale(1.01);}
}
@media screen and (max-width:767px) {
  .bg_cg::before{width:70%;height:calc(100% - 20px);top:40px;}
  #staff_list{display:block;}
  #staff_list .staff_box{width:100%;margin-right:0;display:block;margin-top:30px;}
  #staff_list .staff_box:nth-of-type(3n + 2){transform:translateY(0);}
  #staff_list .staff_box:nth-of-type(3n + 3){transform:translateY(0);margin-right:0;}
  #staff_list .staff_box .img_box{height:auto;overflow:hidden;}
  #staff_list .staff_box .img_box img{width:100%;height:auto;}
  #staff_list .staff_box .detail_box{padding:20px;}
}
/*-------------------------
__staff_detail
-------------------------*/
.staff_detail #content{padding-bottom:120px;}
.staff_detail #content .main_title_box{background:#f7f7f7;min-width:var(--wid-base);}
.staff_detail #content .main_title_box::after{display:none;}

.staff_detail #content .main_title_box .staff_main_img{margin:-119px 0 0 auto;width:69.23%;position:relative;overflow:hidden;}

.staff_detail #content .main_title_box .staff_main_img a{text-decoration:none;display:inline-block;position:absolute;bottom:10%;right:200px;text-align:left;padding:20px 80px 20px 24px;background:#FFF;border:2px solid var(--color-base2);border-radius:5px;color:#a08a61;z-index:2;}
.staff_detail #content .main_title_box .staff_main_img a span{font-size:1.8em;letter-spacing:0.08em;font-weight:700;line-height:1.5;}
.staff_detail #content .main_title_box .staff_main_img a::before {content:"";display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:38px;height:38px;background:url(/images/btn_arrow2.svg) no-repeat;background-size:contain;}
.staff_detail #content .main_title_box .staff_main_img img{width:100%;height:auto;}

.staff_detail #content .main_title_box .main_title_inbox{text-align:left;margin:-8.5% auto 0 5%;position:relative;}
.staff_detail #content .main_title_box .main_title_inbox .name_box{background:var(--color-base2);display:inline-block;color:#FFF;padding:5px 20px 8px;margin-bottom:30px;}
.staff_detail #content .main_title_box .main_title_inbox .name_box .name{font-family:"Kiwi Maru", serif;font-size:2.8em;font-weight:400;visibility:hidden;}
.wf-active .staff_detail #content .main_title_box .main_title_inbox .name_box .name{visibility:visible;}
.staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position{padding-left:20px;}
.staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .eng_name{font-family:"Jost", serif;font-size:1.4em;letter-spacing:0.03em;visibility:hidden;}
.wf-active .staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .eng_name{visibility:visible;}
.staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .position{font-size:1.4em;letter-spacing:0.08em;display:inline-block;}
.staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .position::before{content:"|";padding:0 10px;}
.staff_detail #content .main_title_box .main_title_inbox .main_title{display:block;/*max-width:665px;*/width:51%;}
.staff_detail #content .main_title_box .main_title_inbox .main_title img{width:100%;height:auto;}

@media screen and (min-width:768px) {
  .staff_detail #content .main_title_box .staff_main_img a{transition:transform 0.3s,box-shadow 0.3s;}
  .staff_detail #content .main_title_box .staff_main_img a:hover{transform: scale(1.01);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.25);}
  .staff_detail #content .main_title_box .staff_main_img a::before{transition:right 0.3s;}
  .staff_detail #content .main_title_box .staff_main_img a:hover::before{right:15px;}
}
	
@media screen and (max-width:767px) {
  .staff_detail #content{padding-bottom:60px;}
  .staff_detail #content .main_title_box .staff_main_img{margin:-90px 0 0 auto;width:100%;}
  .staff_detail #content .main_title_box .staff_main_img a{bottom:100px;right:auto;left:20px;padding:10px 70px 10px 15px;}
  .staff_detail #content .main_title_box .staff_main_img a span{font-size:1.6em;}
  .staff_detail #content .main_title_box .staff_main_img a::before {width:30px;height:30px;}
  .staff_detail #content .main_title_box .main_title_inbox{margin: -70px auto 0 20px;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box{padding:5px 10px 8px;margin-bottom:20px;margin-right:20px;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box .name{font-size:2.0em;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position{padding-left:10px;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box.name_box_lsize .eng_position{padding:3px 0 0 0;display:block;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .position::before{padding:0 5px;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .eng_name{font-size:1.2em;}
  .staff_detail #content .main_title_box .main_title_inbox .name_box .eng_position .position{font-size:1.2em;}
  .staff_detail #content .main_title_box .main_title_inbox .main_title{max-width:550px;width:calc(100% - 20px);}
  .staff_detail #content .main_title_box .main_title_inbox .main_title img{width:100%;height:auto;}
}
/*-------------------------
__staff_detail
-------------------------*/

.bg_c{background:#f7f7f7;box-sizing:border-box;padding:80px 0 100px;min-width:var(--wid-base);}

#content .staff_main_text_box{display:flex;margin-bottom:100px;}
#content .staff_main_text_box .img_box{width:41.6%;}
#content .staff_main_text_box .img_box img{width:100%;height:auto;}
#content .staff_main_text_box .text_box{width:58.4%;box-sizing:border-box;padding:20px calc((100% - 1000px)/2) 0 80px;text-align:left;}
#content .staff_main_text_box .text_box .s_title{font-family:"Kiwi Maru", serif;font-size:2.8em;line-height:1.3;letter-spacing:0.08em;color:#a08a61;padding-bottom:30px;}
#content .staff_main_text_box .text_box .text{font-size:1.8em;line-height: 2.2;}

@media screen and (max-width:767px) {
  .bg_c{padding:40px 0 60px;}
  #content .staff_main_text_box{flex-direction:column-reverse;margin-bottom:60px;}
  #content .staff_main_text_box .img_box{width:100%;}
  #content .staff_main_text_box .text_box{width:100%;box-sizing:border-box;padding:0 20px 30px;}
  #content .staff_main_text_box .text_box .s_title{font-size:2em;padding-bottom:20px;}
  #content .staff_main_text_box .text_box .text{font-size:1.6em;}
}


/*-------------------------
__details
-------------------------*/
#content .details{width:var(--wid-base);margin:0 auto;text-align:left;}
#content .details dl:nth-of-type(n+2){margin-top:30px;}
#content .details dl dt{background:var(--color-base2);padding:20px 88px 20px 25px;border-radius:10px;position:relative;transition:border-radius 0.4s ease-out;cursor:pointer;}
#content .details dl dt.active{border-radius:10px 10px 0 0;}
#content .details dl dt::before{content:"";display:block;position:absolute;right:25px;top:50%;transform:translateY(-50%) rotate(90deg);width:38px;height:38px;background:url(/images/btn_arrow1.svg) no-repeat;background-size:contain;transition:transform 0.4s ease-out;}
#content .details dl dt.active::before{transform:translateY(-50%) rotate(-90deg);}
#content .details dl dt .details_title{font-size:2.8em;line-height:1.3;letter-spacing:0.08em;font-weight:400;color:#FFF;font-family:"Kiwi Maru", serif;}
#content .details dl dd{background:#FFF;border-radius:0 0 10px 10px;font-size:1.8em;line-height:2.2;padding:20px 25px;display:none;position: relative;}
#content .details dl dd img {position: absolute;right: 30px;top: 30px;width: 200px;height: auto;}

@media screen and (max-width:767px) {
  #content .details dl:nth-of-type(n+2){margin-top:20px;}
  #content .details dl dt{padding:15px 75px 15px 20px;}
  #content .details dl dt::before{width:30px;height:30px;right:20px;}
  #content .details dl dt .details_title{font-size:2em;}
  
  #content .details dl dd img {position: inherit;right: inherit;top: inherit;width: 80%;height: auto;margin: 5% auto 0 10%;}
}
/*-------------------------
__ins_wrap
-------------------------*/
#content .ins_wrap{margin:0 auto;width:1040px;padding:120px 0;}
#content .mov_wrap{margin:0 auto;width:1040px;padding:120px 20px;box-sizing:border-box;}
#content .mov_wrap .iframe-responsive{width:560px;aspect-ratio:16 / 9;margin:auto;}
#content .mov_wrap .iframe-responsive iframe{width:100%;height:100%;}

@media screen and (max-width:767px) {
	#content .ins_wrap{padding:60px 0;width:100%;}
	#content .mov_wrap{width:100%;padding:60px 20px;}
	#content .mov_wrap .iframe-responsive{width:100%;}
}

/*-------------------------
__cr_wrap
-------------------------*/

#content .cr_wrap{background:var(--color-base2);box-sizing:border-box;padding:100px 0;min-width:var(--wid-base);}
#content .cr_wrap .top_stitle{color:#FFF;}
#content .cr_wrap .top_stitle_un{color:var(--color-base);}

#content .cr_wrap .voice_list ul li{display:block;background:#FFF;border-radius:10px;box-sizing:border-box;padding:20px;width:100%;max-width:1000px;margin:0 auto;}
#content .cr_wrap .voice_list ul li + li{margin-top:30px;}
#content .cr_wrap .voice_list ul li a{display:flex;text-decoration:none;text-align:left;}


#content .cr_wrap .voice_list ul li .voice_img{box-sizing:border-box;border:1px solid #cac9ca;text-align:center;width:300px;height:225px;overflow:hidden;}
#content .cr_wrap .voice_list ul li .voice_img img{height:100%;width:auto;}

#content .cr_wrap .voice_list ul li .voice_text_box{width:calc(100% - 300px);box-sizing:border-box;padding-left:30px;color:var(--color-base);}
#content .cr_wrap .voice_list ul li .voice_text_box .voice_name{font-size:2.5em;font-weight:500;letter-spacing:0.08em;line-height:1.3;display:block;font-family:"Kiwi Maru", serif;border-bottom:1px solid #cac9ca;padding-bottom:15px;margin-bottom:15px;}

#content .cr_wrap .voice_list ul li .voice_text_box .voice_text{font-size:1.6em;line-height:1.5;}
.cl_on_con{display:none;margin-top:30px;}

@media screen and (max-width:767px) {
  #content .cr_wrap{padding:60px 0;}
  #content .cr_wrap .voice_list ul li + li{margin-top:20px;}
  #content .cr_wrap .voice_list ul li a{display:block;}
  #content .cr_wrap .voice_list ul li .voice_img{display:block;width:100%;height:220px;}
  #content .cr_wrap .voice_list ul li .voice_text_box{width:100%;padding-left:0;padding-top:15px;}
  #content .cr_wrap .voice_list ul li .voice_text_box .voice_name{font-size:2em;}
  #content .cr_wrap .voice_list ul li .voice_text_box .voice_text{font-size:1.4em;}
}




/*-------------------------
__cr_wrap
-------------------------*/
.loaded img{animation:scaleup 3s forwards ease-in-out;}
@keyframes scaleup {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.wide_fade_in .hidden{background:#f7f7f7;}



.shortmovie{padding: 80px 0 0;display: flex;align-items: center;justify-content: center;}
.shortmovie>div.shortmovie_text{width:calc(100% - 360px);}
.youtube_short{width: 320px;margin: auto 40px 0 auto;}
.youtube_short iframe{aspect-ratio: 9 / 16;width: 100%;height: 100%;}
.shortmovie_text .s_title{font-family:"Kiwi Maru", serif;font-size:2.8em;line-height:1.3;letter-spacing:0.08em;color:#a08a61;padding-bottom:30px;display: block;}
.shortmovie_text .text{font-size:1.8em;line-height: 2.2;display: block;}
@media screen and (max-width:767px) {
.shortmovie{padding: 80px 0 0;display: inherit;align-items: center;justify-content: center;}
.shortmovie>div.shortmovie_text{width:100%;padding: 40px 0 0;}
.youtube_short{width: 100%;margin:auto;}
.youtube_short iframe{aspect-ratio: 9 / 16;width: 100%;height: 100%;}
.shortmovie_text .s_title{font-size:2em;padding-bottom:20px;}
.shortmovie_text .text{font-size:1.6em;}
}