@charset "UTF-8";

@font-face {
  font-family: 'Gidole';
  src: url('../font/Gidole-Regular.ttf') format('truetype'), url('./font/Gidolinya-Regular.otf') format('opentype');
}

html{
  font-size : 0.846vw;
}
@media screen and (max-width:767px){
  html{
    font-size : 1.33vw;
  }
}



body {
  color : #323232;
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings : 'palt';
  font-size : 1.4rem;
  letter-spacing: 0.08em;
  line-height : 2.0;
  overflow-x: hidden;
  text-align : justify;
  -webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
  -ms-overflow-style: none;
}

/* ie11 */
_:lang(x)::-ms-backdrop, body{
  letter-spacing: 0.06em;
}

@media screen and (max-width:767px){
  body {
    font-size : 2.4rem;
  }
}

a{
  color: #fff;
  display: block;
  text-decoration: none;
}

a:hover,
a img:hover{
  opacity : 0.8;
}

img{
  display : block;
  height:auto;
  line-height: 1;
  width : 100%;
}


.text--serif{
  font-family: 'Noto Serif JP', serif;
}

.text--link{
  color:#d9af5a;
  text-decoration: underline;
}

.onsp{
  display: none;
}




.header--wrapper{
  color: #fff;
  height: 100vh;
  position: relative;
  width: 100vw;
}

.header{
  background: #000;
  height:100vh;
  overflow: hidden;
  position: relative;
  width: 100vw;
  z-index: -2;
  -ms-overflow-style: none;
}

.header__ytplayer{
  height: 0;
  left:50%;
  margin-top: -60px;
  padding-bottom: 56.25%;
  pointer-events: none;
  position: absolute;
  top:50%;
  transform: translate(-50%,-50%);
  width: 100vw;
  z-index: -1;
}

.header__ytplayer iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}

.header__logo{
  padding:2.81vw 0 0 2.81vw;
  width: 10.93vw;
}

.header__copy{
  font-size:4.8rem;
  letter-spacing: 0.13em;
  line-height: 1.75;
  padding:15.62vw 0 0 2.8vw;
  text-shadow: rgba(0,0,0,0.2) 0px 0px 0.39vw;
}

.header__btn{
  position: absolute;
  right:1.56vw;
  top:1.09375vw;
  width:13.75vw;
  z-index: 2;
}

.header__btn__woodone-logo{
  margin:0 auto 1.1716vw;
  width:11.7578vw;
}

.header__btn__contact{
  align-items: center;
  background:url("../images/header__contact--icon.png") #f07545 no-repeat 1.3vw center /2.03vw auto;
  display: flex;
  font-size:1.6rem;
  height: 3.12vw;
  justify-content: center;
  letter-spacing: 0.04em;
  padding:0 0 0 2.2vw;
}

.header__scroll{
  bottom:0;
  left:50%;
  position: absolute;
  transform:translate(-50%,0);
}

.header__scroll__text{
  margin: 0 0 0.78vw;
  width: 3.51vw;
}

.header__scroll__arrow--wrapper{
  background: #fff;
  height: 3.12vw;
  margin: auto;
  position: relative;
  width: 0.078vw;
}

.header__scroll__arrow{
  animation : scrollArrow 2s linear 0s infinite;
  left: 50%;
  position: absolute;
  transform:translate(-50%,0);
  width: 1.25vw;
}

@keyframes scrollArrow {
  0% {
    top:0;
  }
  100% {
    top:100%;
  }
}


.fixed-nav{
  bottom:2vw;
  position:fixed;
  right: 0;
  z-index: 9;
}

.fixed-nav__list li a{
  align-items: center;
  background:url("../images/icon-link-btn.png") #f07545 no-repeat right 1.17vw center /0.78vw auto;
  display: flex;
  font-size:1.8rem;
  height: 5vw;
  margin: 0 0 0.78vw;
  padding:0 0 0 1.56vw;
  width:18.75vw;
  z-index: 2;
}

.fixed-nav__list li a span{
  line-height: 1.2;
}


