@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css');

/*************************************************************************************************************************
* reset
*************************************************************************************************************************/
html{ height: 100%; font-weight: 400; font-size: 62.5%; color: #000;}
body{ height: 100%; margin: 0; padding: 0; font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; text-align: justify; text-justify: inter-ideograph; -webkit-text-size-adjust: 100%;  -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
img{ width: 100%; max-width: 100%; height: auto; border: 0; vertical-align: bottom;}
svg{ vertical-align: bottom;}
a{ color: inherit; outline: none; text-decoration: none; }
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-size: inherit; }
p{ margin: 0; padding: 0;}
ul, ol, dl, dt, dd{ margin: 0; padding: 0;}
li{ margin: 0; padding: 0; list-style: none;}
form{ margin: 0; padding: 0;}
input, textarea, select, button{ font-family: inherit; appearance: none; outline: none;}
button{ font-size: inherit; cursor: pointer;}
table{ border: 0; border-collapse: collapse; border-spacing: 0;}
header, nav, main, article, aside, section, footer{ display: block;}
*{ box-sizing: border-box;}



/*************************************************************************************************************************
* common
*************************************************************************************************************************/
body { font-size: 1.4rem; }
.fc_white { color: #fff; }
.txt_cent { text-align: center; }
.sp_only { display: block; }
.pc_only { display: none; }



.bg-video-wrap { position: relative; overflow: hidden; width: 100%; height: 100%; z-index: 0; }
.bg-video-wrap video { position: fixed; min-width: 100%; height: 100%; z-index: 1; left: 50%; transform: translateX(-50%); }

@media print, screen and (min-aspect-ratio: 16/9){
	.bg-video-wrap video { height: auto;}
}




.overlay { position: fixed; min-width: 100%; min-height: 100vh; background-color: rgba(0,0,0,0.0); z-index: 2; transition: all .5s ease-out; }
.overlay.active { background-color: rgba(0,0,0,0.5); }
.logo { position: absolute; top: 18px; left: 18px; z-index: 10; }
.logo img { width: 150px; }


.sec,
footer { position: relative; text-align: center; z-index: 2; }

.sec.sec_fv { margin-top: 60px; margin-bottom: 130px; padding-left: 0; padding-right: 0; }


.sec_fv_obj_scroll_img { width:95px; }
.main-area__scroll-indicator { position: absolute; left:50%; transform:translateX(-50%); bottom:0; cursor:pointer; z-index: 3; }
.main-area__scroll-indicator img { display: inline-block; padding-bottom: 58px; }
.main-area__scroll-indicator span { display:inline-block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; margin-right:-50%; width:3px; height:42px; overflow:hidden; }
.main-area__scroll-indicator span:before { content:''; display:block; width:100%; height:100%; background-image: url(/nyushi/lys/img/obj_dot.svg); background-repeat: no-repeat; background-position:50% 0%; background-size:100% auto; position:absolute; left:0; top:0; -webkit-animation:indicate 2s infinite ease-in-out; animation:indicate 2s infinite ease-in-out }

@-webkit-keyframes indicate {
  from {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%)
  }
  to {
    -webkit-transform: translateY(102%);
    transform: translateY(102%)
  }
}
@keyframes indicate {
  from {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%)
  }
  to {
    -webkit-transform: translateY(102%);
    transform: translateY(102%)
  }
}


.sec .ti_fv img { width:265px; margin-bottom: 40px; }
.sec .subti_fv { margin-bottom:40px; font-size: 2rem; }
.sec .txt_fv { margin-bottom: 80px; font-weight: 500; text-align: center; line-height: 2.3; }
.sec .txt_fv p:not(:last-child){ margin-bottom: 50px; }


