@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}


input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea,select{
   -webkit-appearance: none;
   border-radius: 0;
}

#txt{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #FFF;
}
/*----------------------------
  Fonts
----------------------------*/
html,body{
  font-family: ten-mincho,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif SC', serif;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 2;
  font-weight: 500;
  color: #000;
  background: #ffbbb7;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  word-wrap: break-word;
}
p {
 /*word-break: break-all;*/
}

i{
  margin-right: 6px;
}
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
@media only screen and (max-width: 768px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
}
img{
  width: 100%;
  height: auto;
}
.audiojs{
  opacity: 0;
  height: 0;
  overflow: hidden;
}

body.lang_ja .lang_ja{
  display: block;
}
body .lang_en,
body.lang_ja .lang_en{
  display: none;
}
body.lang_en .lang_ja{
  display: none;
}
body.lang_en .lang_en{
  display: block;
}

#gbFooter{
  position: fixed;
  z-index: 1200;
  bottom: 0;
  left: 0;
  width: 100%;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#gbFooter img{
  width: auto;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  #gbFooter{
    position: absolute;
    bottom: auto;
    z-index: 21;
    display: none;
  }
  body.loading_end #gbFooter{
    display: block;
  }
  #gbFooter img{
    width: auto;
    vertical-align: middle;
  }
  #gbFooter .ci img{
    width: 75px;
  }
}
/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,
a:visited,
a:active{
    color: #FFF;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
a:hover{
    text-decoration: none;
}
/*----------------------------------------------------
  .scrollView
--------------------------------------------------- */
.scrollView{
  -webkit-transition: all 0.8s 0s ease;
     -moz-transition: all 0.8s 0s ease;
      -ms-transition: all 0.8s 0s ease;
       -o-transition: all 0.8s 0s ease;
          transition: all 0.8s 0s ease;
          opacity: 0;
  -webkit-transform: scale(1,1) translate(-0%,20px);
     -moz-transform: scale(1,1) translate(-0%,20px);
      -ms-transform: scale(1,1) translate(-0%,20px);
       -o-transform: scale(1,1) translate(-0%,20px);
          transform: scale(1,1) translate(-0%,20px);
}
.scrollView.view{
  opacity: 1;
  -webkit-transform: scale(1,1) translate(-0%,0%);
     -moz-transform: scale(1,1) translate(-0%,0%);
      -ms-transform: scale(1,1) translate(-0%,0%);
       -o-transform: scale(1,1) translate(-0%,0%);
          transform: scale(1,1) translate(-0%,0%);

}
/*----------------------------------------------------
 slick
--------------------------------------------------- */
:focus {
  outline: none;
}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

@media only screen and (max-width: 768px) {
  .slide .slick-prev:hover{
    opacity: 1;
  }
  .slide .slick-next:hover{
    opacity: 1;
  }
}
/*----------------------------------------------------
 loading
--------------------------------------------------- */
#loading{
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background:#82d8cb;
}
body.top #loading{
  z-index: 1200;
}
#loading:before{
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px ;
}
#loading.out{
  opacity: 0;
    -webkit-transition: all 0.6s 0.2s linear;
       -moz-transition: all 0.6s 0.2s linear;
        -ms-transition: all 0.6s 0.2s linear;
         -o-transition: all 0.6s 0.2s linear;
            transition: all 0.6s 0.2s linear;
}
#loading.out:before{
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
  -webkit-transform: scale(0,0) translate(-0%,0%);
     -moz-transform: scale(0,0) translate(-0%,0%);
      -ms-transform: scale(0,0) translate(-0%,0%);
       -o-transform: scale(0,0) translate(-0%,0%);
          transform: scale(0,0) translate(-0%,0%);
}
.loader{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background:#ffa9b7;
  -webkit-transform: scale(0,0) translate(-0%,0px);
          transform: scale(0,0) translate(-0%,0px);
}
body.loadStart .loader{
    -webkit-transition: all 0.3s 0s ease-out;
       -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
         -o-transition: all 0.3s 0s ease-out;
            transition: all 0.3s 0s ease-out;
  -webkit-transform: scale(1,1) translate(-0%,0px);
          transform: scale(1,1) translate(-0%,0px);
}
body.pageLoad .loader{
    -webkit-transition: all 0.3s 0s ease-in;
       -moz-transition: all 0.3s 0s ease-in;
        -ms-transition: all 0.3s 0s ease-in;
         -o-transition: all 0.3s 0s ease-in;
            transition: all 0.3s 0s ease-in;
  -webkit-transform: scale(0,0) translate(-0%,0px);
          transform: scale(0,0) translate(-0%,0px);
}
.FormatLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0,0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid #000;
  -webkit-animation: load_loop 2s infinite linear;
  animation: load_loop 2s infinite linear;
}
@-webkit-keyframes load_loop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load_loop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*----------------------------------------------------
  #wrapper
