@charset "utf-8";
html, body {width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {-webkit-text-size-adjust:100%;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, p,
fieldset, form, label, legend, input,
article, aside, canvas, figure,
footer, header, nav, section,
b, u, i {margin:0;padding:0;list-style:none;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {outline:none;}
img {border:0 none;vertical-align:top;max-width:100%;height:auto;}
em {font-style:normal;font-weight:bold;}
nav ul, nav li {list-style:none;}
.h a, .f a,
nav a, nav span {text-decoration:none;}
/* ----------------------------------------------- font */
html {font-size:62.5%;}
body {font-size:16px;font-size:1.6rem;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
h1, h2, h3 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@font-face {font-family:'entypo';src:url('fonts/entypo.eot?ac19je');src:url('fonts/entypo.eot?#iefixac19je') format('embedded-opentype'),url('fonts/entypo.woff?ac19je') format('woff'),url('fonts/entypo.ttf?ac19je') format('truetype'),url('fonts/entypo.svg?ac19je#entypo') format('svg');font-weight: normal;font-style: normal;}
/* ============================================================== base */
body {color:#333;background:#fff;line-height:160%;}
a {color:#3bb;text-decoration:none;}
a:visited {color:#299;}
a:hover {color:#4cc;}
a > img {-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:0.2s;}
a > img:hover {opacity:0.8;}
em {}
table {border-collapse:collapse;}
:placeholder-shown {color:#ccc;opacity:1;}
::-webkit-input-placeholder{color:#ccc;opacity:1;}
::-moz-placeholder {color:#ccc;opacity:1;}
::-ms-input-placeholder {color:#ccc;opacity:1;}
input[type="submit"],
input[type="button"] {border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display:none;}
input[type="submit"]::focus,
input[type="button"]::focus {outline-offset: -2px;}
/* ============================================================== elements */
.clrfx:after,
.fx:after {clear:both;display:block;content:"";height:0;font-size:0;}
.fx {max-width:1000px;margin:0 auto;}
.ctr {text-align:center;}
.rgt {text-align:right;}
.btn_ico a.btn i {display:inline-block;vertical-align:middle;}
.btn_ico a.btn:before {font-family:'entypo';display:inline-block;vertical-align:middle;margin-right:0.5em;}
.btn_tel a.btn:before {content:'\e600';}
.btn_tel a.btn {background:#f6aa11;}
.btn_tel a.btn:hover {background:#fb2;}
.btn_contact a.btn:before {content:'\e604';}
.btn_contact a.btn {background:#f67777;}
.btn_contact a.btn:hover {background:#f99;}
/* ============================================================== header */
.h {padding:1em;height:100vh;position:relative;z-index:9;}
.h .fx {display:table;height:100%;width:100%;}
.h a {color:#222;display:table-cell;transition:0.2s;text-align:center;vertical-align:middle;height:100%;}
.h_logo {width:100px;margin:0 auto;}
.h_text {font-size:160%;}
.h_text span {display:block;text-align:center;line-height:140%;text-shadow:0 0 10px rgba(255,255,255,1);}
.h_text span:nth-child(1) {font-size:200%;}
.h_text span:nth-child(2) {font-size:75%;margin-bottom:1em;}
.h a:after {content:"";display:inline-block;width:40px;height:40px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg)}
.dmy_search {width:12em;margin:0 auto 0.5em;padding:0.5em;background:#fff;border:1px solid #999;text-align:left;display:block;position:relative;user-select:none;cursor:pointer;-webkit-appearance:none;}
.dmy_search:after {color:#39c;top:0.3em;right:0.3em;font-size:150%;position:absolute;content:"\e624";font-family:'entypo';display:block;z-index:3;}
.point {font-size:100%;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:5;background-image:url("../img/point_bg.jpg");background-position:50% 30%;background-repeat:no-repeat;background-size:cover;}
.point i {position:absolute;}
.point i:before {content:"\e612";font-family:'entypo';}
.point_1 {top:30%;left:10%;font-size:150%;color:#c9e;}
.point_2 {top:20%;right:20%;font-size:75%;color:#fc0;}
.point_3 {top:78%;left:20%;font-size:500%;color:#39c;}
.point_4 {top:60%;right:10%;font-size:350%;color:#392;}
@keyframes vertical {
0% { transform:translateY(-10px); }
100% { transform:translateY( 0px); }
}
.point i {animation: vertical 1s ease-in-out infinite alternate;}
.point i.point_1 {animation-duration: 2s}
.point i.point_2 {animation-duration: 2.5s}
.point i.point_3 {animation-duration: 1s}
.point i.point_4 {animation-duration: 1.5s}
/* ============================================================== gnav */
.gnav {position:fixed;background:rgba(255,255,255,0.9);top:-70px;left:0;width:100%;z-index:90;overflow:hidden;transition:0.2s;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.gnav ul {display:table;width:100%;}
.gnav li {display:table-cell;vertical-align:middle;}
.gnav li a {display:inline-block;}
.gnav li:nth-child(1) i {width:60px;display:inline-block;vertical-align:middle;}
.gnav li:nth-child(1) span {display:inline-block;vertical-align:middle;color:#333;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.gnav li:nth-child(1) span:nth-of-type(1) {font-size:200%;}
.gnav li:nth-child(1) span:nth-of-type(2) {margin-left:1em;display:none;}
.gnav li:nth-child(2) {text-align:right;padding-right:1em;}
.gnav a.btn {font-size:80%;padding:0 1em;}
.h_mini .gnav {top:0;}
/* ============================================================== section */
.sct {padding:1em;border-bottom:1px solid #eee;background:#fff;position:relative;z-index:10;}
.anchor {position:absolute;top:-60px;}
.sct h2 {font-size:140%;color:#621;text-align:center;margin-bottom:1em;padding-top:0.5em;}
.sct h2 span {display:block;line-height:140%;}
.sct h2 i {display:inline-block;vertical-align:middle;}
.sct h2 .sub {font-size:75%;color:#777;}
.sct figure,
.sct p {margin-bottom:1em;}
.sct p br {display:none;}
/* ============================================================== about */
/* ============================================================== graph */
.sct_graph {background:#f9f9f9;}
/* ============================================================== transition */
.sct_transition ol {counter-reset:nmbr1 0;}
.sct_transition ol li {position:relative;padding-left:2em;margin-bottom:1em;}
.sct_transition ol li:before {position:absolute;top:0;left:0;background:#e61;color:#fff;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;display:block;counter-increment:nmbr1 1;content:counter(nmbr1);}
/* ============================================================== words */
.sct_words {background:#f9f9f9;}
.words_ls {margin-bottom:1em;}
.words_ls li {background:#fff;padding:0.5em;border:1px solid #ccc;margin-bottom:0.5em;}
.words_ls li i {display:inline-block;}
.words_ls li i:nth-of-type(1) {}
.words_ls li i:nth-of-type(2) {margin-left:0.2em;}
.words_ls li i:nth-of-type(1):after {content:"_";display:inline-block;margin-left:0.2em;}
.words_ls + p {margin-bottom:0;}
.work_ls li {margin-left:1.5em;list-style:disc;}
/* ============================================================== price */
.plan_ls li {padding:1em;margin-bottom:1em;}
.plan_ls li h3 {width:100%;padding-bottom:0.5em;text-align:center;}
.plan_ls li h3 i {display:block;line-height:160%;}
.plan_ls li .mini {font-size:75%;background:rgba(255,255,255,0.1);padding:0 0.5em;text-align:right;}
.plan_ls li .mini i {display:inline-block;line-height:120%;}
.plan_ls li dl {background:rgba(255,255,255,0.1);padding:0.5em;display:table;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
.plan_ls li dl:last-of-type{border-bottom:0 none;}
.plan_ls li dt,
.plan_ls li dd {display:table-cell;}
.plan_ls li dt {white-space:nowrap;}
.plan_ls li dd {text-align:right;}
.plan_ls li dd i {display:block;}
.plan_ls li dd .mini {}
.plan_ls li:nth-of-type(1) {background:#e61;color:#fff;}
.plan_ls li:nth-of-type(1) h3 i:last-child {background:#fff;color:#e61;}
.plan_ls li:nth-of-type(2) {background:#3a6;color:#fff;}
.plan_ls li:nth-of-type(2) h3 i:last-child {background:#fff;color:#3a6;}
.plan_ls li:nth-of-type(3) {background:#3be;color:#fff;}
.plan_ls li:nth-of-type(3) h3 i:last-child {background:#fff;color:#3be;}
.plan_ls li:nth-of-type(4) {background:#c6a;color:#fff;}
.plan_ls li:nth-of-type(4) h3 i:last-child {background:#fff;color:#c6a;}
/* ============================================================== camp */
.sct_camp {padding:0;color:#fff;background:#f39911;}
.sct_camp .fx {padding:1em;position:relative;overflow:hidden;}
.sct_camp .fx:before {position:absolute;content:"\e6a8";font-family:'entypo';top:0;left:0;font-size:90px;vertical-align:top;}
.sct_camp h2 {color:#fff;}
.sct_camp p {text-align:center;}
.sct_camp p i {display:inline-block;}
/* ============================================================== price */
.sct_flow {background:#f9f9f9;}
.flow_ls {margin:0 auto;max-width:720px;}
.flow_ls li {display:flex;align-items:center;margin-bottom:2em;position:relative;}
.flow_ls li:not(:last-child):after {content:"";width:0;height:0;display:block;position:absolute;border:20px solid transparent;border-top:14px solid #ccc;bottom:-42px;left:calc(50% - 20px);}
.flow_ls .cmp {flex-direction:row-reverse;}
.flow_ls li span {display:block;text-align:center;}
.flow_ls li span i {display:block;font-size:80%;line-height:140%;}
.flow_ls li span:first-child {width:60px;}
.flow_ls li span:last-child {width:calc(100% - 120px);}
.flow_ls li span:last-child i {padding:1em 0;background:#fff;}
.flow_ls .cmp span:first-child {color:#e61;}
.flow_ls .cmp span:first-child:before {content:"";display:block;width:40px;height:40px;margin:0 auto;background-image:url("../img/logo.png");background-size:100% auto;background-repeat:no-repeat;background-position:50% 50%;}
.flow_ls .cmp span:last-child i {border:3px solid #e61;}
.flow_ls .cst span:first-child {color:#396;padding-top:7px;}
.flow_ls .cst span:first-child:before {font-size:28px;content:"\e60d";font-family:'entypo';display:block;width:40px;margin:0 auto;text-align:center;line-height:100%;}
.flow_ls .cst span:last-child i {border:3px solid #396;}
/* ============================================================== cv */
.cv .btns .btn {font-size:120%;}
.cv dl {text-align:center;margin-bottom:1em;}
.cv dt {margin-bottom:0.4em;}
.cv dd span {display:block;line-height:150%;}
.cv .tel a {font-weight:bold;color:#e61;font-size:160%;}
.cv .time {font-size:75%;}
/* ============================================================== footer */
.f {font-size:80%;text-align:center;border-top:1px solid #ccc;position:relative;z-index:10;background:#ddd;}
.copyright {color:#333;padding:1em;}
.copyright a {color:#333;}
.copyright i {display:inline-block;}
.ptop {background:#999;color:#fff;width:50px;height:50px;line-height:50px;text-align:center;position:fixed;z-index:99;right:10px;bottom:10px;cursor:pointer;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:0.2s;opacity:0;}
.ptop:before {content:"\e6d7";font-family:'entypo';}
.ptop i {display:none;}
.ptop.appear {display:block;opacity:1;}
/* ============================================================== media query */
@media screen and (max-width:768px) and (orientation: portrait) {
.h_logo {margin-top:-90px;}
}
@media screen and (min-width:768px){
/* ----------------------- elements */
/* ----------------------- header */
.h_logo {width:160px;margin:-2em auto 0;}
.h_text {font-size:240%;}
.h_text:after {width:60px;height:60px;}
.dmy_search {font-size:180%;}
.point {font-size:150%;}
/* ----------------------- gnavv */
.gnav li:nth-child(1) span:nth-of-type(2) {display:inline-block;}
.gnav a.btn {font-size:100%;}
/* ----------------------- section */
.sct {padding:3em 1em;}
.sct h2 {font-size:240%;}
.sct p {margin-bottom:2em;}
.sct p br {display:inline;}
/* ----------------------- graph */
.graph_set:after {clear:both;display:block;content:"";height:0;font-size:0;}
.graph_set figure {float:left;width:48%;margin-bottom:1em;}
.graph_set figure:nth-child(2n) {float:right;width:48%;}
.graph_set figure:nth-child(2n-1) {clear:both;}
/* ----------------------- words */
.words_ls:after {clear:both;display:block;content:"";height:0;font-size:0;}
.words_ls li {font-size:140%;float:left;width:48%;margin-bottom:1em;}
.words_ls li:nth-child(2n) {float:right;width:48%;}
.words_ls li:nth-child(2n-1) {clear:both;}
.words_ls + p {margin-bottom:0.5em;}
/* ----------------------- camp */
.sct_camp {padding:0;}
.sct_camp .fx {padding:3em 1em;}
.sct_camp .fx:before {font-size:240px;}
.sct_camp p {font-size:140%;}
/* ----------------------- price */
.plan_ls {margin-bottom:1em;}
.plan_ls:after {clear:both;display:block;content:"";height:0;font-size:0;}
.plan_ls li {float:left;width:48%;margin-bottom:1em;}
.plan_ls li:nth-child(2n) {float:right;width:48%;}
.plan_ls li:nth-child(2n-1) {clear:both;}
.plan_ls li h3 i:first-child {font-size:135%;}
/* ----------------------- flow */
.flow_ls li {margin-bottom:3.2em;}
.flow_ls li span i {font-size:160%;}
.flow_ls li:not(:last-child):after {border:40px solid transparent;border-top:28px solid #ccc;bottom:-82px;left:calc(50% - 40px);}
.flow_ls li span:first-child {width:100px;}
.flow_ls li span:last-child {width:calc(100% - 200px);}
.flow_ls .cmp span:first-child:before {width:60px;height:60px;}
.flow_ls .cst span:first-child:before {font-size:36px;}
/* ----------------------- cv */
.cv .btns .btn {font-size:180%;}
.cv .tel a {font-size:200%;}
/* ----------------------- footer */
.ptop {right:20px;bottom:20px;}
}
@media screen and (min-width:1000px){
/* ----------------------- price */
.plan_ls {margin-bottom:2em;}
.plan_ls li:nth-child(2n),
.plan_ls li:nth-child(2n-1),
.plan_ls li {float:left;width:23.5%;margin-right:2%;clear:none;}
.plan_ls li:nth-child(4n) {margin-right:0;}
.plan_ls li:nth-child(4n+1) {clear:both;}
.plan_ls + p {text-align:center;font-size:120%;}
}