@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	line-height: 1.7;
}

/*------------ 全体 ------------*/
html {
  background-color: #F5F5F5;
}
body {
  -webkit-text-size-adjust: 100%;
}
._hover{
	transition: opacity 0.3s linear;
	opacity: 1;
}
._hover:hover{
	opacity: 0.5;
}
*{
  box-sizing: border-box;
}
button,
select{
  color: inherit;
}
img{
  max-width: 100%;
  height: auto;
}
.anim-fadeUp {
  -webkit-transition: opacity .8s,-webkit-transform .8s;
  transition: opacity .8s,-webkit-transform .8s;
  transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s,-webkit-transform .8s;
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
}
.anim-fadeUp.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-fadeLeft {
  -webkit-transition: opacity .8s,-webkit-transform .8s;
  transition: opacity .8s,-webkit-transform .8s;
  transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s,-webkit-transform .8s;
  opacity: 0;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
}
.anim-fadeRight {
  -webkit-transition: opacity .8s,-webkit-transform .8s;
  transition: opacity .8s,-webkit-transform .8s;
  transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s,-webkit-transform .8s;
  opacity: 0;
  -webkit-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  transform: translateX(-60px);
}
.anim-fadeLeft.is-show,
.anim-fadeRight.is-show {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-fade {
  transition: opacity .8s;
  opacity: 0;
}
.anim-fade.is-show {
  opacity: 1;
}
a{
  color: inherit;
  text-decoration: none;
}
._font-noto{
  font-family: 'Noto Sans JP', sans-serif;
}

/*------------ WRAPPER ------------*/
#wrapper {
  position: relative;
  overflow: hidden;
}
.content-inner{
	width:109.2rem;
	margin:0 auto;
}
.content-inner__wide{
	width:132.6rem;
	margin:0 auto;
}

/*------------ HEADER ------------*/
header{
}
.list-header{
  position: fixed;
  top: 0;
  right: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2000;
}
.list-header>li{
  margin-top: 6rem;
}
._logo__lab img{
  width: 9.4rem;
}
._logo__tcard img{
  width: 4.9rem;
}

/*------------ NAVI ------------*/
#btn_menu{
	position:relative;
	right:0;
	top:0;
  width: 6rem;
  height:4.4rem;
	display:block;
	z-index:2000;
  cursor: pointer;
  transition: all .3s;
  transform: translateY(0rem);
}
#btn_menu:hover{
  transform: translateY(-.5rem);
}
#btn_menu:hover:after{
  transform: translateY(.5rem);
}
#btn_menu:after{
  content: "MENU";
  font-size: 1.4rem;
  letter-spacing: .2em;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-indent: .2em;
  transition: all .3s;
  transform: translateY(0rem);
}
#btn_menu span {
  display: block;
  background: #000;
  width: 6rem;
  height: 3px;
  position: absolute;
  left: 0;
  border-radius: .15rem;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
#btn_menu span:first-child {
  top: 0;
}
#btn_menu span:nth-child(2) {
  display: none;
}
#btn_menu span:last-child {
  top: 1.1rem;
}
#btn_menu.active:after{
  content: "CLOSE";
}
#btn_menu.active span:first-child {
  -webkit-transform: translateY(.1rem) rotate(45deg);
  -moz-transform: translateY(.1rem) rotate(45deg);
  -ms-transform: translateY(.1rem) rotate(45deg);
  transform: translateY(.1rem) rotate(30deg);
}
#btn_menu.active span:nth-child(2) {
  opacity: 0;
}
#btn_menu.active span:last-child {
  -webkit-transform: translateY(-1rem) rotate(-45deg);
  -moz-transform: translateY(-1rem) rotate(-45deg);
  -ms-transform: translateY(-1rem) rotate(-45deg);
  transform: translateY(-1rem) rotate(-30deg);
}
.content-nav{
  position: fixed;
  right: 0;
  top: 0;
  width: 44.5rem;
  z-index: 1900;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  background-color: #FFF;
  transform: translateX(101%);
  transition: transform .3s;
  max-height: 100vh;
  overflow: auto;
}
#btn_menu.active ~ .content-nav{
  transform: translateX(0%);
}
.content-nav__inner{
  padding: 14.6rem 2rem 6rem 5.2rem;;
}
.list-nav{
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 2;
}
.list-nav>li:nth-child(n+2){
  margin-top: 3rem;
}
.list-nav>li>a{
  display: flex;
}
.list-nav>li>a:before{
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 1.6rem;
  background-color: #000;
  border-radius: 50%;
  position: relative;
  top: 1.6rem;
  opacity: 0;
  transition: opacity .3s;
}
.list-nav>li>a:hover:before{
  opacity: 1;
}
.list-nav__logo{
  display: flex;
  margin-top: 5rem;
  align-items: center;
  padding-left: 2.8rem;
}
.list-nav__logo>li:nth-child(n+2){
  margin-left: 4rem;
}