--------------------------------------------------- */
#wrapper{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 220%;
  background: #82d8cb;
  z-index: 0;
}
body.splash_out .bg{
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 220%;
  background: #82d8cb; */
}
body.splash_view03 .bg,
body.loading_end .bg{
-webkit-transition: all 3.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition: all 3.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 3.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -webkit-transform:translate3D(0px,-60%,0) ;
        transform:translate3D(0px,-60%,0) ;
}
.bg:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #ffbbb7;
    display: block;
}
.bg:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 10%;
  background: url(../img/bg_grade.png) no-repeat center center;
  background-size: 100% 100%;
    display: block;
}
/*----------------------------------------------------
  .block_firstView
--------------------------------------------------- */
.block_firstView{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* height : -webkit-calc(100% - 44px) ;
  height : calc(100% - 44px) ; */
  z-index: 10;
}

.block_firstView .inner{
  position: absolute;
  top: 50%;
  left: 50%;
-webkit-transform:translate(-50%,-50%);
   -moz-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
}
.block_firstView .inner ul.splash01{
}
.block_firstView .inner ul.splash01 li{
  float: right;
  width: 31px;
  margin-left: 18px;
  opacity: 0;
      -webkit-animation-duration: 1.2s;
              animation-duration: 1.2s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
    -webkit-transform-origin:center top;
            transform-origin:center top;
}
.block_firstView .inner ul.splash01 li:nth-child(5){
  width: 20px;
  margin-right: 30px;
  padding-top: 150px;
}
body.splash_view01 .block_firstView .inner ul.splash01 li{
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
}

body.splash_view02 .block_firstView .inner ul.splash01{
  opacity: 0;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}

