@charset "UTF-8";*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}html{overflow-y: scroll; scroll-behavior: smooth;}img{max-width: 100%; height: auto; border: none; vertical-align: bottom;}body{width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #222; -moz-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; background-image: url(../images/bg.png); background-size: contain; background-repeat: repeat; overflow: hidden; overflow-y: hidden;}main{font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; font-size: 1.4rem; line-height: 1.7;}.blinking{animation:blink 1s ease-in-out infinite alternate;}.bgSquare{background: url(../images/bg_square.png);}.bg_w{background: url(../images/bg.png);}.bg_b{background: #c8eff3;}.bg_black{background: url(../images/bg_black.png);}.headerTimer{width: 100%; margin: 0 auto; padding: 1.5%; color: #fff; font-size: 1.5em; line-height: 1.3; text-align: center; font-weight: bold; background-color: #c40b0b; position: fixed; top: 0; z-index: 999;}.headerTimer img{width: 500px;}.headerTimer #timer{display: inline-block;}.timerspace{padding-top: 11%;}.clearfix{zoom: 1;}.clearfix:after{content: "";display: block;clear: both;}.nav{opacity: 0;padding: 10px 0px;margin: 0 auto 0px;width: 100%;}.fixed{opacity: 1.0;position: fixed;top: 0;left: 0;width: 100%;}.word{width: 90%; margin: 0 auto;}section.titlebanner{position: relative; margin: 0 auto; padding: 0; width: 100%; height: 450px; text-align: center; background-image: url(../images/header.png); background-color: #97d1d6; background-repeat: no-repeat; background-position: center top; background-size: contain;}section.titlebanner .data{display: block;position: absolute;margin: 0;padding: 0;left: 20%;top: 0%;width: 60%;-ms-transform: translate(0%,0%);-webkit-transform: translate(0%,0%);transform: translate(0%,0%);box-sizing: border-box;}main{width: 900px; margin: 0 auto; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);}.wrap{padding: 5% 4%;}.check{margin: 4% auto; padding: 0;}.check li{padding: 2% 3% 2% 9%; margin-bottom: 3%; background: url(../images/check.png) no-repeat 12px #fff !important; background-size: 50px; font-weight: bold; text-align: left; filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.1)); border: 1px solid #000; box-shadow: 2px 2px 10px 1px #000; list-style: none;}.mainwaku{width: 1024px; margin: 0 auto; box-shadow: 0px 0px 20px rgb(127, 127, 127); background:#fff;}.waku{width: 1024px; margin: 40px auto 0; background:#fff;}.relative1{position: relative;}.absolute1{position: absolute; right: 21.5%; bottom: 18%;}.font_s{font-size: 0.8em;}.font_m{font-size: 1.1em;}.font_l{font-size: 1.2em;}.movie{width:100%; padding-bottom: 56.25%; height:0px; margin: 0px auto; position: relative;}.movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.form{text-align:center;}.form_img{width: 63%;}.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.mt-200{margin-top: -200px;}.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb50{margin-bottom: 50px;}.pt30{padding-top: 30px;}.pt50{padding-top: 50px;}.pm30{padding-bottom: 30px ;}.pb20{padding-bottom: 20px;}.pb50{padding-bottom: 50px;}@media only screen and (max-width: 640px){.bg_w{background-size: cover;}.mt-200{margin-top: -80px;}.form_img{width: 85%;}.ft20{font-size: 17px;}.pt50{padding-top: 30px;}.pm30{padding-bottom: 10px !important;}.pm50{padding-bottom: 20px !important;}.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 20px;}.mt40{margin-top: 10px;}.mt50{margin-top: 30px;}.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 20px;}.mb40{margin-bottom: 20px;}.mb50{margin-bottom: 10px;}.pb50{padding-bottom: 30px;}}.hdrA{max-width: 100%; padding: 5% 0; margin-bottom: 0; background-image: linear-gradient(179deg, rgba(116, 97, 0, 1), rgba(0, 0, 0, 1)); color: #fff; font-weight: bold; font-size: 200%; line-height: 1.4; font-feature-settings: "palt"; letter-spacing: 0.02em; text-align: center; position: relative; margin-top: auto;}.hdrA::after{content: ""; display: block; width: 0; height: 0; border: solid 40px transparent; border-top: solid 30px #000; position: absolute; bottom: -69px; left: 50%; transform: translate(-50%, 0);}.hdrB{max-width: 100%; padding: 5% 0; margin-bottom: 0; background: #c40b0b; color: #fff; font-weight: bold; font-size: 200%; line-height: 1.4; font-feature-settings: "palt"; letter-spacing: 0.02em; text-align: center; position: relative; margin-top: auto;}.hdrB::after{content: ""; display: block; width: 0; height: 0; border: solid 40px transparent; border-top: solid 30px #c40b0b; position: absolute; bottom: -69px; left: 50%; transform: translate(-50%, 0);}h1 .icon{display: block;position: absolute;margin: 0;padding: 5px 15px 20px;left: 50%;top: 0%;width: 100px;-ms-transform: translate(-50%,-90%);-webkit-transform: translate(-50%,-90%);transform: translate(-50%,-90%);box-sizing: border-box;}.centertxt{font-family: 'Noto Sans JP', sans-serif;text-align: center;font-size: 1.7rem;line-height: 3.2rem;color: #131313;}.txtap{-webkit-text-emphasis: dot #0bd;text-emphasis: dot #0bd;}.fv{position: relative;}.fv_btn{position: absolute; bottom:23%; left: 0%; right: 0%; text-align: center; margin: auto; width: 90%;}/****************************** 特典******************************//*present*/.present{background:#feecbc; padding: 0;}.present h2,.present h3{text-align: center; margin: 0;}.whiteBox{background: #fff; padding: 4%; box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2);}#fixedButton{display: none; position: fixed; bottom: 0px; right: 0px; padding: 0; cursor: pointer; transition: opacity 0.5s ease; opacity: 0; z-index: 9999;}#fixedButton.show{display: block; opacity: 1;}#fixedButton img{float: right; width: 90%;}/*benefit*/.benefit{background: url(../images/benefit_bg.jpg); background-size: contain;}.benefit h2{margin-bottom: 8%;}.listbox{background-color: #eee; padding: 0;}.listbox li h3 div{width: 40%; margin: -12% auto 0;} .listbox ul{padding: 0;}.listbox li{list-style: none; align-items: center; border: 1px solid #eee; border-top: solid 6px #bf932a; padding: 2% 4% 2%; margin: auto auto 8%; background: #fff; filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.1));}.listbox li img{width: 100%;}.listbox li h3{text-align: center; font-size: 2rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin: 3% 0;}.cv{background: #fff; padding: 4%; text-align: center;}.btn{width: 70%;margin: 2% auto;}.flex-box{display: flex;}.mv1{opacity: 0; transform : translate(0,70px); transition : 1.2s;}.mv1.scrollin{opacity: 1; transform: translate(0, 0);}a:link, a:visited, a:hover, a:active{text-decoration: none;}.inner{max-width: 100%; overflow: hidden;}.ityped-cursor{font-size: 1em; opacity: 1; -webkit-animation: blink 0.3s infinite; -moz-animation: blink 0.3s infinite; animation: blink 0.3s infinite; animation-direction: alternate;}@keyframes blink{100%{opacity: 0;}}@-webkit-keyframes blink{100%{opacity: 0;}}@-moz-keyframes blink{100%{opacity: 0;}}b{font-weight: 900;font-family: arial;}.secbg_w{background:#fff;}.secbg_g{background: #ebebeb;}.secbg_dg{background: #3e91a3;}.secbg_b{background:#302420;}.secbg_y{background:#f4ea35;}.secbg_lg{background:#f5f5f5;}.secbg_lb{background:#f3fbfa;}.seccom{background-color: #ebebeb;margin: 0 auto;text-align: center;}.main{background-color: #fff;}.com_con{margin: 0 4% 3%;}.txt{margin: 2% 5%;color: #000;font-size: 1.2rem;text-align: center;}.left{text-align: left;}.hidden_box{margin: 0em 0;/*前後の余白*/ padding: 0;}/*ボタン装飾*/.hidden_box label{padding: 15px; font-weight: bold; cursor :pointer;}/*ボタンホバー時*/.hidden_box label:hover{background: none;}/*チェックは見えなくする*/.hidden_box input{display: none;}/*中身を非表示にしておく*/.hidden_box .hidden_show{height: 0; padding: 10px; margin: -2px 54.7% 0 4.8%; overflow: hidden; opacity: 0; transition: 0.8s; color: #000;}/*クリックで中身表示*/.hidden_box input:checked ~ .hidden_show{padding: 10px; margin: -2px 54.7% 0 4.8%; height: auto; opacity: 1; text-align: left; border: 2px solid #f2ab00; border-radius: 0 0 20px 20px; background-color: #fff;}img{margin: 0; padding: 0; vertical-align: middle;}a.btn{position: absolute; left: 0; right: 0; bottom: 0; top: 30rem; margin: auto; width: 80%; display: flex; justify-content: center; align-items: center;}a.btn img:hover{transform: translateY(-10px); transition: all 0.2s;}.float{transition: all 1s;}.is-show{opacity: 1; transform: translateZ(-1px) translateY(0px);}.next_anima{transform: translateZ(1px) translateY(0px);}.my_flash_link_btn{display: inline-block; color: #fff; cursor: pointer; border-radius: 10px; height: 20%; width: 100%; position: relative; overflow: hidden; background-image: url("../images/line_btn.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; /* ボタンをキラッとさせる */}.my_flash_link_btn:hover{transition: all 0.5s; transform: translateY(-10px);}.my_flash_link_btn img{opacity: 0; width: 100%;}.my_flash_link_btn:before{content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%); /* 【変更部分】inifiniteによりずっと続ける */ -webkit-animation: shine 2s infinite; animation: shine 2s infinite;}@-webkit-keyframes shine{50%{left: 100%;} 100%{left: 100%;}}@keyframes shine{50%{left: 100%;} 100%{left: 100%;}}.txt{position: relative; transform: translateZ(1); z-index: 3;}.blue_stretch{height: 100%; transition: all 1s;}.comment{position: relative;}.comm{position: absolute; top: 16%; left: 5%; width: 30%;}.border{padding: 0.1rem; margin: 1rem 0; border-bottom: solid 2px #333;}.border img{width: 65%;}.youtube{position: relative; margin-top: 1rem;}iframe{position: absolute; left: 5%; right: 5%; top: 0; display: block; text-align: center; margin: 0 auto; width: 91%; height: 93%;}.conents{margin: 0px auto; width: 100%; background-color: #fff; color: #333; padding: 0;}.q, .a{position: relative; display: flex; flex-direction: column; background-color: #fff; color: #333; padding: 30px 20px; padding-left: 100px; text-align: left; border: solid 1px #62cfca; font-size: 25px; font-family: 'Sawarabi Gothic', sans-serif; font-weight: 4px;}.q img, .a img{height: 60px; width: 60px; position: absolute; left: 20px; top: 25px;}.a{background-color: #fef8f4; display: none;}.p05{font-size: 0.5em;}.p06{font-size: 0.6em;}.p07{font-size: 0.7em;}.p08{font-size: 0.8em;}.p09{font-size: 0.9em;}.p10{font-size: 1.0em;}.p11{font-size: 1.1em;}.p12{font-size: 1.2em;}.p14{font-size: 1.4em;}.p16{font-size: 1.6em;}.p20{font-size: 2.0em;}.p24{font-size: 2.4em;}.p30{font-size: 3.0em;}.p32{font-size: 3.2em;}.p36{font-size: 3.6em;}.under{text-decoration: underline;}.strong{font-weight: 900;}.center{text-align: center;margin: 0 auto;display: block;}.right{float: right;padding: 10px;}.stepimg_r{float: right;position: relative;display: block;}.red{color: #c40b0b;}.blue{color: #2746b7;}.blue_g{color: #3271a6;}.purple{color: #8432a6;}.vaoret{color: #5832a6;}.green{color: #96dc28;}.orange{color: #dd8119;}.yellow{color: #fcff00;}.pink{color: #fdb5ab;} .data{display: block; max-width: 100%; text-align: center; margin: 0 auto; padding: 0; left: 0; top: 0; width: 90%;}.forsp{display: none;}.imgright{float: right;position: relative;top: 0rem;padding: 5px;}/* フッター----------------------------------------------- */footer{z-index:1000; position: relative; clear:both; font-size: 14px; color:#fff; padding: 20px 0; text-align: center; background: #300807; line-height: 2.2em;}footer a{color:#fff;}#fixedButton img{display: block; width: 50%;}@media screen and (max-width: 768px){main{font-size: 1.1rem;}.hdrA::after{bottom: -57px;}.hdrB::after{bottom: -57px;}.hdrA{padding: 4% 0 5%; font-size: 1.5rem;}.hdrB{font-size: 1.3rem;} .check li{padding: 4% 3% 4% 15%; line-height: 1.4; background-size: 30px !important;} .headerTimer{font-size: 1em;}.message{margin: 1em 2%;font-size: 16px;padding: 1em .8em;}.word{width: 100%;} body{width: 100%;} main{width: 100%;} main.mainwaku{width: 100%;padding: 1%; margin: 0 auto;} .timerspace{padding-top: 54px;} .waku{width: 100%;padding: 1%; margin: 40px auto 0;} .absolute1{position: absolute; right: -22%;bottom: 14%;} section.titlebanner{background-image: url(../images/header_sp02.png);padding: 0;background-size: 100%;background-position: center;margin: 1rem auto;height: 420px;width: 90%} section.titlebanner .data{left: 0%;top: 2%;width: 99%;} .centertxt{line-height: 1.8rem;letter-spacing: 0px;font-size: 1.2rem;} .sectitle{margin: 1rem 0 1rem;padding: 0;} .secpic{width: 100vw;} .seclogo{margin: 2rem 0 0;} .sectxt_b p{margin: 2% 1%;font-size: 1.1rem;} .btn{width: 90%;} .txt{margin: 2% 2%;font-size: 1rem;} .sectxt{margin: 2% 3%;font-size: 1rem;} .sec02txt{display: none;} .sec09txt{margin: 2% 3%;font-size: .8rem;} .sec12txt{margin: 0;} .sec12txt p{margin: 0% 5%;font-size: 1rem;} .sec_profile{margin: 2% 3%;font-size: 1rem;} .sectxt{margin: 2% 3%;font-size: 1rem;} .btn_area .formtext{position: absolute;width: 90%;top: 63%;} .btn_area02{margin: 0 auto 0px;} .cp_iptxt input[type='text']{padding: .5rem;} .my_flash_link_btn{height: 25%;} a.btn{top: 15.5rem;width: 90%;} a.btn02{top: 11rem;width: 90%;} a.btn03{top: 12rem;width: 90%;} .stretch{height: 12vw;transition: all 1s;} .direction{margin-top: -10vw;} footer{margin: 0;padding: 5% 0;line-height: 1.5rem;} .forpc{display: none;} .forsp{display: block;} .present{}.present .presentBox h3 span{font-size: 0.9em;} .present .presentBox h3 img{width: 80%;} /*listbox*/.listbox li h3{line-height: 1.3; font-size: 1.4rem; margin: 9% 0 4% 0;} .listbox li h3 div{width: 60%; margin: -20% auto 0; text-align: center;} }@media screen and (max-width: 380px){.my_flash_link_btn{height: 25%;} a.btn{top: 14rem;width: 90%;} a.btn02{top: 10rem;width: 90%;} a.btn03{top: 10.5rem;width: 90%;}} @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation:portrait){body{width: 100%;} main{width: 100%;} }