.cotent01__1{
  padding:12.5vw 0;
  text-align:center;
}

.content01__1__title{
  margin: 0 auto;
  width:12.73vw;
}

.content01__1__title[data-kana]:after {
  content: attr(data-kana);
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.2rem;
  line-height: 1;
  margin:0.78vw 0 2.73vw;
}

.content01__1__subtitle{
  font-size:4.8rem;
  margin:0 0 2.73vw;
  letter-spacing: 0.1em;
  line-height: 1;
}

.content01__1__text{
  font-size:1.8rem;
  line-height: 2.2;
  letter-spacing: 0.12em;
}

/* キャンペーン用に追加したclass ここから */
.content01__1__campagin__pc{
  margin: -5vw 20vw 10vw 20vw;
  position: relative;
}

.content01__1__campagin__sp{
  margin: -10vw 0vw 10vw 0vw;
}
/* ここまで */


.content01__2--wrapper{
  background: url("../images/content01__2--bg.jpg") no-repeat center center/100% auto;
  height:81.09vw;
  margin: 0 0 12.5vw;
  padding: 22.65vw 42.03vw 25vw 14.06vw;
  width:100vw;
}

.content01__2{
  justify-content: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  height:33.12vw;
  padding:6.25vw 3.12vw;
}

.content01__2__title{
  font-size:3.2rem;
  margin: 0 0 3.12vw;
  line-height: 1.5;
}


.content01__3{
  margin: 0 0 6.25vw;
  position: relative;
}

.content01__3__image{
  width:53.12vw;
}

.content01__3__text--wrapper{
  background: rgba(255,255,255,0.85);
  left: 43.75%;
  padding: 3.12vw 2vw 3.12vw 3.12vw;
  position: absolute;
  top:5vw;
  width:41.32vw;
  z-index: 2;
}

.content01__3__title{
  font-size: 3.2rem;
  margin: 0 0 3.12vw;
  line-height: 1.5;
}

.content01__3__text{
  letter-spacing: 0;
}


.content01__4{
  margin: 0 0 12.5vw;
  position: relative;
}

.content01__4__image{
  margin: 0 0 0 auto;
  width:53.12vw;
}

.content01__4__text--wrapper{
  background: rgba(255,255,255,0.85);
  left: 9.37%;
  padding: 3.12vw;
  position: absolute;
  top:4vw;
  width:46.25vw;
  z-index: 2;
}

.content01__4__title{
  font-size: 3.2rem;
  margin: 0 0 3.12vw;
  line-height: 1.5;
}

.content01__4__text{

}




.content02{
  background: #f0f0f0;
  padding:6.64vw 0 6.25vw;
}

.content02__1{
  margin: 0 auto 6.64vw;
  width: 80vw;
}

.content02__1__title{
  font-size:5.6rem;
  line-height: 1;
  margin:0 auto 3.51vw;
  text-align: center;
}

.content02__1__image--wrapper{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:80vw;
}

.content02__1__image--wrapper li{
  cursor: pointer;
  margin: 0 0 0.31vw;
  overflow: hidden;
  position:relative;
  width:39.84vw;
  -ms-overflow-style: none;
}

.content02__1__image--wrapper li:hover{
  opacity: 0.8;
}

.content02__1__image--wrapper li img{
  transition: 0.5s;
  transform:scale(1);
}

.content02__1__image--wrapper li:hover img{
  transition: 0.5s;
  transform:scale(1.25);
  transform-origin: center;
}

.content02__1__image__title{
  align-items: center;
  background:url("../images/icon-link-btn.png") rgba(0,0,0,0.4) no-repeat right 1.17vw center /1.25vw auto;
  bottom:0;
  color:#fff;
  display: flex;
  font-size:3.2rem;
  height:6.25vw;
  justify-content: center;
  left:0;
  letter-spacing:0.08em;
  line-height: 1;
  position:absolute;
  width:39.84vw;
  z-index: 2;
}

.content02__1__image__title sub{
  display: inline-block;
  line-height: 0;
  margin: 0 0 0.1em 0;
  vertical-align: bottom;
}