body.splash_view02.splash_view03 .block_firstView .inner ul.splash02{
  opacity: 0;
  visibility: hidden;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.block_firstView .inner ul.splash02{
}
.block_firstView .inner ul.splash02 li{
  float: right;
  width: 20px;
  margin-left: 15px;
      -webkit-animation-duration: 1.2s;
              animation-duration: 1.2s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
    -webkit-transform-origin:center top;
            transform-origin:center top;
            opacity: 0;
}
.block_firstView .inner ul.splash02 li img{
  max-width: 100%;
}
.block_firstView .inner ul.splash02 li:nth-child(5){
  margin-left: 50px;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(1){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 4.5s;
              animation-delay: 4.5s;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(2){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 5.5s;
              animation-delay: 5.5s;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(3){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 6.5s;
              animation-delay: 6.5s;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(4){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 7.5s;
              animation-delay: 7.5s;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(5){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 8.5s;
              animation-delay: 8.5s;
}
body.splash_view02 .block_firstView .inner ul.splash02 li:nth-child(6){
  -webkit-animation-name: textView;
          animation-name: textView;
      -webkit-animation-delay: 9.5s;
              animation-delay: 9.5s;
}
@-webkit-keyframes textView{
  0%{
    opacity:0;
    -webkit-transform:translate3D(0px,-10px,0) ;
    transform:translate3D(0px,-10px,0) ;
    }
  100%{
      opacity:1;-webkit-transform:translate3D(0,0,0);
      transform:translate3D(0,0,0)
    }
}
@keyframes textView{
0%{
  opacity:0;
  -webkit-transform:translate3D(0px,-10px,0) ;
  transform:translate3D(0px,-10px,0) ;
  }
100%{opacity:1;
  -webkit-transform:translate3D(0,0,0);
  transform:translate3D(0,0,0)
  }
}

/*月*/
.block_firstView .moon{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -380px;
  margin-top: -315px;
  width: 580px;
  opacity: 0;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}
body.splash_view02 .block_firstView .moon{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
      -webkit-transition: all 4.2s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);
         -moz-transition: all 4.2s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);
              transition: all 4.2s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

@-webkit-keyframes flow_loop01{
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
  50%{
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes flow_loop01{
0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
50%{
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
100%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes flow_loop02{
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform:translate3D(0px,0%,0) ;
    transform:translate3D(0px,0%,0) ;
    }
  50%{
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform:translate3D(0px,20px,0) ;
    transform:translate3D(0px,20px,0) ;
  }
  100%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform:translate3D(0px,0%,0) ;
    transform:translate3D(0px,0%,0) ;
  }
}
@keyframes flow_loop02{
0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform:translate3D(0px,0%,0) ;
    transform:translate3D(0px,0%,0) ;
  }
50%{
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-transform:translate3D(0px,20px,0) ;
  transform:translate3D(0px,20px,0) ;
}
100%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform:translate3D(0px,0%,0) ;
    transform:translate3D(0px,0%,0) ;
  }
}
/*鳥*/
.block_firstView .bird_fix{
  position: absolute;
  top: 50%;
  margin-top: 0px;
  left: 0%;
  opacity: 0;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}
.block_firstView .bird_fix span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .bird_fix span.move,
body.loading_end .block_firstView .bird_fix span.move{
  -webkit-transform:translate3D(0px,-110%,0) ;
  transform:translate3D(0px,-110%,0) ;
}
.block_firstView .bird_fix span.loop{
  position: relative;
  display: block;
          transform-origin: left center;
  -webkit-transform-origin: left center;
  -webkit-animation: flow_loop02 6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop02 6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .bird_fix{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.block_firstView .bird_fix span.loop .bird_stop{
  position: absolute;
  top: 77px;
  left: 14px;
  width: 224px;
  opacity: 0;
}
body.splash_view02 .block_firstView .bird_fix span.loop .bird_stop{
  opacity: 1;
  -webkit-transition: all 0.5s 4.2s ease;
     -moz-transition: all 0.5s 4.2s ease;
          transition: all 0.5s 4.2s ease;
}
.block_firstView ul.bird li{
      -webkit-animation-duration: 1.3s;
              animation-duration: 1.3s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
    -webkit-transform-origin:center top;
            transform-origin:center top;
            opacity: 0;
}
.block_firstView ul.bird li:nth-child(1){
  position: absolute;
  top: 10px;
  left: 79.45%;
  width: 169px;
}
.block_firstView ul.bird li:nth-child(2){
  position: absolute;
  top: 17.7%;
  left: 62%;
  width: 193px;
}
.block_firstView ul.bird li:nth-child(3){
  position: absolute;
  top: 31%;
  left: 42.4%;
  width: 217px;
}
.block_firstView ul.bird li:nth-child(4){
  position: absolute;
  top: 51%;
  left: 22%;
  width: 241px;
}

body.splash_view02 .block_firstView ul.bird li:nth-child(1){
  -webkit-animation-name: birdView;
          animation-name: birdView;
      -webkit-animation-delay: 1s;
              animation-delay: 1s;
}
body.splash_view02 .block_firstView ul.bird li:nth-child(2){
  -webkit-animation-name: birdView;
          animation-name: birdView;
      -webkit-animation-delay: 1.8s;
              animation-delay: 1.8s;
}
body.splash_view02 .block_firstView ul.bird li:nth-child(3){
  -webkit-animation-name: birdView;
          animation-name: birdView;
      -webkit-animation-delay: 2.6s;
              animation-delay: 2.6s;
}
body.splash_view02 .block_firstView ul.bird li:nth-child(4){
  -webkit-animation-name: birdView;
          animation-name: birdView;
      -webkit-animation-delay: 3.4s;
              animation-delay: 3.4s;
}
@-webkit-keyframes birdView{
  0%{
    opacity:0;
    }
  50%{
      opacity:1;
    }
  100%{
      opacity:0;
    }
}
@keyframes birdView{
  0%{
    opacity:0;
    }
  50%{
      opacity:1;
    }
  100%{
      opacity:0;
    }
}

/*植物*/
.block_firstView .plant01{
  position: absolute;
  top: 30%;
  right: -50px;
  opacity: 0;
  width: 320px;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}
.block_firstView .plant01 span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .plant01 span.move,
body.loading_end .block_firstView .plant01 span.move{
  -webkit-transform:translate3D(0px,-25%,0) ;
  transform:translate3D(0px,-25%,0) ;
}
.block_firstView .plant01 span.loop{
  display: block;
          transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -webkit-animation: flow_loop01 6s -0.5s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop01 6s -0.5s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .plant01{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.block_firstView .plant02{
  position: absolute;
  top: 57%;
  right:-100px;
  opacity: 0;
  width: 359px;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}

.block_firstView .plant02 span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .plant02 span.move,
body.loading_end .block_firstView .plant02 span.move{
  -webkit-transform:translate3D(0px,-40%,0) ;
  transform:translate3D(0px,-40%,0) ;
}
.block_firstView .plant02 span.loop{
  display: block;
          transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -webkit-animation: flow_loop01 6s -0.6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop01 6s -0.6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .plant02{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.block_firstView .plant03{
  position: absolute;
  top: 90%;
  left: -130px;
  opacity: 0;
  width: 309px;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}
.block_firstView .plant03 span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .plant03 span.move,
body.loading_end .block_firstView .plant03 span.move{
  -webkit-transform:translate3D(0px,-60%,0) ;
  transform:translate3D(0px,-60%,0) ;
}
.block_firstView .plant03 span.loop{
  display: block;
          transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -webkit-animation: flow_loop01 6s -1.5s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop01 6s -1.5s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .plant03{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.block_firstView .plant04{
  position: absolute;
  top: 110%;
  left: -60px;
  opacity: 0;
  width: 341px;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}
.block_firstView .plant04 span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .plant04 span.move,
body.loading_end .block_firstView .plant04 span.move{
  -webkit-transform:translate3D(0px,-60%,0) ;
  transform:translate3D(0px,-60%,0) ;
}
.block_firstView .plant04 span.loop{
  display: block;
          transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -webkit-animation: flow_loop01 6s -1.6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop01 6s -1.6s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .plant04{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1.1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.block_firstView .plant05{
  position: absolute;
  top: 100%;
  right: -100px;
  opacity: 0;
  width: 475px;
  -webkit-transform:translate3D(0px,50%,0) ;
  transform:translate3D(0px,50%,0) ;
}

.block_firstView .plant05 span.move{
  display: block;
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 2.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
body.splash_view03 .block_firstView .plant05 span.move,
body.loading_end .block_firstView .plant05 span.move{
  -webkit-transform:translate3D(0px,-80%,0) ;
  transform:translate3D(0px,-80%,0) ;
}
.block_firstView .plant05 span.loop{
  display: block;
          transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -webkit-animation: flow_loop01 6s 2s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation: flow_loop01 6s 2s infinite cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.splash_view02 .block_firstView .plant05{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
    -webkit-transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
            transition: all 4.2s 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
/*スキップ、スクロール*/
.block_firstView a.skip{
  position: fixed;
  bottom: 75px;
  left: 50%;
  width: 35px;
-webkit-transform:translate(-50%,0%);
   -moz-transform:translate(-50%,0%);
        transform:translate(-50%,0%);
}
body.loading_end .block_firstView a.skip{
  opacity: 0;
  visibility: hidden;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.block_firstView .scroll{
  position: fixed;
  bottom: 75px;
  left: 50%;
  width: 45px;
  cursor: default;
-webkit-transform:translate(-50%,0%);
   -moz-transform:translate(-50%,0%);
        transform:translate(-50%,0%);
        visibility: hidden;
        opacity: 0;
}
body.loading_end .block_firstView .scroll{
  opacity: 1;
  visibility: visible;
    -webkit-transition: all 0.5s 0.5s ease;
       -moz-transition: all 0.5s 0.5s ease;
            transition: all 0.5s 0.5s ease;
}
/*ローディング終了*/
body.loading_end .block_firstView .inner ul.splash01,
body.loading_end .block_firstView .inner ul.splash02{
  display: none;
}
/* body.splash_out .block_firstView .inner ul.splash02 li,
body.splash_out.splash_view02 .block_firstView .inner ul.splash02 li,
body.splash_out .block_firstView .bird_fix span.loop .bird_stop,
body.splash_out.splash_view02 .block_firstView ul.bird li{
  opacity: 1;
    -webkit-transition: all 0s 0s ease;
       -moz-transition: all 0s 0s ease;
            transition: all 0s 0s ease;
} */
body.loading_end .block_firstView ul.bird li{
  display: none;
}
body.loading_end .block_firstView .moon,
body.loading_end .block_firstView .bird_fix,
body.loading_end .block_firstView .plant01,
body.loading_end .block_firstView .plant02,
body.loading_end .block_firstView .plant03,
body.loading_end .block_firstView .plant04,
body.loading_end .block_firstView .plant05
{
  opacity: 1;
    -webkit-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0)
      -webkit-transition: all 1s 0s ease;
         -moz-transition: all 1s 0s ease;
              transition: all 1s 0s ease;
}

/*画面1*/
.block_firstView .reiwa{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -208px;
  margin-top: -250px;
  width: 233px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease;
}
body.splash_view03 .block_firstView .reiwa,
body.loading_end .block_firstView .reiwa{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 2s 0s ease;
     -moz-transition: all 2s 0s ease;
          transition: all 2s 0s ease;
}
.block_firstView .exp{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -405px;
  margin-top: 45px;
  width: 368px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease;
}
.block_firstView .exp span{
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.02em;
}
body.splash_view03 .block_firstView .exp,
body.loading_end .block_firstView .exp{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 2s 0.1s ease;
     -moz-transition: all 2s 0.1s ease;
          transition: all 2s 0.1s ease;
}
.block_firstView .product_area{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -142px;
  margin-top: -283px;
visibility: hidden;
opacity: 0;
}
body.splash_view03 .block_firstView .product_area,
body.loading_end .block_firstView .product_area{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 2s 0.3s ease;
     -moz-transition: all 2s 0.3s ease;
          transition: all 2s 0.3s ease;
}
.block_firstView .product_area .product_inner .slide{
  position: relative;
  width: 579px;
}
.block_firstView .products01{
   position: relative;
  top: 0;
  left: 0;
  /*top: 50%;
  left: 50%;
  margin-left: -143px;
  margin-top: -258px; */
}
/* .block_firstView .products01.view{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 1s 0.3s ease;
     -moz-transition: all 1s 0.3s ease;
          transition: all 1s 0.3s ease;
} */
.block_firstView .products02{
     position: relative;
  top: 0;
  left: 0;
/*top: 50%;
  left: 50%;
  margin-left: -55px;
  margin-top: -234px; */
  /* visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease; */
}
/* .block_firstView .products02.view{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease;
} */
.block_firstView .products03{
  position: relative;
  top: 0;
  left: 0;
  /* top: 50%;
  left: 50%;
  margin-left: -62px;
  margin-top: -116px; */
  /* visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease; */
}
/* .block_firstView .products03.view{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 1s 0s ease;
     -moz-transition: all 1s 0s ease;
          transition: all 1s 0s ease;
} */


.block_firstView:before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s 0s ease;
     -moz-transition: all 0.5s 0s ease;
          transition: all 0.5s 0s ease;
}
body.onpageSCroll .block_firstView:before{
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .block_firstView{
    position: fixed;
    height : -webkit-calc(100% - 0px) ;
    height : calc(100% - 0px) ;
  }
  .block_firstView .inner ul.splash01{
    width: 220px;
  }
  .block_firstView .inner ul.splash01 li{
    float: right;
    width: 30px;
    margin-left: 12px;
    opacity: 0;
  }
  .block_firstView .inner ul.splash01 li:nth-child(5){
    margin-left: 0px;
  }
  .block_firstView .inner ul.splash02{
    width: 234px;
  }
  .block_firstView .inner ul.splash02 li{
    float: right;
    width: 20px;
    margin-left: 17px;
        -webkit-animation-duration: 1.2s;
                animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
      -webkit-transform-origin:center top;
              transform-origin:center top;
              opacity: 0;
  }
  .block_firstView .inner ul.splash02 li img{
    max-width: 100%;
  }
  .block_firstView .inner ul.splash02 li:nth-child(5){
    margin-left: 40px;
  }
  .block_firstView .inner ul.splash02 li:nth-child(6){
    margin-left: 0px;
  }
  .block_firstView a.skip{
    bottom: 15px;
    width: 33px;
  -webkit-transform:translate(-50%,0%);
     -moz-transform:translate(-50%,0%);
          transform:translate(-50%,0%);
  }
  .block_firstView .scroll {
      bottom: 15px;
      width: 40px;
  }
  /*月*/
  .block_firstView .moon{
    margin-left: -42.6vw;
    margin-top: -43.85vh;
    width: 80vw;
  }
  /*鳥*/
  .block_firstView .bird_fix{
    top: 50%;
    width: 135px;
    margin-top: 130px;
  }
  body.splash_view03 .block_firstView .bird_fix span.move,
  body.loading_end .block_firstView .bird_fix span.move{
    -webkit-transform:translate3D(0px,-180%,0) ;
    transform:translate3D(0px,-180%,0) ;
  }
  .block_firstView .bird_fix span.loop .bird_stop{
    position: absolute;
    top: 40px;
    left: 8px;
    width: 123px;
  }
  body.splash_view02 .block_firstView .bird_fix span.loop .bird_stop{
    opacity: 1;
    -webkit-transition: all 0.5s 4.2s ease;
       -moz-transition: all 0.5s 4.2s ease;
            transition: all 0.5s 4.2s ease;
  }

  .block_firstView ul.bird li:nth-child(1){
    display: none;
  }
  .block_firstView ul.bird li:nth-child(2){
    display: none;
  }
  .block_firstView ul.bird li:nth-child(3){
    position: absolute;
    top: 59.3%;
    left: 79%;
    width: 119px;
  }
  .block_firstView ul.bird li:nth-child(4){
    position: absolute;
    top: 68.9%;
    left: 41.6%;
    width: 133px;
  }
  body.splash_view02 .block_firstView ul.bird li:nth-child(3){
    -webkit-animation-name: birdView;
            animation-name: birdView;
        -webkit-animation-delay: 2.6s;
                animation-delay: 2.6s;
  }
  body.splash_view02 .block_firstView ul.bird li:nth-child(4){
    -webkit-animation-name: birdView;
            animation-name: birdView;
        -webkit-animation-delay: 3.4s;
                animation-delay: 3.4s;
  }
  /*植物*/
  .block_firstView .plant01{
    top: 87%;
    right: -30px;
    width: 144px;
  }
  .block_firstView .plant02{
    top: 97%;
    right: -40px;
    width: 162px;
  }
  .block_firstView .plant03{
    top: 120%;
    left: -80px;
    width: 164px;
  }
  .block_firstView .plant04{
    top: 130%;
    left: -60px;
    width: 183px;
  }
  .block_firstView .plant05{
    top: 120%;
    right: -100px;
    width: 213px;
  }

  body.splash_view03 .block_firstView .plant01 span.move,
  body.loading_end .block_firstView .plant01 span.move{
    -webkit-transform:translate3D(0px,-65%,0) ;
    transform:translate3D(0px,-65%,0) ;
  }
  body.splash_view03 .block_firstView .plant02 span.move,
  body.loading_end .block_firstView .plant02 span.move{
    -webkit-transform:translate3D(0px,-70%,0) ;
    transform:translate3D(0px,-70%,0) ;
  }
  body.splash_view03 .block_firstView .plant03 span.move,
  body.loading_end .block_firstView .plant03 span.move{
    -webkit-transform:translate3D(0px,-135%,0) ;
    transform:translate3D(0px,-135%,0) ;
  }
  body.splash_view03 .block_firstView .plant04 span.move,
  body.loading_end .block_firstView .plant04 span.move{
    -webkit-transform:translate3D(0px,-120%,0) ;
    transform:translate3D(0px,-120%,0) ;
  }
  body.splash_view03 .block_firstView .plant05 span.move,
  body.loading_end .block_firstView .plant05 span.move{
    -webkit-transform:translate3D(0px,-140%,0) ;
    transform:translate3D(0px,-140%,0) ;
  }
  .block_firstView .reiwa{
    margin-left: -20.6vw;
    margin-top: -38.6vh;
    width: 35.6vw;
  }
  .block_firstView .exp{
    margin-left: -29.86vw;
    margin-left: 0px;
    left: 0px;
    top: auto;
    margin-top: 31.4vh;
    margin-top:0px;
    width: 59.73vw;
    width: 100%;
    text-align: center;
    bottom: 40px;
  }
  .block_firstView .exp span{
    font-size: 10px;
    line-height: 18px;
    display: block;
  }
  .block_firstView .product_area{
    margin-left: -143px;
    margin-top: -96px;
  }
  .block_firstView .product_area .product_inner .slide{
    width: 257px;
  }
}
@media only screen and (max-width: 320px) {

  .block_firstView .exp{
    bottom: 40px;
    /* margin-top: 120px; */
  }
  .block_firstView .exp span{
    font-size: 10px;
    line-height: 18px;
    display: block;
  }
  .block_firstView .product_area{
    margin-left: -121px;
    margin-top: -116px;
  }
  .block_firstView .product_area .product_inner .slide{
    width: 242px;
  }
}
/*----------------------------------------------------
  .scroll_size
--------------------------------------------------- */
.scroll_size{
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 3000px;
  display: none;
}
body.loading_end .scroll_size{
  display: block;
}

/*----------------------------------------------------
  .block_top
--------------------------------------------------- */
.block_top{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background:#82d8cb;
  z-index: 20;
  display: none;
  padding-top: 95px;
}
body.loading_end .block_top{
  display: block;
}
.block_top .column_area{
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px;
}
.block_top .column_area .image_area{
  width: 422px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 90px;
}
.block_top .column_area .image_area .column{
  width: 422px;
  height: 448px;
}
.block_top .column_area .textarea{
  width: 422px;
  display: inline-block;
  vertical-align: middle;
}
.block_top .text01{
  text-align: center;
  font-weight: normal;
}
.block_top .text01 .t1{
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 0.005em;
}
.block_top .text01 .t2{
  font-size: 30px;
  line-height: 48px;
  letter-spacing: 0em;
  margin-bottom: 5px;
}
.block_top .text01 .t3{
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
}
.block_top .text02{
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.block_top .text03{
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 50px;
  font-size: 12px;
  line-height: 19px;
}
.block_top ul.sns{
  position: absolute;
  top: 25px;
  right: 25px;
}
.block_top ul.sns li{
  float: left;
  margin-left: 12px;
}
.block_top ul.sns li a{
  -webkit-transition: all 0.5s 0s linear;
     -moz-transition: all 0.5s 0s linear;
          transition: all 0.5s 0s linear;
}
.block_top ul.sns li a:hover{
  opacity: 0.5;
}
.block_top ul.sns li img{
  vertical-align: middle;
}
.block_top ul.sns li:nth-child(1){
  width: 39px;
}
.block_top ul.sns li:nth-child(2){
  width: 18px;
}
.block_top ul.sns li:nth-child(3){
  width: 23px;
}
@media only screen and (max-width: 768px) {
  .block_top{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 20;
    padding-top: 95px;
  }
  .block_top ul.sns {
    position: absolute;
    top: 15px;
    right: 15px;
}
  .block_top .column_area{
    margin-bottom: 30px;
  }
  .block_top .column_area .image_area{
    width: 66.6666vw;
    display:block;
    margin:0 auto;
    margin-bottom: 38px;
  }
  .block_top .column_area .image_area .column{
    width: 66.6666vw;
    height: auto;
  }
  .block_top .column_area .textarea{
    width: 100%;
    display: block;
  }
  .block_top .text01{
    margin-bottom: 0;
  }
  .block_top .text01 .t1{
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.005em;
  }
  .block_top .text01 .t2{
    font-size: 23px;
    line-height: 39px;
    letter-spacing: 0em;
    margin-bottom:4px;
  }
  .block_top .text01 .t3{
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0em;
  }
  .block_top .text02{
    margin-bottom:0px;
    font-size: 11px;
    line-height: 19px;
  }
  .block_top .text03{
    font-size: 11px;
    line-height: 19px;
    padding-bottom: 125px;
  }
  .block_top .text03 a{
    color: #000;
  }
  /* .block_top ul.sns{
    position: relative;
    top: auto;
    right: auto;
    margin-top: 25px;
    text-align: center;
    padding-bottom: 125px;
  }
  .block_top ul.sns li{
    float: none;
    display: inline-block;
    margin-left: 0px;
  }
  .block_top ul.sns li img{
    vertical-align: middle;
  }
  .block_top ul.sns li:nth-child(1){
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
  .block_top ul.sns li:nth-child(1) img{
    width: 33px;
    display: block;
    margin: 0 auto;
  }
  .block_top ul.sns li:nth-child(2){
    width: 21px;
    margin: 0 17px;
  }
  .block_top ul.sns li:nth-child(3){
    width: 25px;
    margin: 0 17px;
  } */
}



/*----------------------------------------------------
  .block_modal
--------------------------------------------------- */
.block_modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height : -webkit-calc(100% - 44px) ;
  height : calc(100% - 44px) ;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
    -webkit-transition: all 0.5s 0s linear;
       -moz-transition: all 0.5s 0s linear;
            transition: all 0.5s 0s linear;
}
body.modal_view .block_modal{
  opacity: 1;
  visibility: visible;
}
.block_modal .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
}

.block_modal a.close{
  position: absolute;
  top: 27px;
  right: 27px;
  width: 31px;
  height: 31px;
  background: url(../img/close.png) no-repeat center center;
  background-size: cover;
}
.block_modal .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 600px;
  margin-left: -500px;
  margin-top: -300px;
  background: #FFF;
  text-align: center;
}
.block_modal .area{
  width: 640px;
  margin: 0 auto;
  text-align: left;
}
.block_modal .inner .title{
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: 0.02em;
  padding: 60px 0 25px;
}
.block_modal .inner .mt{
  margin-top: 15px;
}
.block_modal .inner p{
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0em;
  margin-bottom: 15px;
}
.block_modal .inner dl{
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0em;
}
.block_modal .inner dt{
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0em;
  font-weight: bold;
}
.block_modal .inner dd{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0em;
  font-weight: bold;
}
.block_modal .inner dd.none{
  padding-left: 0em;
  text-indent: 0em;

}
.block_modal .inner .underline{
  color: #ff0000;
  text-decoration: underline;
}

.block_modal .inner a.btn{
  display: block;
  width: 270px;
  height: 62px;
  margin: 0 auto;
  background: url(../img/btn_link.png) no-repeat center center;
  background-size: cover;
  text-align: center;
    -webkit-transition: all 0.5s 0s linear;
       -moz-transition: all 0.5s 0s linear;
            transition: all 0.5s 0s linear;
}
.block_modal .inner a.btn:hover{
  background: url(../img/btn_link_on.png) no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .block_modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .block_modal a.close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 19px;
    height: 19px;
    background: url(../img/close.png) no-repeat center center;
    background-size: cover;
  }
  .block_modal .inner{
    position: absolute;
    top: 25px;
    left: 15px;
    width: 1000px;
    width : -webkit-calc(100% - 30px) ;
    width : calc(100% - 30px) ;
    height: auto;
    height : -webkit-calc(100% - 100px) ;
    height : calc(100% - 100px) ;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 55px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .block_modal .area{
    width: auto;
    margin: 0 13px;
    text-align: left;
  }
  .block_modal .inner .title{
    font-size: 9px;
    line-height: 15px;
    letter-spacing: 0em;
    padding: 60px 0 22px;
  }
  .block_modal .inner p{
    font-size: 9px;
    line-height: 15px;
    letter-spacing: 0.00em;
    margin-bottom: 15px;
  }

  .block_modal .inner a.btn{
    display: block;
    width: 270px;
    height: 62px;
    margin: 0 auto;
    background: url(../img/btn_link.png) no-repeat center center;
    background-size: cover;
    text-align: center;
      -webkit-transition: all 0.5s 0s linear;
         -moz-transition: all 0.5s 0s linear;
              transition: all 0.5s 0s linear;
  }
  .block_modal .inner a.btn:hover{
    background: url(../img/btn_link_on.png) no-repeat center center;
    background-size: cover;
  }


}