@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:13px;color:#808080;}
ul{list-style:none;}
ol{margin:0 0 0 1em;}
ol li{line-height:1.2;margin:8px 0;}
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;}

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:#f38a00;}
a:hover{color:#e34e0f}
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:absolute;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:284px;height:32px;display:block;margin:0;padding:0;text-indent:-9999px;float:left;}
.logo h1 a{width:284px;height:32px;display:block;background:url(images/logo.svg) 0 0 no-repeat;background-size:100%;margin: 7px 0 0 0}
.logo h1 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;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:#e34e0f}

.banner{overflow: hidden;width:648px;display:block;margin:40px auto;float:right;}
.banner-text{width:235px;}
.banner .action{background: linear-gradient(#f38a00, #ffc700);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(#f38a00, #ffc700);}
.banner .price a:hover{background: #e34e0f;}
.action-right{float:right;margin:0 0 0 16px;}
.action-right img{height:44px;}

nav{background:#f38a00;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;}
.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:#e34e0f}
.nav-inner{background:#e34e0f;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:#f38a00}
.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;}
.front-left{width:654px;display:block;float:left;margin:0 auto 16px 0;}
.front-left .banner{float:left;}
.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:40px;line-height:1.3;margin:230px 0 40px;width:580px;float:left;display: block;}
h2.read span{font-size:50px;display:block}
h3{font-size:22px;position: relative;padding:0 0 0 28px;clear: both;}
h3::before{content:"";background:#e34e0f;width:24px;height:24px;position: absolute;left:0;top:5px;}
h4{font-size:18px;position: relative;margin:16px 0 -4px;padding:0 0 0 24px;}
h4::before{content:"";background:#e34e0f;width:20px;height:20px;position: absolute;left:0;top:3px;border-radius:50%;}

.normal{position: relative;margin:16px auto;}
.normal li{position: relative;padding:0 0 0 20px;margin:8px 0;}
.normal li::before{content:"";background:#000;width:16px;height:16px;border-radius: 50%;position: absolute;left:0;top:4px;}
.front .normal li:last-child{position: absolute;top:0;right:0;}
.front .normal li:last-child::before{display: none;}
.front .normal li:last-child img{border: 4px solid #d1eaf8;border-radius: 50%;width: 220px;}
.normal li span{background: linear-gradient(transparent 45%,#ffff00 45%, #ffff00 85%, transparent 85%);font-size:20px;}

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

.motto,.check{margin:16px 0;width:626px;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{float:right;}
.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:#f38a00;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 #f38a00;padding:14px;box-sizing: border-box;font-size:16px;}

.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{width:455px;display:block;margin:0;}
footer p a{color:#000;}
.btn-mini{background: #f38a00;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:#e34e0f;color:#fff;}
footer .banner{width:505px;float:left;margin:0 0 32px;}
.footer-nav,.footer-nav-g{clear:both;font-size:0;margin:16px auto;}
.footer-nav li,.footer-nav-g li{display:inline-block;margin: 0 0 0 16px;}
.footer-nav li:first-child,.footer-nav-g li:first-child{margin:0;}
.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: #f38a00;}
.footer-nav-g li a{background: #e34e0f;}
.footer-nav li a:hover{background:#e34e0f;}
.footer-nav-g li a:hover{background: #f38a00;}

.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 #e34e0f;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:#f38a00;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 {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;}
.normal-table thead th {background:#f38a00;color:#fff;padding:10px 15px;border:#808080 solid 2px;border-bottom:#808080 solid 2px;text-align: center;}
.normal-table tbody th {display:none;}
.normal-table td {background:#fff;padding:10px 15px;border:#808080 solid 2px;font-weight: bold;}
.normal-table td:nth-child(2){text-align:right;}
.normal-table .comment{font-size:13px;width: 390px;font-weight: normal;}
.normal-table tr:nth-child(even) td{background-color: #ddd;}  

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

.nav-inner2{background:#e34e0f;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:#f38a00}
.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;}
.flow td h4::before{display: none;}
.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 #f38a00;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;}

.type-table {width:100%;border-right:#808080 solid 2px;border-collapse: collapse;margin:0 auto 24px;}
.type-table thead th {background:#f38a00;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;}  

.page-child{border: 2px solid #e34e0f;padding:8px;margin: 32px auto 0;}
.page-child h4{margin:0 0 0 6px;}
.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:#e34e0f;border: 2px solid #e34e0f;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;border: 2px solid #f38a00;background:#f38a00;}

.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:#f38a00;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%,#e34e0f 45%, #e34e0f 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;}

.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 #e34e0f;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:40px auto 0;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:-16px;}
.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:#e34e0f;border:2px solid #e34e0f;}

.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:#e34e0f;color:#fff;font-size:13px;vertical-align: middle;}
.wpcf7-list-item{margin:0 2em 0 0!important;}
.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:#f38a00 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:#f38a00;box-shadow:#e34e0f 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: #e34e0f;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: #e34e0f;border: 1px solid #e34e0f;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 #f38a00;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: #f38a00;}
.wpcf7 .any{ color: #e34e0f;}