.content02__2__title{
  font-size:5.6rem;
  line-height: 1;
  margin:0 auto 3.51vw;
  text-align: center;
}


.content02__2__item{
  margin: auto;
  width: 80vw;
}
.content02__2__item__title{
  float:left;
  font-size:3.2rem;
  line-height: 1.5;
  margin:0 0 3.12vw;
}

.content02__2__item__image--wrapper{
  display:flex;
  float:right;
  justify-content: space-between;
  width: 36.87vw;
}

.content02__2__item__image--01{
  background: url(../images/content02__2__item__image--01.jpg) no-repeat center center/100% auto;
  height:25vw;
  width: 18.28vw;
}

.content02__2__item__image--02{
  background: url(../images/content02__2__item__image--02.jpg) no-repeat center center/100% auto;
  height:25vw;
  width: 18.28vw;
}

.content02__2__item__text{
  letter-spacing: 0.12em;
  float:left;
}





/* modal */

.modal--wrapper{
  display: none;
}

.modal--wrapper{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  left:0;
  overflow-y: scroll;
  padding: 0 0 6.25vw;
  position: fixed;
  top:0;
  width: 100vw;
  z-index: 10;
  -ms-overflow-style: none;
}

.modal{
  background: #fff;
  line-height:1.85;
  margin: 6.25vw auto 0;
  padding: 3.12vw 8.75vw 6.25vw;
  position: relative;
  width:  80vw;
}


.modal__close-btn--header{
  background: url("../images/icon-close-btn.png") #d9af5a no-repeat center center/1.56vw 1.56vw;
  height:3.12vw;
  position:absolute;
  right:0;
  top:0;
  width:3.12vw;
}

.modal__close-btn--bottom{
  background: url("../images/icon-close-btn.png") #d9af5a no-repeat right 2.73vw center/1.87vw 1.87vw;
  color:#fff;
  display: block;
  font-size:2.4rem;
  height:6.25vw;
  margin: -3.12vw auto 0;
  position: relative;
  width:29.68vw;
  z-index: 2;
}

.modal__content{

}
.modal__content--01{}
.modal__content__title{
  font-size:5.6rem;
  line-height: 1;
  margin: 0 0 3.12vw;
  text-align: center;
}

.modal__content__title sub{
  display: inline-block;
  line-height: 0;
  margin: 0 0 0.1em 0;
  vertical-align: bottom;
}

.modal__content__image{
  margin: 0 0 3.12vw;
}

.modal__content__text{
  margin: 0 0 7.81vw;
}

.modal__content__subtitle{
  font-size:3.2rem;
  line-height: 1;
  margin: 0 0 3.12vw;
  text-align: center;
}

.modal__content__sub-content01{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 0 6.25vw;
  width: 100%;
}

.modal__content__sub-content01__text{
  margin: -0.5em 2.73vw 0 0;
}

.modal__content__sub-content01__image{
  flex-shrink: 0;
  height: 40.93vw;
  width: 29.68vw;
}

.modal__content--01 .modal__content__sub-content01__image{
  background: url("../images/modal__content--01__sub-content01__image.jpg") no-repeat center center/100% auto;
}

.modal__content--02 .modal__content__sub-content01__image{
  background: url("../images/modal__content--02__sub-content01__image.jpg") no-repeat center center/100% auto;
}

.modal__content--03 .modal__content__sub-content01__image{
  background: url("../images/modal__content--03__sub-content01__image.jpg") no-repeat center center/100% auto;
}

.modal__content--04 .modal__content__sub-content01__image{
  background: url("../images/modal__content--04__sub-content01__image.jpg") no-repeat center center/100% auto;
}


