@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, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { list-style:none; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}body { line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}nav ul { list-style:none;}li { margin:0; padding:0;}blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}a { margin:0; padding:0; border:0; color: #473d3f; text-decoration: none;  font-size:100%; vertical-align:baseline; background:transparent;}
ins { color:#473d3f; text-decoration:none;}mark { color:#473d3f; font-style:italic; font-weight:bold;}del { text-decoration: line-through;}abbr[title], dfn[title] { border-bottom:1px dotted #473d3f; cursor:help;}table { border-collapse:collapse; border-spacing:0;}hr { display:block; height:1px; border:0; border-top:1px solid #473d3f; margin:1em 0; padding:0;}input, select { vertical-align:middle;}input[type="submit"], input[type="button"],input[type="checkbox"],input[type="radio"],input[type="text"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
html {font-size: 16px;-webkit-text-size-adjust: 100%;overflow:auto;}
body { overflow: hidden; min-width: 1000px; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:400; font-size: 16px; line-height: 1.8; color: #000000; margin:0 auto; position:relative; z-index:1; overflow-x:hidden; visibilty:hidden;-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; }
main {position:relative;}body * {box-sizing: border-box;} 
.ja { font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3",  HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.en {font-family: 'Montserrat', sans-serif;font-weight: 900;}
.mem1 {margin-top: 1.5em;}
.txtc {text-align:center;}
*:focus { outline: none;}
ul {list-style: none; }
img {max-width:100%;}
strong {color: #f97804;font-weight: 900;}
.inner {max-width: 1000px;margin:0 auto;position: relative;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
@media only screen and (max-width:1040px) {.inner {max-width:initial;width: 100%;}}
@media only screen and (max-width:1000px) {body { min-width: initial;}}
@media only screen and (max-width: 600px) {body {font-size: 3.6vw;font-weight: normal;}}
/*fv＝＝＝＝＝＝＝＝＝＝＝ */
.fv {height: 800px;position:relative;overflow:hidden;}
.fv:before {content:""; width:100%; height:100%; display:block; position:absolute; opacity:.5;bottom:0;left:0; z-index:1;
background: -moz-linear-gradient(bottom,  rgba(113,105,94,1) 20%, rgba(255,255,255,0.19) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(bottom,  rgba(113,105,94,1) 20%,rgba(255,255,255,0.19) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to top,  rgba(113,105,94,1) 20%,rgba(255,255,255,0.19) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71695e', endColorstr='#00ffffff',GradientType=0 );
}
.fv:after {top:0;left:0;content:""; width:100%; height:100%; display:block; position:absolute; opacity:1; z-index:0;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%,  rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.fv .inner {height:100%;display:table;width: 1000px; z-index:2;}
.fv .inner .img {display:block;width:686px;height:686px;position:absolute;bottom:0;top:0;margin:auto;right: -230px;z-index: -1;}
.fv .img ul li { border-radius:50%; width:140px; height:140px; display:table;position:absolute;}
.fv .img ul li p {display:table-cell; vertical-align:middle; text-align:center;font-weight:700; line-height:1.2;}
.fv .img ul li p strong { display:block; font-size:140%; }
.fv .img img {width:100%;position:absolute;bottom:0;right:0;z-index:-1;}
.fv .img ul li:nth-child(2n) { background:#ffeec4;}
.fv .img ul li:nth-child(odd) { background:#f48c30; color:#FFF;}
.fv .img ul li:nth-child(odd) p strong { color:#FFF;}
.fv .img ul li:nth-child(1) {background: url(../img/icon_graf.png) no-repeat center #f48c30;
 background-size:55%; top:220px;right:100px;}
.fv .img ul li:nth-child(2) {background: url(../img/icon_magnifier.png) no-repeat center #ffeec4; background-size:60%;
 top:120px;right:280px;}
.fv .img ul li:nth-child(3) {background: url(../img/icon_note.png) no-repeat center #f48c30; background-size:55%;
 bottom:360px;left:80px;}
.fv .img ul li:nth-child(4) {background: url(../img/icon_nouhau.png) no-repeat center #ffeec4; background-size:55%;
 bottom:160px;left:0px;}
.fv .img ul li:nth-child(5) {background: url(../img/icon_pr.png) no-repeat center #f48c30; background-size:65%;
 bottom:0px;left:150px;}
.fv .inner .txt {display:table-cell;vertical-align:middle;width: 630px;margin-left: 0;}
.fv .inner .txt h1 p,
.fv .inner .txt h2 {font-size: 28px;font-weight: 900;line-height: 1.6;}
.fv .inner .txt h1 p.orngg {font-size: 60px;line-height: 1.2;background: linear-gradient( to top, #fa6500 25%, #f97804 75% );-webkit-background-clip: text;color: transparent;}
.fv .inner .txt h2 {margin-top:.8em;}
.fv .inner .txt h1 p:nth-child(1) { margin-bottom:.5em;}
.fv .inner .txt .btm {width: 400px;margin-top: 2em;}
.fv .inner .txt .btm p {margin: 0em auto;display: block;background: #f97804;-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;background: -moz-linear-gradient(top,  #f97804 0%, #fa6600 100%);background: -webkit-linear-gradient(top,  #f97804 0%,#fa6600 100%);background: linear-gradient(to bottom,  #f97804 0%,#fa6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97804', endColorstr='#fa6600',GradientType=0 );border-radius:10px;width: 100%;text-align: center;box-shadow: rgba(202, 82, 105, 0.2) 0px 7px 29px 0px;}
.fv .inner .txt .btm p:hover {background: #f79138;background: -moz-linear-gradient(top,  #f79138 0%, #f97804 99%);background: -webkit-linear-gradient(top,  #f79138 0%,#f97804 99%);background: linear-gradient(to bottom,  #f79138 0%,#f97804 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79138', endColorstr='#f97804',GradientType=0 );
-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px);}
.fv .inner .txt .btm p a {color:#FFF;font-size:20px;font-weight: 600;line-height:1;position:relative;display: block;padding: 1.2em 0 1.2em;}
.fv .inner .txt .btm p a:after {
 content:"";
 position:absolute;
 right: 1em;
 top: 0;
 margin:auto;
 bottom: -.1em;
 width:100%;
 background: url(../img/contact_triangle.svg) no-repeat right center;
 background-size: 7px;
 height: 18px;
 }
.fv #window {opacity:.8;background:url(../img/fv_back.jpg) center center;
background-size:contain;width:100%;height:300%;position:absolute;top:0;left:0;right:0;bottom:0;
 -webkit-animation:infinitescroll 45s linear infinite; -moz-animation:infinitescroll 45s linear infinite;  -ms-animation:infinitescroll 45s linear infinite; -o-animation:infinitescroll 45s linear infinite; animation:infinitescroll 45s linear infinite;z-index:-2;}
@media screen and (max-width: 1230px) {
.fv .inner {width: 92%;max-width: initial;} 
.fv .inner .txt { width:100%; }
.fv .inner .img {width:60%;height: 54%;right: -10%;}
.fv .img ul li { width:120px; height:120px;}
.fv .img ul li:nth-child(1) { top:15%;right:15%;}
.fv .img ul li:nth-child(2) {top: auto;right:40%;bottom: 76%;}
.fv .img ul li:nth-child(3) { bottom:65%;left:10%;}
.fv .img ul li:nth-child(4) { bottom:20%;left:0%;}
.fv .img ul li:nth-child(5) { bottom:-10%;left:25%;}
.fv .inner .txt h1 p,
.fv .inner .txt h2 {font-size: 20px; }
.fv .inner .txt h1 p.orngg {font-size: 58px; }
}
@media screen and (max-width: 1000px) {
.fv {height: 660px; }    
.fv .img ul li:nth-child(1) { top:25%; }
.fv .img ul li:nth-child(2) { bottom: 66%;}
.fv .img ul li:nth-child(3) { bottom:55%;left:10%;}
}
@media screen and (max-width: 900px) {
.fv {height:auto;padding-top:120px; }  
.fv .inner {height:auto;display:block;width:auto; }  
.fv .inner .img {position:static;width:100%;height:auto;}
.fv .img img {position:static;width: 110%;max-width: initial;}
.fv .img ul li:nth-child(1) { top:auto;bottom:40%;right:15%;}
.fv .img ul li:nth-child(2) {top: auto;bottom: 46%;right:40%;}
.fv .img ul li:nth-child(3) { bottom:40%;left:20%;}
.fv .img ul li:nth-child(4) { bottom:25%;left:6%;}
.fv .img ul li:nth-child(5) { bottom:5%;left:15%;}
.fv .inner .txt .btm {display:none;}
.fv .inner .txt {display:block;}
.fv .inner .txt h1 p,
.fv .inner .txt h2 {font-size:4vw; text-align:center; }
.fv .inner .txt h1 p.orngg {font-size:10vw; text-align:center; }
}
@media screen and (max-width: 630px) {
.fv .img {padding-bottom:6%;}    
.fv .img ul li {width:7.5em; height:7.5em;font-size:3vw; }
.fv .img ul li:nth-child(1) { bottom:28%;right:2%;}
.fv .img ul li:nth-child(2) { bottom: 42%;right:22%;}
.fv .img ul li:nth-child(3) { bottom:45%;left:25%;}
.fv .img ul li:nth-child(4) { bottom:28%;left:4%;}
.fv .img ul li:nth-child(5) { bottom:2%;left:15%;}
.fv #window { background-size:180%; }
}
@-webkit-keyframes infinitescroll { 0% {-webkit-transform:translate3d(0, 0, 0);} 100% {-webkit-transform:translate3d(0, -1413px, 0);}}
@-moz-keyframes infinitescroll { 0% {-moz-transform:translate3d(0, 0, 0);} 100% {-moz-transform:translate3d(0, -1413px, 0);}}
@-ms-keyframes infinitescroll { 0% {-ms-transform:translate3d(0, 0, 0);} 100% {-ms-transform:translate3d(0, -1413px, 0);}}
@-o-keyframes infinitescroll { 0% {-o-transform:translate3d(0, 0, 0);} 100% {-o-transform:translate3d(0, -1413px, 0);}}
@keyframes infinitescroll { 0% {transform:translate3d(0, 0, 0);} 100% {transform:translate3d(0, -1413px, 0);}}
/*header-----------------------------------------------------------*/
header { -webkit-transition: ease-in-out .2s;transition: ease-in-out .2s; margin: 0; padding: 0; width: 100%; position: fixed; top: 0; font-weight: 800; z-index: 3000; -webkit-transition: all .2s cubic-bezier(.165,.84,.44,1); transition: all .2s cubic-bezier(.165,.84,.44,1); -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
header .pcmenu { -webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
body.subpg header,
header.fixed{ height: 90px;}
body.subpg {padding-top:95px;}
/*logo*/
header .pcmenu .box1 {width: 260px;height: 54px;position: absolute;z-index: 999;top: 20px;left: 2rem;}
header .pcmenu .box1 .logo {cursor:pointer;width: 100%;height: 100%;display: table;
-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
header .pcmenu .box1 .logo img {width: 100%;height: 100%;vertical-align: middle;opacity: 0;display: none;}
header .pcmenu .box1 .logo a { width: 100%; display: block; height: 100%; vertical-align: middle;
 text-align: center; display: table-cell; }
header .pcmenu .box1 { background: url(../img/logo.png) no-repeat center top; background-size: contain;}
div.boxsp { display:none;}
.ftb_btm {width:18em;position:fixed;right:1rem;top:15px;z-index: 3001;}
.ftb_btm .btm { text-align:center;}
.ftb_btm .btm p {margin: 0em auto;display:inline-block;background: #f97804;-webkit-transition: ease-in-out .5s;transition: ease-in-out .5s;background: -moz-linear-gradient(top,  #f97804 0%, #fa6600 100%);background: -webkit-linear-gradient(top,  #f97804 0%,#fa6600 100%);background: linear-gradient(to bottom,  #f97804 0%,#fa6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97804', endColorstr='#fa6600',GradientType=0 );border-radius:10px;width:18em;box-shadow: rgba(202, 82, 105, 0.2) 0px 7px 29px 0px;}
.ftb_btm .btm p:hover {background: #f79138;
background: -moz-linear-gradient(top,  #f79138 0%, #f97804 99%);
background: -webkit-linear-gradient(top,  #f79138 0%,#f97804 99%);
background: linear-gradient(to bottom,  #f79138 0%,#f97804 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79138', endColorstr='#f97804',GradientType=0 );
-moz-transform: translateY(-10px); 
 -webkit-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 -ms-transform: translateY(-10px);}
.ftb_btm .btm p a {color:#FFF;font-size:20px;font-weight: 600;line-height:1;position:relative;padding: 1.2em 0 1.2em;display: block;}
.ftb_btm .btm p a:after {
 content:"";
 position:absolute;
 right: 1em;
 top: 0;
 margin:auto;
 bottom: -.1em;
 width:100%;
 background: url(../img/contact_triangle.svg) no-repeat right center;
 background-size: 7px;
 height: 18px;
 }
@media only screen and (min-width:1020px) {
header .pcmenu {display: flex;height: 95px;max-width: calc(100% - 18em);justify-content: space-between;align-items: center;}
header button {display:none;}
/*nav*/
header .pcmenu nav {width: calc(100% - 260px);margin-left: auto;margin-right: 2rem;}
header .pcmenu nav ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;
display: flex;align-items: center;justify-content: flex-end;}
header .pcmenu nav ul>li:nth-child(n+2) {margin-left: 1.5em;}
header .pcmenu nav ul>li p { position:relative;}
header .pcmenu nav ul>li p a{font-size: 16px;letter-spacing: 0;}
header .pcmenu nav ul>li p {-webkit-transition: all  0.2s cubic-bezier(1, 0, 0, 1);transition: all  0.2s cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);transition-timing-function: cubic-bezier(1, 0, 0, 1);}
header .pcmenu nav ul>li p:before { position: absolute; right: 0; bottom: 0px; margin: auto; width: 100%; height:3px;
 left: 0; z-index: -1; content: ''; background: #f97804; transform-origin: right top;
 transform: scale(0, 1); transition: transform .2s; transition-timing-function: cubic-bezier(1, 0, 0, 1); }
header .pcmenu nav ul>li p:hover:before { transform-origin: left top; transform: scale(1, 1);}
header .pcmenu nav ul>li p:hover a {color:#f97804; -webkit-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
}
@media only screen and (max-width: 1330px) {
.ftb_btm { right:0; left:0;top:auto; bottom:0;width:100%;}
.ftb_btm .btm {text-align:center; width:18em;margin:auto;padding-bottom: 15px;}
.ftb_btm:before { z-index:-1; position:absolute; background:#f97804; width:100%; content:""; height:80%;bottom:0; opacity:.3;}
header .pcmenu {display: flex;height: 95px;max-width:100%;}
header .pcmenu nav {max-width:100%;}
}
@media only screen and (max-width: 1020px) {
header { }  
header button {opacity:1; visibility:visible; pointer-events: auto;}
header button {display:block;position: fixed;top: 36px;right: 25px;width: 50px;height: 25px;z-index: 1000;border: 0;background: none;}
header button span{display: inline-block;transition: all .2s;box-sizing: border-box;position: absolute;right: 0;width: 100%;height: 4px;background-color: #000;z-index: 100;}
header button span:nth-child(1){top: 0;}
header button span:nth-child(2){top: 11px;}
header button span:nth-child(3){bottom: 0;}
header button:hover span{width: 70%;}
header button:hover span:nth-child(3){width: 90%;}
header.active button span {width: 80%;}
header.active button span:nth-child(1),
header.active button:hover span:nth-child(1){transform: translateY(11px) rotate(45deg);width: 80%;}
header button:hover span:nth-child(1){width: 60%;}
header.active button span:nth-child(2){opacity: 0;}
header.active button span:nth-child(3),
header.active button:hover span:nth-child(3){transform: translateY(-10px) rotate(-45deg);width: 80%;}
header.active button :hover span{width: 100%;}
header .pcmenu nav {z-index: 1000;transition: all .5s;opacity: 0;width: 70vw;max-width: 257px;right: -2vw;height: 100vh;overflow-y:scroll;visibility: hidden;pointer-events: none;position: absolute;transform: translateX(100vw);}
header.active .pcmenu nav{opacity:1;visibility: visible;pointer-events:auto;overflow-x: hidden;transform: translateX(0);}
header .pcmenu nav:before {content:"";display:block;width: 100%;height: 100vh;background:#fff;position: fixed;z-index:-1;}
header .pcmenu nav ul {position:relative;z-index:2;padding: 96px 28px 100px 20px;height: 100vh;overflow: scroll;width: 100%;overflow-x: hidden;}
header .pcmenu nav ul>li { border-top: 1px solid #eee;}
header .pcmenu nav ul>li:last-child { border-bottom: 1px solid #eee;}
header .pcmenu nav ul a {font-size: 16px;padding: 1em 0;display: block;}
header .pcmenu nav ul>li {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in; transition: all .3s ease-in;opacity:0;-webkit-transform: translateX(-20px); transform: translateX(-20px);}
header.active .pcmenu nav ul>li {opacity:1;-webkit-transform: translateX(0px); transform: translateX(0px);}
header.active .pcmenu nav ul>li:nth-child(2) {transition-delay: .1s;}
header.active .pcmenu nav ul>li:nth-child(3) {transition-delay: .15s;}
header.active .pcmenu nav ul>li:nth-child(4) {transition-delay: .2s;}
header.active .pcmenu nav ul>li:nth-child(5) {transition-delay: .25s;}
header.active .pcmenu nav ul>li:nth-child(6) {transition-delay: .3s;}
header.active .pcmenu nav ul>li:nth-child(7) {transition-delay: .35s;}
header.active .pcmenu nav ul>li:nth-child(8) {transition-delay: .4s;}
header.active .pcmenu nav ul>li:nth-child(9) {transition-delay: .45s;}
header.active .pcmenu nav ul>li:nth-child(10) {transition-delay: .5s;}
}
@media only screen and (max-width:500px) {
header .pcmenu .box1 {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
header {height: 60px;}
body.subpg header,
header.fixed{height: 60px;}
header .pcmenu .box1 {width:195px;height: 51px;top:10px;left: 1rem;}
header button { top:22px;right: 1.5rem;width: 35px;height: 17px; }
header button span{height:3px;}
header button span:nth-child(2){top:0; bottom:0;margin:auto;}
header.active button span:nth-child(3),
header.active button:hover span:nth-child(3){transform: translateY(-3px) rotate(-45deg); }
.ftb_btm .btm { width:auto; }
.ftb_btm .btm p { width:auto; width:90%;}
.ftb_btm .btm p a { font-size:5.5vw;}
}
/* footer---------------- */
footer {color:#FFF;font-size: 14px;padding:70px 4%;background:#382b21;}
footer a {color:#FFF;}
footer a:hover { opacity: .6;}
footer .inner>a { width:200px; }
footer .inner>a img {width:100%; height:auto;}
footer .inner.flex {justify-content: space-between;align-items: center;flex-wrap: wrap;}
footer .inner.flex li + li {margin-left:1.5em;}
footer .copy {width:100%;text-align:center;font-size: 12px;margin-top: 80px;}
@media only screen and (max-width:800px) {
footer .inner>a img { width:200px; }
footer .inner.flex {display:block;text-align:center;padding-bottom: 3em;}
footer ul.flex {text-align:center;justify-content:center;margin-top:2em;}
footer .copy { margin-top:3em;}
}
@media only screen and (max-width:600px) {
footer ul.flex {flex-wrap:wrap;justify-content: left;}
footer ul.flex li {font-size:80%;width: 50%;}
footer .inner.flex li + li {margin-left:0;}
}
/*anime---------------------------------------------------------*/
.fadein.anime { -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
.fadein.anime.show { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
/* contact---------------- */
.contact {background: url(../img/back_dod.gif) repeat center;text-align:center;padding: 70px 4%;}
.contact .txt1 {font-size: 45px;font-weight: 900;margin-bottom: .5em;}
.contact img {margin:.5em auto;}
.contact .btm p {margin: 0em auto 1em;display:inline-block;background: #f97804;background: -moz-linear-gradient(top,  #f97804 0%, #fa6600 100%);background: -webkit-linear-gradient(top,  #f97804 0%,#fa6600 100%);background: linear-gradient(to bottom,  #f97804 0%,#fa6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97804', endColorstr='#fa6600',GradientType=0 );border-radius:999px;box-shadow: rgba(202, 82, 105, 0.2) 0px 7px 29px 0px;}
.contact .btm p a {color:#FFF;font-size: 35px;font-weight: 600;line-height:1;position:relative;display: block;padding: 1em 4em 1em;}
.contact .btm p a:after {
 content:"";
 position:absolute;
 right: 1em;
 top: 0;
 margin:auto;
 bottom: -.1em;
 width:100%;
 background: url(../img/contact_triangle.svg) no-repeat right center;
 background-size: 10px;
 height: 18px;
 }
.contact .txt1 br.sp { display:none;}
.contact .txt2 {font-size: 12px;max-width: 750px;margin: 2em auto 0;text-align: left;}
.kome { padding-left:1.5em; position:relative;}
.kome:before { content:"※"; display:block; position:absolute;left:0;top:0;}
.kome + .kome {margin-top:.5em;}
.contact .btm p {-webkit-transition: ease-in-out .5s; transition: ease-in-out .5s;}
.contact .btm p:hover {background: #f79138;
background: -moz-linear-gradient(top,  #f79138 0%, #f97804 99%);
background: -webkit-linear-gradient(top,  #f79138 0%,#f97804 99%);
background: linear-gradient(to bottom,  #f79138 0%,#f97804 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79138', endColorstr='#f97804',GradientType=0 );
-moz-transform: translateY(-10px);  -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px);}
@media screen and (max-width: 800px) {
.contact .txt1 {font-size: 35px;}
.contact .btm p {display:block;max-width:400px;}
.contact .btm p a {color:#FFF;font-size: 25px;}
}
@media screen and (max-width: 600px) {
.contact { padding: 4em 4%;}
.contact .txt1 {font-size:5.5vw;}
.contact .btm p a {font-size:5.5vw;padding: 1.2em 0 1.2em;}
.kome br {display:none;}
}
.midashi {font-weight: bold;text-align:center;margin-bottom: 80px;}
.midashi .title{font-size: 45px;font-weight: 900;}
.midashi .en{ font-size: 20px;
 background: linear-gradient( to top,  #fa6500 25%, #f97804 75% );
 -webkit-background-clip: text; color: transparent; font-weight: 700; }
@media screen and (max-width: 620px) {
.midashi { margin-bottom: 2em;}
.midashi .title{font-size:6.5vw; }
.midashi .en{ font-size:110%;}
}
.con1 {padding: 80px 0 160px;z-index:2;}
.con1 .title {font-size: 45px;font-weight: 900;line-height: 1.4;margin-bottom: 1em;}
.con1 .inner img {position:absolute;right: -60px;bottom: -120px;z-index:-1;}
.con1 .checkbox li + li {margin-top: 1em;}
.con2 {position:relative; z-index:-2; padding: 30px 0 90px;background:#f2f2f2; }
.con2:before { content:""; width:100%; height:100px; display:block;
content: ''; position: absolute; top: 0; left: 0; width: 120%; height: 100%; margin: 0 -10% 0;
 background:#f2f2f2; -webkit-transform-origin: left center;
  -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg); transform: rotate(-5deg); z-index: -1; }
.con2 .inner { padding:0 4%;}
@media only screen and (max-width:1040px) {
.con1 {padding: 80px 4% 160px; }
.con1 .checkbox {width: 62vw;}
}
@media only screen and (max-width:820px) {
.con1 .checkbox {width:auto;}
.con1 .checkbox li{ font-size:120%;}
.con1 .inner img {position:static; margin:auto;display:block;margin-top:3em;}
.con1 .title {font-size: 35px; }
.con2 {padding: 80px 0 90px;margin-top: -200px;}
}
@media only screen and (max-width:600px) {
.con1 .title {font-size:5vw; }
.con1 .checkbox li{font-size: 110%;}
.con2 br {display:none;}
}
.con3 { padding: 80px 0 90px; position:relative;} 
.con3:before {content:""; display:block; width:100%; height:70%;position:absolute;top:0;left:0;
background: url(../img/back_dod_1.gif) repeat center;}
.con3 .midashi { color:#FFF; margin-bottom:30px;}
.con3 .midashi .en { color:#FFF; }
.con3 .box { background: #FFF;
 box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
 border-radius: 15px; padding: 4% 4%;}
.con3 .checkbox {padding:0 2%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #a7a6a6;}
.con3 .txt {padding:0 2%; }
.checkbox { }
.checkbox li{padding-left:2em;position:relative;z-index:2;font-size:24px;line-height: 1.4;font-weight:600;color:#3b3131;}
.checkbox li:before {content:""; display:block; width:1em; height:1em;position:absolute;border-radius:2px;
border:2px solid #a7a6a6;left:0;top:.3em; z-index:-1;} 
.checkbox li:after {content:""; display:block; width:1.1em; height:1.3em;position:absolute; background:url(../img/check.svg) no-repeat left top .3em;
 background-size:contain; left:.2em;top:.2em; z-index:0;} 
.checkbox li + li {margin-top: 1em;}
.checkbox li strong {position:relative; z-index:2;}
.con4 { padding: 30px 0 120px; }
.con4 img { width:400px;}
.con4 .title {font-size: 35px;margin:.5em 0 .8em;font-weight: 900;}
.con4 .movie { width:100%; margin-top:5em;box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}
.con4 .movie img{ width:100%; vertical-align:bottom;}
.movie-content-wrap { position: relative; width: 100%; padding-top: 56.25%;}
.movie-content-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movie-content-wrap img { position: absolute; top: 0; left: 0; cursor: pointer;}
.sp-spacer { display: none; width: 1px; height: 1px;}
@media only screen and (max-width:1040px) {
.con3 { padding: 80px 4% 90px; position:relative;}
.con4 { padding: 0px 4% 120px; }
}
@media only screen and (max-width:820px) {
.con3 .checkbox li{ font-size:120%;}
.con4 .title {font-size: 25px;}
.con4 img { width:50%;}
}
@media screen and (max-width: 768px) {
 .sp-spacer { display: block; }
}
@media screen and (max-width:600px) {
.con3 { padding: 4em 4% 5em; }    
.con3 .checkbox li{font-size: 110%;}
.con4 { padding-top:0; padding-bottom:4em; }
.con4 br { display:none; }
.con4 .title {font-size:5.5vw;text-align:center;}
.con4 p {text-align:left;}
.con4 .movie { margin-top:2em; }
}
.con5 { padding: 80px 0 90px;} 
.boximgtxt + .boximgtxt { margin-top:80px;}
.boximgtxt.reverse { flex-direction:row-reverse;}
.boximgtxt dt{width:55%;padding-left:2%;padding-top:3em;}
.boximgtxt.reverse dt{ width:55%; padding-left:4%;}
.boximgtxt dd{ width:45%;}
.boximgtxt .title {padding-left:3em; font-size:220%; font-weight:800;position:relative;padding-bottom:1em;line-height:1.4;}
.boximgtxt .title .en{ color:#fdebe0; font-size:340%; text-align:center; left:0;top:-.3em;line-height:1;position:absolute; z-index:-1;}
.boximgtxt:nth-child(2) .title {padding-left:2em;}
.boximgtxt:nth-child(2) .title .en{top:-.1em;}
section.step { background: #eeecea; padding: 80px 0 90px;}
ul.step {flex-wrap: wrap;}
ul.step li {position:relative;width:31.3%; background:#FFF;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
border-radius:15px; margin-right:3%;padding:5% 2% 2%; text-align:center;}
ul.step li:nth-child(n+4) {margin-top:5%;}
ul.step li:nth-child(3n) { margin-right:0;}
ul.step li img {border:1px solid #dfdfdf;margin:0 auto 1em; display:block;}
ul.step li .en { background: #ff8c16;
 background: -moz-linear-gradient(top, #ffac17 0%, #fa6600 100%);
 background: -webkit-linear-gradient(top, #ffac17 0%,#ff8c16 100%);
 background: linear-gradient(to bottom, #ffac17 0%,#ff8c16 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac17', endColorstr='#ff8c16',GradientType=0 );
 border-radius:50%; width:2em; height:2em; color:#FFF; font-size:160%; line-height:2em;
 box-shadow: rgba(202, 82, 105, 0.2) 0px 7px 29px 0px; position:absolute; margin:auto; left:0; right:0; top:-4%; }
@media only screen and (max-width:1040px) {
.con5 { padding: 80px 4% 90px;} 
.con5 br {display:none;}
.boximgtxt dt{ padding-left:0; }
.boximgtxt.reverse dt{padding-left:4%;}
}
@media only screen and (max-width:900px) {
.con5 .boximgtxt {display:block;}
.boximgtxt dt{ width:100%; }
.boximgtxt.reverse dt{ width:100%; padding-left:0;}
.boximgtxt dd{ width:100%; margin-top:3em;}
.boximgtxt dd img {max-width:500px; margin:auto; display:block;}
.boximgtxt:nth-child(2) .title {padding-left:2em;}
.boximgtxt:nth-child(2) .title .en{top:-.2em;}
ul.step { justify-content:space-between; padding:0 4%;}
ul.step li {position:relative;width:48%; margin-right:2%; }
ul.step li:nth-child(n+3) {margin-top:6%;}
ul.step li:nth-child(3n) { margin-right:2%;}
ul.step li:nth-child(2n) { margin-right:0;}
ul.step li .img img { width:100%;}
}
@media only screen and (max-width: 600px) {
section.step { padding: 4em 0;} 
.con5 { padding: 4em 4%;}     
.boximgtxt dt {padding-top: 0em;}   
.boximgtxt dd{ margin-top:2em;}
.boximgtxt dd img {max-width:initial; width:90%;}
.boximgtxt .title {font-size: 6.5vw;padding-left: 2em;}
.boximgtxt .title .en{  font-size:300%;}
ul.step li{display:block;}
ul.step li {width:100%;max-width:400px;margin:0 auto;text-align: left;padding: 8% 6% 6%;}
ul.step li .en {text-align:center;font-size: 200%;}
ul.step li:nth-child(n+2) {margin-top: 3em;}
ul.step li:nth-child(3n) { margin-right:auto;}
ul.step li:nth-child(2n) {margin-right:auto;margin-top: 3em;}
ul.step li .box { padding-bottom:0;}
}
.con6 { padding: 80px 0 90px; background:#f2f2f2;}
.con6 ul {flex-wrap: wrap;}
.con6 ul li {position:relative;width:32%;padding:0 2%;margin-right:2%;}
.con6 ul li:nth-child(n+4) {margin-top:60px;}
.con6 ul li:nth-child(3n) { margin-right:0;}
.con6 ul li .title{ color:#f48c30; font-size:140%; font-weight:800; line-height:1.4; text-align:center;}
.con6 ul li .img {border:1px solid #dfdfdf;overflow:hidden; border-radius:10px;margin:1em 0; }
.con6 ul li .img img {vertical-align:bottom;}
.con6 ul li .box {position:relative;padding-bottom: 3em;}
.con6 ul li>label {display:block;position:absolute;background: #f97804;background: -moz-linear-gradient(top,  #f97804 0%, #fa6600 100%);background: -webkit-linear-gradient(top,  #f97804 0%,#fa6600 100%);background: linear-gradient(to bottom, #f97804 0%,#fa6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97804', endColorstr='#fa6600',GradientType=0 );padding: .8em 0 .8em;border-radius:999px;width:14em;text-align:center;color:#FFF;font-weight:800;margin:auto;box-shadow: rgba(202, 82, 105, 0.2) 0px 7px 29px 0px;bottom:0;left:0;right:0;cursor: pointer;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.con6 ul li>label:hover {opacity:.8;}
@media only screen and (max-width:880px) {
.con6 ul {padding:0 4%; justify-content:space-between;}
.con6 ul li {position:relative;width:47%; margin-right:2%;padding:0;}
.con6 ul li:nth-child(n+3) {margin-top:60px;}
.con6 ul li:nth-child(3n) { margin-right:2%;}
.con6 ul li:nth-child(2n) { margin-right:0;}
.con6 ul li .img img { width:100%;}
}
@media only screen and (max-width: 600px) {
.con6 { padding: 4em 4%;}  
.con6 ul {display:block;}
.con6 ul li {width:100%;max-width:400px;margin:0 auto;}
.con6 ul li:nth-child(n+2) {margin-top:2em;}
.con6 ul li:nth-child(3n) { margin-right:auto;}
.con6 ul li:nth-child(2n) { margin-right:auto;}
.con6 ul li .title{ font-size:6vw;}
.con6 ul li>label { font-size:4.5vw; position:static; margin-top:1em;}
.con6 ul li .box { padding-bottom:0;}
.con6 ul li .box br { display:none;}
.con6 ul li .box  .title br { display:inline;}
}
.modalWrap, .modalBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; z-index: 3001; }
.modalWrap { opacity: 0; visibility: hidden; -webkit-transition: 0.3s cubic-bezier(1, 0, 0, 1); transition: 0.3s cubic-bezier(1, 0, 0, 1); -webkit-transition-property: opacity; transition-property: opacity; will-change: opacity; }
.modalWrap.active { opacity:1; visibility: visible; }
.modalBg {cursor: pointer;opacity: 0.7;background-color: #000;z-index: 3;}
.modalBg label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;width: 100%;height: 100%;}
.modalCon {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 92%;max-width: 740px;height: 80%;margin: auto;z-index: 3;}
.modalInner { overflow: auto; -webkit-overflow-scrolling: touch; position: relative; height: 100%; padding: 7% 4% 4%; cursor: default; background-color: #fff;  border-radius: 5px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);  }
.modalCloseBtn {position: absolute;top: 0;right: 0;cursor: pointer;}
.modalCloseBtn label {display: inline-block;padding: 0 0.5em;color: #333;text-decoration: none;font-size: 2em;cursor: pointer;}
.modalCheck:not(:checked) ~ .wrapper > *:not(.modalWrap) { -webkit-filter: blur(0px); filter: blur(0px);}
.modalCheck:not(:checked) ~ .wrapper .modalWrap { opacity: 0; visibility: hidden;}
.modalCheck:checked ~ .wrapper > *:not(.modalWrap) { -webkit-filter: blur(3px); filter: blur(3px);}
#modal00:checked ~ .wrapper #modal00Con { opacity: 1; visibility: visible;}
#modal01:checked ~ .wrapper #modal01Con { opacity: 1; visibility: visible;}
#modal02:checked ~ .wrapper #modal02Con { opacity: 1; visibility: visible;}
.modalTtl { padding: 2em 0.5em 1.5em; font-size: 2em; line-height: 1.3; text-align: center;}
.modalText .modalCover { margin: 0 -1.5em 1em;}
.modalText dl { margin-bottom:2em;}
.modalText dl dt{width:200px;border-right:1px solid #dfdfdf;padding-right: 2%;font-size:120%;font-weight:700;line-height:1.6;color:#f48c30;}
.modalText dl dd{width:calc(100% - 200px);padding-left: 4%;}
.modalText .movies {position: relative; width: 100%; padding-top: 56.25%;}
.modalText .movies iframe {position:absolute; top:0; width: 100%; height:100%; }
.modalText .mimi {text-align:center;font-size: 140%;font-weight: 800;line-height: 1.4;margin-bottom: 1em;}
.con6 ul li .modalText ul {justify-content:space-between;}
.con6 ul li .modalText ul li {width:48%;padding:0;margin-right: 0;}
.con6 ul li .modalText ul li:nth-child(n+3) {margin-top:3em;}
.con6 ul li .modalText ul li .title {margin-bottom:1em; }
#modal01Con dt{background: url(../img/Function_i1.jpg) no-repeat center top 100px;background-size: auto;}
#modal02Con dt{background: url(../img/Function_i2.jpg) no-repeat center top 100px;background-size: auto;}
#modal03Con dt{background: url(../img/Function_i3.jpg) no-repeat center top 100px;background-size: auto;}
#modal04Con dt{background: url(../img/Function_i4.jpg) no-repeat center top 100px;background-size: auto;}
#modal06Con img + ul {margin-top:1.5em;}
@media only screen and (max-width: 700px) {
.modalText dl {display:block;}
.modalText dl dt{width:100%;border-right:none;padding-right:0;font-size:120%;margin-bottom:1em;}
#modal06Con .modalText dl dt{ margin-bottom:0em;}
.modalText dl dd{width:100%;padding-left:0;}
.modalText dl dt br, .modalText dl dd br{display:none;}
}
.faq { padding: 80px 0 90px; }
ul.faq {padding: 0;}
ul.faq li{ overflow:hidden; border:1px solid #dfdfdf; border-radius:10px;box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px;}
ul.faq li + li {margin-top:30px;}
ul.faq li dt { background:#FFF;}
ul.faq li dt div{padding:25px;}
ul.faq li dt div span {position:relative;color:#3b3131;font-weight:700;font-size:150%;display:block;padding-left:2em;padding-right: 3em;}
ul.faq li dt div span:before { content:"Ｑ";color:#fa6600; font-size:150%;line-height:1;font-family: 'Montserrat', sans-serif; display:block; position:absolute;left:0;top:0;}
ul.faq li dt div span:after { -webkit-transition:.3s; -o-transition:.3s; transition:.3s; content:""; display:block; position:absolute;right:0;top:0; width:2em; height:2em; border-radius:50%; border:1px solid #dfdfdf;
background:url(../img/next_gry.svg) no-repeat center ;background-size:.5em;}
ul.faq li dd div{padding:0 25px; background:#f3f3f3; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; }
ul.faq li dt button { cursor: pointer;  background:none;  border:none;  padding:0; text-align: left; font-weight:700;  font-size:100%; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3,     "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",   "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
ul.faq li dd {opacity:0; visibilty:none; height:0; position:relative; z-index:-1;}
ul.faq li dd.show {opacity:1; visibilty:auto; height:auto;} 
ul.faq li dd.show div{padding:25px;}
ul.faq li dt.show div span:after { content:""; display:block; position:absolute;right:0;top:0; width:2em; height:2em; border-radius:50%; background:url(../img/next_w.svg) no-repeat center #f97804; background:url(../img/next_w.svg) no-repeat center -moz-linear-gradient(top,  #f97804 0%, #fa6600 100%); background:url(../img/next_w.svg) no-repeat center -webkit-linear-gradient(top,  #f97804 0%,#fa6600 100%); background:url(../img/next_w.svg) no-repeat center linear-gradient(to bottom,  #f97804 0%,#fa6600 100%);background-size:.5em;}
@media only screen and (max-width:1040px) {
.faq { padding: 80px 4% 90px; }
ul.faq {padding:0;}
ul.faq li dt div span { font-size:120%; }
ul.faq li dt div span:before {font-size: 140%;}
}
@media only screen and (max-width:600px) {
.faq { padding: 4em 4%; }
ul.faq li dt div, ul.faq li dd.show div{padding:4%;}
ul.faq li + li {margin-top:1em;}
}
.plan { padding: 80px 0 90px; }
.plan .inner {max-width: 1200px; }
.planbox {border: 1px solid #dfdfdf; border-radius: 10px; text-align:center;}
.planbox .premium {width: 26%;}
.planbox .box2 {width: calc(74% / 4);border-left:1px solid #dfdfdf;}
.planbox .titlebox {padding:30px 15px 0;min-height: 275px;}
.planbox .titlebox .tt {color:#4da62a; font-size:120%; font-weight:800;}
.planbox .titlebox .txt {font-size: 13px;font-weight: 700;}
.planbox .titlebox .price {font-size: 70%;line-height: 1; margin-top:1em;}
.planbox .titlebox .price strong {font-weight: 800;font-size: 290%;letter-spacing: -2px;}
.planbox .titlebox .firstp { border: 1px solid; width:100%; border-radius: 999px; line-height: 1;
 padding: .6em 0; margin: 1em auto 0; font-size: 90%;font-weight:800;}
.planbox .checkb {position:relative;margin-top:.8em;color: #f97804;font-weight:900;line-height: 1.2;}
.planbox .checkb:before {content:""; background: url(../img/check.svg) no-repeat left top .3em;margin-right:.2em;
 background-size: contain; background-size:1.4em;width:1.4em; height:1.4em;display:inline-block;}
.planbox .premium .titlebox .tt {color:#f97804;}
.planbox .premium .titlebox .firstp { width:14em; border-color:#f97804;color: #f97804;}
.planbox .premium .titlebox .price strong { color: #f97804;}
.planbox .standard .titlebox .firstp { border-color:#4da62a;color: #4da62a;}
.planbox .standard .titlebox .price strong { color: #4da62a;}
.planbox .small .titlebox .tt {color:#188dd8;letter-spacing: -2px;}
.planbox .small .titlebox .firstp { border-color:#188dd8;color: #188dd8;}
.planbox .small .titlebox .price strong { color: #188dd8;}
.planbox .light .titlebox .tt {color:#b457db;}
.planbox .light .titlebox .firstp { border-color:#b457db;color: #b457db;}
.planbox .light .titlebox .price strong { color: #b457db;}
.planbox .freeplan .titlebox .tt {color:#000;}
.planbox .freeplan .titlebox .firstp { border-color:#9b9b9b;color: #9b9b9b;}
.planbox .freeplan .titlebox .price strong { color: #9b9b9b;}
.planbox .list li {padding:.5em 1em;background:#f5f5f5;height: 4.5em;
justify-content:space-between;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;position: relative;}
.planbox .list li:nth-child(2n){ background:#e5e5e5;}
.planbox .box2 .name { display:none;}
.planbox .qes { display:inline-block;margin-left:.5em; font-size:60%;background:#FFF;
width:1.5em; height:1.5em;line-height:1.2; border-radius:50%; border:1px solid #a3a3a3; color:#a3a3a3;}
.planbox .qes + * {display:none; position:absolute;padding:.8em; font-size:12px; text-align:left;
z-index:3;background:#9b9b9b; color:#fff;}
.planbox .qes + *:before {content:"";width: 0;position:absolute;top:-10px; left:0; right:0;margin:auto;
height: 0;border-style: solid;border-width: 0 6px 10px 6px;border-color: transparent transparent #9b9b9b transparent;}
.planbox .qes:hover + *,.planbox .qes:focus + *,
.planbox .name:hover div,.planbox .name:focus div {display:block; }
.planbox .list .name { font-weight: 700;}
.planbox .list .check {height: 1.5em; width: 1.5em; position: absolute; right: 3em; }
.planbox .list .check.on { background: url(../img/check.svg) no-repeat left top .3em;
 background-size: contain; }
.planbox .box2 .list .check { right:0; left:0; margin:auto; }
.planbox .list2 li { color: #9b9b9b;padding:0 4% 15px;}
.planbox .list2 li .fleet {font-size:120%;color:#000;display:block;position: relative;}
.planbox .list2 li .fleet:before {content:"";display:block;width:100%; height:1px; background:#e5e5e5;
top:1em;position:absolute;}
.planbox .list2 li .fleet span {position:relative; z-index:2; background:#FFF;padding:0 .5em;}
.planbox .list2 li p {display:inline-block;}
.planbox .list2 li:hover div,.planbox .list2 li:focus div {display:block; }
@media only screen and (max-width:1040px) {
.planbox .titlebox {padding:30px 15px 30px;min-height: 320px;}    
.planbox .list .check { right: 1em; }
}
@media only screen and (max-width:900px) {
.planbox>* {border: 1px solid #dfdfdf; border-radius: 10px; }    
.planbox { display:block; margin:0 6%;border:none; border-radius:0;}
.planbox .titlebox {padding:4%;min-height:initial;}
.planbox .premium {width:100%;}
.planbox .box2 {width:100%; margin-top:3em; }
.planbox .titlebox .firstp { width:14em;}
.planbox .box2 .name { display:block;}
.planbox .premium .list .check { right:0; left:0; margin:auto; }
}
@media only screen and (max-width: 600px) {
.plan { padding: 4em 4%;}  
.planbox .box2 .list .check { right:6%; left:auto; }
.planbox .premium .list .check { right:6%; left:auto; }
.planbox .titlebox .tt { font-size:220%; }
.planbox .titlebox .txt { font-size:100%; }
.planbox .titlebox .price {font-size:100%; }
.planbox .titlebox .price strong { font-size: 290%;letter-spacing:0;}
}
.whip {position:absolute;width:100%;height:100%;top: 0;left: 0;pointer-events: none;}
.whip .box {position:absolute; width:100px; height:100px; border-radius:10px;
 background: -moz-linear-gradient(top,  rgba(248,170,95,1) 0%, rgba(252,225,199,0.8) 98%, rgba(252,226,201,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(248,170,95,1) 0%,rgba(252,225,199,0.8) 98%,rgba(252,226,201,0.8) 100%);
background: linear-gradient(to bottom,  rgba(248,170,95,1) 0%,rgba(252,225,199,0.8) 98%,rgba(252,226,201,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8aa5f', endColorstr='#66fce2c9',GradientType=0 );
}

@media only screen and (min-width: 1000px) {
.whip .box.w1b { width:130px; height:130px; }
.whip .box.w2b { width:100px; height:100px; }
.whip .box.w3b { width:60px; height:60px; }
.whip .box.w4b { width:50px; height:50px; }
.whip .box.w5b {width: 40px;height: 40px; border-radius:6px;}
.whip .box.ops5 { opacity:.5;}
.con2 .whip .box.box1{ left:-20%;top:-55%; z-index:2;}
.con2 .whip .box.box2{ left:-10%;top:-12%; border-radius:6px;}
.con2 .whip .box.box3{ right:-6%; top:38%; width:80px; height:80px;}
.con2 .whip .box.box4{ right:-0%; top:30%; }
.con2 .whip .box.box5{ right:1%; top:65%; width:30px; height:30px; border-radius:6px;}
.con4 .whip .box.box1{ left:-25%;top:-25%;}
.con4 .whip .box.box2{left: -10%;top: -2%;z-index: 1;width: 80px;height: 80px;}
.con4 .whip .box.w3b.box2s{left: -11%;top: 7%;width:30px;height:30px;border-radius:6px;}
.con4 .whip .box.box3{left: -13%;top: -5%;}
.con4 .whip .box.box4{left: -18%;top: 24%;}
.con4 .whip .box.box5{left: 2%;top: 28%;}
.con4 .whip .box.box6{left: -12%;top: 48%;}
.con4 .whip .box.box7{ right:-25%;top:-25%; }
.con4 .whip .box.box8{ right:-15%;top:-5%; }
.con4 .whip .box.box9{ right:-28%;top:5%; width:40px; height:40px; border-radius:6px;  }
.con4 .whip .box.box10{right:-8%;top:20%; z-index:2;}
.con4 .whip .box.box11{ right:-11%;top:30%; width:70px; height:70px; border-radius:6px; }
.con5 .whip .box.box1{ left:-25%;top:2%; z-index:2;}
.con5 .whip .box.box2{ left:-15%;top:7%;}
.con5 .whip .box.box3{ right:-16%; top:38%; width:80px; height:80px; z-index:2;}
.con5 .whip .box.box4{ right:-10%; top:37%; }
.con5 .whip .box.box5{ right:-9%; top:42%; width:30px; height:30px; border-radius:6px;}
.con6 .whip .box.box1{ right:-15%;top:-12%; z-index:2;}
.con6 .whip .box.box2{ right:-18%;top:-4%;}
.con6 .whip .box.box3{ left:-16.5%; top:50%; width:80px; height:80px; z-index:2;}
.con6 .whip .box.box4{ left:-19%; top:49%; }
.con6 .whip .box.box5{ left:-18%; top:56%; width:30px; height:30px; border-radius:6px;}
.step .whip .box.box1{ right:-15%;bottom:0; z-index:2;}
.step .whip .box.box2{ right:-18%;bottom:-2%;}
.step .whip .box.box3{ left:-6.5%; top:160px; width:80px; height:80px; z-index:2;}
.step .whip .box.box4{ left:-9%; top:140px; }
.step .whip .box.box5{ left:-8%; top:220px; width:30px; height:30px; border-radius:6px;}
}
@media only screen and (max-width: 1000px) {
.whip {display:none;}
}


.media {padding:0 0 90px;}
.media li {padding:0 15px;}
.media li img {height:60px;}
.infiniteslide_wrap {overflow: hidden;}
.infiniteslide_wrap ul {display: flex; flex-flow: row nowrap; align-items: center;}
.infiniteslide_wrap ul li {flex: 0 0 auto; display: block;}
@media only screen and (max-width:600px) {
.media li {padding:0 15px 0 0px;}
.media li img {height:50px;}
}