@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em; background:#000;}
.none{ display:none;}
.bold{ font-weight:400;}
.en{font-family: nimbus-sans, sans-serif; font-weight: 400; font-style: normal;}

.font-small {
  font-size: 0.7em;
}

.embed-container {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed; /* fixed の場合。absolute でも同じ */
  right: 0;
  top: 0;
  z-index: -1;
  background-image: url("../_images/TogPoo_movie2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.embed-container iframe {
  box-sizing: border-box;
  height: 100vw; /* 16:9 のときは 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}

.embed-container2 {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed; /* fixed の場合。absolute でも同じ */
  right: 0;
  top: 188px;
  z-index: -1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.embed-container2 iframe {
  box-sizing: border-box;
  height: 56.25vw; /* 16:9 のときは 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}

.embed-container2_sp {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed; /* fixed の場合。absolute でも同じ */
  right: 0;
  top: 188px;
  z-index: -1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.embed-container2_sp iframe {
  box-sizing: border-box;
  height: 125vw; /* 16:9 のときは 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}
.embed-container_fix {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;; /* fixed の場合。absolute でも同じ */
  right: 0;
  top: 188px;
  z-index: -1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.embed-container_fix iframe {
  box-sizing: border-box;
  height: 56.25vw; /* 16:9 のときは 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}

.embed-container_fix_sp {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed; /* fixed の場合。absolute でも同じ */
  right: 0;
  top: 188px;
  z-index: -1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.embed-container_fix_sp iframe {
  box-sizing: border-box;
  height: 125vw; /* 16:9 のときは 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}


.sc{ position:absolute; bottom:0; left:20px; z-index:1;}
.head{ padding:0px 20px 0 0px; height: 130px}
.head .hl{ float:left;}
.head .hl h1{ position:relative; z-index:2;}
.head .hr{ position:fixed; right:10px; top:-5px; z-index:10;}
.head .hl ul{ margin-top:0px;}
.head .hl ul li{ font-size:1.3rem; color:#000; line-height:180%;}

/*ハンバーガーメニュー*/
.menubtn, .menubtn span {display: inline-block; -webkit-transition: all .4s; transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; box-sizing: border-box;}
.menubtn {position: absolute; top: 30px; right: 30px; width: 30px; height: 22px; z-index: 10; background:none; border:none; cursor:pointer;}
.menubtn:focus {outline: none;}
.menubtn span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; z-index: 10;}
.menubtn span:nth-of-type(1) {top: 0px;}
.menubtn span:nth-of-type(2) {top: 10px;}
.menubtn span:nth-of-type(3) {bottom: 0px;}
.menubtn.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
.menubtn.active span:nth-of-type(2) {opacity: 0;}
.menubtn.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
#nav {position: fixed; top: 0; right: 0; z-index: 5; width: 100%; height: 100vh; opacity: 0; background-color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; visibility: hidden;}
#nav.active {right: 0; opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; background:url(../_images/bg22.png) no-repeat scroll center center; background-size:cover;}
#nav.active .menubtn span {background-color: #000;}
.hr #nav .header_list {margin: 40px auto; padding: 20px 0 20px 40px; display:block; max-width:1000px; overflow: auto; max-height: 70%;}
.hr #nav .header_list li a {display:inline-block; padding: 25px 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-align: left; text-decoration: none; color: #fff; font-size:4rem;}
.hr #nav .menu_logo{display:inline-block;}
.hr #nav .menu_logo p{ line-height:150%;}
.hr #nav .menu_logo ul{ margin:0px; padding:0;}
.hr #nav .menu_logo ul li{ font-size:1.3rem; color:#000; line-height:180%;}
.hr #nav .snsbtn{ position:absolute; bottom:20px; right:20px;}
.hr #nav .snsbtn li{ float:left; padding:20px;}
.active .te{width: 60px; height: 60px; background: #fff; border-radius: 40px; margin-left: -15px; margin-top: -17px;}
.active .te span {background-color: #000;}

.b_bg{background:rgba(0,0,0,0.6);}

/*cont1*/
.cont1{max-width:1260px; padding:0 10px; margin:0 auto;}
.cont1 h2{ padding-top:140px;font-size:3rem; color:#fff;}
.cont1 h3{ font-size:2.5rem; color:#fff; padding-top:40px;}

/*cont2*/
.cont2{max-width:1260px; padding:0 10px; margin:0 auto;}
.cont2 h2{ padding-top:100px;font-size:3rem; color:#fff;}
.cont2 h2 span{ font-size:2rem; color:#fff;}
.cont2 h2 a{ font-size:3rem; color:#fff;}

/*cont3*/
.cont3 .cont_bg{ padding:180px 0 140px;}
.cont3 .cont_inner{ max-width:1260px; padding:0 10px; margin:0 auto;}
/*form部分流用*/
.top #Sec05 {position: relative; overflow: hidden; z-index: 2; }
.top #Sec05 .inner .fl{ float:left; width:37%;}
.top #Sec05 .inner .fl p{font-size: 1.2rem; margin-top:1rem;}
.top #Sec05 .inner .heading {font-size: 3rem;}
.top #Sec05 .inner .formBox {float:left; width:63%;}
.top #Sec05 .inner .formBox .nameBox {display: -ms-flexbox; display: flex; border-top: 2px solid #FFFFFF; padding:5px 0; }
.top #Sec05 .inner .formBox .nameBox .name {padding-left: 10px; font-size: 1.8rem; color: #FFFFFF; padding-top:10px; margin-right:20px; }
.top #Sec05 .inner .formBox .nameBox .nwid{ width:60px;}
.top #Sec05 .inner .formBox .error {padding-left:0px; font-size: 1.8rem; color: red; }
.top #Sec05 .inner .formBox input {padding-top: 15px; padding-bottom: 15px; width: 100%; font-size: 1.8rem; color: #FFFFFF; background-color: rgba(0, 0, 0, 0); border: 0px; padding-left: 10px; padding-right: 10px; font-family:"nimbus-sans","Noto Sans JP"; }
.top #Sec05 .inner .formBox textarea {width: 100%; height: 200px; font-size: 1.8rem; color: #FFFFFF; background-color: rgba(0, 0, 0, 0); border: 0px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px;padding-right: 10px; box-sizing:border-box; font-family:"nimbus-sans","Noto Sans JP";}
.top #Sec05 .inner .formBox .msg_success {display: none; margin-top: 30px; padding-left: 10px; font-size: 1.8rem; color: #FFFFFF; border: 2px solid #FFFFFF; font-weight: 300; }
.top #Sec05 .inner .popupOverlay {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; }
.top #Sec05 .inner .popup {position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 500px; height: 200px; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }
.top #Sec05 .inner .popup .popupWrapper {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; height: 100%; }
.top #Sec05 .inner .popup .popupWrapper .msg {margin-top: 20px; font-size: 2.5rem; color: #FFFFFF; text-align: center; }
.top #Sec05 .inner .popup .popupWrapper .btnBox {margin-top: auto; display: -ms-flexbox; display: flex; border-top: 1px solid #FFFFFF; }
.top #Sec05 .inner .popup .popupWrapper .btnBox .btn {padding-top: 10px; padding-bottom: 10px; width: 50%; font-size: 2.5rem; color: #FFFFFF; text-align: center; }
.top #Sec05 .inner .popup .popupWrapper .btnBox .btn.ok {border-left: 1px solid #FFFFFF; }
.top #Sec05 .inner .btnBox {margin-top: 60px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: flex-start; }
.top #Sec05 .inner .btnBox .btn_send {display: block; border: 2px solid #FFFFFF; font-size: 1.8rem; color: #FFFFFF; padding: 10px 30px; }
.top #Sec05 .inner .btnBox2 {margin-top: 400px; padding-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.top #Sec05 .inner .btnBox2 .btn_top {text-align: center; }
.top #Sec05 .inner .btnBox2 .btn_top .btn_str {font-size: 2.5rem; color: #FFFFFF; line-height: 2.8rem; }
.btnBox a{  cursor:pointer;}
.btn2 div{cursor:pointer; color:#fff;}
.btn2 div span{ letter-spacing:-2px; font-family:"nimbus-sans","Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

/*footer*/
.foot_top{padding-top:0px; background:rgba(0,0,0,0.6);}
.foot_001{padding-top:0px;background:rgba(0,0,0,0.8);}
.foot_cont{ border-top:1px solid #fff; position:relative;}
.foot_cont .top{ position:absolute; right:20px; bottom:20px;}
.foot_inner{ padding:70px 10px 40px; max-width:1260px; margin:0 auto;}
.cp{ padding-top:50px; font-size:1.1rem; color:#717278;}
.f_box{ float:left; margin-right:40px;}
.f_box p{ font-size:1.2rem;}
.f_box .snsbtn{ margin-top:20px;}
.f_box .snsbtn li{ float:left; padding-right:20px;}
.f_box .snsbtn li:last-child{padding-right:0px;}
.f_box .ftxt{margin-top:20px;}
.f_box .ftxt a{ color:#fff; font-size:1.4rem;}


/*****vol01******/
.outer{position: relative;}
.inner2{position: absolute; width:100%;}
.inner2 .box{width:80%;margin: 150px auto;max-width: 400px;}
.inner2 img:nth-of-type(1){ max-width:400px; width:80%; margin:100px auto;position: absolute;opacity: 0;animation: fadeIn 2s ease 2s 1 forwards;}
@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
.inner2 img:nth-of-type(2){ max-width:400px; width:80%; margin:100px auto;position: absolute;  transition-duration: 0.5s;
  transition-property:all;opacity: 0;}
.inner2 .box:hover img:nth-of-type(2){opacity: 1}

.inner3{width:100%;}
.inner3 .box{width:100%;margin: 0px auto;max-width: 1000px;}
.inner3 img:nth-of-type(1){ max-width:1000px; width:100%; margin:130px auto;position: absolute;opacity: 1;transition-duration: 0.5s}
@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
.inner3 img:nth-of-type(2){ max-width:1000px; width:100%; margin:130px auto;  transition-duration: 0.5s;
  transition-property:all;opacity: 0;}
.inner3 .box:hover img:nth-of-type(2){opacity: 1}
.inner3 .box:hover img:nth-of-type(1){opacity: 0}
.cont001{background:rgba(0,0,0,0.8);}
.cont001 .h9{
	font-size: 3.2rem;
	font-weight: 400;
  color:#d2d3dc;
  border-bottom: solid 1px #d2d3dc;
  margin: 50px auto;
  text-align: center;
  padding-top: 50px
}
.cont001 .co_inner{ max-width:1280px; margin:0 auto; padding:0 10px; box-sizing:border-box; justify-content:space-between;border-bottom: solid 1px #d2d3dc;padding-bottom: 100px;}
.cont001_0 h2{font-size:4rem; max-width:1280px; margin:0 auto; text-align:left; color:#d2d3dc; padding:105px 0px 30px 10px; box-sizing:border-box;}
.cont001_00{background:rgba(0,0,0,0.8);}
.cont001_00 h2{font-size:4rem; max-width:1280px; margin:0 auto; text-align:left; color:#d2d3dc; padding:105px 0px 30px 10px; box-sizing:border-box;}

/*! TOPのバナー追加 */
.topvideo_ttl h2{font-size:4rem; max-width:1280px; margin:0 auto; text-align:left; color:#d2d3dc; padding:80px 0px 30px 10px; box-sizing:border-box;}
.topvideos_cont h1{font-size:4rem; text-align:center;; color:#d2d3dc;padding:125px 0px 0px 10px;}
.ondevideos_cont h1{font-size:5rem; text-align:center;; color:#d2d3dc;padding:0px 178px 50px 10px;}
.topvideos_cont .top_co_inner{ max-width:1280px; margin:0 auto; padding:0 10px; box-sizing:border-box; display: flex; justify-content:space-between;}
.topvideos_cont .top_co_logo{ max-width:358px; margin:0 auto; padding:80px 0px 10px 0px; box-sizing:border-box; display: flex; justify-content:space-between;}
.topvideos_cont .top_co_inner h2{ font-size:2.0rem; color:#d2d3dc; margin-bottom:25px;}
.topvideos_cont .top_co_inner .h3{
	font-size: 4rem;
	font-weight: 400;
  color:#d2d3dc;
}
.topvideos_cont a{ display:block;}
.topvideos_cont .btn2 div{
  transition-duration: 0.5s; transition-property:all; cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 280px;position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topvideos_cont .btn2 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}
.topvideos_cont .btn2 div:hover{color:#000;background-color: #ffffff;border: solid 1px #000;}
.topvideos_cont .btn2 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}

.topvideos_cont .top_co_inner h2{ font-size:2.0rem; color:#d2d3dc; margin-bottom:25px;}

.sc_box_video{display: flex; flex-wrap:wrap;justify-content: space-between; width: 100%}

/*! 埋め込み動画をレスポンシブ対応させる */
.video_re_archive {width:48.5%; margin-bottom:105px; display:block;}
.video_re_archive img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.video_re_archive img:hover {transform: scale(1.05, 1.05);}
.video_re_archive li{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video_re_archive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video_re_next {width:100%; margin-bottom:100px; display:block;overflow: hidden;position: relative;}
.video_re_next li{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video_re_next iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
pre.hover-mask {
  width: 100%;
  height: 100%;
  top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
  position: absolute;
  background: rgba(0,0,0,.6);
  opacity: 0;
  display: block;
  align-items: center;
  text-align: center;
  transition:all .6s ease;
}
pre.hover-mask .top_text01 {
  height: 100%;
   -webkit-transform: translate(0%, 45%);
   transform: translate(0%, 45%);
  color: #fff;
  font-size:4.7rem;
  line-height: 50%;
  text-align: center;
}
pre.hover-mask .top_text02 {
  height: 100%;
   -webkit-transform: translate(0%, 50%);
   transform: translate(0%, 50%);
  color: #fff;
  font-size:4.7rem;
  line-height: 50%;
  text-align: center;
}
pre.hover-mask span{
  font-size:2.5rem;
}

.video_re_next:hover .hover-mask {
        opacity:1;
        padding-bottom: 30px;
    }
.m_overimg2 {
        -moz-transition: -moz-transform 0.3s linear;
        -webkit-transition: -webkit-transform 0.3s linear;
        -o-transition: -o-transform 0.3s linear;
        -ms-transition: -ms-transform 0.3s linear;
        transition: transform 0.3s linear;
    	overflow: hidden;
    	display:block;
    }
.video_re_next:hover .m_overimg2 {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
/*! ここまで */



.cont001_1 .cont_inner{position: relative; overflow: hidden; text-align: center;}
.cont001_1 .cont_inner:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../_images/videos/vol01_2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.cont001_1 .cont_inner:hover:after{
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
.movie_full iframe {
  box-sizing: border-box;
  height: 100vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vh;
}
.cont_flex{z-index: 1; position: relative;}
.cont_flex{ max-width:1024px; padding:0 10px; margin:0 auto; display: flex; justify-content: flex-end; align-items:center;; min-height:640px;}
.cont_flex .box{ max-width:1160px;}
.cont_flex .box .txt1{ font-size:4.7rem; position: relative;}

.cont001_2{padding:10px 0 100px; background:rgba(0,0,0,0.8);}
.cont001_2 .co_inner{ max-width:1280px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.sc_box{width:100%; margin-bottom:150px; display:block;}
.sc_cell{display:block; vertical-align:middle; width:100%; overflow:hidden;}
.sc_cell img{ vertical-align:bottom;}
.sc_cell .sc_txtbox h3{font-size:2rem; margin-top:10px;}
.sc_cell .sc_txtbox .sctxt0{ font-size:2rem; margin-top:2px;}
.sc_cell .sc_txtbox .sctxt00{ font-size:1.5rem; margin-top:1px;}
.sc_cell .sc_txtbox .sctxt4{ font-size:2rem; margin-top:2px;color: #6b6b6b;}
.cont001_2 .btn2 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 320px;position: relative;}
.cont001_2 .btn2 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_2 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 320px;position: relative;}
.cont001_2 .btn2 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_2 a{ display:block;}
.sc_cell img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.sc_cell img:hover {transform: scale(1.05, 1.05);}
.sc_box{width:100%; margin-bottom:100px; display:block;}
.sc_box_video{display: flex; flex-wrap:wrap;justify-content: space-between; width: 100%}
.sc_cell{display:block; vertical-align:middle; width:100%; overflow:hidden;}
.sc_cell img{ vertical-align:bottom;}
.sc_cell .sc_txtbox .h3{font-size:2rem; margin-top:4rem;}
.sc_cell .sc_txtbox .h4{font-size:2rem; margin-top:5rem;}
.sc_cell .sc_txtbox .h5{font-size:3rem; font-weight: 400; margin-top:4rem; color:#d2d3dc;}
.sc_cell .sc_txtbox .sctxt1{ font-size:1.5rem; margin-top:1.5rem;}
.sc_cell .sc_txtbox .sctxt2{ font-size:1.8rem; margin-top:1.5rem;}
.sc_cell .sc_txtbox .sctxt3{ font-size:1.5rem; margin-top:2rem;}
.sc_cell .sc_txtbox .sctxt1 span{ text-decoration: underline;}

.cont001_3{padding:10px 0 10px; background:rgba(0,0,0,0.8);}
.cont001_3 .co_inner{ max-width:1280px; margin:0 auto; padding:0 10px; box-sizing:border-box; display: flex; justify-content:space-between;}
.cont001_3 .co_inner .h3{
	font-size: 3rem;
	font-weight: 400;
  color:#d2d3dc;
}
.cont001_3 .co_inner .h9{
	font-size: 3.2rem;
	font-weight: 400;
  color:#d2d3dc;
  border-bottom: solid 1px #d2d3dc;
  margin: 50px auto;
  text-align: center;
}
.cont001_3 .co_inner .h8{
	font-size: 2.4rem;
	font-weight: 400;
  color:#d2d3dc;
  border-bottom: solid 1px #d2d3dc;
  margin: 50px auto;
  text-align: center;
}
.cont001_3 .co_inner .h99{
	font-size: 2.5rem;
	font-weight: 400;
  color:#d2d3dc;
  margin: 50px 10px auto;
  text-align: center;
}
.cont001_3 a{ display:block;}
.cont001_3 .btn2 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 280px;position: relative;}
.cont001_3 .btn2 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_3 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 280px;position: relative;}
.cont001_3 .btn2 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_3 .btn3 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_3 .btn3 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_3 .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_3 .btn3 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_sp .btn3 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_sp .btn3 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_sp .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_sp .btn3 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001 .btn3 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001 .btn3 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001 .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001 .btn3 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_3 .btn4 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 500px;width: 30vw; position: relative;}
.cont001_3 .btn4 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}
.btn4 { /*コレ*/display: flex;
  /*コレ*/align-items: center;
  /*コレ*/justify-content: center;}

.cont001_3 .btn4 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 500px;width: 30vw;position: relative;}
.cont001_3 .btn4 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_6{padding:10px 0 10px; background:rgba(0,0,0,0.8);}
.cont001_6 .co_inner{ max-width:1280px; margin:0 auto; padding:0 10px; box-sizing:border-box; display: flex; justify-content:space-between;}
.cont001_6 .co_inner .h2{
	font-size: 4rem;
	font-weight: 600;
  color:#d2d3dc;
}
.cont001_6 .co_inner .h2{
	font-size: 4rem;
	font-weight: 600;
  color:#d2d3dc;
}
.cont001_6 .co_inner .h3{
	font-size: 4rem;
	font-weight: 600;
  color:#d2d3dc;
}
.cont001_6 .co_inner .h3 span{ font-size:2rem; color:#868686;  vertical-align:middle;}
.cont001_6 a{ display:block;}
.cont001_6 .btn2 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#00fd2f;font-size:2rem;border: solid 1px #00fd2f;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 280px;position: relative;}
.cont001_6 .btn2 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #00fd2f; /* 矢印の太さの指定 */
  border-left: 2px solid #00fd2f; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_6 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #00fd2f;border: solid 1px #00fd2f;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 280px;position: relative;}
.cont001_6 .btn2 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}
.cont001_6 .btn3 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#868686;font-size:2rem;border: solid 1px #868686;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_6 .btn3 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #868686; /* 矢印の太さの指定 */
  border-left: 2px solid #868686; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}

.cont001_6 .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: left;max-width: 230px;position: relative;}
.cont001_6 .btn3 div:hover::after{
  border-top: 2px solid #000; /* 矢印の太さの指定 */
  border-left: 2px solid #000; /* 矢印の太さの指定 */
}


.sc_cell img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.sc_cell img:hover {transform: scale(1.05, 1.05);}

.cont001_4{padding:0px 0 140px;background:rgba(0,0,0,0.8);}
.cont001_4 .co_inner{ max-width:1119px; margin:0 auto; padding:0 10px; box-sizing:border-box}
.cont001_4 .co_inner h2{ font-size:3rem; color:#fff;}
.cont001_4 .co_inner h2 span{ font-size:2rem; color:#fff;}
.cont001_4 .co_inner .txt2{ font-size:1.8rem; color:#a3a3a3; margin-top:10px;}
.cont001_4 .cont_bg{padding-top:50px;}
.cont001_4 .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:262px;}
.cont001_4 .cont_inner::before{display: block; width: 100%; height: 100%; content: " "; position: absolute; background: url(../_images/videos/bnr2.png); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; opacity: 0.1; transition:all 1.0s;-webkit-transition:all 1.0s;}
.cont001_4 .cont_inner:hover:before{opacity: 0.3;}
.cont001_4 .cont_inner .cont_inner_bg{ padding:27px 40px;}
.cont001_4 .cont_flex {max-width: 100%; min-height: 262px;}
.cont001_4 .co_inner .bnmt div{ text-align:right; margin-top:100px;}
.movie-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;background-color: #000;}
.movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movie-wrap2 {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;background-color: #000;}
.movie-wrap2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cont001_5 { padding-bottom: 150px;background:rgba(0,0,0,0.8);}
.movie-wrap3 {position: relative; padding-bottom: 66.7264%; height: 0; overflow: hidden;background-color: #000;}
.movie-wrap3 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cont001_5 .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:400px;}
.cont001_5 .cont_inner:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background-color: #rgba(0, 0, 0, 0);
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.cont001_5 .cont_inner:hover:after{
-moz-transform: scale(1.07);
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
}
.cont001_5 .btn2 div{transition-duration: 0.5s; transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 0em 0;padding: 0.5em 2em;text-align: left;max-width: 220px;position: relative;}
.cont001_5 .btn2 div::after{
  content: '';
  display: block;
  width: 8px; /* 矢印の大きさの指定 */
  height: 8px; /* 矢印の大きさの指定 */
  border-top: 2px solid #fff; /* 矢印の太さの指定 */
  border-left: 2px solid #fff; /* 矢印の太さの指定 */
  transform: translateY(-50%) rotate(135deg);
  position: absolute; /* 矢印の位置の指定 */
  top: 50%;
  right: 20px;
}
.cont001_top{padding:0px 0 140px;}
.cont001_top .co_inner{ max-width:1119px; margin:0 auto; padding:0 10px; box-sizing:border-box}
.cont001_top .co_inner h2{ font-size:3rem; color:#fff;}
.cont001_top .co_inner h2 span{ font-size:2rem; color:#fff;}
.cont001_top .co_inner .txt2{ font-size:1.8rem; color:#a3a3a3; margin-top:10px;}
.cont001_top .cont_bg{padding-top:50px;}
.cont001_top .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:262px;}
.cont001_top .cont_inner::before{display: block; width: 100%; height: 100%; content: " "; position: absolute; background: url(../_images/videos/bnr2.png); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; opacity: 0.1; transition:all 1.0s;-webkit-transition:all 1.0s;}
.cont001_top .cont_inner:hover:before{opacity: 0.3;}
.cont001_top .cont_inner .cont_inner_bg{ padding:27px 40px;}
.cont001_top .cont_flex {max-width: 100%; min-height: 262px;}
.cont001_top .co_inner .bnmt div{ text-align:right; margin-top:100px;}

.movie_full iframe {
box-sizing: border-box;
height: 100vw;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100vh;
}
.cont_flex{z-index: 1; position: relative;}
.cont_flex{ max-width:1024px; padding:0 10px; margin:0 auto; display: flex; justify-content: center; align-items:center; min-height:550px;}
.cont_flex .box{ max-width:1160px;text-align: center;}
.cont_flex .box .txt1{ font-size:4.7rem; position: relative;line-height: 50%;}
.cont_flex .box .txt1 span{ font-size:2.5rem;}


.sc_none{animation: hide 0.5s linear 0s; animation-fill-mode: forwards;}
@keyframes hide{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display:none;
  }
}

/*****vol2******/

.cont002_1 .cont_inner{position: relative; overflow: hidden; text-align: center;}
.cont002_1 .cont_inner:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.cont002_1 .cont_inner:hover:after{
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
.cont002_1 .cont_innerbd{position: relative; overflow: hidden; text-align: center;}
.cont002_1 .cont_innerbd:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(135deg, #f7f7f8, #dcdbe0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.cont002_1 .cont_innerbd:hover:after{
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
.cont_flex_vol2{z-index: 1; position: relative;}
.cont_flex_vol2{ max-width:1024px; padding:0 10px; margin:0 auto; display: flex; justify-content: center; align-items:center; margin-top: 30px; margin-bottom: 30px;}
.cont_flex_vol2 .box{ max-width:1160px;text-align: center;}
.cont_flex_vol2 .box .txt1{ font-size:4.7rem; position: relative;line-height: 50%;}
.cont_flex_vol2 .box .txt1 span{ font-size:2.5rem;}

/* SNSボタンを追加　*/
.f_box_info{ float:left;margin-top: 15px}
.cont001_6 .f_box_info{ float:left; margin-top: 0px}
.f_box_info p{ font-size:2rem; margin-top:-6px; margin-right:0px;}
.f_box_info .snsbtn{ margin-top:10px;}
.f_box_info .snsbtn li{ float:left; padding-right:20px;}
.f_box_info .snsbtn li:last-child{padding-right:0px;}
.f_box_info .ftxt{margin-top:20px;}
.f_box_info .ftxt a{ color:#fff; font-size:1.4rem;margin-right:40px;}

/*! 埋め込み動画をレスポンシブ対応させる */
.video_re {width:48.5%; margin-bottom:50px; display:block;}
.video_re li{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video_re iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_re_big {width:100%; margin-bottom:100px; display:block;}
.video_re_big li{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video_re_big iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_re_onde {width:100%; margin-bottom:0px; display:block;}
.video_re_onde li{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video_re_onde iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ギャラリーコンテンツ */

.cont_gallery{
	padding: 10px 0 150px;
    background: rgba(0,0,0,0.8);
}
.cont_gallery .co_inner{
	max-width: 1280px;
	width: 85%;
	padding: 0 10px;
    margin: 0 auto;
    padding: 0;
}
.cont_gallery .co_inner .h3{
	font-size: 4rem;
	font-weight: 400;
  color:#d2d3dc;
}
.cont_gallery .co_inner .list{
	display: flex;
	flex-wrap: wrap;
}
.cont_gallery .co_inner .list li{
	width: 31.5%;
	margin-right: 2.75%;
	margin-bottom: 3%;
}
.cont_gallery .co_inner .list li:nth-child(2n){
		margin-right: 2.75%;
	}
@media screen and (min-width: 1025px) {
	.cont_gallery .co_inner .list li:nth-child(3n){
		margin-right: 0;
	}
}

@media screen and (max-width: 1024px) {
	.cont_gallery .co_inner .list li{
		width: 48%;
		margin-bottom: 4%;
		margin-right:4%
	}
	.cont_gallery .co_inner .list li:nth-child(2n){
		margin-right: 0;
	}
.cont001_sp{background:rgba(0,0,0,0.8);padding-bottom: 50vw;}
.cont001_sp .h9{  font-size: 3rem; margin: 20px auto; font-weight: 400; color:#d2d3dc; border-bottom: solid 1px #d2d3dc; text-align: center; padding-top: 50px}
.cont001_sp .co_inner{ max-width:85%; margin:0 auto; padding:0;border-bottom: solid 1px #d2d3dc;padding-bottom: 8vw;}
.cont001_3 .btn4 div{width: 100vw;}
.cont001_3 .btn4 div:hover{width: 100vw;}

}

@media screen and (max-width: 699px) {
  .cont001_sp{padding-bottom: 60vw;}
  .cont001_3 .co_inner .h3{
    font-size: 2rem;
  }
  .cont001_3 .co_inner .h9{
    font-size: 3rem;
    margin: 20px auto;
  }
  .cont001_3 .co_inner .h8{
    font-size: 2.5rem;
    margin: 20px auto;
  }
  .cont001_3 .co_inner .h99{
    font-size: 2rem;
    margin: 15px 5px auto;
  }
  .cont001_6 .co_inner .h2{
    font-size: 4rem;
  }
  .cont001_6 .co_inner .h3{
    font-size: 4rem;
  }
	.cont_gallery .co_inner .list li{
		width: 100%;
		margin: 0 0 4%;
	}
  .cont_gallery .co_inner .h3{
  	font-size: 2rem;
  }

}


@media screen and (max-width: 1440px) {

  .cont001_2 .co_inner{ max-width:85%; margin:0 auto; padding:0;}

  .cont001_3 .co_inner{ max-width:85%; margin:0 auto; padding:0; display: flex;}

  .cont001 .co_inner{ max-width:85%; margin:0 auto; padding:0;}

  .cont001_6 .co_inner{ max-width:85%; margin:0 auto; padding:0; display: flex;}

  .cont001_4 .co_inner{ max-width:85%; margin:0 auto; padding:0px;}

  .cont001_top .co_inner{ max-width:85%; margin:0 auto; padding:0px;}

}

@media screen and (max-width: 1150px) {
.cont001_1 a{min-height:550px;}
.cont001_1{min-height:550px;}
.cont002_1 a{min-height:550px;}
.cont002_1{min-height:550px;}
.cont_flex{ min-height:550px;}

}

@media screen and (max-width: 1024px) {
.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.none{display:block;}
.br2{display:block; text-align:center;}
#sc{ display:none;}

/*ハンバーガーメニュー*/
.hr #nav .header_list {margin: 40px auto; padding: 20px 0 20px 20px; display:block; max-width:1000px;}
.hr #nav .header_list li a {padding: 20px 0; font-size:3rem;}
.head{ padding:0;}
.head .hr{ right: -10px; top: -5px;}
.head .hl{ padding:0px; width:24.1%}
.head .hl h1 {width: 100%; padding: 0;}
.head .hl h7 {width: 100%; padding: 0;}
.head .hl h1 img{ display:block;}
.head .hl ul{ margin-top:0px;}
.head .hl ul li{ font-size:1.1rem; color:#000; line-height:130%;}
.menubtn {position: absolute; top: 30px; right: 30px; width: 20px; height: 16px; z-index: 10; background:none; border:none; cursor:pointer;}
.menubtn span:nth-of-type(1) {top: 0px;}
.menubtn span:nth-of-type(2) {top: 7px;}
.menubtn span:nth-of-type(3) {bottom: 0px;}
.menubtn.active{height: 22px;}

.hr #nav .header_list {margin: 40px auto; padding: 20px 0 20px 40px; display:block; max-width:1000px; overflow: auto; max-height: 80%;}
.hr #nav .header_list li a {display:inline-block; padding: 25px 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-align: left; text-decoration: none; color: #fff; font-size:2.6rem; font-weight:400;}
.hr #nav .menu_logo.disp_pc{display:none;}
.hr #nav .menu_logo{padding:0px; width:24.1%}
.hr #nav .menu_logo p{ width:100%;}
.hr #nav .menu_logo ul{ margin:0px; padding:0;}
.hr #nav .menu_logo ul li{ font-size:1.1rem; color:#000; line-height:130%;}
.active .te{width: 40px; height: 40px; background: #fff; border-radius: 20px; margin-left: -10px; margin-top: -10px;}
.active .te span {background-color: #000;}

/*cont1*/
.cont1{max-width:90%; padding:0; margin:0 auto;}
.cont1 h2{ padding-top:140px;font-size:2.6rem; color:#fff;}
.cont1 h3{ font-size:2rem; color:#fff;padding-top:40px;}
/*cont2*/
.cont2{max-width:90%; padding:0; margin:0 auto;}
.cont2 h2{ padding-top:100px;font-size:2.6rem; color:#fff;}
.cont2 h2 a{ font-size:2.6rem; color:#fff;}
.cont2 h2 span{ font-size:1.5rem; color:#fff;}

/*cont3*/
.cont3 .cont_bg{ padding:80px 0 70px;}
.cont3 .cont_inner{ max-width:90%; padding:0px; margin:0 auto;}
/*form部分流用*/
.top #Sec05 .inner .heading {font-size: 2.6rem;}
.top #Sec05 {position: relative; overflow: hidden; z-index: 2; }
.top #Sec05 .inner .fl{ float:none; width:100%; margin-bottom:40px;}
.top #Sec05 .inner .fl p{font-size: 1.2rem; margin-top:1rem;}
.top #Sec05 .inner .formBox {float:none; width:100%;}
.top #Sec05 .inner .btnBox {margin-top: 25px;}
.top #Sec05 .inner .formBox input {padding-top: 10px; padding-bottom: 10px; font-size:1.5rem;}
.top #Sec05 .inner .formBox textarea {width: 100%; height: 130px; box-sizing: border-box; font-size:1.5rem;}
.top #Sec05 .inner .formBox .nameBox .name{ font-size:1.4rem;}

/*footer*/
.foot{ padding-top:0px;}
.foot_cont .top{ position:absolute; right:20px; bottom:20px;}
.foot_inner{ padding:30px 0px 30px; max-width:90%; margin:0 auto;}
.f_box{ float:none; margin-right:0px; margin-top:15px;}
.f_box p{ font-size:1.1rem;}
.f_box .snsbtn{ margin-top:10px;}
.f_box .snsbtn img{ width:15px;}
.f_box .ftxt{margin-top:10px;}
.f_box .ftxt a {font-size: 1.1rem;}
.foot_cont .top img{width:25px;}
.cp {padding-top: 40px;}


/*****vol1******/
.embed-container2 { top: 24.1vw;}
.embed-container_fix { top: 24.1vw;}
.outer{position: relative;}
.inner2_sp .box{width:100%;}
.inner2_sp{position: absolute; width:100%;}
.inner2_sp img{max-width:100%; width:80%;max-width: 550px; margin:8vw auto;opacity: 0;animation: fadeIn 2s ease 2s 1 forwards;}
@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}

.inner3_sp .box{width:100%;}
.inner3_sp{position: absolute; width:100%;}
.inner3_sp img{max-width:100%; width:60%;max-width: 550px; margin:10vw auto;opacity: 0;animation: fadeIn 2s ease 2s 1 forwards;}
@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}



.cont001_1 .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:300px;}
.cont001_1 a{ display:block; min-height:auto; cursor:pointer;}
.cont001_1{position: relative; overflow: hidden; text-align: center; min-height:auto;}
.movie_full iframe {
  box-sizing: border-box;
  height: 100vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vh;
}

.cont001 .co_inner{ max-width:85%; margin:0 auto; padding:0;  display: block;border-bottom: solid 1px #d2d3dc;padding-bottom: 50px;}
.cont001_2{background:rgba(0,0,0,0.8); padding:20px 0 100px;}
.cont001_2 .co_inner{ max-width:85%; margin:0 auto; padding:0;}

.cont001_3{background:rgba(0,0,0,0.8); padding:1px 0 20px;}
.cont001_3 .co_inner{ max-width:85%; margin:0 auto; padding:0;  display: block;}
.cont001_6{background:rgba(0,0,0,0.8); padding:1px 0 20px;}
.cont001_6 .co_inner{ max-width:85%; margin:0 auto; padding:0;  display: block;}
.sc_box{ margin-bottom:50px;}


.cont001_4{padding:20px 0 70px;background:rgba(0,0,0,0.8);}
.cont001_4 .co_inner{ max-width:85%; margin:0 auto; padding:0px;}

.cont001_top{padding:20px 0 70px;}
.cont001_top .co_inner{ max-width:85%; margin:0 auto; padding:0px;}

/*****vol2******/

.cont002_1 .cont_inner{position: relative; overflow: hidden; text-align: center;}
.cont002_1 .cont_innerbd{position: relative; overflow: hidden; text-align: center;}
.cont002_1 a{ display:block; min-height:auto; cursor:pointer;}
.cont002_1{position: relative; overflow: hidden; text-align: center; min-height:auto;}

/*! 埋め込み動画をレスポンシブ対応させる */
.video_re {width:100%; margin-bottom:50px; display:block;}
.video_re_big {width:100%; margin-bottom:50px; display:block;}
.video_re_onde {width:100%; margin-bottom:0px; display:block;}

}


@media screen and (max-width: 699px) {


.cont001_0 h2{font-size:2rem; padding-top:8%; color:#d2d3dc; padding-bottom:2%;padding-left: 7.5vw}
.cont001_00 h2{font-size:2rem; padding-top:8%; color:#d2d3dc; padding-bottom:2%;padding-left: 7.5vw}

.cont001_1 .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:300px;}
.cont001_1 a{ display:block; min-height:auto; cursor:pointer;}
.cont001_1{position: relative; overflow: hidden; text-align: center; min-height:auto;}
.movie_full iframe {
  box-sizing: border-box;
  height: 100vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vh;
}
.cont_flex{ min-height:300px;}
.cont_flex{z-index: 1; position: relative;}
.cont_flex{ max-width:90%; padding:0 10px; margin:0 auto; display: flex;}
.cont_flex .box{ max-width:100%;}

.cont001_2{background:rgba(0,0,0,0.8); padding:20px 0 70px;}
.cont001_2 .co_inner{ max-width:85%; margin:0 auto; padding:0;}
.cont001_2 .co_inner h2{ font-size:2.0rem; color:#d2d3dc; margin-bottom:25px;}

.sc_box{ width:100%; margin-bottom:50px; display:block;}
.sc_cell{display:block; vertical-align:middle; width:100%;}
.sc_cell img{ vertical-align:bottom; width:100%;}
.sc_cell .sc_txtbox{ padding:15px 0;}
.sc_cell .sc_txtbox .h2{font-size:1.7rem; margin-top:-5px;}
.sc_cell .sc_txtbox .h3{font-size:2rem; margin-top:-5px;}
.sc_cell .sc_txtbox .h4{font-size:1.7rem; margin-top:3rem;}
.sc_cell .sc_txtbox .h5{font-size:2rem; margin-top:-5px;}
.sc_cell .sc_txtbox .sctxt0{ font-size:1.4rem; margin-top:1px;}
.sc_cell .sc_txtbox .sctxt00{ font-size:1rem; margin-top:1px;}
.sc_cell .sc_txtbox .sctxt4{ font-size:1.4rem; margin-top:1px;color: #6b6b6b;}


.cont001_3{background:rgba(0,0,0,0.8); padding:1px 0 20px;}
.cont001_3 .co_inner{ max-width:85%; margin:0 auto; padding:0;}
.cont001_3 .co_inner h2{ font-size:2.0rem; color:#d2d3dc; margin-bottom:25px;}
.cont001_6{background:rgba(0,0,0,0.8); padding:1px 0 0px;}
.cont001_6 .co_inner{ max-width:85%; margin:0 auto; padding:0;}
.cont001_6 .co_inner h2{ font-size:2.0rem; color:#d2d3dc; margin-bottom:25px;}
.sc_box{ width:100%; margin-bottom:30px; display:block;}

.sc_cell{display:block; vertical-align:middle; width:100%;}
.sc_cell img{ vertical-align:bottom; width:100%;}
.sc_cell .sc_txtbox{ padding:15px 0;}
.sc_cell .sc_txtbox h3{font-size:1.7rem; margin-top:-5px;}
.sc_cell .sc_txtbox .sctxt1{ font-size:1.4rem; margin-top:1rem;}
.sc_cell .sc_txtbox .sctxt2{ font-size:1.4rem; margin-top:2rem;}
.sc_cell .sc_txtbox .sctxt3{ font-size:1.4rem; margin-top:2rem;}


.cont001_4{padding:20px 0 70px;background:rgba(0,0,0,0.8);}
.cont001_4 .co_inner{ max-width:85%; margin:0 auto; padding:0px;}
.cont001_4 .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:auto;}
.cont001_4 .cont_inner::before{display: block; width: 100%; height: 100%; content: " "; position: absolute; background: url(../_images/videos/sp_bnr2.png); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; opacity: 0.1;}
.cont001_4 .cont_inner:hover:before{opacity: 0.3; transition:all 1s ease-out; -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -ms-transition:all 1s ease-out;}
.cont001_4 .cont_inner .cont_inner_bg{ padding:25px;}

.cont001_4 .cont_flex {max-width: 100%; display: block;}
.cont001_4 .cont_flex .box h2{ font-size:3.6rem; margin-top: 0rem;}
.cont001_4 .co_inner .bnmt div{ text-align:right; margin-top:40%;}
.cont001_4 .co_inner h2{ font-size:2rem;}
.cont001_4 .co_inner h2 span{ font-size:1.2rem;}

.cont001_top{padding:20px 0 70px;background:}
.cont001_top .co_inner{ max-width:85%; margin:0 auto; padding:0px;}
.cont001_top .cont_inner{position: relative; overflow: hidden; text-align: center; min-height:auto;}
.cont001_top .cont_inner::before{display: block; width: 100%; height: 100%; content: " "; position: absolute; background: url(../_images/videos/sp_bnr2.png); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; opacity: 0.1;}
.cont001_top .cont_inner:hover:before{opacity: 0.3; transition:all 1s ease-out; -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -ms-transition:all 1s ease-out;}
.cont001_top .cont_inner .cont_inner_bg{ padding:25px;}

.cont001_top .cont_flex {max-width: 100%; display: block;}
.cont001_top .cont_flex .box h2{ font-size:3.6rem; margin-top: 0rem;}
.cont001_top .co_inner .bnmt div{ text-align:right; margin-top:40%;}
.cont001_top .co_inner h2{ font-size:2rem;}
.cont001_top .co_inner h2 span{ font-size:1.2rem;}

.cont001_5 a{ display:block; min-height:auto; cursor:pointer;}
.cont001_5{position: relative; overflow: hidden; text-align: center; min-height:auto;background:rgba(0,0,0,0.8); padding:1px 0 70px;}
.movie_full iframe {
box-sizing: border-box;
height: 100vw;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100vh;
}

.movie-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;background-color: #000;}	.movie-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;background-color: #000;}
.movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	.movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movie-wrap2 {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;background-color: #000;}
.movie-wrap2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.cont002_1 .cont_inner{position: relative; overflow: hidden; text-align: center;}
.cont002_1 .cont_innerbd{position: relative; overflow: hidden; text-align: center;}
.cont002_1 a{ display:block; min-height:auto; cursor:pointer;}
.cont002_1{position: relative; overflow: hidden; text-align: center; min-height:auto;}

.cont_flex_vol2{z-index: 1; position: relative;}
.cont_flex_vol2{ max-width:90%; padding:0 10px; margin:0 auto; display: flex; margin-top: 20px; margin-bottom: 20px;}
.cont_flex_vol2 .box{ max-width:100%;}
/* SNSボタンを追加　*/
.f_box_info{ float:none; margin-right:0px; margin-top:15px;}
.cont001_6 .f_box_info{ float:none; margin-right:0px; margin-top:0px;}
.f_box_info p{ font-size:1.4rem; margin-top:0px; margin-right:-5px;}
.f_box_info .snsbtn li{  padding-right:15px;}
.f_box_info .snsbtn{ margin-top:10px;}
.cont001_6 .f_box_info .snsbtn{ margin-top:0px;}
.f_box_info .snsbtn img{ width:15px;}
.f_box_info .ftxt{margin-top:10px;}
.f_box_info .ftxt a {font-size: 1.1rem;}

}

@media screen and (max-width: 699px) {
	.inner2_sp img{max-width:100%; width:70%; margin:45px auto 0;}
  .inner3_sp img{max-width:100%; width:70%; margin:10vw auto 0;}
  .cont001_2 .btn2 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_2 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn2 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn3 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_sp .btn3 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_sp .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn4 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_3 .btn4 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}

  .cont001_6 .btn2 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#00fd2f;font-size:2rem;border: solid 1px #00fd2f;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_6 .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #00fd2f;border: solid 1px #00fd2f;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_6 .btn3 div{
    transition-duration: 0.5s;
    transition-property:all;
      cursor:pointer; color:#868686;font-size:2rem;border: solid 1px #868686;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont001_6 .btn3 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 1024px;}
  .cont_flex .box .txt1{ font-size:2.5rem; position: relative;  padding-top:45%; padding-bottom:0;line-height: 60%;}
  .cont_flex .box .txt1 span{ font-size:1.8rem;}
  .cont001_5 .btn2 div + * {
     clear: both;;
  }
  .cont_flex_vol2 .box .txt1{ font-size:2.5rem; position: relative;  padding-top:45%; padding-bottom:0;line-height: 60%;}
  .cont_flex_vol2 .box .txt1 span{ font-size:1.8rem;}
}

@media screen and (max-width: 480px) {
  .cont001_sp{padding-bottom: 70vw;}
	.inner2_sp img{max-width:100%; width:85%; margin:45px auto 0;}
  .inner3_sp img{max-width:100%; width:85%; margin:12vw auto 0;}
}
@media screen and (max-width: 350px) {
	.inner2_sp img{max-width:100%; width:85%; margin:20px auto 0;}
  .cont_flex .box .txt1{ font-size:1.8rem;line-height: 70%;}
  .cont_flex .box .txt1 span{ font-size:1.6rem;line-height: 110%;}
  .cont_flex_vol2 .box .txt1{ font-size:1.8rem;line-height: 70%;}
  .cont_flex_vol2 .box .txt1 span{ font-size:1.6rem;line-height: 110%;}

}

@media screen and (max-width: 896px) and (orientation: landscape){
	.inner2_sp img{max-width:100%; width:auto; height:250px; margin:0px auto 0;}
  .inner _sp img{max-width:100%; width:auto; height:250px; margin:0px auto 0;}
}

@media all and (-ms-high-contrast: none) {
  .cont_flex{ height:646px;}
  .cont2 .cont_inner{ height:646px;}
  .cont001_4 .cont_flex{height:335px;}
  .cont001_top .cont_flex{height:335px;}
  .sc_box{table-layout: fixed;}
}



@media screen and (max-width: 1440px) {

.topvideos_cont .top_co_inner{ max-width:85%; margin:0 auto; padding:0; display: flex;}
.topvideo_ttl h2{ max-width:85%;}
pre.hover-mask .top_text01 {
  font-size:4.7rem;
}
pre.hover-mask span{
  font-size:2.5rem;
}
.topvideos_cont .btn2 div{
}

@media screen and (max-width: 1280px) {

pre.hover-mask .top_text01 {
  font-size:4rem;
}
pre.hover-mask span{
  font-size:2.3rem;
}
}

@media screen and (max-width: 1024px) {
/*! 埋め込み動画をレスポンシブ対応させる */
.topvideos_cont .top_co_logo{ max-width:35%;}
.video_re_archive {width:100%; margin-bottom:50px; display:block;}
.video_re_next {width:100%; margin-bottom:50px; display:block;}

pre.hover-mask span{
  font-size:2rem;
}
.topvideos_cont .btn2 div{
  transition-duration: 0.5s;
  transition-property:all;
    cursor:pointer; color:#fff;font-size:2rem;border: solid 1px #ffffff;margin: 1em 0;padding: 0.5em 2em;text-align: center;max-width: 40%;}
}
pre.hover-mask .top_text01 {
  font-size:3.5rem;
　-webkit-transform: translate(0%, 35%);
  transform: translate(0%, 35%);
}
pre.hover-mask .top_text02 {
  font-size:3.5rem;
}

@media screen and (max-width: 768px) {


.head{ height: 20vw}
.topvideos_cont .top_co_logo{ max-width:45%; padding:10vw 0px 5vw 0px;}

pre.hover-mask {
    opacity: 0;
    background: rgba(0,0,0,.3);
}
.video_re_next:hover .hover-mask {
  background: rgba(0,0,0,.6);

    }
pre.hover-mask .top_text01 {
  font-size:3rem;
  -webkit-transform: translate(0%, 30%);
  transform: translate(0%, 30%);
}
pre.hover-mask span{
  font-size:1.8rem;
}
.topvideos_cont .top_co_inner{ max-width:85%; margin:0 auto; padding:0;  display: block;}
.topvideos_cont h1{font-size:3rem; text-align:center;; color:#d2d3dc;padding:50px 0px 30px 0px;}
.ondevideos_cont h1{font-size:3rem; text-align:center;; color:#d2d3dc;padding:0px 24.1% 30px 0px;}
.topvideos_cont .btn2 div:hover{cursor:pointer; color:#000;font-size:2rem;background-color: #ffffff;border: solid 1px #000;margin: 1em 0;padding: 0.5em 2em;text-align: center;}
}

@media screen and (max-width: 699px) {
.head{ height: 18vw}
.ondevideos_cont h1{font-size:2.5rem;}
.topvideo_ttl h2{font-size:2rem; padding-top:8%; color:#d2d3dc; padding-bottom:2%;padding-left: 7.5vw;max-width:100%;}
.topvideos_cont .top_co_inner .h3{
  font-size: 2rem;
}
pre.hover-mask .top_text01 {
  font-size:2.5rem;
}
pre.hover-mask .top_text02 {
  font-size:2.5rem;
　-webkit-transform: translate(0%, 45%);
  transform: translate(0%, 45%);
}
pre.hover-mask span{
  font-size:1.5rem;
}
.topvideos_cont .top_co_inner{ max-width:85%; margin:0 auto; padding:0;  display: block;}
.topvideos_cont .btn2 div:hover{font-size:1.5rem;padding: 0.4em 3em;}
.topvideos_cont .btn2 div{
  font-size:1.5rem;
  padding: 0.4em 3em;
}
}
@media screen and (max-width: 499px) {

.head{ height: 16vw}
.ondevideos_cont h1{font-size:2.2rem;}
pre.hover-mask .top_text01 {
  font-size:2rem;
    -webkit-transform: translate(0%, 5vw);
  transform: translate(0%, 5vw);
}
pre.hover-mask span{
  font-size:1.5rem;
  line-height: 5vw
}
.topvideos_cont .btn2 div:hover{font-size:1.5rem;margin: 1em 0;padding: 0.5em 3em;}
.topvideos_cont .btn2 div{font-size:1.5rem;margin: 1em 0;padding: 0.5em 3em;max-width:50%;}
}
@media screen and (max-width: 399px) {

pre.hover-mask .top_text01 {
  padding: 10px;
  -webkit-transform: translate(0%, 0vw);
  transform: translate(0%, 0vw);
}
pre.hover-mask .top_text02 {
  font-size:2rem;
　-webkit-transform: translate(0%, 40%);
  transform: translate(0%, 40%);
}
}