.sec_story { background-color: #fff; padding-top: 60px; padding-bottom: 40px; text-align: left; }
.ti_story { position: relative; margin-left: 40px; margin-bottom: 40px; }
.ti_story .img { width: 112px; }
.ti_story .txt { display: block; margin-top: 10px; font-size: 1.3rem; font-weight: 500; color: #353852; }
.ti_story .text_date { font-size: 1.1rem; color: #696978; }
.ti_story.js-scr .inview { position: relative; display: inline-block; }
.ti_story.js-scr .inview:before,
.ti_story.js-scr .inview:after { position: absolute; top: 0; right: 0; content: ""; width: 100%; height: 100%; }
.ti_story.js-scr .inview:before {
  background: linear-gradient(180deg, rgba(28,46,118,1) 0%, rgba(28,46,118,1) 15%, rgba(28,46,118,0) 16%, rgba(28,46,118,0) 23%, rgba(28,46,118,1) 24%, rgba(28,46,118,1) 74%, rgba(28,46,118,0) 75%, rgba(28,46,118,0) 78%, rgba(28,46,118,1) 79%, rgba(28,46,118,1) 100%);
}
.ti_story.js-scr .inview--withnotice:before {
  background: linear-gradient(180deg, rgba(28,46,118,1) 0%, rgba(28,46,118,1) 10%, rgba(28,46,118,0) 11%, rgba(28,46,118,0) 17%, rgba(28,46,118,1) 18%, rgba(28,46,118,1) 74%, rgba(28,46,118,0) 75%, rgba(28,46,118,0) 78%, rgba(28,46,118,1) 79%, rgba(28,46,118,1) 100%);
}
.ti_story.js-scr .inview:after { background: #fff; }
.ti_story.js-scr.js-scr-active .inview:after { width: 0; transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.ti_story.js-scr.js-scr-active .inview:before { width: 0; transition: 0.6s 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); }



.video_modal { width: 80%; margin: 0 auto; }
.video_modal .movie { display: block; position: relative;}
.video_modal .movie p{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden;}
.video_modal .movie p img{ position: absolute; bottom: -3vw; left: 50%; max-width: none; width: 50%; height: auto; opacity: 1; transform: translate(-50%,-50%); }
.video_modal .movie div { position: relative; overflow: hidden;}


.video_modal .movie div img { transition: all .5s ease-out; }
.video_modal .movie:hover div img { transform: scale(1.2); }

.video_wrap .movie div{ position: relative; min-height: 240px; overflow: hidden;}
.video_wrap .movie div::after{ background: #d5d5d5; width: 75px; height: 1px; position: absolute; top: 50%; left: auto; transform: translate(0,-50%); border: none;}
.video_wrap .movie div img{ width: auto; max-width: none; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
















.sec__contents {
  position: relative;
}
.sec__contents:after { position: absolute; top: 9%; right: 0; width: 87%; height: calc(100% - 30px); background-color: #f2f5f5; z-index: 0; content: ""; }
.sec__contents .dot {
  position: absolute;
  width: 65%;
  height: 69vw;
  background-size: 20px 20px;
  background-position: 0 0, 20px 20px;
  z-index: 1;
}
.sec__contents .dot.dot_1 {
  top:3%;
  background-image: radial-gradient(circle, #d2c8e6 20%, transparent 10%), radial-gradient(circle, #d2c8e6 20%, transparent 10%);
/*  background-image:url(/nyushi/lys/img/bg_dot_purple.svg);*/
}
.sec__contents .dot.dot_2 {
  top:42%;
  right: 3%;
  background-image: radial-gradient(circle, #f0c8c8 20%, transparent 10%), radial-gradient(circle, #f0c8c8 20%, transparent 10%);
}
.sec__contents .dot.dot_3 {
  height: 60vw;
  bottom:2%;
  right: 0;
  background-image: radial-gradient(circle, #aad2e6 20%, transparent 10%), radial-gradient(circle, #aad2e6 20%, transparent 10%);
}

.home-section__person {
  background: #f6fafa;
  padding-bottom: 10px;
}
.home-section__person .sec__title {
  width: 50%;
  max-width: 718px;
  position: absolute;
  left: 50%;
  top: -230px;
  z-index: 1;
  pointer-events: none;
}
.home-section__person .sec__contents {
  position: relative;
  top: -130px;
}

.person-item {
  box-sizing: border-box;
}

.person-item__inner {
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 2;
}
.person-item__inner:hover .person-item__image .image:before {
  opacity: 1;
}
.person-item__image {
  position: relative;
}
.person-item__image .image {
  position: relative;
}
.person-item__image .image:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  left: 0;
  transition: .5s;
}
.person-item__image .catch {
  font-size: 2rem;
  line-height: 1.1;
  position: absolute;
  opacity: 0;
  transition: .6s;
}
#top .person-item__text {
  position: relative;
  margin-top: -84px;
  padding-left: 8.7%;
}
.person-item__text .text_name { overflow: hidden; }
.person-item__text .name { font-size: 2rem; font-weight: 700; line-height: 1.1; }
.person-item__text .name:last-child { padding-left: 18px; }
#top .person-item__text .name p { position: relative; display: inline-block; }
/*

.person-item__text .name p:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 2px;
  left: .5em;
}
*/

.person-item__text {
  color: #353852;
}
.person-item__text .name span {
  display: inline-block;
  position: relative;
  padding: 10px;
}
#top .person-item__text .txt_info_wrap {
  margin-top: 15px;
  margin-left: 40px;
}
.person-item__text .txt_info_wrap {font-weight: 700; }
.person-item__text .text_info_ti {
 font-size: 1.6rem; 
}
.person-item__text .text_info {
  font-size: 1.3rem;
}
/*.person-item01 { width: 58.333%; }*/

#top .person-item:not(:last-child) { margin-bottom: 60px; }
#top .person-item01 .person-item__image {
  padding-left: 18%;
}
.person-item01 .person-item__image .image:before {
  background: #d2c8e6;
}
.person-item01 .person-item__image .catch {
  left: -30px;
  top: 42%;
}


.person-item02 {
  margin-left: 13%;
}
#top .person-item02 .person-item__image {
  padding-right: 22%;
}
.person-item02 .person-item__image .image:before {
  background: #F1DAAF;
}
.person-item02 .person-item__text .name p:before {
  background: #F1DAAF;
  width: 144px;
}



.person-item03 {
}
#top .person-item03 .person-item__image {
  padding-right: 22%;
}
.person-item03 .person-item__image .image:before {
  background: #aad2e6;
}
.person-item03 .person-item__text {
  width: 66%;
  box-sizing: border-box;
  padding-left: 40px;
}
.person-item03 .person-item__text .name:last-child p:before {
  width: 160px;
}
.person-item03 .person-item__text .name p:before {
  background: #aad2e6;
  width: 180px;
}


.person-item01 .person-item__text .name span { background-color: #d2c8e6; }
.person-item02 .person-item__text .name span { background-color: #f0c8c8; }
.person-item03 .person-item__text .name span { background-color: #aad2e6; }


.person-item.js-scr .inview:before, .person-item.js-scr .inview:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.person-item.js-scr .inview:before {
  background: #F6FAFA;
}
.person-item.js-scr .inview:after {
  background: #fff;
}
.person-item.js-scr .person-item__text {
  width: 0;
  white-space: nowrap;
  overflow: hidden;
}
.person-item.js-scr.js-scr-active .inview:after {
  width: 0;
  transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.person-item.js-scr.js-scr-active .inview:before {
  width: 0;
  transition: 0.6s 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.person-item.js-scr.js-scr-active .person-item__text {
  width: 100%;
  transition: width 0.6s 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}




.person-item01.js-scr .inview:before {
  background: #d2c8e6;
}

.person-item02.js-scr .inview:before {
  background: #F1DAAF;
}

.person-item03.js-scr .inview:before {
  background: #ABC0D1;
}





.sec_1day { background-color: #fff; padding-top: 60px; padding-bottom: 100px; }
.ti_1day { margin-bottom: 60px; }
.ti_1day img { width: 200px; }
.ti_1day span { display:block; margin-top: 10px; font-size: 1.3rem; font-weight: 500; }

.slick-slide { margin:0 5px; }


.video_modal_bottom .video_modal { width: 100%; }

footer { background-color: #fff; }
@media print, screen and (max-width:680px) {
	footer { margin-bottom: 60px; }
}

.entry_site {
  position: relative;
  overflow: hidden;
  margin-bottom: 70px;
}
.entry_site:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(/nyushi/lys/img/common/bg_entry_sp.jpg);
  background-repeat: no-repeat;
  background-position:50% 50%;
  background-size:cover;
  transition: all .5s ease-out;
}
.entry_site:hover:after {
  transform: scale(1.2);
}
.entry_txt {
  position: relative;
  display: block;
  padding: 50px 0;
  font-size: 1.6rem;
  z-index: 1;
}

.links { width: 80%; margin: 0 auto 40px; }
.links ul li:not(:last-child) { margin-bottom:18px; }
.btn_link {
  display: block;
  padding: 2px;
  border-radius: 35px;
  background: linear-gradient(90deg, rgba(142,159,216,1) 0%, rgba(73,139,239,1) 49%, rgba(65,104,186,1) 100%);
/*  transition: .5s;*/
}
.btn_link span {
  display: block;
  background-color: #fff;
  padding: 18px 0;
  border-radius: 35px;
  color: #000;
/*  transition: .5s;*/
  transition: all .3s ease-out;
}
.btn_link:hover span {
  background: linear-gradient(90deg, rgba(142,159,216,1) 0%, rgba(73,139,239,1) 49%, rgba(65,104,186,1) 100%);
  color: #fff;
/*  transition: .5s;*/
  
/*  transition: all .5s ease-out;*/
}

.sns_wrap { background-color: #f5f5f5; padding: 20px 0; }
.sns_wrap__ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.sns_wrap__ul li { margin: 0 10px; }
.sns_btn { width: 40px; height: auto; }

.logo_footer_wrap { padding: 30px 0; }
.logo_footer_wrap img { width: 180px; }
.copyright { padding: 12px 0; background-color: #353852; font-size: 1rem; color: #fff; }




@media print, screen and (min-width:681px){
  
  body{ min-width: 1020px; font-size: 1.6rem; }
  .pc_only { display: block; }
  .sp_only { display: none; }
  
  .sec.sec_fv { margin-top: 120px; margin-bottom: 280px; }
  
  .logo { top: 35px; left: 35px; }
  .logo img { width: 240px; }
  
  
  .sec_fv_obj_scroll_img { width:120px; }
  .main-area__scroll-indicator img { padding-bottom: 150px; }
  
  .main-area__scroll-indicator span { height:125px; }
  
  
  
  .sec .ti_fv img { margin-bottom: 75px; width:480px; }
  
  
  .sec .subti_fv { margin-bottom: 74px; font-size: 2.8rem; }
  .sec .txt_fv { line-height: 2.6; }
  .sec .txt_fv p:not(:last-child) { margin-bottom: 55px; }
  
  .video_modal { width: 820px; }
  
  .ti_story .txt { margin-top: 20px; font-size: 1.5rem; }
  .ti_story.js-scr .inview:before {
    background: linear-gradient(180deg, rgba(28,46,118,1) 0%, rgba(28,46,118,1) 15%, rgba(28,46,118,0) 16%, rgba(28,46,118,0) 23%, rgba(28,46,118,1) 24%, rgba(28,46,118,1) 74%, rgba(28,46,118,0) 75%, rgba(28,46,118,0) 84%, rgba(28,46,118,1) 85%, rgba(28,46,118,1) 100%);
  }
	
	.ti_story.js-scr .inview--withnotice:before {
    background: linear-gradient(180deg, rgba(28,46,118,1) 0%, rgba(28,46,118,1) 10%, rgba(28,46,118,0) 11%, rgba(28,46,118,0) 21%, rgba(28,46,118,1) 22%, rgba(28,46,118,1) 80%, rgba(28,46,118,0) 81%, rgba(28,46,118,0) 88%, rgba(28,46,118,1) 89%, rgba(28,46,118,1) 100%);
  }
  
  .sec__contents:after { width: 75.2%; }
  .container,
  .person-item { max-width: 900px; margin-left: auto; margin-right: auto; }
  .person-item { position: relative; }
  
  .sec_story { padding-top: 150px; padding-bottom: 170px; overflow: hidden; }
  .ti_story { margin-left: 0; }
  .ti_story .img { width: 200px; }
  
  #top .person-item__image .image { width: 500px; }
  #top .person-item02 .person-item__image .image { width: 510px; }

  .person-item__text .name p { font-size: 2.6rem; }
  .person-item__text .text_info_ti { margin-bottom: 10px; font-size: 1.8rem; }
  .person-item__text .text_info { font-size: 1.4rem; }
    
  #top .person-item01 .person-item__image { padding-left: 36%; }
  #top .person-item03 .person-item__image { padding-left: 35%; }
  #top .person-item01 .person-item__text { margin-top: -96px; padding-left: 34%; }
  #top .person-item02 .person-item__text { margin-top: -96px; padding-left: 30.4%; }
  #top .person-item03 .person-item__text { margin-top: -96px; padding-left: 30.4%; }
  
  .sec__contents .dot {
    width: 405px;
    height: 20vw;
    background-size: 20px 20px;
    background-position: 0 0, 20px 20px;
  }
  .sec__contents .dot.dot_1 {
    top:2.3%;
    left: 33%;
    background-image: radial-gradient(circle, #d2c8e6 20%, transparent 10%), radial-gradient(circle, #d2c8e6 20%, transparent 10%);
  }
  .sec__contents .dot.dot_2 {
    top: 41%;
    right: 35%;
  }
  .sec__contents .dot.dot_3 {
    width: 405px;
    height: 24vw;
    left: 31%;
    bottom: 4.5%;
  }
  .sec__contents .dot.dot_sm {
    width: 115px;
    height: 115px;
    z-index: 3;
  }
  .sec__contents .dot.dot_sm.dot_1 {
    top: inherit;
    right: 2%;
    bottom: 8%;
    left: inherit;
  }
  .sec__contents .dot.dot_sm.dot_2 {
    top: -60px;
    bottom: inherit;
    left: -60px;
    right: inherit;
  }
  .sec__contents .dot.dot_sm.dot_3 {
    top: 25px;
    right: 30px;
    bottom: inherit;
    left: inherit;
  }
  .sec__contents:after { width:100%; height: calc(100% + 30px); left: calc((100% - 900px) / 2); }
  
  .sec_1day { padding-top: 100px; padding-bottom: 200px; }
  .ti_1day { margin-bottom: 100px; }
  .ti_1day img { width: 660px; }
  .ti_1day span { margin-top: 20px; font-size: 1.5rem; }
  
  .entry_site { background-image: url(/nyushi/lys/img/common/bg_entry_pc.jpg); background-position: 50% 50%; background-size: cover; margin-bottom: 60px;
  }
  .entry_site .entry_txt { padding: 65px 0; font-size: 2rem; }
  
  .links { margin-bottom: 60px; }
  .links ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  .links ul li:not(:last-child) {
    margin-right: 30px;
    margin-bottom: 0;
  }
  .btn_link { min-width: 280px; }
  
  .sns_wrap { padding: 30px 0; }
  
  .logo_footer_wrap { padding: 40px 0; }
  .logo_footer_wrap img { width: 220px; }

}

.future-wrap { background-size: auto auto; background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(245, 245, 235, 1) 8px, rgba(245, 245, 235, 1) 12px ); margin-top: -90px; padding-top: 160px; padding-bottom: 80px; overflow: hidden; }
.future__ti { font-size: 1.3rem; font-weight: 500; line-height: 1; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.future__ti img { display: block; width: 197px; margin-left: auto; margin-right: auto; }
.future__ti__txt { display: block; margin-top: 15px; }
.future__ti-under { margin-top: 15px; margin-bottom: 55px; font-size: 1.5rem; font-weight: 400; line-height: 1.6; text-align: center;}

.future-ppl { width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
.future-ppl__item { position: relative; }
.future-ppl__item:nth-child(1) { margin-bottom: 60px; }
.future-ppl__item__img { position: relative; overflow: hidden; z-index: 5; }



.future-ppl__item__cont { position: relative; width: calc(100% - 25px); background: #fff; margin-top: -120px; margin-left: auto; margin-right: auto; padding: 25px 30px 28px; z-index: 10; box-shadow: 5px 5px 10px 0px rgba(60, 60, 50, 0.15); }
.future-ppl__item__cont__ti { margin-bottom: 20px; font-size: 2.0rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; color: #353852; }
.future-ppl__item__cont__belong { display: inline-block; padding: 4px 13px; font-size: 1.5rem; font-weight: 700; line-height: 1.5; color: #fff; }
.future-ppl__item:nth-child(1) .future-ppl__item__cont__belong { background: #f0c8aa; }
.future-ppl__item:nth-child(2) .future-ppl__item__cont__belong { background: #c8e1aa; }
.future-ppl__item__cont__info { margin-top: 20px; }
.future-ppl__item__cont__info strong,
.future-ppl__item__cont__info span { display: block; font-weight: 700; color: #353852; }
.future-ppl__item__cont__info strong { margin-bottom: 5px; font-size: 1.6rem; line-height: 1; }
.future-ppl__item__cont__info span { font-size: 1.3rem; line-height: 1.538; }



.future-ppl__item:after { position: absolute; width: 65%; height: 69vw; background-size: 20px 20px; background-position: 0 0, 20px 20px; z-index: 1; content: ""; }
.future-ppl__item:nth-child(1):after { height: 80vw; top: 10px; right: -39px; background-image: radial-gradient(circle, #f0c8aa 20%, transparent 10%), radial-gradient(circle, #f0c8aa 20%, transparent 10%); }
.future-ppl__item:nth-child(2):after { height: 30vw; top: 290px; left: -44px; background-image: radial-gradient(circle, #c8e1aa 20%, transparent 10%), radial-gradient(circle, #c8e1aa 20%, transparent 10%); z-index: 7; }


@media print, screen and (min-width:681px){
	
	.future-wrap { margin-top: -30px; padding-top: 300px; padding-bottom: 150px; }
	.future__ti { font-size: 1.5rem; }
	.future__ti img { width: 242px; }
	.future__ti__txt { margin-top: 20px; }
	.future__ti-under { margin-top: 25px; margin-bottom: 95px; font-size: 1.6rem; line-height: 1.625; }
	
	.future-ppl { display: flex; justify-content: space-between; width: 930px; }
	.future-ppl__item { width: 425px; }
	.future-ppl__item:nth-child(2) { margin-top: 90px; }
	.future-ppl__item__img { width: 395px; margin-left: auto; margin-right: 0; }
	.future-ppl__item__img img { transition: all .5s ease-out; }
	.future-ppl__item > a:hover .future-ppl__item__img img { transform: scale(1.1); }
	.future-ppl__item__cont { max-width: 380px; margin-left: 0; padding: 38px 36px 40px 45px; }
	
	.future-ppl__item__cont__ti { margin-bottom: 30px; font-size: 2.6rem; line-height: 1.461; }
	.future-ppl__item__cont__belong { padding: 8px 13px; font-size: 1.8rem; line-height: 1.1; }
	.future-ppl__item__cont__info { margin-top: 20px; }
	.future-ppl__item__cont__info strong,
	.future-ppl__item__cont__info span { display: block; font-weight: 700; color: #353852; }
	.future-ppl__item__cont__info strong { margin-bottom: 10px; font-size: 1.8rem; }
	.future-ppl__item__cont__info span { font-size: 1.4rem; line-height: 1.571; }
	.future-ppl__item:nth-child(1):after { top: 400px; right: auto; left: -49px; height: 120px; }
	.future-ppl__item:nth-child(2):after { top: -210px; left: auto; right: -67px; height: 320px; z-index: 0; }
	
}




.fixed-btn { position: fixed; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; background: linear-gradient(to right,  rgba(163,165,215,1) 0%,rgba(111,150,229,1) 50%,rgba(67,128,224,1) 100%); color: #fff; text-decoration: none; transition: 0.4s; z-index: 100; opacity: 0; transform: translate(0, 60px); }
.fixed-btn.is-visible { opacity: 1; transform: translate(0, 0); transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media print, screen and (min-width:681px){
	
	.fixed-btn { bottom: auto; top: 250px; left: auto; right: 0; width: 66px; height: 310px; padding-bottom: 20px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; border-radius: 10px 0 0 10px; font-size: 1.4rem; letter-spacing: -.08em; transform: translate(66px, 0); transition: 0.4s; background: linear-gradient(to bottom,  rgba(163,165,215,1) 0%,rgba(111,150,229,1) 50%,rgba(67,128,224,1) 100%); }
	.fixed-btn::before { content: ""; width: 7px; height: 10px; display: block; background: url(/nyushi/lys/img/common/arrow_fix_btn.svg) no-repeat center/contain; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); }
	.fixed-btn:hover { background: linear-gradient(to bottom,  rgba(67,128,224,1) 0%,rgba(111,150,229,1) 50%,rgba(163,165,215,1) 100%); }
	
}


/*************************************************************************************************************************
* Objective Fit Image
*************************************************************************************************************************/
.ofi-cover { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; }
.ofi-contain { width: 100%; height: 100%; object-fit: contain; font-family: 'object-fit: contain'; }