.modal__content__sub-content02{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.modal__content__sub-content02__image{
  flex-shrink: 0;
  height: 25vw;
  margin: 0 2.73vw 0 0;
  width: 29.68vw;
}

.modal__content--01 .modal__content__sub-content02__image{
  background: url("../images/modal__content--01__sub-content02__image.jpg") no-repeat center center/100% auto;
}

.modal__content--02 .modal__content__sub-content02__image{
  background: url("../images/modal__content--02__sub-content02__image.jpg") no-repeat center center/100% auto;
}

.modal__content--03 .modal__content__sub-content02__image{
  background: url("../images/modal__content--03__sub-content02__image.jpg") no-repeat center center/100% auto;
}

.modal__content--04 .modal__content__sub-content02__image{
  background: url("../images/modal__content--04__sub-content02__image.jpg") no-repeat center center/100% auto;
}


.modal__content__sub-content02__text{
  margin:-0.5em 0 0;
}

.modal__content__sub-content02-footnote{
  font-size:1.2rem;
  margin:3.125vw 0 1.5625vw;
}

.modal__content p sub{
  display: inline-block;
  line-height: 0;
  margin: 0 0 0.55em 0;
  vertical-align: bottom;
}





.content03{
  margin: 12.5vw 0;
}

.content03__item--wrapper{
  display: flex;
  justify-content: space-between;
  margin:auto;
  width: 80vw;
}

.content03__item{
  width: 36.71vw;
}

.content03__item__title h2{
  font-size:3.2rem;
  margin: 0 0 1.56vw;
  text-align: center;
}

.content03__item__image{
  margin: 0 0 1.17vw;
}

.content03__item__text{

}



.content04{
  background: url("../images/content04--bg.jpg") no-repeat center center/100% auto;
  height:46.87vw;
  position:relative;
  width:100%;
}

.content04__item{
  background: rgba(0,0,0,0.5);
  bottom:3.12vw;
  color:#fff;
  height: 22.03vw;
  padding:3.12vw;
  position: absolute;
  right:3.12vw;
  width: 53.12vw;
}

.content04__item__title{
  font-size:5.6rem;
  margin: 0 0 1.56vw;
  line-height: 1;
}

.content04__item__text{

}






.content05{
  background: #f0f0f0;
  padding:6.64vw 0 6.25vw;
}

.content05__title{
  font-size:5.6rem;
  line-height: 1;
  margin: 0 0 3.12vw;
  text-align: center;
}

.content05__subtitle--wrapper{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 3.12vw;
}

.content05__subtitle__image{
  margin: 0 1.56vw 0 0;
  width:6.25vw;
}

.content05__subtitle__text{
  font-size:2.0rem;
}

.content05__subtitle__text a{
  color:#323232;
}

.content05__instagram{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width: 100vw;
}

.content05__instagram li{
  align-items: center;
  background: #fff;
  display: flex;
  margin: 0 0 0.6vw;
  width: 24.5vw;
}

.content05__instagram li:nth-child(9){
  display: none;
}








/* footer */

.footer{
  padding: 6.25vw 0;
  text-align: center;
}

.footer__page-link{
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 6.25vw;
  width: 85vw;
}

.footer__page-link li a{
  align-items: center;
  background:url("../images/icon-link-btn.png") #f07545 no-repeat right 1.17vw center /0.78vw auto;
  display: flex;
  font-size: 2.0rem;
  height:5vw;
  justify-content: center;
  width:28.12vw;
}

.footer__logo{
  margin: 0 auto 6.25vw;
  width:11.71vw;
}

.footer__link {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 2.73vw;
}

.footer__link li{
  font-size:1.2rem;
  margin: 0 0.54vw;
}

.footer__link li a{
  color:#323232;
}
　
.footer__copyright{
  font-size:1.2rem;
}


/* tablet-header pc-short-header */

.tablet-header.header--wrapper,
.pc-short-header.header--wrapper{
    height: 56.25vw;
  }

.tablet-header .header,
.pc-short-header .header{
    height:56.25vw;
  }

.tablet-header .header__ytplayer,
.pc-short-header .header__ytplayer{
    padding-bottom: 56.25vw;
  }

.tablet-header .header__logo,
.pc-short-header .header__logo{
    padding:2.66vw 0 0 3vw;
    width: 15.46vw;
  }

.tablet-header .header__copy,
.pc-short-header .header__copy{
    font-size:4.0rem;
    padding:8.4vw 0 0 3vw;
  }

.tablet-header .header__btn,
.pc-short-header .header__btn{
      right:2.66vw;
      top:2.66vw;
      width:23.46vw;
    }

.tablet-header .header__btn__contact,
.pc-short-header .header__btn__contact{
    background:url("../images/header__contact--icon.png") #f07545 no-repeat 1.13vw center /3.2vw auto;
    height: 5.33vw;
    padding:0 0 0 3vw;
    width:23.46vw;
  }

.tablet-header .header__scroll{
    display: none;
  }



.tablet-header.fixed-nav{
    bottom:5.3vw;
  }

.tablet-header .fixed-nav__list li a{
  align-items: center;
  background:url("../images/icon-link-btn.png") #f07545 no-repeat right 1.17vw center /0.78vw auto;
  display: flex;
  font-size:1.8rem;
  height: 5vw;
  margin: 0 0 0.78vw;
  padding:0 0 0 2vw;
  width:26.12vw;
  z-index: 2;
  }

.tablet-header .fixed-nav__list li a span{
    line-height: 1.2;
  }




/* sp  */
@media screen and (max-width:767px){


  .onsp{
    display: block;
  }

  .onpc{
    display: none;
  }



  .header--wrapper{
    height: 56.25vw;
  }

  .header{
    background: none;
    height:56.25vw;
  }

  .header__ytplayer{
    padding-bottom: 56.25vw;
  }


  .header__logo{
    padding:2.66vw 0 0 3vw;
    width: 15.46vw;
  }

  .header__copy{
    font-size:4.0rem;
    padding:8.4vw 0 0 3vw;
  }

  .header__btn{
    right:2.66vw;
    top:2.4vw;
    width:23.46vw;
  }

  .header__btn__woodone-logo{
    margin:0 auto 2vw;
    padding:0 2.4vw 0 0;
    width:19.86666vw;
  }

  .header__btn__contact{
    background:url("../images/header__contact--icon.png") #f07545 no-repeat 1.13vw center /3.2vw auto;
    height: 5.33vw;
    padding:0 0 0 3vw;
    width:23.46vw;
  }

  .header__scroll{
    display: none;
  }



  .fixed-nav{
    bottom:5.3vw;
    /*top:50vw;*/
    transition: 0.5s;
  }

  .fixed-nav__list li a{
    align-items: center;
    background:url("../images/icon-link-btn.png") #f07545 no-repeat right 2.66vw center /1.33vw auto;
    display: flex;
    font-size:2.4rem;
    height: 10.66vw;
    margin: 0 0 1.06vw;
    padding:0 0 0 2.66vw;
    width:27.73vw;
  }

  .fixed-nav__list li a span{
    line-height: 1.2;
  }






  .cotent01__1{
    padding:21.33vw 0;
  }

  .content01__1__title{
    width:21.73vw;
  }

  .content01__1__title[data-kana]:after {
    margin:0.66vw 0 3vw;
  }

  .content01__1__subtitle{
    font-size:5.6rem;
    margin:0 0 3vw;
  }

  .content01__1__text{
    font-size:2.6rem;
  }

/*  .content01__1__campagin{
    background: url("../images/content01__2__campagin_sp.png") no-repeat center center/100% auto;
    height:50.66vw;
    width: 44.26vw;
  }  */
  

  

  .content01__2--wrapper{
    background: url("../images/content01__2--bg_sp.jpg") no-repeat center center/100% auto;
    height:173.86vw;
    margin: 0 0 21.33vw;
    padding: 33.06vw 0vw 0vw 24vw;
  }

  .content01__2{
    height:71.46vw;
    padding:5.33vw;
  }

  .content01__2__title{
    font-size:4.0rem;
    margin: 0 0 5.33vw;
    line-height: 1.5;
  }


  .content01__3{
    height:102.26vw;
    margin: 0 0 10.66vw;
  }

  .content01__3__image{
    width:85.33vw;
  }

  .content01__3__text--wrapper{
    left: auto;
    padding: 5.3vw;
    position: absolute;
    top:37.06vw;
    right: 0;
    width:78.93vw;
  }

  .content01__3__title{
    font-size: 4.0rem;
    margin: 0 0 5.33vw;
    line-height: 1.5;
  }

  .content01__3__text{
    letter-spacing: 0;
  }


  .content01__4{
    height:110.8vw;
    margin: 0 0 16vw;
    position: relative;
  }

  .content01__4__image{
    width:85.33vw;
  }

  .content01__4__text--wrapper{
    left: 0%;
    padding: 5.3vw;
    top:37.06vw;
    width:78.93vw;
  }

  .content01__4__title{
    font-size: 4.0rem;
    margin: 0 0 5.33vw;
    line-height: 1.5;
  }

  .content01__4__text{

  }




  .content02{
    padding:14vw 0 8vw;
  }

  .content02__1{
    margin: 0 auto 14vw;
    width: 89.06vw;
  }

  .content02__1__title{
    margin:0 auto 6.66vw;
  }

  .content02__1__image--wrapper{
    width:89.06vw;
  }

  .content02__1__image--wrapper li{
    cursor: pointer;
    margin: 0 0 6vw;
    width:43.13vw;
  }

  .content02__1__image__title{
    background:url("../images/icon-link-btn.png") rgba(0,0,0,0.4) no-repeat right 1vw center /2.13vw auto;
    height:6.13vw;
    letter-spacing:0em;
    width:43.13vw;
  }

  .content02__1__image__title sub{
    margin: 0 0 0.1em -0.1em;
  }




  .content02__2__title{
    margin:0 auto 6.66vw;
  }


  .content02__2__item{
    margin: auto;
    width: 89.06vw;
  }
  .content02__2__item__title{
    float:none;
    font-size:3.8rem;
    line-height: 1.5;
    margin:0 0 4.66vw;
    text-align: center;
  }

  .content02__2__item__image--wrapper{
    float:none;
    margin: 0 0 6.66vw;
    width: 89.06vw;
  }

  .content02__2__item__image--01{
    background: url(../images/content02__2__item__image--01_sp.jpg) no-repeat center center/100% auto;
    height:50.66vw;
    width: 44.26vw;
  }

  .content02__2__item__image--02{
    background: url(../images/content02__2__item__image--02_sp.jpg) no-repeat center center/100% auto;
    height:50.66vw;
    width: 44.26vw;
  }

  .content02__2__item__text{
    float:none;
  }


  /* modal */

  .modal--wrapper{
    padding: 0 0 21.33vw;
  }

  .modal{
    margin: 5.3vw auto 0;
    padding: 5.3vw 5.3vw 16vw;
    width:  89.03vw;
  }


  .modal__close-btn--header{
    background: url("../images/icon-close-btn.png") #d9af5a no-repeat center center/5.33vw 5.33vw;
    height:10.66vw;
    width:10.66vw;
  }

  .modal__close-btn--bottom{
    background: url("../images/icon-close-btn.png") #d9af5a no-repeat right 2.73vw center/3.22vw 3.22vw;
    height:10.66vw;
    margin: -5.33vw auto 0;
    width:50.66vw;
  }

  .modal__content{

  }
  .modal__content--01{}
  .modal__content__title{
    font-size:4.8rem;
    margin: 0 0 5.33vw;
  }

  .modal__content__image{
    margin: 0 0 5.33vw;
  }

  .modal__content__text{
    margin: 0 0 15.33vw;
  }

  .modal__content__subtitle{
    font-size:4.0rem;
    margin: 0 0 5.33vw;
  }

  .modal__content__sub-content01{
    display: block;
    margin: 0 0 10.66vw;
  }

  .modal__content__sub-content01__text{
    margin:0;
  }

  .modal__content__sub-content01__image{
    height: 42.66vw;
    margin: 0 0 5.33vw;
    width: 78.66vw;
  }

  .modal__content--01 .modal__content__sub-content01__image{
    background: url("../images/modal__content--01__sub-content01__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--02 .modal__content__sub-content01__image{
    background: url("../images/modal__content--02__sub-content01__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--03 .modal__content__sub-content01__image{
    background: url("../images/modal__content--03__sub-content01__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--04 .modal__content__sub-content01__image{
    background: url("../images/modal__content--04__sub-content01__image_sp.jpg") no-repeat center center/100% auto;
  }


  .modal__content__sub-content02{
    display: block;
  }

  .modal__content__sub-content02__image{
    height: 42.66vw;
    margin: 0 0 5.33vw;
    width: 78.66vw;
  }

  .modal__content--01 .modal__content__sub-content02__image{
    background: url("../images/modal__content--01__sub-content02__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--02 .modal__content__sub-content02__image{
    background: url("../images/modal__content--02__sub-content02__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--03 .modal__content__sub-content02__image{
    background: url("../images/modal__content--03__sub-content02__image_sp.jpg") no-repeat center center/100% auto;
  }

  .modal__content--04 .modal__content__sub-content02__image{
    background: url("../images/modal__content--04__sub-content02__image_sp.jpg") no-repeat center center/100% auto;
  }


  .modal__content__sub-content02__text{

  }

  .modal__content__sub-content02-footnote{
    font-size:2.4rem;
    margin:10.6vw 0 0;
  }







  .content03{
    margin: 10.66vw 0 21.33vw;
  }

  .content03__item--wrapper{
    display: block;
    margin:auto;
    width: 78.66vw;
  }

  .content03__item{
    margin: 0 0 10.66vw;
    width: 78.66vw;
  }

  .content03__item__title h2{
    font-size:4.0rem;
    margin: 0 0 5.3vw;
  }

  .content03__item__image{
    margin: 0 0 5.3vw;
  }

  .content03__item__text{

  }



  .content04{
    background: url("../images/content04--bg_sp.jpg") no-repeat center center/100% auto;
    height:106.66vw;
  }

  .content04__item{
    bottom:5.33vw;
    height: auto;
    padding:5.33vw;
    right:5.33vw;
    width: 89.03vw;
  }

  .content04__item__title{
    margin: 0 0 3.33vw;
  }

  .content04__item__text{
    font-size:1.4rem;
  }





  .content05{
    padding:11.33vw 0 9.33vw;
  }

  .content05__title{
    margin: 0 0 4.66vw;
  }

  .content05__subtitle--wrapper{
    margin: 0 0 10.66vw;
  }

  .content05__subtitle__image{
    margin: 0 2.66vw 0 0;
    width:10.66vw;
  }

  .content05__subtitle__text{
    font-size:2.4rem;
  }





  .content05__instagram li{
    margin: 0 0 2vw;
    width: 32vw;
  }

  .content05__instagram li:nth-child(9){
    display: flex;
  }







  /* footer */

  .footer{
    padding: 10.66vw 0;
  }

  .footer__page-link{
    display: block;
    margin: 0 auto 10.66vw;
    width: 64vw;
  }

  .footer__page-link li a{
    background:url("../images/icon-link-btn.png") #f07545 no-repeat right 2.4vw center /1.33vw auto;
    font-size: 2.4rem;
    height:10.66vw;
    margin:0 0 1.06vw;
    width: 64vw;
  }

  .footer__logo{
    margin: 0 auto 10.66vw;
    width:20vw;
  }

  .footer__link {
    margin: 0 0 3vw;
  }

  .footer__link li{
    font-size:2.0rem;
    margin: 0 1.73vw;
  }

  .footer__copyright{
    font-size:2.0rem;
  }







}
















:root {
  --animate-duration: 1.5s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 11.7vw, 0);
    transform: translate3d(0, 11.7vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 11.7vw, 0);
    transform: translate3d(0, 11.7vw, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* キャンペーン用に追加したclass ここから */

/* pc  */
@media screen and (min-width:768px){
.content01__1__campagin__sp{
  display: none; 
}
}

/* sp  */
@media screen and (max-width:767px){
.content01__1__campagin__pc{
  display: none; 
}
}

/* ここまで */