/*------------ TOP ------------*/
.btn-please-fix{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.btn-please-fix__arrow{
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  transition: all .3s;
}
.btn-please-fix:hover .btn-please-fix__arrow{
  right: 1.5rem;
}
.btn-please-fix__arrow img{
  width: 2rem;
  display: block;
}
.btn-please-fix__img img{
  width: 30.9rem;
  display: block;
}
.he-content-mv{
  padding: 21.5rem 0 14rem;
}
.flex-mv{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-mv__li:nth-child(1){
  width: 23.6rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-mv__li:nth-child(1) img{
  width: 100%;
}
.flex-mv__li:nth-child(2){
  margin-left: 11.6rem;
}
.flex-mv__copy{
  display: flex;
  flex-direction: column;
}
.flex-mv__copy>div:nth-child(n+2){
  margin-top: 4.9rem;
}
.flex-mv__copy>div:nth-child(1) img{
  width: 45.9rem;
}
.flex-mv__copy>div:nth-child(2) img{
  width: 33.1rem;
}
.flex-mv__copy>div:nth-child(3) img{
  width: 54.5rem;
}
.btn-about-wrap{
  margin-top: 11.4rem;
  display: flex;
  justify-content: center;
}
.btn-about{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-about__txt{
  font-size: 1.6rem;
}
.btn-about__arrow img{
  width: 23.6rem;
}
.intro-scroll{
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: opacity 1.2s;
  transition-delay: 3s;
  position: absolute;
  left: 12rem;
  top: -14.4rem;
  height: 22.2rem;
}
.intro-scroll>span{
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.intro-scroll>i{
  width: 2px;
  height: 19rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
}
.intro-scroll>i>i{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
  animation: scroll_anim2 2s ease infinite;
}
.intro-scroll>i>i:after{
  content: "";
  width: 100%;
  height: 19rem;
  background-image: linear-gradient(#000 58.45%,#FFF 58.5%,#FFF 100%);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  animation: scroll_anim3 2s ease infinite;
  /*background-position: 100% 0;
  background-size: 100% 0%;
  animation: scroll_anim 2s ease infinite;*/
}
@keyframes scroll_anim {
  0% {
    background-size: 100% 0%;
    background-position: 100% 0;
  }
  49% {
    background-size: 100% 100%;
    background-position: 100% 0;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-size: 100% 0%;
    background-position: 100% 100%;
  }
}
@keyframes scroll_anim2 {
  0% {
    bottom: auto;
    top: 0;
    height: 0%;
  }
  49% {
    top: 0;
    height: 100%;
  }
  50% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  100% {
    bottom: 0;
    height: 0%;
  }
}
@keyframes scroll_anim3 {
  0% {
    bottom: auto;
    top: 0;
  }
  49% {
    top: 0;
  }
  50% {
    top: auto;
    bottom: 0;
  }
  100% {
    bottom: 0;
  }
}
.he-content-item{
  position: relative;
}
.content-item__mv{
  background: url("../images/bg_first.png") no-repeat center center;
  background-size: contain;
  height: 70.4rem;
  color: #FFF;
  display: flex;
  align-items: center;
  width: 100%;
}
.flex-mv-item{
  display: flex;
  align-items: flex-start;
}
.flex-mv-item__li:nth-child(1){
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-mv-item__li:nth-child(2){
  margin-left: 11rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.mv-item__icon img{
  width: 7.1rem;
}
.mv-item__ttl{
  font-size: 4rem;
  line-height: 1.45;
  margin-top: 1rem;
}
.mv-item__ttl h2{
  font-weight: 500;
}
.mv-item__body{
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 2;
}
.mv-item__body p{
  line-height: 2;
}
.mv-item__body p + p{
  margin-top: 2em;
}
.content-item__body{
  margin-top: 10rem;
}
.he-ttl-wrap{
  display: flex;
  align-items: center;
}
.he-ttl__txt{
  font-size: 3.2rem;
  font-weight: 500;
}
.tab-item{
  display: flex;
  align-items: center;
  margin-left: 8rem;
}
.tab-item>li{
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-bottom: .6rem;
  cursor: pointer;
}
.tab-item>li:after{
  content: "";
  height: .2rem;
  width: calc(100% + .6rem);
  position: absolute;
  bottom: 0;
  left: -.3rem;
  border-radius: .1rem;
  background-color: #000;
  transform: scaleX(0%);
  transform-origin: left center;
  transition: transform .3s;
}
.tab-item>li:hover:after,
.tab-item>li.is-active:after{
  transform: scaleX(100%);
}
.tab-item>li:nth-child(n+2){
  margin-left: 4rem;
}
.content-item__body .he-ttl-wrap{
  margin-bottom: 12rem;
}
.js-tab-content>li{
  display: none;
}
.js-more-list>li{
  display: none;
}
.content-item-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: -13rem;
  padding-bottom: 8rem;
}
.content-item-list>li{
  width: calc((100% - (6rem * 2)) / 3);
  margin-left: 6rem;
  margin-top: 13rem;
}
.content-item-list>li:nth-child(3n+1){
  margin-left: 0;
}
.content-item-list>li:nth-child(3n+2){
  position: relative;
  top: 8rem;
}
.item-list__pic{
  position: relative;
  z-index: -1;
  margin-bottom: 7.7rem;
  text-align: center;
}
.item-list__pic__img{
  position: relative;
  z-index: 2;
  transition: transform .3s;
}
.item-list__pic__img img{
  width: 23rem;
  height: auto;
}
.content-item-list a:hover .item-list__pic__img{
  transform: scale(1.05);
}
.item-list__pic__cloud{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 32.4rem;
  height: 33.7rem;
}
.item-list__pic__cloud svg{
  width: 100%;
  height: 100%;
}
.item-list__ttl{
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .05em;
  position: relative;
}
.item-list__ttl:after{
  content: "";
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 1.5rem;
  width: 2rem;
  height: 1rem;
  background: url("../images/icon_arrow_list.svg") no-repeat center center;
  background-size: contain;
  transition: all .3s;
  transform: translateX(0rem);
  position: absolute;
  right: 0;
  top: -3.5rem;
}
.content-item-list a:hover .item-list__ttl:after{
  transform: translateX(1rem);
}
.item-list__body{
  font-size: 1.4rem;
  margin-top: 1.2rem;
  letter-spacing: .05em;
  line-height: 2;
  font-weight: 400;
  color: #555555;
}
.btn-more-wrap{
  margin-top: 6rem;
  display: flex;
  justify-content: center;
}
.btn-more{
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.btn-more__txt{
  font-size: 1.6rem;
  letter-spacing: .05em;
}
.btn-more__arrow{
  margin-top: .8rem;
  transition: all .3s;
  position: relative;
  top: 0;
}
.btn-more:hover .btn-more__arrow{
  top: 1rem;
}
.btn-more__arrow img{
  width: 1rem;
}
.he-content-please{
  margin-top: 10rem;
}
.content-please__mv{
  background: url("../images/bg_please.png") no-repeat center center;
  background-size: contain;
  height: 36.3rem;
  color: #FFF;
  display: flex;
  align-items: center;
  width: 100%;
}
.flex-mv-please{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-mv-please__li:nth-child(2){
  margin-left: 17.7rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.mv-please__ttl{
  font-size: 3.2rem;
  line-height: 1.43;
}
.mv-please__logo{
  background-color: #FFF;
  width: 28.4rem;
  height: 28.4rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mv-please__logo img{
  width: 14.3rem;
}
.mv-please__btn{
  margin-top: 2.5rem;
}
.btn-please{
  display: flex;
  flex-direction: column;
}
.btn-please__txt{
  font-size: 1.6rem;
  letter-spacing: .05em;
}
.btn-please__arrow img{
  width: 23.6rem;
}
.he-content-event{
  margin-top: 10rem;
}
.flex-event{
  display: flex;
  align-items: center;
}
.flex-event__li:nth-child(1){
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 6rem;
}
.flex-event__li:nth-child(2){
  flex-grow: 1;
  flex-shrink: 1;
}
.content-event__map{
  border-radius: 1.6rem;
  overflow: hidden;
}
.content-event__map iframe{
  width: 100%;
  height: 40rem;
}
.content-event-block__ttl{
  display: flex;
  align-items: center;
}
.content-event-block__ttl ._icon{
  margin-right: 2rem;
}
.content-event-block__ttl ._icon img{
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}
.content-event-block__ttl ._txt{
  display: flex;
  align-items: center;
  line-height: 1;
}
.content-event-block__ttl ._txt ._week{
  width: 3.6rem;
  height: 3.6rem;
  background-color: #000;
  color: #FFF;
  font-size: 1.7rem;
  border-radius: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .6rem;
}
.content-event-block__ttl ._txt i{
  margin: 0 1rem;
  width: 2.3rem;
  height: .26rem;
  background-color: #000;
  border-radius: .13rem;
}
.content-event-block__ttl ._txt em{
  font-size: 3.1rem;
  line-height: 1;
  position: relative;
  top: -.3rem;
}
.content-event-block__ttl ._txt em small{
  font-size: 3.1rem;
}
.content-event-block__body{
  padding-left: 4.4rem;
  margin-top: 1rem;
}
.content-event-block__time{
  font-size: 2.4rem;
  letter-spacing: .05em;
  display: flex;
  align-items: center;
}
.content-event-block__time i{
  margin: 0 .6rem;
  width: 1.8rem;
  height: .2rem;
  background-color: #000;
  border-radius: .1rem;
  position: relative;
  top: .2rem;
}
.content-event-block + .content-event-block{
  margin-top: 4rem;
}
.content-event-block__ttl ._txt2{
  font-size: 2.4rem;
  letter-spacing: .05em;
}
.content-event-block__address{
  font-size: 1.6rem;
  letter-spacing: .05em;
}
.he-content-bnr{
  margin-top: 10rem;
}
.list-bnr__wrap{
  position: relative;
  display: flex;
  width: 100vw;
  overflow: hidden;
}
.list-bnr{
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 100vw;*/
  flex-shrink: 0;
}
.list-bnr:first-child{
  animation: slide1 120s -60s linear infinite;
}
.list-bnr:last-child{
  animation: slide2 120s linear infinite;
}
.list-bnr>li{
  margin-left: 8.4rem;
}
.list-bnr>li img{
  display: block;
}
.list-bnr ._meiji{
  width: 10.9rem;
}
.list-bnr ._minimal{
  width: 10rem;
}
.list-bnr ._darik{
  width: 8.5rem;
}
.list-bnr ._onibus{
  width: 5.2rem;
}
.list-bnr ._wakachiai{
  width: 13.1rem;
}
.list-bnr ._ogawa{
  width: 14.5rem;
}
.list-bnr ._sokensya{
  width: 7.7rem;
}
.list-bnr ._switch{
  width: 6.4rem;
}
.list-bnr ._peopletree{
  width: 24.5rem;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
._btn-anim>span{
  display: flex;
}
._btn-anim ._btn-anim__arrow{
  flex-shrink: 0;
  flex-grow: 0;
}
._btn-anim ._btn-anim__arrow img{
  transition: left .3s;
  position: relative;
  left: 0;
}
._btn-anim:hover ._btn-anim__arrow img{
  left: 1rem;
}
._btn-anim._reverse:hover ._btn-anim__arrow img{
  left: -1rem;
}
.page-top header .list-header,
.intro-scroll,
.content-item__mv,
.btn-about-wrap,
.flex-mv__li:nth-child(1),
.flex-mv__copy>div{
  opacity: 0;
  transition: all 1.2s;
}
.flex-mv__copy>div{
  transform: translateX(6rem);
}
.btn-please-fix{
  transform: translateY(101%);
  transition: all 1.2s;
}
body.is-show .flex-mv__li:nth-child(1){
  opacity: 1;
  transition-delay: .6s;
}
body.is-show .flex-mv__copy>div{
  opacity: 1;
  transform: translateX(0rem);
}
body.is-show .flex-mv__copy>div:nth-child(1){
  transition-delay: 1s;
}
body.is-show .flex-mv__copy>div:nth-child(2){
  transition-delay: 1.1s;
}
body.is-show .flex-mv__copy>div:nth-child(3){
  transition-delay: 1.2s;
}
body.is-show.page-top header .list-header,
body.is-show .btn-about-wrap{
  opacity: 1;
  transition-delay: 2s;
}
body.is-show .intro-scroll,
body.is-show .content-item__mv{
  opacity: 1;
  transition-delay: 2.3s;
}
body.is-show .btn-please-fix{
  transform: translateY(0%);
  transition-delay: 2.3s;
}
.list-item-point{
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-right: -1rem;
}
.list-item-point>li{
  margin-right: 1rem;
  margin-top: .8rem;
  display: flex;
  align-items: center;
}
.list-item-point>li ._icon{
  flex-grow: 0;
  flex-shrink: 0;
}
.list-item-point>li ._icon img{
  width: 2.4rem;
}
.list-item-point>li ._ttl{
  font-size: 1.2rem;
  font-weight: 400;
  margin-left: .6rem;
}

/*------------ PRODUCT ------------*/
.he-content-product{
  padding: 8rem 0 0;
}
.ttl-product{
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 6rem;
  text-indent: -.5em;
}
.flex-product{
  display: flex;
}
.flex-product__li:nth-child(1){
  width: 46rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.flex-product__li:nth-child(2){
  flex-shrink: 1;
  flex-grow: 1;
  margin-left: 6rem;
  padding-right: 6rem;
}
.product-pic{
  display: flex;
  height: 48rem;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product-pic__img{
  width: 100%;
  text-align: center;
}
.product-pic__img img{
  width: 80%;
  height: 33rem;
  object-fit: contain;
}
.product-pic__cloud{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.product-pic__cloud svg{
  width: 46rem;
  height: 47.9rem;
}
.product-block + .product-block{
  margin-top: 6rem;
}
.product-block__ttl{
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.product-block__ttl ._ttl{
  font-size: 2.4rem;
  letter-spacing: .05em;
}
.product-block__ttl ._icon{
  margin-right: .8rem;
  position: relative;
  top: .2rem;
}
.product-block__ttl ._icon img{
  width: 2.4rem;
}
.product-block__body{
  font-size: 1.6rem;
  font-weight: 400;
  color: #555555;
  line-height: 2;
  letter-spacing: .05em;
}
.product-block__link{
  display: flex;
  margin-top: 2.4rem;
}
.btn-pdf{
  display: flex;
  flex-direction: column;
}
.btn-pdf__txt{
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.btn-pdf__txt ._icon{
  margin-right: .8rem;
  position: relative;
  top: .3rem;
}
.btn-pdf__txt ._icon img{
  width: 2.4rem;
}
.btn-pdf__arrow img{
  width: 20rem;
}
.product-nav__wrap{
  display: flex;
  justify-content: center;
  margin-top: 10rem;
}
.product-nav__wrap>*:nth-child(n+2){
  margin-left: 8.5rem;
}

/*------------ PLEASE ------------*/
.content-inner__narrow{
  width: 88rem;
  margin: 0 auto;
}
.he-content-please-form{
  padding: 7.2rem 0 0;
}
.please-form__head{
  text-align: center;
}
.please-form__logo img{
  width: 16.5rem;
}
.please-form__lead{
  margin-top: 5.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .05em;
}
.please-form__area{
  width: 56rem;
  margin: 4rem auto 0;
}
.select-wrap{
  position: relative;
}
.select-wrap select{
  appearance: none;
}
.select-wrap:after{
  content: "";
  width: 1.6rem;
  height: 1.1rem;
  background: url("../images/icon_arrow_down.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.please-form__area select{
  width: 100%;
  border: 2px solid #000000;
  border-radius: .8rem;
  background-color: #FFF;
  font-size: 1.6rem;
  letter-spacing: .05em;
  padding: 1em 1.5em;
}
.please-form__area ._notes{
  text-align: center;
  font-size: 1.2rem;
  color: #555555;
  margin-top: 1em;
}
.please-form-petition{
  margin-top: 4rem;
  position: relative;
}
.please-form-petition__bg{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  filter: drop-shadow(1rem 1rem 1rem rgba(0,0,0,.1));
}
.please-form-petition__bg img{
  width: 100%;
  height: 100%;
}
.please-form-petition__inner{
  padding: 4rem 9rem 6rem;
  letter-spacing: .05em;
  position: relative;
  z-index: 2;
}
._cfm .please-form-petition__inner{
  padding-left: 12rem;
  padding-right: 12rem;
}
.please-form-petition__ttl{
  font-size: 2.4rem;
  text-align: center;
}
.please-form-petition__lead{
  line-height: 2.5;
  font-size: 1.6rem;
  margin-top: 2rem;
  text-align: center;
  color: #555555;
}
.please-form-petition__textarea{
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
.please-form-petition__textarea textarea{
  height: 18rem;
  background-color: #F5F5F5;
  border-radius: .8rem;
  width: 100%;
  border: none;
  font-size: 1.6rem;
  padding: 3rem;
}
.flex-petition-input{
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.flex-petition-input + .flex-petition-input{
  margin-top: 2.4rem;
}
.flex-petition-input__li:nth-child(1){
  width: 7.5rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-petition-input__li:nth-child(2){
  flex-grow: 1;
  flex-shrink: 1;
}
.flex-petition-input__li select{
  background-color: #F5F5F5;
  border-radius: .8rem;
  width: 100%;
  border: none;
  font-size: 1.6rem;
  padding: 1em 1.5em;
}
.list-petition-radio{
  display: flex;
  align-items: center;
}
.list-petition-radio label{
  cursor: pointer;
}
.list-petition-radio>li:nth-child(n+2){
  margin-left: 4rem;
}
.list-petition-radio input{
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.list-petition-radio ._item{
  display: flex;
  align-items: center;  
}
.list-petition-radio ._item:before{
  content: "";
  width: 4rem;
  height: 4rem;
  background: url("../images/icon_radio_off.svg") no-repeat center center;
  background-size: contain;
  margin-right: 1.2rem;
}
.list-petition-radio :checked ~ ._item:before{
  background-image: url("../images/icon_radio_on.svg");
}
.please-form__btn__wrap{
  margin-top: 6rem;
  display: flex;
  justify-content: center;
}
.please-form__btn__wrap button{
  appearance: none;
  border: none;
  background-color: transparent;
}
.btn-form{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-form.is-disabled{
  opacity: .3;
  pointer-events: none;
}
.btn-form__txt{
  font-size: 2rem;
  letter-spacing: .05em;
  display: flex;
  align-items: center;
  min-height: 4rem;
}
.btn-form__txt ._icon{
  position: relative;
  top: .2rem;
}
.btn-form__txt ._icon img{
  width: 4rem;
}
.btn-form__arrow{
  margin-top: 0;
}
.btn-form__arrow img{
  width: 29rem;
  display: block;
}

/*------------ PLEASE CONFIRM ------------*/
.please-form-petition__to{
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 1em;
}
.please-form-petition__body,
.please-form-petition__from{
  margin-top: 4rem;
  padding-top: 4rem;
  position: relative;
  text-align: center;
  font-size: 1.6rem;
  color: #555;
}
.please-form-petition__body:before,
.please-form-petition__from:before{
  content: "";
  width: 10rem;
  height: 1px;
  background-color: #CCCCCC;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.please-form-petition__body{
  line-height: 2;
  word-break: break-all;
}
._btn-anim{
  cursor: pointer;
}
._btn-anim._reverse ._btn-anim__arrow img{
  transform: scaleX(-1);
}
.please-form__btn__wrap>*:nth-child(n+2){
  margin-left: 8rem;
}

/*------------ PLEASE COMPLETE ------------*/
.please-form-complete{
  margin-top: 6rem;
  margin-bottom: -2rem;
  text-align: center;
}
.please-form-complete__icon img{
  width: 17.2rem;
}
.please-form-complete__body{
  font-size: 2rem;
  margin-top: 6rem;
  line-height: 2;
}

/*------------ MODAL ------------*/
.modal-content__wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  background-color: #F5F5F5;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.modal-content__wrap.is-active{
  opacity: 1;
  pointer-events: auto;
}
body.is-modal{
  overflow: hidden;
}
.modal-content{
  height: 100%;
  overflow: auto;
}
.modal-content__close{
  position: fixed;
  top: 5rem;
  right: 5.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  z-index: 5;
}
.modal-content__close ._icon img{
  width: 5.4rem;
}
.modal-content__close ._icon{
  position: relative;
  top: 0;
  transition: top .3s;
}
.modal-content__close:hover ._icon{
  top: -.5rem;
}
.modal-content__close ._txt{
  font-size: 1.4rem;
  letter-spacing: .2em;
  text-indent: .2em;
}
.modal-content__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 60rem;
  padding: 2.5rem 0;
  position: relative;
}
.modal-content__inner .copyright{
  position: absolute;
  bottom: 2.5rem;
  width: 100%;
  left: 0;
  text-align: center;
  color: #999999;
}
.modal-content__head{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.flex-modal{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 4rem;
}
.flex-modal__li:nth-child(1){
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-modal__li:nth-child(2){
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 14.2rem;
}
.flex-modal__li:nth-child(2) p{
  font-size: 2rem;
  line-height: 2.5;
}
.modal__logo img{
  width: 23.6rem;
}

/*------------ FOOTER ------------*/

footer{
  margin-top: 10rem;
  padding-bottom: 4rem;
}
.btn-contact-wrap{
  display: flex;
  justify-content: center;
}
.btn-contact{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-contact__txt{
  font-size: 2.4rem;
  display: flex;
  align-items: center;
}
.btn-contact__txt ._icon{
  margin-right: 1rem;
  position: relative;
  top: .2rem;
}
.btn-contact__txt ._icon img{
  width: 2.6rem;
  display: block;
}
.btn-contact__arrow{
  margin-top: .8rem;
}
.btn-contact__arrow img{
  width: 29rem;
}
footer .copyright{
  margin-top: 6rem;
  text-align: center;
  font-size: 1rem;
  letter-spacing: .05em;
  color: #999999;
}
.bg-cloud{
  position: absolute;
  z-index: -1;
}
.bg-cloud svg{
  width: 126.1rem;
  height: 78.9rem;
}
.bg-cloud01{
  top: -32.7rem;
  left: 73.5rem;
}
.bg-cloud02{
  top: 37.7rem;
  left: -63.5rem;
}
.bg-cloud03{
  bottom: 59.7rem;
  left: -65.7rem;
}
.bg-cloud04{
  bottom: -26.1rem;
  left: 63.2rem;
}





@media (min-width:769px) {
  .sp{
    display:none !important;
  }
}
@media (max-width:768px) {
  .pc{
    display:none !important;
  }
  body{
    -webkit-text-size-adjust: 100%;
    overflow: auto;
  }

  /*------------ WRAPPER ------------*/
  #wrapper {
    position: relative;
    overflow: hidden;
  }
  .content-inner{
    width:100%;
    margin:0 auto;
    padding: 0 2rem;
  }
  .content-inner__wide{
    width:100%;
    margin:0 auto;
    padding: 0 1rem;
  }

  /*------------ HEADER ------------*/
  header{
  }
  .list-header{
    position: fixed;
    top: 0;
    right: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .list-header>li{
    margin-top: 3rem;
  }
  ._logo__lab img{
    width: 6rem;
  }
  ._logo__tcard img{
    width: 3.2rem;
  }

  /*------------ NAVI ------------*/
  #btn_menu{
    width: 4rem;
    height:3rem;
  }
  #btn_menu:after{
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
  }
  #btn_menu span {
    width: 4rem;
    height: .2rem;
    border-radius: .1rem;
  }
  #btn_menu span:first-child {
    top: 0;
  }
  #btn_menu span:nth-child(2) {
    display: none;
  }
  #btn_menu span:last-child {
    top: .7rem;
  }
  #btn_menu.active span:first-child {
    -webkit-transform: translateY(.1rem) rotate(45deg);
    -moz-transform: translateY(.1rem) rotate(45deg);
    -ms-transform: translateY(.1rem) rotate(45deg);
    transform: translateY(.1rem) rotate(30deg);
  }
  #btn_menu.active span:nth-child(2) {
    opacity: 0;
  }
  #btn_menu.active span:last-child {
    -webkit-transform: translateY(-.6rem) rotate(-45deg);
    -moz-transform: translateY(-.6rem) rotate(-45deg);
    -ms-transform: translateY(-.6rem) rotate(-45deg);
    transform: translateY(-.6rem) rotate(-30deg);
  }
.content-nav{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1900;
  border-left: none;
  border-bottom: none;
  background-color: #FFF;
  transform: translateX(101%);
  transition: transform .3s;
  max-height: 100vh;
  height: 100vh;
  overflow: auto;
}
#btn_menu.active ~ .content-nav{
  transform: translateX(0%);
}
.content-nav__inner{
  padding: 7.7rem 2.5rem 6.7rem 5.2rem;;
}
.list-nav{
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 2;
}
.list-nav>li:nth-child(n+2){
  margin-top: 2.5rem;
}
.list-nav>li>a{
  display: flex;
}
.list-nav>li>a:before{
  display: none;
}
.list-nav__logo{
  margin-top: 6rem;
  padding-left: 0;
}
.list-nav__logo>li:nth-child(n+2){
  margin-left: 4rem;
}

  /*------------ TOP ------------*/
  .btn-please-fix{
    left: 0;
    right: 0;
    bottom: 0;
  }
  .btn-please-fix__arrow{
    right: 1.5rem;
    bottom: 2.5rem;
  }
  .btn-please-fix__arrow img{
    width: 2rem;
    display: block;
  }
  .btn-please-fix__img img{
    width: 100%;
  }
  .he-content-mv{
    padding: 8.6rem 0 11.6rem;
  }
  .flex-mv{
    flex-direction: column;
  }
  .flex-mv__li:nth-child(1){
    width: 17.6rem;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .flex-mv__li:nth-child(1) img{
    width: 100%;
  }
  .flex-mv__li:nth-child(2){
    margin-left: 0;
    margin-top: 4.4rem;
  }
  .flex-mv__copy{
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .flex-mv__copy>div:nth-child(n+2){
    margin-top: 1.7rem;
  }
  .flex-mv__copy>div:nth-child(1) img{
    width: 26.9rem;
  }
  .flex-mv__copy>div:nth-child(2) img{
    width: 18.5rem;
  }
  .flex-mv__copy>div:nth-child(3){
    display: none;
  }
  .btn-about-wrap{
    margin-top: 2.9rem;
  }
  .btn-about{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .btn-about__txt{
    font-size: 1.4rem;
  }
  .btn-about__arrow img{
    width: 20rem;
  }
  .intro-scroll{
    left: 50%;
    transform: translateX(-50%);
    top: -7.6rem;
    height: 12.8rem;
  }
  .intro-scroll>span{
    font-size: 1.2rem;
    margin-bottom: .4rem;
  }
  .intro-scroll>i{
    width: 2px;
    height: 10.7rem;
  }
  .intro-scroll>i>i:after{
    height: 10.7rem;
    background-image: linear-gradient(#000 52.45%,#FFF 52.5%,#FFF 100%);
  }
  .content-item__mv{
    background-image: url("../images/bg_first_sp.png");
    background-size: contain;
    height: 94.3rem;
    color: #FFF;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 3.3rem;
  }
  .content-item__mv .content-inner{
    padding: 0;
  }
  .flex-mv-item{
    align-items: flex-start;
    flex-direction: column;
  }
  .flex-mv-item__li:nth-child(1){
    flex-grow: 1;
    flex-shrink: 1;
  }
  .flex-mv-item__li:nth-child(2){
    margin-left: 0;
    margin-top: 2.4rem;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .mv-item__icon img{
    width: 5.8rem;
  }
  .mv-item__ttl{
    font-size: 3.2rem;
    line-height: 1.43;
    margin-top: 2.5rem;
  }
  .mv-item__ttl h2{
    font-weight: 500;
  }
  .mv-item__body{
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 2;
  }
  .content-item__body{
    margin-top: 8rem;
  }
  .he-ttl-wrap{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .he-ttl__txt{
    font-size: 2.4rem;
    font-weight: 500;
  }
  .tab-item{
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-top: 2.4rem;
  }
  .tab-item>li{
    font-size: 1.4rem;
    padding-bottom: .7rem;
  }
  .tab-item>li:after{
    content: "";
    height: .2rem;
    width: calc(100% + .6rem);
    position: absolute;
    bottom: 0;
    left: -.3rem;
    border-radius: .1rem;
    background-color: #000;
    transform: scaleX(0%);
    transform-origin: left center;
    transition: transform .3s;
  }
  .tab-item>li:hover:after,
  .tab-item>li.is-active:after{
    transform: scaleX(100%);
  }
  .tab-item>li:nth-child(n+2){
    margin-left: 4rem;
  }
  .content-item__body .he-ttl-wrap{
    margin-bottom: 6.5rem;
  }
  .content-item-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: -7rem;
    padding-bottom: 4rem;
  }
  .content-item-list>li{
    width: calc((100% - 1.9rem) / 2);
    margin-left: 1.9rem;
    margin-top: 7rem;
  }
  .content-item-list>li:nth-child(3n+1){
    margin-left: 1.9rem;
  }
  .content-item-list>li:nth-child(2n+1){
    margin-left: 0;
  }
  .content-item-list>li:nth-child(3n+2){
    position: relative;
    top: 0;
  }
  .content-item-list>li:nth-child(2n+2){
    position: relative;
    top: 4rem;
  }
  .item-list__pic{
    position: relative;
    z-index: -1;
    margin-bottom: 3.2rem;
  }
  .item-list__pic__img{
    position: relative;
    z-index: 2;
  }
  .content-item-list a:hover .item-list__pic__img{
    transform: none;
  }
  .item-list__pic__img img{
    width: 11.2rem;
  }
  .item-list__pic__cloud{
    width: 15.8rem;
    height: 16.2rem;
  }
  .item-list__ttl{
    font-size: 1.6rem;
    align-items: flex-start;
    position: relative;
  }
  .item-list__ttl:after{
    margin-left: 0;
    width: 2rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: -3rem;
  }
  .item-list__body{
    font-size: 1.2rem;
  }
  .btn-more-wrap{
    margin-top: 4rem;
  }
  .btn-more{
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
  }
  .btn-more__txt{
    font-size: 1.4rem;
  }
  .btn-more__arrow{
    margin-top: .8rem;
  }
  .btn-more__arrow img{
    width: 1rem;
  }
  .he-content-please{
    margin-top: 8rem;
  }
  .content-please__mv{
    background-image: url("../images/bg_please_sp.png");
    background-size: contain;
    height: 44rem;
  }
  .flex-mv-please{
    flex-direction: column-reverse;
  }
  .flex-mv-please__li:nth-child(2){
    margin-left: 0;
    margin-bottom: 2.4rem;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .mv-please__ttl{
    font-size: 2.4rem;
    line-height: 1.43;
    white-space: nowrap;
  }
  .mv-please__logo{
    width: 18.5rem;
    height: 18.5rem;
  }
  .mv-please__logo img{
    width: 9.3rem;
  }
  .mv-please__btn{
    margin-top: 2.4rem;
  }
  .btn-please{
    display: flex;
    flex-direction: column;
  }
  .btn-please__txt{
    font-size: 1.4rem;
    letter-spacing: .05em;
  }
  .btn-please__arrow img{
    width: 20rem;
  }
  .he-content-event{
    margin-top: 8rem;
  }
  .flex-event{
    align-items: flex-start;
    flex-direction: column;
    margin-top: 4rem;
  }
  .flex-event__li:nth-child(1){
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0;
  }
  .flex-event__li:nth-child(2){
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    margin-top: 4rem;
  }
  .content-event__map{
    border-radius: .8rem;
    overflow: hidden;
  }
  .content-event__map iframe{
    width: 100%;
    height: 33.7rem;
  }
  .content-event-block__ttl{
    display: flex;
    align-items: center;
  }
  .content-event-block__ttl ._icon{
    margin-right: 1.4rem;
    flex-shrink: 0;
  }
  .content-event-block__ttl ._icon img{
    width: 2rem;
    height: 2rem;
  }
  .content-event-block__ttl ._txt{
    display: flex;
    align-items: center;
    line-height: 1;
  }
  .content-event-block__ttl ._txt ._week{
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.8rem;
    border-radius: 1.6rem;
    margin-left: .6rem;
  }
  .content-event-block__ttl ._txt ._week span{
    position: relative;
    top: -.1rem;
  }
  .content-event-block__ttl ._txt i{
    margin: 0 1rem;
    width: 2.2rem;
    height: .16rem;
    border-radius: .08rem;
  }
  .content-event-block__ttl ._txt em{
    font-size: 2.4rem;
    top: -.2rem;
  }
  .content-event-block__ttl ._txt em small{
    font-size: 2.4rem;
  }
  .content-event-block__body{
    padding-left: 3.4rem;
    margin-top: .4rem;
  }
  .content-event-block__time{
    font-size: 2.2rem;
  }
  .content-event-block__time i{
    margin: 0 .6rem;
    width: 2.2rem;
    height: .16rem;
    border-radius: .08rem;
    top: .2rem;
  }
  .content-event-block + .content-event-block{
    margin-top: 2.4rem;
  }
  .content-event-block__ttl ._txt2{
    font-size: 2rem;
    letter-spacing: .05em;
  }
  .content-event-block__address{
    font-size: 1.4rem;
    letter-spacing: .05em;
  }
  .he-content-bnr{
    margin-top: 8rem;
  }
  .list-bnr{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .list-bnr>li{
    margin-left: 4rem;
  }
  .list-bnr ._meiji{
    width: 6.8rem;
  }
  .list-bnr ._ogawa{
    width: 9.2rem;
  }
  .list-bnr ._ucc{
    width: 6.2rem;
  }
  .list-bnr ._morinaga{
    width: 6.6rem;
  }

  /*------------ PRODUCT ------------*/
  .he-content-product{
    padding: 4rem 2rem 0;
  }
  .ttl-product{
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
    padding-right: 4rem;
  }
  .flex-product{
    display: flex;
    flex-direction: column;
  }
  .flex-product__li:nth-child(1){
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
  }
  .flex-product__li:nth-child(2){
    flex-shrink: 1;
    flex-grow: 1;
    margin-left: 0;
    padding-right: 0;
    margin-top: 2.5rem;
  }
  .product-pic{
    height: 27rem;
    padding: 0 1rem;
  }
  .product-pic__img{
    width: 100%;
    text-align: center;
  }
  .product-pic__img img{
    width: 80%;
    height: 18.7rem;
  }
  .product-pic__cloud{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
  }
  .product-pic__cloud svg{
    width: 26rem;
    height: 27rem;
  }
  .product-block + .product-block{
    margin-top: 4rem;
  }
  .product-block__ttl{
    margin-bottom: 1.6rem;
  }
  .product-block__ttl ._ttl{
    font-size: 2rem;
  }
  .product-block__ttl ._icon{
    margin-right: .8rem;
    position: relative;
    top: .2rem;
  }
  .product-block__ttl ._icon img{
    width: 2rem;
  }
  .product-block__body{
    font-size: 1.4rem;
  }
  .product-block__link{
    margin-top: 1.6rem;
  }
  .btn-pdf{
    display: flex;
    flex-direction: column;
  }
  .btn-pdf__txt{
    font-size: 1.4rem;
  }
  .btn-pdf__txt ._icon{
    margin-right: .6rem;
    position: relative;
    top: .3rem;
  }
  .btn-pdf__txt ._icon img{
    width: 2rem;
  }
  .btn-pdf__arrow img{
    width: 20rem;
  }
.product-nav__wrap{
  flex-direction: column;
  margin-top: 8rem;
}
.product-nav__wrap>*:nth-child(n+2){
  margin-left: 0;
}
.product-nav__wrap>*:nth-child(1){
  order: 1;
}
.product-nav__wrap>*:nth-child(2){
  order: 3;
  margin-top: 6rem;
}
.product-nav__wrap>*:nth-child(3){
  order: 2;
  margin-top: 3.2rem;
}

/*------------ PLEASE ------------*/
  .content-inner__narrow{
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .he-content-please-form{
    padding: 4.8rem 0 0;
  }
  .please-form__head{
    text-align: center;
  }
  .please-form__logo img{
    width: 12rem;
  }
  .please-form__lead{
    margin-top: 2.4rem;
    font-size: 1.6rem;
  }
  .please-form__area{
    width: 100%;
    margin: 2.4rem auto 0;
  }
  .select-wrap:after{
    right: 2rem;
  }
  .please-form__area select{
    font-size: 1.4rem;
    padding: 1em 1.5em;
  }
  .please-form__area ._notes{
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  .please-form-petition{
    margin-top: 4rem;
  }
  .please-form-petition__bg{
    filter: drop-shadow(.8rem .8rem .5rem rgba(0,0,0,.1));
  }
  .please-form-petition__inner{
    padding: 4rem 2rem 6rem;
  }
  ._cfm .please-form-petition__inner{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .please-form-petition__ttl{
    font-size: 2rem;
  }
  .please-form-petition__lead{
    line-height: 2.28;
    font-size: 1.4rem;
    margin-top: 1.6rem;
    text-align: left;
  }
  .please-form-petition__textarea{
    margin-top: 2.4rem;
    margin-bottom: 3.2rem;
  }
  .please-form-petition__textarea textarea{
    height: 19.6rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
    line-height: 2;
  }
  .flex-petition-input{
    font-size: 1.4rem;
  }
  .flex-petition-input + .flex-petition-input{
    margin-top: 3.2rem;
  }
  .flex-petition-input__li:nth-child(1){
    width: 6rem;
  }
  .flex-petition-input__li select{
    background-color: #F5F5F5;
    border-radius: .8rem;
    width: 100%;
    border: none;
    font-size: 1.4rem;
    padding: 1em 1.5em;
  }
  .flex-petition-input ._ttl-gender{
    position: relative;
    top: -2.3em;
  }
  .list-petition-radio{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .list-petition-radio label{
    cursor: pointer;
  }
  .list-petition-radio>li{
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .list-petition-radio>li:nth-child(n+2){
    margin-left: 0;
  }
  .list-petition-radio>li:nth-child(n+3){
    margin-top: 2.4rem;
  }
  .list-petition-radio ._item:before{
    margin-right: 1rem;
  }
  .please-form__btn__wrap{
    margin-top: 4rem;
    flex-direction: column-reverse;
  }
  .btn-form__txt{
    font-size: 1.6rem;
    min-height: 3.2rem;
  }
  .btn-form__txt ._icon{
    position: relative;
    top: .2rem;
  }
  .btn-form__txt ._icon img{
    width: 3.2rem;
  }
  .btn-form__arrow{
    margin-top: 0;
  }
  .btn-form__arrow img{
    width: 18.8rem;
  }

  /*------------ PLEASE CONFIRM ------------*/
  .please-form-petition__to{
    font-size: 1.4rem;
    margin-bottom: 1em;
  }
  .please-form-petition__body,
  .please-form-petition__from{
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    font-size: 1.4rem;
  }
  .please-form-petition__body{
    line-height: 2;
    text-align: left;
  }
  .please-form__btn__wrap>*:nth-child(1){
    margin-top: 3rem;
  }
  .please-form__btn__wrap>*:nth-child(n+2){
    margin-left: 0;
  }

  /*------------ PLEASE COMPLETE ------------*/
  .please-form-complete{
    margin-top: 4rem;
    margin-bottom: -.8rem;
  }
  .please-form-complete__icon img{
    width: 12rem;
  }
  .please-form-complete__body{
    font-size: 1.6rem;
    margin-top: 4rem;
  }

/*------------ MODAL ------------*/
  .modal-content__wrap{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    background-color: #F5F5F5;
    overflow: hidden;
  }
  .modal-content{
    height: 100%;
    overflow: auto;
  }
  .modal-content__close{
    top: 2.3rem;
    right: 2rem;
  }
  .modal-content__close ._icon img{
    width: 3.5rem;
  }
  .modal-content__close ._txt{
    font-size: 1.1rem;
    letter-spacing: .2em;
    text-indent: .2em;
  }
  .modal-content__inner{
    display: block;
    height: auto;
    min-height: 0;
    padding: 6rem 4rem 2.4rem;
    position: relative;
  }
  .modal-content__inner .copyright{
    position: static;
    bottom: auto;
    width: 100%;
    left: 0;
    text-align: center;
  }
  .modal-content__head{
    position: static;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
  }
  .flex-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding-bottom: 8rem;
  }
  .flex-modal__li:nth-child(1){
    flex-grow: 0;
    flex-shrink: 0;
  }
  .flex-modal__li:nth-child(2){
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 0;
    margin-top: 4.57rem;
  }
  .flex-modal__li:nth-child(2) p{
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: .05em;
  }
  .modal__logo img{
    width: 13.4rem;
  }

  /*------------ FOOTER ------------*/

  footer{
    margin-top: 8rem;
    padding-bottom: 13.6rem;
  }
  .btn-contact-wrap{
    display: flex;
    justify-content: center;
  }
  .btn-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .btn-contact__txt{
    font-size: 2rem;
    display: flex;
    align-items: center;
  }
  .btn-contact__txt ._icon{
    margin-right: 1.46rem;
    position: relative;
    top: .2rem;
  }
  .btn-contact__txt ._icon img{
    width: 2rem;
  }
  .btn-contact__arrow{
    margin-top: .9rem;
  }
  .btn-contact__arrow img{
    width: 23.2rem;
  }
  footer .copyright{
    margin-top: 4rem;
    font-size: 1rem;
  }
  .bg-cloud svg{
    width: 87.9rem;
    height: 55rem;
  }
  .bg-cloud01{
    top: -28.8rem;
    left: 5.1rem;
  }
  .bg-cloud02{
    top: 36rem;
    left: -54.1rem;
  }
  .bg-cloud03{
    bottom: 85rem;
    left: -65rem;
  }
  .bg-cloud04{
    bottom: 31rem;
    left: 5.9rem;
  }
  .bg-cloud05{
    bottom: -26.2rem;
    left: -57.5rem;
  }
}