/*
Theme Name: KirariSanpai
Theme URI: https://kirari-sanpai.jp/
Description: キラリ産廃
Version: 2.0
Author: cocodeTV
Author URI: https://cocodetv.jp/
*/
@charset "utf-8";
*{margin:0;padding:0;}
input, textarea {-webkit-appearance: none;border-radius:0;}
.grecaptcha-badge { visibility: hidden;}
.recap{text-align: center;font-size:12px;color:#808080;}
ul{list-style:none;}
ol{margin:0 0 0 1.3em;}
ol li{margin:12px 0;}
img{max-width:100%;}
hr{border:none;height:4px;background:#ffc700;clear:both;display:block;margin: 40px 0;}
.clear{clear:both;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
html{position:relative;min-height:100%;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;}
body{background:#fff;color:#000;margin:0 auto;padding:0;text-align:center;}
h2,h3,h4,strong,.bold{font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
path {fill-opacity: 0;transition: fill-opacity .5s;}
.done .st0 {fill: #ffc700;fill-opacity: 1;}
.done .st1 {fill: #e34e0f;fill-opacity: 1;}
.done .st2 {fill: #f38a00;fill-opacity: 1;}
.done path {stroke: none;}
.mt032{margin:0 auto 32px!important;}
ol.normal > li.ol-big:before{left:.2em;}
.center-img{margin: 16px auto;display:block;width:100%;max-width:700px;}
.center{text-align: center!important;}
.form-banner{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;}
.form-banner:hover{border-color:#e34e0f;}
@media screen and (max-width: 640.9px) {
body{font-size:15px;line-height: 1.7;}
p{margin:8px 0;padding:0;word-wrap:break-word;}
p span{background:linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}
a{outline:none;color:#a27c52;}
a.blank::after{content:"";margin:0 0 0 2px;width:12px;height:12px;display: inline-block;background:url(images/blank.svg);background-size:12px auto;background-position:0 0;}
a.blank:hover::after{background-position: 0 12px;}
a img{border:none;}
header{margin:0 auto;padding:0;display:block;text-align:center;background:#fff;width:100%;}
.title-bg{background:#e2e2e2;text-align: center;color:#000;}
.title-bg h1{width:100%;margin:auto;text-align: center;font-size:12px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;}
.logo{width:332px;height:27px;display:block;margin:0 auto;padding:0;text-indent:-9999px;}
.logo a{width:332px;height:27px;display:block;background:url(images/logo.svg) 0 0 no-repeat;background-size:100%;margin: 7px 0}

header .action{float: right;}
header .cont{padding:8px 0;}
.action{font-size:0;line-height: 1;}
.action a{display:inline-block;}
header .action img{margin:0 0 0 16px;}
.action a img{margin:0;}
.btn{border:#000 1px solid;background:#fff;border-radius:4px;font-size: 0;padding:6px 24px 6px 8px;margin:3px 0 0;line-height: 1;vertical-align: top;}
.cont > .btn{font-weight:bold;border:#a27c52 2px solid;font-size:16px;text-decoration: none;padding:8px 24px;margin: 0 auto 32px;display: block;text-align:center;line-height:1.7;}

.banner{overflow: hidden;width:290px;display:block;margin:40px auto;}
.banner .action{background: linear-gradient(#886239, #e6c896);border-radius: 8px;padding:22px;text-align: center;}
.banner .action a{display: block;position: relative;}
.banner .action a::after{content:"▶";color:#000;position: absolute;right: 2px;top:24px;display:block;font-size:12px;}
.banner .action .btn{margin: 6px 0 0;text-align: left;box-sizing: border-box;height: 60px;}
.banner .action .tel img{max-height:100%;height: 43px;margin: 1px 0 0 0;}
.banner .action .mail img {max-height:100%;height: 60px;}
.banner .price{margin: 16px auto;}
.banner .price img{width:80px;}
.banner .price a{display:block;line-height:0;padding:16px 0;border-radius: 8px;background: linear-gradient(#886239, #e6c896);text-align:center;}
.action-right{margin:0 auto;}

nav{background:#886239;display:block;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav{display:none;}
.nav-sp{width:100%;height:50px;padding:6px 0;margin:0;z-index:9;border-top:1px solid #886239;border-bottom:1px solid #886239;position: relative;background:#fff;box-sizing: border-box;}
.nav-mail,.nav-tel,.nav-inner-mail,.nav-inner-tel{background: linear-gradient(#886239, #e6c896);border-radius: 4px;box-sizing: border-box;padding:2px 0;margin:0 2vw 0 0;line-height: 1;display: inline-block;}
.nav-inner-tel{margin:0;}
.nav-mail img,.nav-tel img{max-width:135px;width:100%;height:auto;}
.nav-mail,.nav-tel{width:41vw;height:auto;}
.nav-inner-mail img,.nav-inner-tel img{width:34vw;height:auto;}
.fixed{left: 0;position: fixed;top: 0;}
.nav-sp-inner{display:none;background:#fff;width:100%;height:100vh;position: absolute;top:0;}
.nav-logo{width:100%;height:32px;display: block;margin:0 auto;padding:14px 0 2px;border-bottom:1px solid #886239;}
.nav-logo a{display: block;}
.nav-logo img{width:240px;height:auto;margin:auto;display:none;}
.nav-sp-text{background:#fff;overflow:hidden;width:70vw;float:right;margin:16px 4px 0 0;}
.nav-sp-img img{width:90px;float:left;}
.nav-text{width:100%;}
#menuButton{color:#886239;display: block;width: 42px;height: 8px;position: absolute;top: -2px;left: 0;z-index: 10;padding-top: 34px;font-size: 10px;}
#menuButton span{background:#886239;display: block;width: 24px;height: 2px;position: absolute;left:9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child{top: 12px;}
#menuButton span:nth-child(2){margin-top: -1px;top: 50%;}
#menuButton span:last-child{bottom: 12px;}
#menuButton.active span:first-child{-webkit-transform: translateY(8px) rotate(45deg);-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
#menuButton.active span:nth-child(2){opacity: 0;}
#menuButton.active span:last-child{-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
#menu{display:none;margin:0;z-index:1000;width:100%;overflow:hidden;}
.child,.g-child{width:100%;height:100%;padding:0 0 300px;margin:0;box-sizing: border-box;font-size:0;clear:both;
overflow-y: scroll;
position: absolute;
top: 140px;}
.child > li{background:#754c24;}
.child > li > ul > li{background:#a27c52;}
.child > li > ul > li::before{content:"‐";position:absolute;color:#fff;padding:10px;font-size:14px;}
.child > li > ul > li > a{padding-left: 26px;}
.child > li > ul > li > ul > li{background:#d2b48c;}
.child > li > ul > li > ul > li::before{content:"‐";position:absolute;color:#fff;padding:10px 10px 10px 24px;font-size:14px;}
.child > li > ul > li > ul > li > a{padding-left: 42px;}
.child > li{width:100%;height:auto;padding:0;margin:0;text-align:left;display:block;}
.child > li a{display:block;color:#fff;font-size:14px;border-bottom:1px solid #fff;padding:10px;text-decoration: none;box-sizing: border-box;}

.pc{display:none!important;}

.cont{width:94%;margin:0 auto;padding:0;display:block;text-align:left;overflow:hidden;}
.front{background:url(images/front-bg.jpg) 0 0 repeat-x;background-size:48px auto;-webkit-animation: bgroop 5s linear infinite;animation: bgroop 5s linear infinite;padding-top:20px;}
@-webkit-keyframes bgroop {
from {background-position: 0  0;}
to {background-position: -95px 0;}
}
@keyframes bgroop {
from {background-position: 0 0;}
to {background-position: -95px 0;}
}
.front-left{width:100%;display:block;margin:60px auto 16px;}
.front-left .banner{position: relative;z-index:2;}
.front-left img{max-width:100%;height:auto;}
.banner-text{width: 246px;height:auto;margin:0 auto;}
.front-right{width:290px;display:block;margin:0 auto;position: relative;z-index:2;}
.front-right li{margin:0;padding:0;display:block;width:290px;height:auto;font-size:0;}
.front-right li img{width:290px;height:auto;border-top:4px #000 solid;}
.front-right li:last-child img{border-bottom:4px #000 solid;}

h3{font-size:18px;position: relative;padding:0 0 0 24px;clear: both;line-height:1.3;}
h3::before{content:"";background:#603813;width:20px;height:20px;position: absolute;left:0;top:0;}
h4{font-size:18px;position: relative;margin:24px 0 0;padding:0 0 0 24px;line-height:1.3;}
h4::before{content:"";background:#e6c896;width:20px;height:20px;position: absolute;left:0;top:0;border-radius:50%;}

/*.read-cont{position: relative;width:100%;max-width:330px;display: block;margin:0 auto;}
.read-img{position: absolute;top:54px;right:0;margin:0;width:180px;height: auto;}

ul.normal{position: relative;margin:16px auto 0;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:3px;}
.front ul.normal li:last-child{text-align: center;padding:0;}
.front ul.normal li:last-child::before{display: none;}
.front ul.normal li:last-child img{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;}*/

.read-cont{display: block;margin:0 auto;position: relative;width:96%;max-width:330px;}
.read-img{display:inline-block;position:absolute;right:0;bottom:-20px;width:180px;height: auto;}
h2.read{color:#fff;font-size:24px;line-height:1.3;margin:0 0 20px;display:block;width:100%;max-width:330px;position: relative;z-index:1;text-align: left;}
h2.read span{font-size:46px;display:block}
.front .cont{max-width:640px}
.manga{position:relative;z-index:2;width:100%;max-width:290px;display: block;margin: 0 auto 40px;overflow: hidden;}
.manga ul {width: 100%;display:block;font-size:0;}
.manga li img{width:100%;height:auto;border-bottom:1px solid #000;}
ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:4px;}
.illust-cont{position:relative;}
.illust-r{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;display:block;margin:auto;}
ul.normal > li span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);font-size:16px;}
ul.normal > li p{margin-top:8px;}
ol.normal {list-style: none;counter-reset:ol_li;padding:0;margin:0;}
ol.normal > li{position: relative;padding: 0 0 0 3em;margin:20px 0;display:inline-block;}
ol.normal > li:before {margin-right: 10px;counter-increment: ol_li;content: counter(ol_li);color: #fff;top: -.2em;left: .5em;position: absolute;z-index:2;font-weight: bold;font-size:22px;}
ol.normal > li:after{content: "";background:#886239;position: absolute;left:0;top: -.25em;margin:0;width: 2em;height: 2em;border-radius: 50%;}
ol.abc{list-style: lower-latin;}

.count{font-size: 20px;margin: 8px auto 16px;width: 280px;line-height: 1.2;}
.count img{vertical-align: middle;float:left;width: 35px;}

.motto,.check{margin:16px auto;width:100%;display:block;}
.motto dt,.check dt{padding-left: 30px;position: relative;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;font-size: 17px;margin: 4px 0;vertical-align: top;}
.motto dt:before,.motto dt:after,.check dt:before,.check dt:after{content:"";display:block;position:absolute;}
.motto dt:before,.check dt:before{width:18px;height:18px;background:#fff;border:4px solid #d1eaf8;left:0;top:0;}
.motto dt:after,.check dt:after{border-left:4px solid #000;border-bottom:4px solid #000;width:14px;height:5px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);left:7px;top:6px;}
.motto{font-size:0;}
.motto dt{width:50px;display: inline-block;}
.motto dd{display: inline-block;font-size: 14px;width: 264px;line-height: 1.2;padding: 4px 0 10px;}
.motto-img,.check-img{width:100%;margin:0 auto;text-align: center;}
.check-img{width: 145px;display: block;margin:0 auto 40px;}
.motto-img img{margin:0 0 0 8px;height: 97px;}
.motto-img img:first-child{margin:0;}
.check dd{margin:4px 0 24px;}
.check dd span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}

.point{clear:both;margin:24px auto;font-size:0;width:94%;}
.point dl{width:100%;display:block;margin:0 auto 8px;}
.point dl:last-child{margin:0;}
.point dt{background:#886239;color:#fff;text-align: center;font-size:22px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;padding:8px 0 0;}
.point dd{border:4px solid #886239;padding:11px;box-sizing: border-box;font-size:15px;line-height:1.5;text-align:left;}

.graph-img{margin: 12px auto;display: block;width: 300px;}

.banner-leftimg{margin:0 auto;display:block;width:220px;}
.text-rightimg{margin:0 auto;display:block;width:220px;}

section{padding:40px 15px 25px 15px;overflow:hidden;}
article{padding:20px 0;}

footer{clear:both;width:100%;margin:40px auto 0 auto;padding:40px 0 0;display:block;border-top:4px solid #e2e2e2;}
.footer-left{text-align: center;;}
.footer-logo{width:284px;height:32px;display: block;margin:auto;}
.footer-logo img{width:100%;height:auto;}
footer address{font-style: normal;width:96%;display:block;margin:32px auto 0;}
footer p{display:block;margin: 0 auto 32px;text-align: center;}
footer p a{text-align: center;background:#603813;color: #fff;text-decoration: none;padding: 0 9px;margin:0 0 0 4px;border-radius: 4px;font-size: 13px;display: inline-block;
transition: all .3s;-webkit-transition: all .3s;line-height: 2;}
footer p a:hover{color:#fff;background:#886239;}
.btn-mini{background: #886239;color: #fff;text-decoration: none;padding: 0px 8px;margin: 0 0 0 8px;border-radius: 4px;font-size: 13px;vertical-align: top;transition:all .3s;-webkit-transition:all .3s;}
footer .banner{margin:32px auto;}
/*footer .banner .action{padding: 22px 27px;float:none;}*/
.footer-nav,.footer-nav-g{clear:both;font-size:0;margin:16px auto;text-align:center;}
.footer-nav li,.footer-nav-g li{display:inline-block;margin:8px;}
.footer-nav li a,.footer-nav-g li a{text-align:center;color: #fff;text-decoration: none;padding: 0px 9px;border-radius: 4px;font-size: 13px;display:block;transition:all .3s;-webkit-transition:all .3s;line-height:2;}
.footer-nav li a{background: #886239;}
.footer-nav-g li a{background: #603813;padding: 0 15px;}

.pagetop{position: absolute;bottom: -50px;right:0;left:0;margin:0 auto;color:#000;display:block;width:0;height:0;border-right: 50px solid transparent;border-bottom: 50px solid #e2e2e2;border-left: 50px solid transparent;transition:all .3s;-webkit-transition:all .3s;}
.pagetop:before{content:"TOP";position: absolute;top:2em;left:-1em;}

.copy{padding:9px 0;margin:68px auto 0;text-align:center;clear:both;color:#000;background:#e2e2e2;display:block;width:100%;font-size:14px;}

.page h2{color:#fff;font-size:40px;height: 142px;width:94%;line-height: 1;margin:0 auto;display: inline-flex;text-align: left;position: relative;}
.page h2 span {line-height: 1.1;margin: auto auto auto 0;top: 0;bottom: 0;display: inline;}
.page h3{margin:0;padding:24px 0 0 24px;}
.page h3::before{top:auto;margin:0;}
.page{background:url(images/page-bg.jpg) 0 0 repeat-x;background-size:48px auto;}

.bread-bg{background:#886239;width:100%;display:block;text-align:center;margin:0 auto;}
.bread{width:98%;margin:0 auto;text-align: left;font-size:0;padding:2px 0;}
.bread img{width:12px;height:auto;padding:2px;margin:1px 6px 3px 3px;vertical-align: middle;}
.bread li:first-child{position: relative;z-index:1;}
.bread li:first-child::before{content:"";background:#fff;width:22px;height:22px;display:block;border-radius: 50%;position: absolute;left:0;top:1px;z-index:-1;}
.bread li{font-size:13px;display: inline-block;color:#fff;padding:1px 0 0;}
.bread li a{color:#fff;}
.bread li::after{content:"〉";margin:0 0 0 6px;font-size:10px;}
.bread li:last-child::after{content:"";margin:0;}

.normal-table,.rowspan-table {width:100%;border-collapse: collapse;margin:16px auto 32px;}
.normal-table tr,.rowspan-table tr{border: 2px solid #886239;}
.normal-table thead,.rowspan-table thead{display:none;}
.normal-table tbody th,.rowspan-table tbody th {display:block;}
.normal-table tbody td,.rowspan-table tbody td {display:block;background:#fff;padding:5px 10px;font-weight: bold;}
/*.normal-table tbody td::before {font-size:13px;content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}*/
.normal-table tbody td:first-child{background:#886239;color:#fff;text-align:center;font-size:15px;}
/*.rowspan-table tbody td::before {font-size:13px;content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}*/
.rowspan-table tbody td.tdtitle{background:#886239;color:#fff;text-align:center;font-size:15px;}
.normal-table .comment,.rowspan-table .comment{padding:5px 10px 10px;font-weight: normal;}
.normal-table .comment span,.rowspan-table .comment span{font-size:13px;display:block;}
.tdnone{padding-bottom:0!important;font-size:13px;}

.td1big-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 32px;}
.td1big-table thead th {background:#886239;color:#fff;padding:5px;border:#808080 solid 2px;border-bottom:#808080 solid 2px;text-align: center;}
.td1big-table tbody th{display:none;}
.td1big-table td{background:#fff;padding:8px;border:#808080 solid 2px;font-weight: bold;font-size:14px;}
.td1big-table .comment{font-size:13px;font-weight: normal;}
.td1big-table tr:nth-child(even) td,.td1big-table td.bg-on{background-color: #ddd;}  
.td1big-table tr:nth-child(even) td[rowspan]{background-color: #fff;}

.nav-inner2{background:#603813;width:100%;height:100%;transition:all .3s;-webkit-transition:all .3s;font-size:14px;padding:1px;box-sizing: border-box;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav-inner2 td{width:25%;display:inline;}
.nav-inner2 a{padding:12px 8px;margin:4px;color:#fff;text-decoration:none;display:inline-block;position: relative;border:1px solid #fff;border-radius:4px;transition:all .3s;-webkit-transition:all .3s;}
.nav-inner2 a img{display:block;margin:0 auto;height:24px;width:auto;}

.flow {border-collapse: collapse;border-spacing: 0;padding: 0;display: block;}
.flow td{border:none;width:100%;padding:0;line-height:1;display:block;text-align: center;}
.flow td:first-child{background:#e2e2e2;font-size:0;}
.flow td > img{width: 75px;height:auto;margin:auto;}
.flow td.flow_text{padding:0;}
.flow td > h4{margin:10px 0 4px;line-height:1;padding:0;font-size:20px;text-align: left;}
.flow td > h4::before{display:none;}
.flow td > h4 > span{font-size: 12px;margin: 0 0 0 8px;color: #000;padding: 2px 2px 0;vertical-align: middle;border-top:1px solid #000;border-bottom:1px solid #000;}
.flow td .guest{color:#59c3ff;}
.flow td .kirari{color:#886239;}
.flow td > p{margin:4px 0 0;line-height:1.5;text-align:left;font-size:15px;}
.flow tr{position:relative;display:block;margin:0 0 24px;border:2px solid #808080;padding:9px;}
.flow tr::after{border-top:20px solid #886239;border-left:40px solid #fff;border-right:40px solid #fff;content:"";position:absolute;left:50%;width:0;top:100%;bottom:0;margin:2px 0 0 -40px;}
.flow tr:last-child::after{border:none;}
.flow_banner{text-align:center;padding:0;box-sizing: border-box;display:block;width:100%;border:#ffc700 solid 4px;font-size:0;}
.flow_banner strong{font-size:19px;margin:0 18px 2px;position: relative;display:block;}
.flow_banner strong::before{content:"“";font-family: serif;font-size:26px;color:#808080;position: absolute;margin: 0 0 0 -14px;}
.flow_banner strong::after{content:"”";font-family: serif;font-size:26px;color:#808080;position: absolute;margin: 0 -164px 0 0;}
.flow_banner p{position: relative;display:block;font-size:15px;margin:0;padding:8px 0 4px;}
.flow .action{padding:16px 0;}
.flow .action .action-right{float:none;margin:0;}
.flow .action .action-right img{height:38px;}
.flow .action .action-right .btn{margin:3px 0 0 0;width:200px;}
.flow_good{color: #fff;display:block;padding:0;margin: 0;font-size: 15px;font-weight: 700;background: #ffc700;}

.caution{border:2px solid #c2986d;box-sizing:border-box;padding:16px;}
.caution h3::before{display:none;}
.caution h3{padding:0;text-align:center;color:#c2986d;}
.caution p{margin:0;}

.type-table {width:100%;border-collapse: collapse;margin: 16px auto;}
.type-table tr{border: 2px solid #886239;}
.type-table thead {display:none;}
.type-table tbody th {display:block;}
.type-table tbody td {display:block;background:#fff;padding:10px 15px;}
.type-table tbody td::before {content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}
.type-table tbody td:first-child{background:#886239;color:#fff;text-align:center;font-size:15px;font-weight: bold;}
.type-table .comment{padding-top:0;font-size:13px;}
.type-table tbody td span{display:block;padding:0 0 0 40px;}

.illust{text-align: center;padding:0;border:4px solid #ffc700;}
.illust h4{font-size:18px;margin:0 auto 8px;padding:0;background:#ffc700;color:#fff;}
.illust h4::before{display: none;}
.illust img{margin:auto;max-width:98%;height:auto;}

.sample-faq{border: 2px solid #a27c52;padding:8px;margin: 0 auto 32px;clear: both;text-align:left;font-weight: bold;}
.page-child{border: 2px solid #a27c52;padding:8px;text-align: center;margin: 32px auto 0;clear: both;}
.page-child h4{margin:0;padding:0 0 0 12px;font-size:16px;}
.page-child h4::before{left:auto;margin:1px 0 0 -18px;width:14px;height:14px;background:#a27c52;}
.page-child ul{font-size:0;}
.page-child li{display: block;font-size:15px;text-align: center;margin: 4px 8px 0 0;font-weight:bold;}
.page-child li a{color:#a27c52;border: 2px solid #a27c52;padding:8px 16px;border-radius: 4px;text-decoration: none;display:block;transition:all .3s;-webkit-transition:all .3s;}

.table-dl {width:100%;border:#808080 solid 2px;border-bottom:0;margin:0 auto 24px;font-size:0;box-sizing: border-box;}
.table-dl dt{background:#886239;color:#fff;text-align:center;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:15px;display:block;width:100%;box-sizing: border-box;font-weight:bold;}
.table-dl dt span{background: linear-gradient(transparent 45%,#603813 45%, #603813 85%, transparent 85%);}
.table-dl dd{background:#fff;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:15px;display:block;width: 100%;box-sizing: border-box;}

.service-right{margin: auto;width: 100%;display: block;}
.service-img{width:100%;margin:auto;display: block;}

.enq-img{margin:0 auto;text-align:center;}

.office-left{}
.office-right{width:100%;text-align: center;line-height:0;}
.office-right img{width:200px;height:auto;margin:8px auto 0;}

.quest{width:100%;}
.answer{width: 76%;margin: 8px 0 32px 20%;}
.quest img{float:left;border:2px solid #603813;border-radius:50%;width:25px;height:25px;}
.question_box,.answer_box{padding:0;position:relative;}
.question_box p{font-size:13px;background:#eee;position:relative;display:inline-block;padding:10px;width:68%;margin:8px 0 4px 15px;color:#000;border-radius:10px;box-sizing: border-box;}
.answer_box p{background:#ffeba3;position:relative;padding: 8px 10px;border-radius:10px;box-sizing: border-box;}
.question_box p::before,.answer_box p::before {content: "";position: absolute;top: 0px;margin-left: 0;display: block;width:20px;height:20px;z-index:-1}
.question_box p::before {left: -10px;background: #eee;border-radius: 0px 20px;}
.answer_box p::before {right: -10px;background: #ffeba3;border-radius: 20px 0;}
.question_box p::after,.answer_box p::after {content: "";position: absolute;top: -10px;margin-left: 0px;display: block;width: 20px;height: 15px;background: none repeat scroll 0% 0% #fff;z-index:-1;}
.question_box p::after {left: -12px;transform: rotate(20deg);border-radius: 0px 10px;}
.answer_box p::after {right: -12px;transform: rotate(-20deg);border-radius: 10px 0;}

.faq{margin:32px auto;}
.faq h4{margin:-80px auto 0;padding-top:120px;padding-left:46px;}
.faq h4::before{content:"";background:url(images/faq-q.svg) 0 0 no-repeat;width:40px;height:35px;background-size:100%;border-radius:0;top:100px;}
.faq .normal{position: relative;margin: 8px 0 16px;font-size: 14px;}
.faq > span{font-size:20px;font-weight: 700;line-height:1;padding: 6px 0 2px;margin: 10px auto 0;display: block;text-align: center;}
.faq > p{margin:8px 0 16px;}
.faq-yes{color:#ffc700;border:2px solid #ffc700;}
.faq-no{color:#59c3ff;border:2px solid #59c3ff;}
.faq-answer{color:#603813;border:2px solid #603813;}

.office-dl{border:1px solid #e2e2e2;margin:0 auto 16px;}
.office-dl dt{width:100%;display:block;padding:8px 8px 0;box-sizing: border-box;font-weight: 700;}
.office-dl dd{width:100%;display:block;padding:8px;box-sizing: border-box;}
.office-dl dt:nth-of-type(even),.office-dl dd:nth-of-type(even){background:#e2e2e2;}
.office-dl .btn-mini{display:inline-block;}

.form-left .btn{width:266px;text-align: center;display:block;margin:auto;}
.form-left .btn img{width: 240px;margin: auto;}
.domain{width:92px;display:inline-block;border:2px solid #c8c8c8;}
.pp-text p{font-size:14px;}
.wpcf7 { border:1px solid #808080; margin:44px auto!important;width:100%;box-sizing: border-box;}
.wpcf7 form{width:90%;margin:auto;}
.form{width:100%;margin:16px auto;}
.form dt{padding:16px 0 0;}
.form dt > span {margin:0 0 0 4px;padding:0 4px;background:#603813;color:#fff;font-size:13px;vertical-align: middle;}
.wpcf7-list-item{margin:0 2em 0 0!important;}

.wpcf7-checkbox .wpcf7-list-item{display:block;margin:5px 0!important;}
.form [type="checkbox"]:checked,.form [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 28px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:before,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;background:url(images/check.png) 0 0 no-repeat;background-size:100%;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 24px;height:24px;background:url(images/checked.png) 0 0 no-repeat;background-size:100%;position: absolute;
top: 0;left: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.form [type="radio"]:checked,.form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="radio"]:checked + span.wpcf7-list-item-label,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 25px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:before,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 3px;width: 24px;height: 24px;background: url(images/radio.png) 0 0 no-repeat;background-size:100%;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 12px;height: 12px;background: #000;position: absolute;top: 9px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.wpcf7 span.wpcf7-list-item-label{cursor:pointer;}
.wpcf7 input, .wpcf7 textarea { width: 100%;border:none;outline:#c8c8c8 4px solid; padding:4px;margin:4px auto;font-size:16px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wpcf7 input:focus, .wpcf7 textarea:focus{outline:#886239 4px solid;}
.wpcf7 textarea {height:92px;}
.wpcf7 input.wpcf7-submit {outline:none;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;
cursor:pointer; color:#fff;width:240px; height:56px; margin:24px auto 0; display:block;font-size:18px;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background:#886239;box-shadow:#603813 0px 2px 0;}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7-captchac { border:1px solid #808080; }
.wpcf7 .wpcf7-not-valid { background: #e2e2e2; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;color: #603813;margin: 2px auto;}
.wpcf7 .wpcf7-response-output {margin: 10px auto; padding: 8px; text-shadow:none;-webkit-border-radius: 4px; border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors {color: #603813;border: 1px solid #603813;margin: 16px auto;padding: 8px;width: 100%;text-shadow: none;box-sizing: border-box;font-size: 80%;}
.wpcf7 .wpcf7-mail-sent-ok {color: #000;border: 2px solid #886239;width: 100%;box-sizing: border-box;padding: 4px;margin: 16px auto;text-shadow: none;font-size: 80%;}
.wpcf7 .required { color: #886239;}
.wpcf7 .any{ color: #603813;}

.form-banner{background:#fff url(images/zoom-banner.svg) 0 0 no-repeat;position:fixed;right:0;bottom:36px;border:4px solid #886239;border-right:0;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:90px;height:90px;z-index:3;}

}

@media screen and (min-width:641px)  and (max-width:875.9px){
body{font-size:16px;line-height: 1.7;}
p{margin:12px 0;padding:0;word-wrap:break-word;}
p span{background:linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}
a{outline:none;color:#a27c52;}
a:hover{color:#603813}
a.blank::after{content:"";margin:0 0 0 2px;width:12px;height:12px;display: inline-block;background:url(images/blank.svg);background-size:12px auto;background-position:0 0;}
a.blank:hover::after{background-position: 0 12px;}
a img{border:none;}
header{margin:0 auto;padding:0;display:block;text-align:center;background:#fff;width:100%;}
.title-bg{background:#e2e2e2;text-align: center;color:#000;}
.title-bg h1{width:100%;margin:auto;text-align: center;font-size:13px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;}
.logo{width:585px;height:32px;display:block;margin:0 auto;padding:0;text-indent:-9999px;}
.logo a{width:585px;height:32px;display:block;background:url(images/logo.svg) 0 0 no-repeat;background-size:100%;margin: 7px 0}
.logo a:hover{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
header .action{float: right;}
header .cont{padding:8px 0;}
.banner{overflow: hidden;width:640px;display:block;margin:40px auto;}
.banner-text{width:235px;}
.banner .action{background: linear-gradient(#886239, #603813);border-radius: 8px;float:left;padding:18px;}
.banner .action a{display: block;}
.banner .action .btn{text-align: left;margin:0;}
.banner .action .mail{margin: 6px 0 0;}
.banner .price{float:right;}
.banner .price img{width:86px;}
.banner .price a{display:block;line-height:0;padding:22px;border-radius: 8px;background: linear-gradient(#886239, #603813);}
.banner .price a:hover{background: #603813;}
.action-right{float:right;margin:0 0 0 8px;}
.action-right img{height:auto;}
.action{font-size:0;line-height: 1;}
.action a{display:inline-block;position: relative;}
header .action img{margin:0 0 0 16px;height: 44px;}
.action a img{margin:0;height:38px;}
.banner .action a::after{content:"▶";color:#000;position: absolute;right: 4px;top:16px;display:block;font-size:12px;}
.btn{border:#000 1px solid;background:#fff;border-radius:4px;font-size: 0;padding: 2px 20px 2px 12px;margin:3px 0 0;line-height: 1;vertical-align: top;}
.btn:hover{background:#e6c896}
.cont > .btn{font-weight:bold;border:#a27c52 2px solid;font-size:16px;text-decoration: none;padding:8px 48px;margin: 0 auto 32px;display: inline-block;transition: all .3s;-webkit-transition: all .3s;line-height:1.7;}
.cont > .btn:hover{color:#fff;background:#a27c52;}

bannernav{background:#886239;display:block;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav{display:none;}
.nav-sp{width:100%;height:50px;padding:6px 0;margin:0;z-index:9;border-top:1px solid #886239;border-bottom:1px solid #886239;position: relative;background:#fff;box-sizing: border-box;}
.nav-mail,.nav-tel,.nav-inner-mail,.nav-inner-tel{background: linear-gradient(#886239, #e6c896);border-radius: 4px;box-sizing: border-box;padding:2px 0;margin:0 2vw 0 0;line-height: 1;display: inline-block;}
header .action .nav-mail img,header .action .nav-tel img{width:135px;height:auto;}
.nav-mail,.nav-tel{width:158px;height:auto;}
.nav-inner-mail img,.nav-inner-tel img{width:135px;height:auto;}
.fixed{left: 0;position: fixed;top: 0;}
.nav-sp-inner{display:none;background:#fff;width:100%;height:100vh;position: absolute;top:0;}
.nav-logo{width:100%;height:32px;display: block;margin:0 auto;padding:14px 0 2px;border-bottom:1px solid #886239;}
.nav-logo a{display: block;}
.nav-logo img{width:240px;height:auto;margin:auto;display:none;}
.nav-sp-text{background:#fff;overflow:hidden;width:340px;float:right;margin:12px 0 0;}
.nav-sp-img img{width:90px;float:left;}
.nav-text{width:320px;}
#menuButton{color:#886239;display: block;width: 42px;height: 8px;position: absolute;top: -2px;left: 0;z-index: 10;padding-top: 34px;font-size: 10px;}
#menuButton span{background:#886239;display: block;width: 24px;height: 2px;position: absolute;left:9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child{top: 12px;}
#menuButton span:nth-child(2){margin-top: -1px;top: 50%;}
#menuButton span:last-child{bottom: 12px;}
#menuButton.active span:first-child{-webkit-transform: translateY(8px) rotate(45deg);-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
#menuButton.active span:nth-child(2){opacity: 0;}
#menuButton.active span:last-child{-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
#menu{display:none;margin:0;position;z-index:1000;width:100%;overflow:hidden;}
.child,.g-child{width:100%;height:100%;padding:0 0 200px;margin:0;box-sizing: border-box;font-size:0;clear:both;
overflow-y: scroll;
position: absolute;
top: 140px;}
.child > li{background:#754c24;}
.child > li > ul > li{background:#a27c52;}
.child > li > ul > li::before{content:"‐";position:absolute;color:#fff;padding:10px;font-size:14px;}
.child > li > ul > li > a{padding-left: 26px;}
.child > li > ul > li > ul > li{background:#d2b48c;}
.child > li > ul > li > ul > li::before{content:"‐";position:absolute;color:#fff;padding:10px 10px 10px 24px;font-size:14px;}
.child > li > ul > li > ul > li > a{padding-left: 42px;}
.child > li{width:100%;height:auto;padding:0;margin:0;text-align:left;display:block;}
.child > li a{display:block;color:#fff;font-size:14px;border-bottom:1px solid #fff;padding:10px;text-decoration: none;box-sizing: border-box;}

.pc,.sp_only{display:none;}

.cont{width:640px;margin:0 auto;padding:0;display:block;text-align:left;overflow:hidden;}
.front{background:url(images/front-bg.jpg) 0 0 repeat-x;background-size:48px auto;-webkit-animation: bgroop 5s linear infinite;animation: bgroop 5s linear infinite;padding-top:20px;}
@-webkit-keyframes bgroop {
from {background-position: 0  0;}
to {background-position: -95px 0;}
}
@keyframes bgroop {
from {background-position: 0 0;}
to {background-position: -95px 0;}
}
.front-left{width:640px;display:block;margin:60px auto 16px;}
.front-left .banner{float:left;position: relative;z-index:2;}
.front-left img{max-width:100%;height:auto;}
.front-right{width:290px;display:block;margin:0 auto;position: relative;z-index:2;}
.front-right li{margin:0;padding:0;display:block;width:290px;height:auto;font-size:0;}
.front-right li img{width:290px;height:auto;border-top:4px #000 solid;}
.front-right li:last-child img{border-bottom:4px #000 solid;}

h3{font-size:22px;position: relative;padding:0 0 0 28px;clear: both;}
h3::before{content:"";background:#603813;width:24px;height:24px;position: absolute;left:0;top:5px;}
h4{font-size:22px;position: relative;margin:24px 0 0;padding:0 0 0 28px;}
h4::before{content:"";background:#e6c896;width:24px;height:24px;position: absolute;left:0;top:3px;border-radius:50%;}

/*
.read-cont{position: relative;width:580px;display: block;margin:0 auto;}
.read-img{position: absolute;top:-40px;right:0;margin:0;width:276px;height: auto;}

ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:3px;}
.front ul.normal li:last-child{position: absolute;top:28px;right:28px;}
.front ul.normal li:last-child::before{display: none;}
.front ul.normal li:last-child img{border: 4px solid #d1eaf8;border-radius: 50%;width: 200px;}
*/

.read-cont{display: block;margin:0 auto;position: relative;width:640px;}
.read-img{display:inline-block;position:absolute;right:0;top:28px;width:276px;height: auto;}
h2.read{color:#fff;font-size:34px;line-height:1.3;margin:0 0 30px;display:block;width:540px;position: relative;z-index:1;text-align: left;}
h2.read span{font-size:50px;display:block}
.front .cont{max-width:640px}
.manga{position:relative;z-index:2;width:640px;display: block;margin: 0 auto 40px;overflow: hidden;}
.manga ul {width: 50%;display: inline-block;float:right;font-size:0;}
.manga li img{width:100%;height:auto;border-bottom:1px solid #000;}
ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:4px;}
.illust-cont{position:relative;}
.illust-r{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;position:absolute;right:0;top:0;}
ul.normal > li span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);font-size:19px;}
ul.normal > li p{margin-top:8px;}
ol.normal {list-style: none;counter-reset:ol_li;padding:0;margin:0;}
ol.normal > li{position: relative;padding: 0 0 0 3em;margin:20px 0;display:inline-block;}
ol.normal > li:before {margin-right: 10px;counter-increment: ol_li;content: counter(ol_li);color: #fff;top: -.2em;left: .5em;position: absolute;z-index:2;font-weight: bold;font-size:22px;}
ol.normal > li:after{content: "";background:#886239;position: absolute;left:0;top: -.25em;margin:0;width: 2em;height: 2em;border-radius: 50%;}
ol.abc{list-style: lower-latin;}

.count{font-size:25px;margin:32px auto;width:380px;}
.count img{vertical-align: middle;float:left;}

.motto,.check{margin:16px auto;width:640px;display:block;}
.motto dt,.check dt{padding-left:34px;position:relative;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;font-size:19px;margin:4px 0;}
.motto dd{margin:4px 0;}
.motto dt:before,.motto dt:after,.check dt:before,.check dt:after{content:"";display:block;position:absolute;}
.motto dt:before,.check dt:before{width:18px;height:18px;background:#fff;border:4px solid #d1eaf8;left:0;top:0;}
.motto dt:after,.check dt:after{border-left:4px solid #000;border-bottom:4px solid #000;width:14px;height:5px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);left:7px;top:6px;}
.motto{font-size:0;}
.motto dt{width:64px;display: inline-block;}
.motto dd{display: inline-block;font-size:15px;}
.motto-img,.check-img{width:320px;margin:0 auto;text-align: center;}
.check-img{width: 260px;display: block;margin:0 auto 40px;}
.motto-img img{margin:0 0 0 8px;height: 114px;}
.motto-img img:first-child{margin:0;}
.check dd{margin:4px 0 24px;}
.check dd span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}

.point{clear:both;margin:24px auto;font-size:0;width:440px;}
.point dl{width:100%;display:block;margin:0 auto 8px;}
.point dl:last-child{margin:0;}
.point dt{background:#886239;color:#fff;text-align: center;font-size:22px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;padding:16px 0 8px;}
.point dd{border:4px solid #886239;padding:11px;box-sizing: border-box;font-size:16px;text-align:left;}

.graph-img{margin: 12px auto;display: block;width: 440px;}

.banner-leftimg{margin:0 auto;display:block;width: 220px;}
.text-rightimg{margin:0 auto;display:block;width: 220px;}

section{padding:40px 15px 25px 15px;overflow:hidden;}
article{padding:20px 0;}

.cont_med{clear:both;}
.cont_med li{width:25%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;padding-bottom:15.5%;padding-bottom:calc(15.5% - 15px);position:relative;overflow:hidden;border:15px solid #fff;}
.cont_med li.wide{width:50%;padding:0;}
.cont_med li.big{width:50%;padding:0;}
.cont_med li.big_l{width:50%;float:left;padding-bottom:31%;}
.cont_med li.big_r{width:50%;float:right;padding-bottom:31%;}
.li_img{background-position:50% 50%;background-size:cover;padding-bottom:66%;display:block;position:absolute;top:0;left:0;width:100%;background-repeat:no-repeat;transition:all .3s;-webkit-transition:all .3s;z-index:1;}
.li_img:hover{cursor:pointer;}
.cont_med li a,.cont_med li.big a,.cont_med li.big_r a{display:block;text-decoration:none;}

.bx-wrapper{width:100%;position:relative;overflow:hidden;}
.bxslider li{padding:0;width:100%;border:none;}

footer{clear:both;width:100%;margin:40px auto 0 auto;padding:40px 0 0;display:block;border-top:4px solid #e2e2e2;}
.footer-left{text-align: center;;}
.footer-logo{width:284px;height:32px;display: block;margin:auto;}
.footer-logo img{width:100%;height:auto;}
footer address{font-style: normal;width:640px;display:block;margin:32px auto 0;}
footer p{display:block;margin: 0 auto 32px;text-align: center;}
footer p a{text-align: center;background:#603813;color: #fff;text-decoration: none;padding: 0 9px;margin:0 0 0 4px;border-radius: 4px;font-size: 13px;display: inline-block;
transition: all .3s;-webkit-transition: all .3s;line-height: 2;}
footer p a:hover{color:#fff;background:#886239;}
.btn-mini{background: #886239;color: #fff;text-decoration: none;padding: 0px 8px;margin: 0 0 0 8px;border-radius: 4px;font-size: 13px;vertical-align: top;transition:all .3s;-webkit-transition:all .3s;}
.btn-mini:hover{background:#603813;color:#fff;}
footer .banner{margin:32px auto;display:block;}
/*footer .banner .action{padding: 12px 26px;float:none;}*/
.footer-nav,.footer-nav-g{clear:both;font-size:0;margin:16px auto;text-align:center;}
.footer-nav li,.footer-nav-g li{display:inline-block;margin:8px;}
.footer-nav li a,.footer-nav-g li a{text-align:center;min-width:58px;color: #fff;text-decoration: none;padding: 0px 17px;border-radius: 4px;font-size: 14px;display:block;transition:all .3s;-webkit-transition:all .3s;line-height:2;}
.footer-nav li a{background: #886239;}
.footer-nav-g li a{background: #603813;padding: 0 15px;}
.footer-nav li a:hover{background:#603813;}
.footer-nav-g li a:hover{background: #886239;}

.pagetop{position: absolute;bottom: -50px;right:0;left:0;margin:0 auto;color:#000;display:block;width:0;height:0;border-right: 50px solid transparent;border-bottom: 50px solid #e2e2e2;border-left: 50px solid transparent;transition:all .3s;-webkit-transition:all .3s;}
.pagetop:hover{border-bottom: 50px solid #603813;color:#fff;}
.pagetop:before{content:"TOP";position: absolute;top:1em;left:-1em;}

.copy{padding:9px 0;margin:68px auto 0;text-align:center;clear:both;color:#000;background:#e2e2e2;display:block;width:100%;font-size:14px;}

.page h2{color:#fff;font-size:50px;height: 142px;width:640px;line-height: 1;margin:0 auto;display: inline-flex;text-align: left;position: relative;}
.page h2 span {line-height: 1.2;margin: auto auto auto 0;top: 0;bottom: 0;display: inline;}
.page h3{margin:0;padding:32px 0 0 28px;}
.page h3::before{top:auto;margin:5px 0 0;}
.page{background:url(images/page-bg.jpg) 0 0 repeat-x;background-size:48px auto;}

.bread-bg{background:#886239;width:100%;display:block;text-align:center;margin:0 auto;}
.bread{width:640px;margin:0 auto;text-align: left;font-size:0;padding:2px 0;}
.bread img{width:16px;height:auto;padding:4px;margin:1px 8px 3px 2px;vertical-align: middle;}
.bread li:first-child{position: relative;z-index:1;}
.bread li:first-child::before{content:"";background:#fff;width:28px;height:28px;display:block;border-radius: 50%;position: absolute;left:0;top:1px;z-index:-1;}
.bread li{font-size:15px;display: inline-block;color:#fff;padding:2px 0 0;}
.bread li a{color:#fff;}
.bread li a:hover{text-decoration:none;}
.bread li::after{content:"〉";margin:0 0 0 10px;}
.bread li:last-child::after{content:"";}

.normal-table,.rowspan-table {width:100%;border-collapse: collapse;margin:0 auto 32px;}
.normal-table tr,.rowspan-table tr{border: 2px solid #886239;}
.normal-table thead,.rowspan-table thead{display:none;}
.normal-table tbody th,.rowspan-table tbody th{display:block;}
.normal-table tbody td,.rowspan-table tbody td {display:block;background:#fff;padding:5px 10px;font-weight: bold;}
/*.normal-table tbody td::before {font-size:13px;content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}*/
.normal-table tbody td:first-child{background:#886239;color:#fff;text-align:center;font-size:15px;}
/*.rowspan-table tbody td::before {font-size:13px;content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}*/
.rowspan-table tbody td.tdtitle{background:#886239;color:#fff;text-align:center;font-size:15px;}
.normal-table .comment,.rowspan-table .comment{padding:5px 10px 10px;font-weight: normal;}
.normal-table .comment span,.rowspan-table .comment span{font-size:13px;display:block;}
.tdnone{padding-bottom:0!important;font-size:13px;}

.td1big-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 32px;}
.td1big-table thead th {background:#886239;color:#fff;padding:5px 10px;border:#808080 solid 2px;border-bottom:#808080 solid 2px;text-align: center;}
.td1big-table tbody th{display:none;}
.td1big-table td{background:#fff;padding:10px 15px;border:#808080 solid 2px;font-weight: bold;}
.td1big-table .comment{font-size:13px;font-weight: normal;}
.td1big-table tr:nth-child(even) td,.td1big-table td.bg-on{background-color: #ddd;}  
.td1big-table tr:nth-child(even) td[rowspan]{background-color: #fff;}

.nav-inner2{background:#603813;width:640px;height:100%;transition:all .3s;-webkit-transition:all .3s;font-size:12px;padding:1px;box-sizing: border-box;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav-inner2 td{width:25%;}
.nav-inner2 a{border:1px solid #fff;border-radius:4px;padding:12px 0;margin:2px 1px;color:#fff;text-decoration:none;display:block;position: relative;transition:all .3s;-webkit-transition:all .3s;}
.nav-inner2 a:hover{background:#886239}
.nav-inner2 a img{display:block;margin:8px auto 0;}

.flow {border-collapse: collapse;border-spacing: 0;padding: 0;display: block;}
.flow td{border:none;width:auto;padding:0;line-height:1;vertical-align: top;}
.flow td > img{width: 75px;height:auto;}
.flow td.flow_text{padding:0 0 0 24px;}
.flow td > h4{margin:0 0 8px;line-height:1;padding:0;font-size:20px;}
.flow td > h4::before{display:none;}
.flow td > h4 > span{font-size: 14px;margin: 0 0 0 8px;color: #000;padding: 2px 4px 0;vertical-align: middle;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.flow td .guest{color:#59c3ff;}
.flow td .kirari{color:#886239;}
.flow td > p{margin:8px 0 0;line-height:1.5;}
.flow tr{position:relative;display:block;margin:0 0 40px;border:2px solid #808080;padding:16px;}
.flow tr::after{border-top:20px solid #886239;border-left:40px solid #fff;border-right:40px solid #fff;content:"";position:absolute;left:50%;width:0;top:100%;bottom:0;margin:2px 0 0 -40px;}
.flow tr:last-child::after{border:none;}
.flow_banner{text-align:center;padding:0;box-sizing: border-box;display:block;width:100%;border:#ffc700 solid 4px;font-size:0;}
.flow_banner strong{font-size:20px;margin:0 20px;position: relative;}
.flow_banner strong::before{content:"“";font-family: serif;font-size:46px;color:#808080;position: absolute;top:0;left:-20px;}
.flow_banner strong::after{content:"”";font-family: serif;font-size:46px;color:#808080;position: absolute;top:0;right:-20px;}
.flow_banner p{position: relative;display:block;font-size:15px;margin:0;padding:8px 0 0 8px;}
.flow .action{padding:16px 0;}
.flow .action .action-right{float:none;margin:0;}
.flow .action .action-right img{height:38px;}
.flow .action .action-right .btn{margin:3px 0 0 16px}
.flow_good{color: #fff;display:block;padding:0;margin: 0;font-size: 15px;font-weight: 700;background: #ffc700;}

.caution{border:2px solid #c2986d;box-sizing:border-box;padding:16px;}
.caution h3::before{display:none;}
.caution h3{padding:0;text-align:center;color:#c2986d;}
.caution p{margin:0;}

.type-table {width:100%;border-collapse: collapse;margin: 16px auto;}
.type-table tr{border: 2px solid #886239;}
.type-table thead {display:none;}
.type-table tbody th {display:block;}
.type-table tbody td {display:block;background:#fff;padding:10px 15px;}
.type-table tbody td::before {content: attr(label);float: left;clear:both;font-weight:bold;margin:0 10px 0 0;}
.type-table tbody td:first-child{background:#886239;color:#fff;text-align:center;font-size:15px;font-weight: bold;}
.type-table .comment{padding-top:0;font-size:13px;}
.type-table tbody td span{display:block;padding:0 0 0 40px;}

.illust{text-align: center;padding:0;border:4px solid #ffc700;}
.illust h4{font-size:22px;margin:0 auto 8px;padding:0;background:#ffc700;color:#fff;}
.illust h4::before{display: none;}
.illust img{margin:0 40px;max-width:98%;height:auto;}

.sample-faq{border: 2px solid #a27c52;padding:8px;margin: 0 auto 32px;clear: both;text-align:left;font-weight: bold;}
.page-child{border: 2px solid #a27c52;padding:8px;text-align: center;margin: 32px auto 0;clear: both;}
.page-child h4{margin:0;}
.page-child h4::before{left:auto;margin:0 0 0 -24px;background:#a27c52;}
.page-child ul{font-size:0;}
.page-child li{display: block;font-size:15px;text-align: center;margin: 4px 8px 0 0;font-weight:bold;}
.page-child li a{color:#a27c52;border: 2px solid #a27c52;padding:8px 16px;border-radius: 4px;text-decoration: none;display:block;transition:all .3s;-webkit-transition:all .3s;}
.page-child li a:hover{color:#fff;background:#a27c52;}

.table-dl {width:100%;border:#808080 solid 2px;border-bottom:0;margin:0 auto 24px;font-size:0;box-sizing: border-box;}
.table-dl dt{background:#886239;color:#fff;text-align:center;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:15px;display:block;width:100%;box-sizing: border-box;font-weight:bold;}
.table-dl dt span{background: linear-gradient(transparent 45%,#603813 45%, #603813 85%, transparent 85%);}
.table-dl dd{background:#fff;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:15px;display:block;width: 100%;box-sizing: border-box;}

.service-right{margin: auto;width: 400px;display: block;}
.service-right-min{width:300px;margin:auto;display: block;}
.service-img{width:540px;margin:auto;display: block;}

.enq-img{float:right;}

.office-left{width:420px;display: block;float:left;}
.office-right{width:200px;height:302px;float:right;}
.office-right img{width:100%;height:auto;}

.quest{width:440px;}
.answer{width: 340px;margin: 8px 0 32px 90px;}
.quest img{float:left;border:2px solid #603813;border-radius:50%;}
.question_box,.answer_box{padding:0;position:relative;}
.question_box p{font-size:13px;background:#eee;position:relative;display:inline-block;padding:10px;width:360px;margin:8px 0 4px 15px;color:#000;border-radius:10px;box-sizing: border-box;}
.answer_box p{background:#ffeba3;position:relative;padding: 8px 10px;border-radius:10px;box-sizing: border-box;}
.question_box p::before,.answer_box p::before {content: "";position: absolute;top: 0px;margin-left: 0;display: block;width:20px;height:20px;z-index:-1}
.question_box p::before {left: -10px;background: #eee;border-radius: 0px 20px;}
.answer_box p::before {right: -10px;background: #ffeba3;border-radius: 20px 0;}
.question_box p::after,.answer_box p::after {content: "";position: absolute;top: -10px;margin-left: 0px;display: block;width: 20px;height: 15px;background: none repeat scroll 0% 0% #fff;z-index:-1;}
.question_box p::after {left: -12px;transform: rotate(20deg);border-radius: 0px 10px;}
.answer_box p::after {right: -12px;transform: rotate(-20deg);border-radius: 10px 0;}

.faq{margin:32px auto;}
.faq h4{margin:-80px auto 0;padding-top:120px;padding-left:50px;}
.faq h4::before{content:"";background:url(images/faq-q.svg) 0 0 no-repeat;width:46px;height:40px;background-size:100%;border-radius:0;top:100px;}
.faq .normal{position: relative;margin: 8px 0 16px 106px;font-size: 14px;}
.faq > span{float:left;font-size:18px;font-weight: 700;line-height:1;padding: 4px 0 0;margin: 6px 0 0 4px;display: inline-block;width: 80px;text-align: center;transform: rotate(-10deg);}
.faq > p{margin:8px 0 16px 98px;}
.faq-yes{color:#ffc700;border:2px solid #ffc700;}
.faq-no{color:#59c3ff;border:2px solid #59c3ff;}
.faq-answer{color:#603813;border:2px solid #603813;}

.office-dl{font-size:0;border:1px solid #e2e2e2;margin:0 auto 16px;}
.office-dl dt{width:100px;display:inline-block;font-size:17px;padding:8px 0 8px 16px;box-sizing: border-box;vertical-align: top;}
.office-dl dd{width:538px;display:inline-block;font-size:17px;padding:8px 16px 8px 8px;box-sizing: border-box;}
.office-dl dt:nth-of-type(even),.office-dl dd:nth-of-type(even){background:#e2e2e2;}

.form-left .btn{width:268px;text-align: center;display:block;margin:auto;}
.form-left .btn img{width: 240px;margin: auto;}
.domain{width:100px;display:inline-block;border:2px solid #c8c8c8;}
.pp-text p{font-size:14px;}
.wpcf7 { border:1px solid #808080; margin:44px auto!important;width:100%;box-sizing: border-box;}
.wpcf7 form{width:300px;margin:auto;}
.form{width:100%;margin:16px auto;}
.form dt{padding:16px 0 0;}
.form dt > span {margin:0 0 0 4px;padding:0 4px;background:#603813;color:#fff;font-size:13px;vertical-align: middle;}
.wpcf7-list-item{margin:0 2em 0 0!important;}

.wpcf7-checkbox .wpcf7-list-item{display:block;margin:5px 0!important;}
.form [type="checkbox"]:checked,.form [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 28px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:before,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;background:url(images/check.png) 0 0 no-repeat;background-size:100%;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 24px;height:24px;background:url(images/checked.png) 0 0 no-repeat;background-size:100%;position: absolute;
top: 0;left: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.form [type="radio"]:checked,.form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="radio"]:checked + span.wpcf7-list-item-label,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 25px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:before,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 3px;width: 24px;height: 24px;background: url(images/radio.png) 0 0 no-repeat;background-size:100%;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 12px;height: 12px;background: #000;position: absolute;top: 9px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.wpcf7 span.wpcf7-list-item-label{cursor:pointer;}
.wpcf7 input, .wpcf7 textarea { max-width: 300px;border:none;outline:#c8c8c8 4px solid; padding:4px;font-size:17px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wpcf7 input:focus, .wpcf7 textarea:focus{outline:#886239 4px solid;}
.wpcf7 textarea {height:92px;}
.wpcf7 input.wpcf7-submit {outline:none;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;
cursor:pointer; color:#fff;width:240px; height:56px; margin:24px auto 0; display:block;font-size:18px;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background:#886239;box-shadow:#603813 0px 2px 0;}
.wpcf7 input.wpcf7-submit:hover { background:#ffc700;}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7-captchac { border:1px solid #808080; }
.wpcf7 .wpcf7-not-valid { background: #e2e2e2; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;color: #603813;margin: 4px auto;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors {color: #603813;border: 1px solid #603813;margin: 16px auto;padding: 8px;width: 100%;text-shadow: none;box-sizing: border-box;font-size: 80%;}
.wpcf7 .wpcf7-mail-sent-ok {color: #000;border: 2px solid #886239;margin: 16px 16px 0 16px;width: 100%;box-sizing: border-box;padding: 4px;margin: 16px auto;text-shadow: none;font-size: 80%;}
.wpcf7 .required { color: #886239;}
.wpcf7 .any{ color: #603813;}

.form-banner{background:#fff url(images/zoom-banner.svg) 0 0 no-repeat;position:fixed;right:0;bottom:36px;border:4px solid #886239;border-right:0;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:90px;height:90px;z-index:3;}

}

@media screen and (min-width:876px)  and (max-width:1180px){
body{font-size:16px;line-height: 1.7;}
p{margin:12px 0;padding:0;word-wrap:break-word;font-size:14px;}
p span{background:linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}
a{outline:none;color:#886239;}
a:hover{color:#603813}
a.blank::after{content:"";margin:0 0 0 2px;width:14px;height:14px;display: inline-block;background:url(images/blank.svg);background-size:14px auto;background-position:0 0;}
a.blank:hover::after{background-position: 0 14px;}
a img{border:none;}
header{margin:0 auto;padding:0;display:block;position:fixed;text-align:center;background:#fff;z-index:10;width:100%;}
.title-bg{background:#e2e2e2;text-align: center;color:#000;}
.title-bg h1{width:860px;margin:auto;text-align: left;font-size:13px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;}
.logo{width:450px;height:25px;display:block;margin:0;padding:0;text-indent:-9999px;float:left;}
.logo a{width:450px;height:25px;display:block;background:url(images/logo.svg) 0 0 no-repeat;background-size:100%;margin: 9px 0 0 0}
.logo a:hover{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
header .action{float: right;}
header .cont{padding:8px 0;}
.action{font-size:0;line-height: 1;}
.action a{display:inline-block;}
header .action img{margin:0 0 0 16px;}
.action{font-size:0;line-height: 1;}
.action a{display:inline-block;}
header .action img{margin:0 0 0 16px;height: 44px;}
.action a img{margin:0;height:38px;}
.btn{border:#000 1px solid;background:#fff;border-radius:4px;font-size: 0;padding: 0 16px;margin:3px 0 0;line-height: 1;vertical-align: top;}
.btn:hover{background:#e6c896}
.cont > .btn{font-weight:bold;border:#a27c52 2px solid;font-size:16px;text-decoration: none;padding:8px 48px;margin: 0 auto 32px;display: inline-block;transition: all .3s;-webkit-transition: all .3s;line-height:1.7;}
.cont > .btn:hover{color:#fff;background:#a27c52;}

.banner{overflow: hidden;width:560px;display:block;margin:40px auto;}
.banner-text{width:216px;}
.banner .action{background: linear-gradient(#886239, #e6c896);border-radius: 8px;float:left;padding:21px 18px;}
.banner .action a{display: block;}
.banner .action .btn{margin: 6px 0 0;text-align: center;}
.banner .price{float:right;}
.banner .price img{width:79px;}
.banner .price a{display:block;line-height:0;padding:22px;border-radius: 8px;background: linear-gradient(#886239, #e6c896);}
.banner .price a:hover{background: #603813;}
.action-right{float:right;margin:0 0 0 8px;}
.action-right img{height:auto;}

nav{background:#886239;display:block;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav {font-size:0;padding:0;margin:auto;position: relative;width:860px;display:block;line-height: 1;*zoom: 1;}
.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav > li{font-size:15px;display:inline-block;margin:0;padding:0;width:20%;height;39px;box-sizing: border-box;line-height: 1em;transition:all .3s;-webkit-transition:all .3s;position: relative;}
.nav > li a {color:#fff;text-decoration:none;display:block;padding:12px 0;position: relative;}
.nav > li > a::before{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;left:0;top:12px;}
.nav > li:last-child > a::after{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;right:0;top:12px;}
.nav > li:hover,.nav > li.now{background:#603813;-webkit-transition: all .5s;transition: all .5s;}
.nav > li > ul{visibility: hidden;opacity: 0;z-index: 1;position: absolute;top: 39px;width: 100%;background:#603813;-webkit-transition: all .2s ease;transition: all .2s ease;}
.nav > li:hover > ul{top: 39px;visibility: visible;opacity: 1;}
.nav > li > ul > li{border-top: 1px solid #886239;position: relative;}
.nav > li > ul > li:hover{background:#462608;}
.nav > li > ul > li > ul{visibility: hidden;opacity: 0;position: absolute;top: -1px;left: 100%;width: 100%;background:#462608;-webkit-transition: all .2s ease;transition: all .2s ease;}
.nav > li > ul > li:hover > ul{visibility: visible;opacity: 1;}
.nav > li > ul > li > ul > li{border-top: 1px solid #603813;position: relative;}
.nav > li > ul > li > ul > li:hover{background:#886239;}
.nav > li > ul > li > ul > li > ul{visibility: hidden;opacity: 0;}
.init-bottom:after {content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 3px 15px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.init-right:after {content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 0 15px;border-right: 1px solid #fff;border-top: 1px solid #fff;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*nav{background:#886239;display:block;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav{font-size:0;padding:0;margin:auto;position: relative;width:860px;display:block;line-height: 1;}
.nav li{font-size:15px;display:inline-block;margin:0;padding:0;width:20%;box-sizing: border-box;line-height: 1em;transition:all .3s;-webkit-transition:all .3s;}
.nav li a{color:#fff;text-decoration:none;display:block;padding:12px 0;position: relative;}
.nav li a::after{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;right:0;top:12px;}
.nav li:first-child a::before{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;left:0;top:12px;}
.nav li:hover,.nav li.now{background:#603813}
.nav-inner{background:#603813;position: absolute;top:100%;left:0;width:100%;height:0%;opacity:0;transition:all .3s;-webkit-transition:all .3s;font-size:14px;padding:4px;box-sizing: border-box;visibility: hidden;}
.nav li:hover .nav-inner{opacity:1;height:100%;visibility: visible;}
.nav li .nav-inner td{width:25%;}
.nav li .nav-inner a{border:1px solid #fff;border-radius:4px;padding:16px 0;margin:2px 1px;transition:all .3s;-webkit-transition:all .3s;}
.nav li .nav-inner a:hover{background:#886239}
.nav li .nav-inner a img{display:block;margin:8px auto 0;}
.nav li .nav-inner a::before,.nav li .nav-inner a::after{display: none;}*/
.nav-sp,#menuButton{display:none;}

.sp,.sp_only{display:none!important;}

.cont{width:860px;margin:0 auto;padding:0;display:block;text-align:left;overflow:hidden;}
.front{background:url(images/front-bg.jpg) 0 22px repeat-x;-webkit-animation: bgroop 5s linear infinite;animation: bgroop 5s linear infinite;padding-top: 180px;}
@-webkit-keyframes bgroop {
from {background-position: 0  22px;}
to {background-position: -95px 22px;}
}
@keyframes bgroop {
from {background-position: 0 22px;}
to {background-position: -95px 22px;}
}
.front-left{width:560px;display:block;float:left;margin:0 auto 16px 0;}
.front-left img {max-width: 100%;}
.front-left .banner{float:left;position: relative;z-index:2;}
.front-right{width:290px;display:block;float:right;margin:128px 0 0 auto;}
.front-right li{margin:0;padding:0;display:block;width:290px;height:auto;font-size:0;}
.front-right li img{width:290px;height:auto;border-top:4px #000 solid;}
.front-right li:last-child img{border-bottom:4px #000 solid;}

h2.read{color:#fff;font-size:29px;line-height:1.3;margin:220px 0 60px;width:560px;display: block;position: relative;z-index:2;}
h2.read span{font-size:60px;display:block}
h3{font-size:22px;position: relative;padding:0 0 0 28px;clear: both;}
h3::before{content:"";background:#603813;width:24px;height:24px;position: absolute;left:0;top:5px;}
h4{font-size:22px;position: relative;margin:24px 0 0;padding:0 0 0 28px;}
h4::before{content:"";background:#e6c896;width:24px;height:24px;position: absolute;left:0;top:3px;border-radius:50%;}
/*

.read-cont{position: relative;width:560px;float:left;display: block;}
.read-img{position: absolute;top:184px;right:-5px;margin:0;}

ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:3px;}
.front ul.normal li:last-child{position: absolute;top:28px;right:0;}
.front ul.normal li:last-child::before{display: none;}
.front ul.normal li:last-child img{border: 4px solid #d1eaf8;border-radius: 50%;width: 140px;}
*/

.read-cont{display: block;margin:0 auto;position: relative;width:650px;}
.read-img{display:inline-block;position:absolute;right:-45px;top:-50px;}
h2.read{color:#fff;font-size:35px;line-height:1.3;margin:0 0 60px;display:block;width:540px;position: relative;z-index:1;text-align: left;}
h2.read span{font-size:60px;display:block}
.front .cont{max-width:648px}
.manga{position:relative;z-index:2;width:648px;display: block;margin: 0 auto 40px;overflow: hidden;}
.manga ul {width: 50%;display: inline-block;float:right;font-size:0;}
.manga li img{width:100%;height:auto;border-bottom:1px solid #000;}
ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:4px;}
.illust-cont{position:relative;}
.illust-r{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;position:absolute;right:0;top:0;}

ul.normal > li span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);font-size:19px;}
ul.normal > li p{margin-top:8px;}
ol.normal {list-style: none;counter-reset:ol_li;padding:0;margin:0;}
ol.normal > li{position: relative;padding: 0 0 0 3em;margin:20px 0;display:inline-block;}
ol.normal > li:before {margin-right: 10px;counter-increment: ol_li;content: counter(ol_li);color: #fff;top: -.2em;left: .5em;position: absolute;z-index:2;font-weight: bold;font-size:22px;}
ol.normal > li:after{content: "";background:#886239;position: absolute;left:0;top: -.25em;margin:0;width: 2em;height: 2em;border-radius: 50%;}
ol.abc{list-style: lower-latin;}

.count{font-size:25px;margin:32px auto;}
.count img{vertical-align: middle;}

.motto,.check{margin:16px 0;width:580px;float:left;}
.motto dt,.check dt{padding-left:30px;position:relative;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;font-size:19px;margin:4px 0;}
.motto dd{margin:4px 0;}
.motto dt:before,.motto dt:after,.check dt:before,.check dt:after{content:"";display:block;position:absolute;}
.motto dt:before,.check dt:before{width:18px;height:18px;background:#fff;border:4px solid #d1eaf8;left:0;top:0;}
.motto dt:after,.check dt:after{border-left:4px solid #000;border-bottom:4px solid #000;width:14px;height:5px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);left:7px;top:6px;}
.motto{font-size:0;}
.motto dt{width:50px;display: inline-block;}
.motto dd{display: inline-block;font-size:15px;}
.motto-img,.check-img{margin: auto;display: block;text-align: center;}
.check-img{width: 260px;}
.motto-img img{margin:0 0 0 8px;height:100px;width:auto;}
.motto-img img:first-child{margin:0;}
.check dd{margin:4px 0 24px;}
.check dd span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}

.point{clear:both;margin:0 auto 24px;font-size:0;}
.point dl{width:284px;display:inline-block;margin:0 4px 0 0;}
.point dl:last-child{margin:0;}
.point dt{background:#886239;color:#fff;text-align: center;font-size:20px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;padding:18px 0 10px;}
.point dd{border:4px solid #886239;padding:16px;box-sizing: border-box;font-size:14px;text-align:left;}

.graph-img{float:left;margin:12px 16px 0 0;width: 440px;}

.banner-leftimg{float:left;margin:0 58px 64px;width: 180px;}

section{padding:80px 15px 50px 15px;overflow:hidden;}
article{padding:20px 0;}

footer{clear:both;width:100%;margin:40px auto 0 auto;padding:40px 0 0;display:block;border-top:4px solid #e2e2e2;}
.footer-left{float:left;}
.footer-logo{width:284px;height:32px;display: block;}
.footer-logo img{width:100%;height:auto;}
footer address{font-style: normal;width:412px;display:block;margin:32px 0 0;}
footer p{display:block;margin: 0 auto 32px;text-align: center;}
footer p a{text-align: center;background:#603813;color: #fff;text-decoration: none;padding: 0 9px;margin:0 0 0 4px;border-radius: 4px;font-size: 13px;display: inline-block;
transition: all .3s;-webkit-transition: all .3s;line-height: 2;}
footer p a:hover{color:#fff;background:#886239;}
.btn-mini{background: #886239;color: #fff;text-decoration: none;padding: 0px 8px;margin: 0 0 0 8px;border-radius: 4px;font-size: 13px;vertical-align: top;transition:all .3s;-webkit-transition:all .3s;}
.btn-mini:hover{background:#603813;color:#fff;}
footer .banner{float:none;margin:0 auto 32px;}
/*footer .banner .action{padding: 18px 27px;}*/
.footer-nav,.footer-nav-g{clear:both;font-size:0;margin:16px auto;text-align:center;}
.footer-nav li,.footer-nav-g li{display:inline-block;margin:8px;}
.footer-nav li a,.footer-nav-g li a{text-align:center;min-width:85px;color: #fff;text-decoration: none;padding: 0px 17px;border-radius: 4px;font-size: 15px;display:block;transition:all .3s;-webkit-transition:all .3s;}
.footer-nav li a{background: #886239;}
.footer-nav-g li a{background: #603813;padding: 0 15px;}
.footer-nav li a:hover{background:#603813;}
.footer-nav-g li a:hover{background: #886239;}

.pagetop{position: fixed;bottom: -50px;left:50%;margin:0 0 0 400px;color:#000;display:block;width:0;height:0;border-right: 50px solid transparent;border-bottom: 50px solid #e2e2e2;border-left: 50px solid transparent;transition:all .3s;-webkit-transition:all .3s;}
.pagetop:hover{border-bottom: 50px solid #603813;color:#fff;}
.pagetop:before{content:"TOP";position: absolute;top:1em;left:-1em;}

.copy{padding:8px 0;margin:48px auto 0;text-align:center;clear:both;color:#000;background:#e2e2e2;display:block;width:100%;font-size:15px;}

.page h2{color:#fff;font-size:50px;height: 285px;width:860px;line-height: 1;margin:0 auto;display: inline-flex;text-align: left;position: relative;}
.page h2 span {line-height: 1.2;margin: auto auto auto 0;top: 0;bottom: 0;display: inline;}
.page h3{margin:0;padding:40px 0 0 28px;}
.page h3::before{top:auto;margin:5px 0 0;}
.page{background:url(images/page-bg.jpg) 0 121px repeat-x;padding-top:121px;}

.bread-bg{background:#886239;width:100%;display:block;text-align:center;margin:0 auto;}
.bread{width:860px;margin:0 auto;text-align: left;font-size:0;padding:2px 0;}
.bread img{width:16px;height:auto;padding:4px;margin:1px 8px 3px 2px;vertical-align: middle;}
.bread li:first-child{position: relative;z-index:1;}
.bread li:first-child::before{content:"";background:#fff;width:28px;height:28px;display:block;border-radius: 50%;position: absolute;left:0;top:1px;z-index:-1;}
.bread li{font-size:15px;display: inline-block;color:#fff;padding:2px 0 0;}
.bread li a{color:#fff;}
.bread li a:hover{text-decoration:none;}
.bread li::after{content:"〉";margin:0 0 0 10px;}
.bread li:last-child::after{content:"";}

.normal-table,.rowspan-table,.td1big-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 32px;}
.normal-table thead th,.rowspan-table thead th,.td1big-table thead th {background:#886239;color:#fff;padding:10px 15px;border:#808080 solid 2px;border-bottom:#808080 solid 2px;text-align: center;}
.normal-table tbody th,.rowspan-table tbody th,.td1big-table tbody th{display:none;}
.normal-table td,.rowspan-table td ,.td1big-table td{background:#fff;padding:10px 15px;border:#808080 solid 2px;font-weight: bold;}
/*.normal-table td:nth-child(2){text-align:right;width:190px;}*/
.normal-table td:nth-child(1),.rowspan-table td:nth-child(1){width: 190px;}
.td1big td{width:auto!important;}
.normal-table .comment,.rowspan-table .comment,.td1big-table .comment{font-size:13px;/*width: 170px;*/font-weight: normal;}
.normal-table tr:nth-child(even) td,.normal-table td.bg-on,.rowspan-table tr:nth-child(even) td,.rowspan-table td.bg-on,.td1big-table tr:nth-child(even) td,.td1big-table td.bg-on{background-color: #ddd;}  
.normal-table tr:nth-child(even) td[rowspan],.rowspan-table tr:nth-child(even) td[rowspan],.td1big-table tr:nth-child(even) td[rowspan]{background-color: #fff;}
.tdnone{font-size:13px;width: 230px!important;}

.text-rightimg{float:right;margin:24px 0 0;width: 180px;}
.text-left{float:left;width:650px;margin:24px 0;}

.nav-inner2{background:#603813;width:860px;height:100%;transition:all .3s;-webkit-transition:all .3s;font-size:15px;padding:4px;box-sizing: border-box;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav-inner2 td{width:25%;}
.nav-inner2 a{border:1px solid #fff;border-radius:4px;padding:12px 4px;margin:2px 4px;color:#fff;text-decoration:none;display:block;position: relative;transition:all .3s;-webkit-transition:all .3s;}
.nav-inner2 a:hover{background:#886239}
.nav-inner2 a img{display:block;margin:8px auto 0;}

.flow {border-collapse: collapse;border-spacing: 0;padding: 0;display: block;}
.flow td{border:none;width:auto;padding:0;line-height:1;}
.flow td.flow_text{padding:0 0 0 24px;}
.flow td > h4{margin:0 0 8px;line-height:1;padding:0;font-size:24px;}
.flow td > h4::before{display:none;}
.flow td > h4 > span{font-size: 15px;margin: 0 0 0 8px;color: #000;padding: 3px 4px 1px;vertical-align: middle;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.flow td .guest{color:#59c3ff;}
.flow td .kirari{color:#886239;}
.flow td > p{margin:8px 0 0;line-height:1.5;}
.flow tr{position:relative;display:block;margin:0 0 40px;border:2px solid #808080;padding:16px;}
.flow tr::after{border-top:20px solid #886239;border-left:40px solid #fff;border-right:40px solid #fff;content:"";position:absolute;left:50%;width:0;top:100%;bottom:0;margin:2px 0 0 -40px;}
.flow tr:last-child::after{border:none;}
.flow_banner{padding:0;box-sizing: border-box;display:table;width:100%;border:#ffc700 solid 8px;font-size:0;}
.flow_banner img{width:109px;height:54px;}
.flow_banner strong{font-size:24px;margin:0 18px;position: relative;}
.flow_banner strong::before{content:"“";font-family: serif;font-size:46px;color:#808080;position: absolute;top:0;left:-19px;}
.flow_banner strong::after{content:"”";font-family: serif;font-size:46px;color:#808080;position: absolute;top:0;right:-19px;}
.flow_banner p{position: relative;display:table-cell;font-size:15px;margin:0;padding:8px 0 0 8px;}
.flow .action{padding:16px 0;}
.flow .action .action-right{float:none;margin:0;}
.flow .action .action-right img{height:44px;}
.flow .action .action-right .btn{margin:3px 0 0 16px}
.flow_good{color: #fff;display: table-cell;padding: 1px 8px 0 0;margin: 0;font-size: 18px;font-weight: 700;background: #ffc700;vertical-align: middle;width: 100px;text-align: center;}

.caution{border:2px solid #c2986d;box-sizing:border-box;padding:24px;}
.caution h3::before{display:none;}
.caution h3{padding:0;text-align:center;color:#c2986d;}
.caution p{margin:0;}

.type-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 24px;}
.type-table thead th {background:#886239;color:#fff;padding:10px 15px;border:#808080 solid 2px;text-align: center;}
.type-table tbody th {display:none;}
.type-table td {background:#fff;padding:10px 15px;border:#808080 solid 2px;font-size:13px;}
.type-table td:first-child{width:156px;font-weight: bold;font-size:17px;}
.type-table .comment{}
.type-table tr:nth-child(even) td{background-color: #ddd;}  

.illust{text-align: center;padding:0;border:4px solid #ffc700;display: table;width: 100%;box-sizing: border-box;}
.illust h4{font-size:22px;margin:0 auto 8px;padding:0;background:#ffc700;color:#fff;box-sizing: border-box;vertical-align: middle;display:table-cell;width:340px;}
.illust h4::before{display: none;}
.illust img{margin:16px 4px 0;width:500px;}

.sample-faq{border: 2px solid #a27c52;padding:8px;margin: 0 auto 32px;clear: both;text-align:center;font-weight: bold;}
.page-child{border: 2px solid #a27c52;padding:8px;margin: 32px auto 0;clear: both;}
.page-child h4{margin:0 0 0 6px;}
.page-child h4::before{background:#a27c52;}
.page-child ul{font-size:0;}
.page-child li{display: inline-block;font-size: 15px;text-align: center;margin: 4px .5% 0;font-weight: bold;width: 49%;}
.page-child li a{color:#a27c52;border: 2px solid #a27c52;padding:8px 16px;border-radius: 4px;text-decoration: none;display:block;transition:all .3s;-webkit-transition:all .3s;}
.page-child li a:hover{color:#fff;background:#a27c52;}

.table-dl {width:100%;border:#808080 solid 2px;border-bottom:0;margin:0 auto 16px;font-size:0;box-sizing: border-box;display:table;}
.table-dl dt{background:#886239;color:#fff;padding:10px 0 10px 15px;border-bottom:#808080 solid 2px;border-right:#808080 solid 2px;font-size:17px;display:table-cell;width:380px;box-sizing: border-box;font-weight:bold;}
.table-dl dt span{background: linear-gradient(transparent 45%,#603813 45%, #603813 85%, transparent 85%);}
.table-dl dd{background:#fff;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:16px;display:table-cell;width: 476px;box-sizing: border-box;}

.service-left{float: left;width: 600px;margin: 0 10px 0 0;}
.service-right{width:350px;}
.service-right-min{width:300px;margin:0 0 0 25px;}
.service-img{width:540px;margin:auto;display: block;}

.enq-img{float:right;}

.office-left{width:640px;display: block;float:left;}
.office-right{width:200px;height:302px;float:right;margin:16px 0 0;}
.office-right img{width:100%;height:auto;}

.quest{width:480px;}
.answer{width: 522px;margin: 8px 0 32px 128px;}
.quest img{float:left;border:2px solid #603813;border-radius:50%;}
.question_box,.answer_box{padding:0;position:relative;}
.question_box p{font-size:14px;background:#eee;position:relative;display:inline-block;padding:10px;width:400px;margin:8px 0 4px 15px;color:#000;border-radius:10px;box-sizing: border-box;}
.answer_box p{background:#ffeba3;position:relative;padding: 8px 12px;border-radius:10px;box-sizing: border-box;}
.question_box p::before,.answer_box p::before {content: "";position: absolute;top: 0px;margin-left: 0;display: block;width:20px;height:20px;z-index:-1}
.question_box p::before {left: -10px;background: #eee;border-radius: 0px 20px;}
.answer_box p::before {right: -10px;background: #ffeba3;border-radius: 20px 0;}
.question_box p::after,.answer_box p::after {content: "";position: absolute;top: -10px;margin-left: 0px;display: block;width: 20px;height: 15px;background: none repeat scroll 0% 0% #fff;z-index:-1;}
.question_box p::after {left: -12px;transform: rotate(20deg);border-radius: 0px 10px;}
.answer_box p::after {right: -12px;transform: rotate(-20deg);border-radius: 10px 0;}

.faq{margin:32px auto;}
.faq h4{margin:-100px auto 0;padding-top:160px;padding-left:50px;}
.faq h4::before{content:"";background:url(images/faq-q.svg) 0 0 no-repeat;width:46px;height:40px;background-size:100%;border-radius:0;top:140px;}
.faq .normal{position: relative;margin: 8px 0 16px 106px;font-size: 16px;}
.faq > span{float:left;font-size:20px;font-weight: 700;line-height:1;padding: 4px 0 0;margin: 6px 0 0 4px;display: inline-block;width: 90px;text-align: center;transform: rotate(-10deg);}
.faq > p{margin:8px 0 16px 108px;}
.faq-yes{color:#ffc700;border:2px solid #ffc700;}
.faq-no{color:#59c3ff;border:2px solid #59c3ff;}
.faq-answer{color:#603813;border:2px solid #603813;}

.office-dl{font-size:0;border:1px solid #e2e2e2;margin:0 auto 16px;}
.office-dl dt{width:160px;display:inline-block;font-size:17px;padding:8px 0 8px 16px;box-sizing: border-box;vertical-align: top;}
.office-dl dd{width:698px;display:inline-block;font-size:17px;padding:8px 16px 8px 8px;box-sizing: border-box;}
.office-dl dt:nth-of-type(even),.office-dl dd:nth-of-type(even){background:#e2e2e2;}

.form-left{width:440px;float:left;}
.form-left img{width: 300px;margin: auto;display: block;}
.domain{width:100px;display:inline-block;border:2px solid #c8c8c8;}
.pp-text p{font-size:14px;}
.wpcf7 { border:1px solid #808080; margin:44px auto!important;width:380px;box-sizing: border-box;float:right;}
.wpcf7 form{width:300px;margin:auto;}
.form{width:100%;margin:16px auto;}
.form dt{padding:16px 0 0;}
.form dt > span {margin:0 0 0 4px;padding:0 4px;background:#603813;color:#fff;font-size:13px;vertical-align: middle;}
.wpcf7-list-item{margin:0 2em 0 0!important;}

.wpcf7-checkbox .wpcf7-list-item{display:block;margin:5px 0!important;}
.form [type="checkbox"]:checked,.form [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 28px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:before,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;background:url(images/check.png) 0 0 no-repeat;background-size:100%;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 24px;height:24px;background:url(images/checked.png) 0 0 no-repeat;background-size:100%;position: absolute;
top: 0;left: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.form [type="radio"]:checked,.form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="radio"]:checked + span.wpcf7-list-item-label,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 25px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:before,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 3px;width: 24px;height: 24px;background: url(images/radio.png) 0 0 no-repeat;background-size:100%;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 12px;height: 12px;background: #000;position: absolute;top: 9px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.wpcf7 span.wpcf7-list-item-label{cursor:pointer;}
.wpcf7 input, .wpcf7 textarea { max-width: 300px;border:none;outline:#c8c8c8 4px solid; padding:4px;font-size:17px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wpcf7 input:focus, .wpcf7 textarea:focus{outline:#886239 4px solid;}
.wpcf7 textarea {height:92px;}
.wpcf7 input.wpcf7-submit {outline:none;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;
cursor:pointer; color:#fff;width:240px; height:56px; margin:24px auto 0; display:block;font-size:18px;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background:#886239;box-shadow:#603813 0px 2px 0;}
.wpcf7 input.wpcf7-submit:hover { background:#ffc700;}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7-captchac { border:1px solid #808080; }
.wpcf7 .wpcf7-not-valid { background: #e2e2e2; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;color: #603813;margin: 4px auto;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors {color: #603813;border: 1px solid #603813;margin: 16px auto;padding: 8px;width: 100%;text-shadow: none;box-sizing: border-box;font-size: 80%;}
.wpcf7 .wpcf7-mail-sent-ok {color: #000;border: 2px solid #886239;margin: 16px 16px 0 16px;width: 100%;box-sizing: border-box;padding: 4px;margin: 16px auto;text-shadow: none;font-size: 80%;}
.wpcf7 .required { color: #886239;}
.wpcf7 .any{ color: #603813;}

.form-banner{background:#fff url(images/zoom-banner.svg) 0 0 no-repeat;position:fixed;right:0;top:140px;border:4px solid #886239;border-right:0;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:120px;height:120px;z-index:3;}

}

@media screen and (min-width: 1181px) {
body{font-size:17px;line-height: 1.7;}
p{margin:12px 0;padding:0;word-wrap:break-word;font-size:16px;}
p span{background:linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}
a{outline:none;color:#a27c52;}
a:hover{color:#603813}
a.blank::after{content:"";margin:0 0 0 2px;width:14px;height:14px;display: inline-block;background:url(images/blank.svg);background-size:14px auto;background-position:0 0;}
a.blank:hover::after{background-position: 0 14px;}
a img{border:none;}
header{margin:0 auto;padding:0;display:block;position:fixed;text-align:center;background:#fff;z-index:10;width:100%;}
.title-bg{background:#e2e2e2;text-align: center;color:#000;}
.title-bg h1{width:960px;margin:auto;text-align: left;font-size:13px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;}
.logo{width:550px;height:30px;display:block;margin:0;padding:0;text-indent:-9999px;float:left;}
.logo a{width:550px;height:30px;display:block;background:url(images/logo.svg) 0 0 no-repeat;background-size:100%;margin: 7px 0 0 0}
.logo a:hover{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
header .action{float: right;}
header .cont{padding:8px 0;}
.action{font-size:0;line-height: 1;}
.action a{display:inline-block;}
header .action img{margin:0 0 0 10px;height: 44px;}
.action a img{margin:0;height:38px;}
.btn{border:#000 1px solid;background:#fff;border-radius:4px;font-size: 0;padding: 0 16px;margin:3px 0 0;line-height: 1;vertical-align: top;}
.btn:hover{background:#e6c896}
.cont > .btn{font-weight:bold;border:#a27c52 2px solid;font-size:17px;text-decoration: none;padding:8px 48px;margin: 0 auto 32px;display: inline-block;transition: all .3s;-webkit-transition: all .3s;line-height:1.7;}
.cont > .btn:hover{color:#fff;background:#a27c52;}

.banner{overflow: hidden;width:648px;display:block;margin:40px auto;}
.banner-text{width:235px;}
.banner .action{background: linear-gradient(#886239, #e6c896);border-radius: 8px;float:left;padding:22px;}
.banner .action a{display: block;}
.banner .action .btn{margin: 6px 0 0;text-align: center;}
.banner .price{float:right;}
.banner .price img{width:90px;}
.banner .price a{display:block;line-height:0;padding:22px;border-radius: 8px;background: linear-gradient(#886239, #e6c896);}
.banner .price a:hover{background: #603813;}
.action-right{float:right;margin:0 0 0 16px;}
.action-right img{height:44px;}

nav{background:#886239;display:block;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav {font-size:0;padding:0;margin:auto;position: relative;width:960px;display:block;line-height: 1;*zoom: 1;}
.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav > li{font-size:16px;display:inline-block;margin:0;padding:0;width:20%;height:40px;box-sizing: border-box;line-height: 1em;transition:all .3s;-webkit-transition:all .3s;position: relative;}
.nav > li a {color:#fff;text-decoration:none;display:block;padding:12px 0;position: relative;}
.nav > li > a::before{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;left:0;top:12px;}
.nav > li:last-child > a::after{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;right:0;top:12px;}
.nav > li:hover,.nav > li.now{background:#603813;-webkit-transition: all .5s;transition: all .5s;}
.nav > li > ul{visibility: hidden;opacity: 0;z-index: 1;position: absolute;top: 40px;width: 100%;background:#603813;-webkit-transition: all .2s ease;transition: all .2s ease;}
.nav > li:hover > ul{top: 40px;visibility: visible;opacity: 1;}
.nav > li > ul > li{border-top: 1px solid #886239;position: relative;}
.nav > li > ul > li:hover{background:#462608;}
.nav > li > ul > li > ul{visibility: hidden;opacity: 0;position: absolute;top: -1px;left: 100%;width: 100%;background:#462608;-webkit-transition: all .2s ease;transition: all .2s ease;}
.nav > li > ul > li:hover > ul{visibility: visible;opacity: 1;}
.nav > li > ul > li > ul > li{border-top: 1px solid #603813;position: relative;}
.nav > li > ul > li > ul > li:hover{background:#886239;}
.nav > li > ul > li > ul > li > ul{visibility: hidden;opacity: 0;}
.init-bottom:after {content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 3px 15px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.init-right:after {content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 0 15px;border-right: 1px solid #fff;border-top: 1px solid #fff;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*.nav{font-size:0;padding:0;margin:auto;position: relative;width:960px;display:block;line-height: 1;}
.nav li{font-size:16px;display:inline-block;margin:0;padding:0;width:20%;box-sizing: border-box;line-height: 1em;transition:all .3s;-webkit-transition:all .3s;}
.nav li a{color:#fff;text-decoration:none;display:block;padding:12px 0;position: relative;}
.nav li a::after{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;right:0;top:12px;}
.nav li:first-child a::before{content:"";height:1em;width:1px;background:#fff;display:block;position: absolute;left:0;top:12px;}
.nav li:hover,.nav li.now{background:#603813}
.nav-inner{background:#603813;position: absolute;top:100%;left:0;width:100%;height:0%;opacity:0;transition:all .3s;-webkit-transition:all .3s;font-size:15px;padding:4px;box-sizing: border-box;visibility: hidden;}
.nav li:hover .nav-inner{opacity:1;height:100%;visibility: visible;}
.nav li .nav-inner td{width:25%;}
.nav li .nav-inner a{border:1px solid #fff;border-radius:4px;padding:16px 4px;margin:2px 4px;transition:all .3s;-webkit-transition:all .3s;}
.nav li .nav-inner a:hover{background:#886239}
.nav li .nav-inner a img{display:block;margin:8px auto 0;}
.nav li .nav-inner a::before,.nav li .nav-inner a::after{display: none;}*/
.nav-sp{display:none;}

.sp,.sp_only{display:none!important;}

.cont{width:100%;max-width:960px;margin:0 auto;padding:0;display:block;text-align:left;overflow:hidden;}
.front{background:url(images/front-bg.jpg) 0 22px repeat-x;-webkit-animation: bgroop 5s linear infinite;animation: bgroop 5s linear infinite;padding-top: 180px;}
@-webkit-keyframes bgroop {
from {background-position: 0  22px;}
to {background-position: -95px 22px;}
}
@keyframes bgroop {
from {background-position: 0 22px;}
to {background-position: -95px 22px;}
}
.front-left{width:654px;display:block;float:left;margin:0 auto 16px 0;}
.front-left .banner{float:left;position: relative;z-index:2;}
.front-right{width:290px;display:block;float:right;margin:128px 0 0 auto;}
.front-right li{margin:0;padding:0;display:block;width:290px;height:auto;font-size:0;}
.front-right li img{width:290px;height:auto;border-top:4px #000 solid;}
.front-right li:last-child img{border-bottom:4px #000 solid;}

h3{font-size:22px;position: relative;padding:0 0 0 28px;clear: both;}
h3::before{content:"";background:#603813;width:24px;height:24px;position: absolute;left:0;top:5px;}
h4{font-size:22px;position: relative;margin:24px 0 0;padding:0 0 0 28px;}
h4::before{content:"";background:#e6c896;width:24px;height:24px;position: absolute;left:0;top:3px;border-radius:50%;}

.read-cont{display: block;margin:0 auto;position: relative;width:650px;}
.read-img{display:inline-block;position:absolute;right:-45px;top:-50px;}
h2.read{color:#fff;font-size:35px;line-height:1.3;margin:0 0 60px;display:block;width:540px;position: relative;z-index:1;text-align: left;}
h2.read span{font-size:60px;display:block}
.front .cont{max-width:648px}
.manga{position:relative;z-index:2;width:648px;display: block;margin: 0 auto 40px;overflow: hidden;}
.manga ul {width: 50%;display: inline-block;float:right;font-size:0;}
.manga li img{width:100%;height:auto;border-bottom:1px solid #000;}
ul.normal{position: relative;margin:16px auto;}
ul.normal > li{position: relative;padding:0 0 0 20px;margin:20px 0;}
ul.normal > li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:4px;}
.illust-cont{position:relative;}
.illust-r{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;position:absolute;right:0;top:0;}
ul.normal > li span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);font-size:20px;}
ul.normal > li p{margin-top:8px;}
ol.normal {list-style: none;counter-reset:ol_li;padding:0;margin:0;}
ol.normal > li{position: relative;padding: 0 0 0 3em;margin:20px 0;display:inline-block;}
ol.normal > li:before {margin-right: 10px;counter-increment: ol_li;content: counter(ol_li);color: #fff;top: -.2em;left: .5em;position: absolute;z-index:2;font-weight: bold;font-size:22px;}
ol.normal > li:after{content: "";background:#886239;position: absolute;left:0;top: -.25em;margin:0;width: 2em;height: 2em;border-radius: 50%;}
ol.abc{list-style: lower-latin;}

.count{font-size:28px;margin:32px auto;}
.count img{vertical-align: middle;}

.motto,.check{margin:16px 0;width:617px;float:left;}
.motto dt,.check dt{padding-left:34px;position:relative;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;font-size:20px;margin:4px 0;}
.motto dd{margin:4px 0;}
.motto dt:before,.motto dt:after,.check dt:before,.check dt:after{content:"";display:block;position:absolute;}
.motto dt:before,.check dt:before{width:18px;height:18px;background:#fff;border:4px solid #d1eaf8;left:0;top:0;}
.motto dt:after,.check dt:after{border-left:4px solid #000;border-bottom:4px solid #000;width:14px;height:5px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);left:7px;top:6px;}
.motto{font-size:0;}
.motto dt{width:54px;display: inline-block;}
.motto dd{display: inline-block;font-size:16px;}
.motto-img,.check-img{margin: auto;display: block;text-align: center;}
.motto-img img{margin:0 0 0 16px;height: 118px;}
.motto-img img:first-child{margin:0;}
.check dd{margin:4px 0 24px;}
.check dd span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);}

.point{clear:both;margin:0 auto 24px;font-size:0;}
.point dl{width:310px;display:inline-block;margin:0 11px 0 0;}
.point dl:last-child{margin:0;}
.point dt{background:#886239;color:#fff;text-align: center;font-size:22px;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;padding:20px 0 12px;}
.point dd{border:4px solid #886239;padding:14px;box-sizing: border-box;font-size:16px;text-align:left;}

.graph-img{float:left;margin:12px 16px 0 0;}

.banner-leftimg{float:left;margin:0 62px 64px;width: 180px;}

section{padding:80px 15px 50px 15px;overflow:hidden;}
article{padding:20px 0;}

footer{clear:both;width:100%;margin:40px auto 0 auto;padding:40px 0 0;display:block;border-top:4px solid #e2e2e2;}
.footer-left{float:left;}
.footer-logo{width:284px;height:32px;display: block;}
.footer-logo img{width:100%;height:auto;}
footer address{font-style: normal;width:455px;display:block;margin:32px 0 0;}
footer p{display:block;margin: 0 auto 32px;text-align: center;}
footer p a{text-align: center;background:#603813;color: #fff;text-decoration: none;padding: 0 9px;margin:0 0 0 4px;border-radius: 4px;font-size: 13px;display: inline-block;
transition: all .3s;-webkit-transition: all .3s;line-height: 2;}
footer p a:hover{color:#fff;background:#886239;}
.btn-mini{background: #886239;color: #fff;text-decoration: none;padding: 0px 8px;margin: 0 0 0 8px;border-radius: 4px;font-size: 13px;vertical-align: top;transition:all .3s;-webkit-transition:all .3s;}
.btn-mini:hover{background:#603813;color:#fff;}
footer .banner{float:none;margin:0 auto 32px;}
.footer-nav,.footer-nav-g{clear:both;font-size:0;margin:16px auto;text-align:center;}
.footer-nav li,.footer-nav-g li{display:inline-block;margin:8px;}
.footer-nav li a,.footer-nav-g li a{text-align:center;min-width:87px;color: #fff;text-decoration: none;padding: 0px 25px;border-radius: 4px;font-size: 15px;display:block;transition:all .3s;-webkit-transition:all .3s;}
.footer-nav li a{background: #886239;}
.footer-nav-g li a{background: #603813;}
.footer-nav li a:hover{background:#603813;}
.footer-nav-g li a:hover{background: #886239;}

.pagetop{position: fixed;bottom: -50px;left:50%;margin:0 0 0 500px;color:#000;display:block;width:0;height:0;border-right: 50px solid transparent;border-bottom: 50px solid #e2e2e2;border-left: 50px solid transparent;transition:all .3s;-webkit-transition:all .3s;}
.pagetop:hover{border-bottom: 50px solid #603813;color:#fff;}
.pagetop:before{content:"TOP";position: absolute;top:1em;left:-1em;}

.copy{padding:8px 0;margin:16px auto 0;text-align:center;clear:both;color:#000;background:#e2e2e2;display:block;width:100%;font-size:15px;}

.page h2{color:#fff;font-size:50px;height: 285px;width:960px;line-height: 1;margin:0 auto;display: inline-flex;text-align: left;position: relative;}
.page h2 span {line-height: 1.2;margin: auto auto auto 0;top: 0;bottom: 0;display: inline;}
.page h3{margin:0;padding:40px 0 0 28px;}
.page h3::before{top:auto;margin:5px 0 0;}
.page{background:url(images/page-bg.jpg) 0 122px repeat-x;padding-top:122px;}

.bread-bg{background:#886239;width:100%;display:block;text-align:center;margin:0 auto;}
.bread{width:960px;margin:0 auto;text-align: left;font-size:0;padding:2px 0;}
.bread img{width:16px;height:auto;padding:4px;margin:1px 8px 3px 2px;vertical-align: middle;}
.bread li:first-child{position: relative;z-index:1;}
.bread li:first-child::before{content:"";background:#fff;width:28px;height:28px;display:block;border-radius: 50%;position: absolute;left:0;top:1px;z-index:-1;}
.bread li{font-size:15px;display: inline-block;color:#fff;padding:2px 0 0;}
.bread li a{color:#fff;}
.bread li a:hover{text-decoration:none;}
.bread li::after{content:"〉";margin:0 0 0 10px;}
.bread li:last-child::after{content:"";}

.normal-table,.rowspan-table,.td1big-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 32px;}
.normal-table thead th,.rowspan-table thead th,.td1big-table thead th {background:#886239;color:#fff;padding:10px 15px;border:#808080 solid 2px;border-bottom:#808080 solid 2px;text-align: center;}
.normal-table tbody th,.rowspan-table tbody th,.td1big-table tbody th {display:none;}
.normal-table td,.rowspan-table td,.td1big-table td {background:#fff;padding:10px 15px;border:#808080 solid 2px;font-weight: bold;}
/*.normal-table td:nth-child(2){text-align:right;width:190px;}*/
.normal-table td:nth-child(1),.rowspan-table td:nth-child(1){width: 190px;}
.td1big td{width:auto!important;}
.normal-table .comment,.rowspan-table .comment,.td1big-table .comment{font-size:13px;/*width: 170px;*/font-weight: normal;}
.normal-table tr:nth-child(even) td,.normal-table td.bg-on,.rowspan-table tr:nth-child(even) td,.rowspan-table td.bg-on,.td1big-table tr:nth-child(even) td,.td1big-table td.bg-on{background-color: #ddd;}  
.normal-table tr:nth-child(even) td[rowspan],.rowspan-table tr:nth-child(even) td[rowspan],.td1big-table tr:nth-child(even) td[rowspan]{background-color: #fff;}
.tdnone{font-size:13px;width: 230px!important;}

.text-rightimg{float:right;margin:24px 0 0;width: 180px;}
.text-left{float:left;width:740px;margin:24px 0;}

.nav-inner2{background:#603813;width:960px;height:100%;transition:all .3s;-webkit-transition:all .3s;font-size:15px;padding:4px;box-sizing: border-box;text-align: center;font-family: kozuka-gothic-pro, sans-serif;font-weight: 700;font-style: normal;}
.nav-inner2 td{width:25%;}
.nav-inner2 a{border:1px solid #fff;border-radius:4px;padding:12px 4px;margin:2px 4px;color:#fff;text-decoration:none;display:block;position: relative;transition:all .3s;-webkit-transition:all .3s;}
.nav-inner2 a:hover{background:#886239}
.nav-inner2 a img{display:block;margin:8px auto 0;}

.flow {border-collapse: collapse;border-spacing: 0;padding: 0;display: block;}
.flow td{border:none;width:auto;padding:0;line-height:1;}
.flow td.flow_text{padding:0 16px 0 24px;}
.flow td > h4{margin:0 0 8px;line-height:1;padding:0;font-size:24px;}
.flow td > h4::before{display:none;}
.flow td > h4 > span{font-size: 15px;margin: 0 0 0 8px;color: #000;padding: 3px 4px 1px;vertical-align: middle;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.flow td .guest{color:#59c3ff;}
.flow td .kirari{color:#886239;}
.flow td > p{margin:8px 0 0;line-height:1.5;}
.flow tr{position:relative;display:block;margin:0 0 40px;border:2px solid #808080;padding:16px;}
.flow tr::after{border-top:20px solid #886239;border-left:40px solid #fff;border-right:40px solid #fff;content:"";position:absolute;left:50%;width:0;top:100%;bottom:0;margin:2px 0 0 -40px;}
.flow tr:last-child::after{border:none;}
.flow_banner{padding:0;box-sizing: border-box;display:table;width:100%;border:#ffc700 solid 8px;font-size:0;}
.flow_banner img{width:109px;height:54px;}
.flow_banner strong{font-size:24px;margin:0 24px;position: relative;}
.flow_banner strong::before{content:"“";font-family: serif;font-size:50px;color:#808080;position: absolute;top:0;left:-20px;}
.flow_banner strong::after{content:"”";font-family: serif;font-size:50px;color:#808080;position: absolute;top:0;right:-20px;}
.flow_banner p{position: relative;display:table-cell;font-size:17px;margin:0;padding:8px 0 0 8px;}
.flow .action{padding:16px 0;}
.flow .action .action-right{float:none;margin:0;}
.flow .action .action-right .btn{margin:3px 0 0 16px}
.flow_good{color: #fff;display: table-cell;padding: 1px 8px 0 0;margin: 0;font-size: 18px;font-weight: 700;background: #ffc700;vertical-align: middle;width: 100px;text-align: center;}

.caution{border:2px solid #c2986d;box-sizing:border-box;padding:24px;}
.caution h3::before{display:none;}
.caution h3{padding:0;text-align:center;color:#c2986d;}
.caution p{margin:0;}
	
.type-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 24px;}
.type-table thead th {background:#886239;color:#fff;padding:10px 15px;border:#808080 solid 2px;text-align: center;}
.type-table tbody th {display:none;}
.type-table td {background:#fff;padding:10px 15px;border:#808080 solid 2px;font-size:13px;}
.type-table td:first-child{width:156px;font-weight: bold;font-size:17px;}
.type-table .comment{}
.type-table tr:nth-child(even) td{background-color: #ddd;}  

.illust{text-align: center;padding:0;border:4px solid #ffc700;display: table;width: 100%;box-sizing: border-box;}
.illust h4{font-size:22px;margin:0 auto 8px;padding:0;background:#ffc700;color:#fff;box-sizing: border-box;vertical-align: middle;display:table-cell;width:340px;}
.illust h4::before{display: none;}
.illust img{margin:16px 56px 0;}

.sample-faq{border: 2px solid #a27c52;padding:8px;margin: 0 auto 32px;clear: both;text-align:center;font-weight: bold;}
.page-child{border: 2px solid #a27c52;padding:8px;margin: 32px auto 0;clear: both;}
.page-child h4{margin:0 0 0 6px;}
.page-child h4::before{background:#a27c52;}
.page-child ul{font-size:0;}
.page-child li{display: inline-block;font-size: 15px;text-align: center;margin: 4px .5% 0;font-weight: bold;width: 49%;}
.page-child li a{color:#a27c52;border: 2px solid #a27c52;padding:8px 16px;border-radius: 4px;text-decoration: none;display:block;transition:all .3s;-webkit-transition:all .3s;}
.page-child li a:hover{color:#fff;background:#a27c52;}

.table-dl {width:100%;border:#808080 solid 2px;border-bottom:0;margin:0 auto 16px;font-size:0;box-sizing: border-box;display:table;}
.table-dl dt{background:#886239;color:#fff;padding:10px 0 10px 15px;border-bottom:#808080 solid 2px;border-right:#808080 solid 2px;font-size:17px;display:table-cell;width:380px;box-sizing: border-box;font-weight:bold;}
.table-dl dt span{background: linear-gradient(transparent 45%,#603813 45%, #603813 85%, transparent 85%);}
.table-dl dd{background:#fff;padding:10px 15px;border-bottom:#808080 solid 2px;font-size:16px;display:table-cell;width: 576px;box-sizing: border-box;}

.service-left{float: left;width: 600px;margin: 0 10px 0 0;}
.service-right{width:400px;}
.service-right-min{width:300px;margin:0 0 0 25px;;}
.service-img{width:540px;margin:auto;display: block;}

.enq-img{float:right;}

.office-left{width:680px;display: block;float:left;}
.office-right{width:256px;height:302px;float:right;margin:16px 0 0;}
.office-right img{width:100%;height:auto;}

.quest{width:680px;}
.answer{width: 594px;margin: 8px 0 32px 128px;}
.quest img{float:left;border:2px solid #603813;border-radius:50%;}
.question_box,.answer_box{padding:0;position:relative;}
.question_box p{font-size:14px;background:#eee;position:relative;display:inline-block;padding:10px;width:600px;margin:8px 0 4px 15px;color:#000;border-radius:10px;box-sizing: border-box;}
.answer_box p{background:#ffeba3;position:relative;padding: 8px 12px;border-radius:10px;box-sizing: border-box;}
.question_box p::before,.answer_box p::before {content: "";position: absolute;top: 0px;margin-left: 0;display: block;width:20px;height:20px;z-index:-1}
.question_box p::before {left: -10px;background: #eee;border-radius: 0px 20px;}
.answer_box p::before {right: -10px;background: #ffeba3;border-radius: 20px 0;}
.question_box p::after,.answer_box p::after {content: "";position: absolute;top: -10px;margin-left: 0px;display: block;width: 20px;height: 15px;background: none repeat scroll 0% 0% #fff;z-index:-1;}
.question_box p::after {left: -12px;transform: rotate(20deg);border-radius: 0px 10px;}
.answer_box p::after {right: -12px;transform: rotate(-20deg);border-radius: 10px 0;}

.faq{margin:32px auto;}
.faq h4{margin:-100px auto 0;padding-top:160px;padding-left:50px;}
.faq h4::before{content:"";background:url(images/faq-q.svg) 0 0 no-repeat;width:46px;height:40px;background-size:100%;border-radius:0;top:140px;}
.faq .normal{position: relative;margin: 8px 0 16px 106px;font-size: 16px;}
.faq > span{float:left;font-size:20px;font-weight: 700;line-height:1;padding: 4px 0 0;margin: 12px 0 0 4px;display: inline-block;width: 90px;text-align: center;transform: rotate(-10deg);}
.faq > p{margin:8px 0 16px 108px;}
.faq-yes{color:#ffc700;border:2px solid #ffc700;}
.faq-no{color:#59c3ff;border:2px solid #59c3ff;}
.faq-answer{color:#603813;border:2px solid #603813;}

.office-dl{font-size:0;border:1px solid #e2e2e2;margin:0 auto 16px;}
.office-dl dt{width:160px;display:inline-block;font-size:17px;padding:8px 0 8px 16px;box-sizing: border-box;vertical-align: top;}
.office-dl dd{width:798px;display:inline-block;font-size:17px;padding:8px 16px 8px 8px;box-sizing: border-box;}
.office-dl dt:nth-of-type(even),.office-dl dd:nth-of-type(even){background:#e2e2e2;}

.form-left{width:540px;float:left;}
.form-left img{width: 300px;margin: auto;display: block;}
.domain{width:100px;display:inline-block;border:2px solid #c8c8c8;}
.pp-text p{font-size:14px;}
.wpcf7 { border:1px solid #808080; margin:44px auto!important;width:380px;box-sizing: border-box;float:right;}
.wpcf7 form{width:300px;margin:auto;}
.form{width:100%;margin:16px auto;}
.form dt{padding:16px 0 0;}
.form dt > span {margin:0 0 0 4px;padding:0 4px;background:#603813;color:#fff;font-size:13px;vertical-align: middle;}
.wpcf7-list-item{margin:0 2em 0 0!important;}

.wpcf7-checkbox .wpcf7-list-item{display:block;margin:5px 0!important;}
.form [type="checkbox"]:checked,.form [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 28px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:before,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;background:url(images/check.png) 0 0 no-repeat;background-size:100%;}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after,.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 24px;height:24px;background:url(images/checked.png) 0 0 no-repeat;background-size:100%;position: absolute;
top: 0;left: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="checkbox"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.form [type="radio"]:checked,.form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.form [type="radio"]:checked + span.wpcf7-list-item-label,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label{position: relative;padding-left: 25px;cursor: pointer;line-height: 30px;display: inline-block;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:before,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:before {content: '';position: absolute;left: 0;top: 3px;width: 24px;height: 24px;background: url(images/radio.png) 0 0 no-repeat;background-size:100%;}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after,.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {content: '';width: 12px;height: 12px;background: #000;position: absolute;top: 9px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form [type="radio"]:not(:checked) + span.wpcf7-list-item-label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.form [type="radio"]:checked + span.wpcf7-list-item-label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.wpcf7 span.wpcf7-list-item-label{cursor:pointer;}
.wpcf7 input, .wpcf7 textarea { max-width: 300px;border:none;outline:#c8c8c8 4px solid; padding:4px;font-size:17px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wpcf7 input:focus, .wpcf7 textarea:focus{outline:#886239 4px solid;}
.wpcf7 textarea {height:92px;}
.wpcf7 input.wpcf7-submit {outline:none;font-family: kozuka-gothic-pro, sans-serif;font-weight: 400;font-style: normal;
cursor:pointer; color:#fff;width:240px; height:56px; margin:24px auto 0; display:block;font-size:18px;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background:#886239;box-shadow:#603813 0px 2px 0;}
.wpcf7 input.wpcf7-submit:hover { background:#ffc700;}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7-captchac { border:1px solid #808080; }
.wpcf7 .wpcf7-not-valid { background: #e2e2e2; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;color: #603813;margin: 4px auto;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors {color: #603813;border: 1px solid #603813;margin: 16px auto;padding: 8px;width: 100%;text-shadow: none;box-sizing: border-box;font-size: 80%;}
.wpcf7 .wpcf7-mail-sent-ok {color: #000;border: 2px solid #886239;margin: 16px 16px 0 16px;width: 100%;box-sizing: border-box;padding: 4px;margin: 16px auto;text-shadow: none;font-size: 80%;}
.wpcf7 .required { color: #886239;}
.wpcf7 .any{ color: #603813;}

.form-banner{background:#fff url(images/zoom-banner.svg) 0 0 no-repeat;position:fixed;right:0;top:140px;border:4px solid #886239;border-right:0;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:140px;height:140px;}

}