@charset "utf-8";

/*@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}*/
@keyframes delayAnimeA{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
@keyframes delayAnimeB{0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateX(0);}}

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"";}
img{max-width:100%;height:auto;vertical-align:bottom;-webkit-backface-visibility: hidden;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; /*animation:fadeIn 1s ease 0s 1 normal;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:14px/2.75 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;color:#000;animation:fadeIn 2s ease 0s 1 normal; font-feature-settings : "palt"; background: #f3f2ea; }
/*"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
/*::after{ display: block; clear: both; content: '';}*/

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;outline:0;vertical-align:baseline;color:#000;}
a:hover,a:active{color:#000;}

/**** Clearfix ****/
.inner:after{content:""; display:table;clear:both;}
.inner{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
img.alignLeft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignRight{float:right;margin:0 0 10px 10px;display:inline;}
.cent{text-align:center;}
.alR{text-align:right;}
.block{display:block;}
.fontL{font-size:1.5rem;}
.fontPink{color:#df5d5d;}
.pcBlock{display:block;}
.delayAnime{animation-fill-mode:both;animation-duration:2s;animation-name:delayAnimeA;visibility:visible !important;}
ul.check{margin:0 auto 20px;list-style-type:none;}
ul.check li{position:relative;margin:0 0 5px;padding-left:25px;font-size:1.1rem;}
ul.check li:after,ul.check li:before{width:4px;height:11px;content:'';background:#ff931e;position:absolute;top:0.43em;left:0.5em;display:block;border-radius:10px;transform:rotate(45deg);}
ul.check li:before{height:8px;top:0.6em;left:0.2em;transform:rotate(-45deg);}
ol.number{margin:0 auto 10px;list-style-type:decimal;}
ol.number li{margin:0 0 5px 25px;font-size:1.1rem;}

/* ヘッダー
------------------------------------------------------------*/
header{width:100%; background: #fff;box-shadow: 0px 0px 10px -7px #777777; padding-top:20px; padding-bottom: 10px;position: fixed; z-index: 100; top: 0;}
header h1{ width: 27.4%; margin-left:2%; float:left;}
header::after{ display: block; clear: both; content: '';}

@media only screen and (max-width:644px){
header{ padding: 10px;}
header h1{ width: 50%;}
}

/* メイン画像
*****************************************************/
#kv{width:100%; background: url(images/kv.jpg) no-repeat; background-size: 100%; margin-top: 120px;}
#kv img{ width: 100%;}

@media only screen and (max-width:644px){
#kv{width:100%; background: url(images/sp_kv.jpg) no-repeat center top; background-size: 100% auto; margin-bottom: 30px; margin-top: 60px;}
}

/* コンテンツ
*****************************************************/
#topcts{ padding-bottom: 60px;padding-top: 70px;}
#topcts .topcts_box{ margin-bottom: 35px;}
#topcts .topcts_box::after{ display: block; clear: both; content: '';}
#topcts .topcts_box .txt{ width: 57.25%; float: left;}
#topcts .topcts_box .img{ width: 42.75%; float: right;}
#topcts .topcts_box .tit{ font-size: 37px; font-weight: bold; color: #912121; line-height: 1.5;}
#topcts .topcts_box .balloon{font-size: 28px; background: url(images/top_balloon.png) no-repeat; padding: 14px 20px 60px 60px;}
#topcts .topcts_box .balloon div{transform:rotate(-2deg);}
#topcts .topcts_box .wire{ margin-left: 50px;}
#topcts .topcts_box ul{ margin-left: 50px;}
#topcts .topcts_box ul li{ background: url(images/icon7.png) no-repeat left center; padding-left: 40px; font-size: 24px; line-height: 2;}
#topcts .topcts_box2{ border-radius: 10px; background: #eddeb4; padding: 30px 15px; box-sizing: border-box;}
#topcts .topcts_box2::after{ display: block; clear: both; content: '';}
#topcts .topcts_box2 h2{ text-align: center; font-size: 40px; margin-bottom: 35px; color: #912121; font-weight: bold; line-height: 1}
#topcts .topcts_box2 .merit{ width: 50%; float: left;}
#topcts .topcts_box2 .demerit{ width: 50%; float: right;}
#topcts .topcts_box2 .merit .maru{ background: #914b21; color: #fff; font-size: 20px; width: 100px; height: 100px; text-align: center; vertical-align: middle; margin-top: 10px; float: left; border-radius: 50%; font-weight: bold; padding-top: 20px; box-sizing: border-box;}
#topcts .topcts_box2 .demerit .maru{ background: #9c9c9c; color: #fff; font-size: 20px; width: 100px; height: 100px; text-align: center; vertical-align: middle; margin-top: 10px; float: left; border-radius: 50%; font-weight: bold; padding-top: 20px; box-sizing: border-box;}
#topcts .topcts_box2 .merit .txt,#topcts .topcts_box2 .demerit .txt{width: 80%; float: right;}
#topcts .topcts_box2 .merit ul li{ background: url("images/check1_b.png") no-repeat left center; padding-left: 40px; font-size: 20px; margin-bottom: 13px; font-weight: bold; line-height: 1;}
#topcts .topcts_box2 .demerit ul li{ background: url("images/check2.png") no-repeat left center; padding-left: 40px; font-size: 20px; margin-bottom: 13px; font-weight: bold; line-height: 1;}
#topcts .topcts_box2 ul li:last-child{ margin-bottom: 0;}
#topcts .topcts_box2 .demerit ul{ margin-top: 30px;}

#osusume{background: #eddeb4; padding-top: 70px; padding-bottom: 60px;}
#osusume ul{max-width:1200px;width:100%;margin:0 auto; background: #fff; border-radius: 10px; padding: 65px; box-sizing: border-box;}
#osusume ul li{ margin-bottom: 50px;}
#osusume ul li:last-child{ margin-bottom: 0;}
#osusume ul li::after{ display: block; clear: both; content: '';}
#osusume ul li h3{ font-size: 25px; color: #914b21;font-weight: bold; line-height: 45px; margin-bottom: 28px; background: url("images/icon1_b.jpg") no-repeat left center; min-height: 45px;}
#osusume ul li h3 span{ font-weight: bold; font-size: 16px; color: #fff; padding-left: 17px; padding-right: 50px; line-height: 45px;}
#osusume ul li .txt{ margin-top: 20px; width: 49.3%;}
#osusume ul li .img{ margin-top: 20px; width: 45.7%;}
#osusume ul li:nth-child(odd) .img,#osusume ul li:nth-child(even) .txt{ float: left;}
#osusume ul li:nth-child(even) .img,#osusume ul li:nth-child(odd) .txt{ float: right;}
#osusume ul li .txt p span{ color: #f7635e; font-weight: bold;font-size: 16px; background: url(images/deco1.jpg) repeat-x left bottom; padding-bottom: 8px; padding-left: 5px; padding-right: 5px;}

#ex .topcopy{ text-align: center; margin-bottom: 20px;}
#ex ul{display: flex;}
#ex ul li{ border-radius: 10px; border: 2px solid #fff; box-shadow:0 2px 2px gray; overflow: hidden; text-align: center; width: 100%; box-sizing: border-box; margin: 0 2.5% 20px; background: #fff;}
#ex ul.shita li{ margin-bottom: 0;}
#ex ul li:nth-child(1){ margin-left: 0;}
#ex ul li:nth-child(3){ margin-right: 0;}
#ex ul li h3{ background: #f7635e; font-size: 16px; color: #fff; line-height: 45px;}
#ex ul li .txt{ padding-top: 25px; padding-bottom: 25px;}
#ex ul li .txt2{ line-height: 1.75;}

#riyu{ /*padding-top: 70px;*/}
#riyu ul li{ background: #fff; border-radius: 10px; padding: 0 30px 40px; box-sizing: border-box; position: relative; margin-bottom: 20px;}
#riyu ul li .no{ width: 45px; height: 104px;background: url(images/icon2_b.png) no-repeat;color: #fff; text-align: center; padding-top: 60px; position: absolute; top: -20px; left: 0; right: 0; margin: auto; font-size: 16px; font-weight: bold;}
#riyu ul li .box::after{ display: block; clear: both; content: '';}
#riyu ul li h3{ text-align: center; font-size: 25px; font-weight: bold; color: #914b21; padding-top: 80px;}
#riyu ul li .txt{ width: 49.3%;}
#riyu ul li .img{ width: 45.7%;}
#riyu ul li:nth-child(odd) .img,#riyu ul li:nth-child(even) .txt{ float: left;}
#riyu ul li:nth-child(even) .img,#riyu ul li:nth-child(odd) .txt{ float: right;}
#riyu ul li .txt p{ margin-bottom: 15px;}
#riyu ul li .txt p span{ color: #f7635e; font-weight: bold;font-size: 16px; background: url(images/deco1.jpg) repeat-x left bottom; padding-bottom: 8px; padding-left: 5px; padding-right: 5px;}
#riyu ul li .txt p span.kuro{ color: #000; background: none;padding: 0;}

#flow{ background: #fff; padding-top: 70px; padding-bottom: 60px;}
#flow ul li{ width: 22%; margin: 2%; float: left; position: relative;}
#flow ul li:first-child{ background: #912121; color: #fff; font-weight: bold;font-size: 35px; height: 340px; padding-top: 150px; box-sizing: border-box; margin-left: 0;}
#flow ul li:nth-child(4){ margin-right: 0; margin-bottom: 0;}
#flow ul li:nth-child(4) .img{ border-right:2px solid #912121; box-sizing: border-box; margin-right: 12px;}
#flow ul li:nth-child(4) h3{ border-right:2px solid #912121; box-sizing: border-box; margin-right: 12px;}
#flow ul li:nth-child(4) .txt{ border-right:2px solid #912121; box-sizing: border-box; margin-right: 12px; padding-bottom: 50px;}
#flow ul li:first-child span{ border-bottom: 2px solid #fff; padding-bottom: 5px;}
#flow ul li .no{ position: absolute; background: url(images/flow_arrow1_b.png) no-repeat left top; color: #ffff; font-weight: bold; font-size: 16px; padding-left: 10px; box-sizing: border-box; width: 100%; height: 55px; line-height: 2;}
#flow ul li:nth-child(4) .no,#flow ul li:nth-child(9) .no{background: url(images/flow_arrow2_b.png) no-repeat left top;}
#flow ul li .img{ margin-left: 5px; margin-top: 5px;}
#flow ul li h3{ color: #912121; font-size: 16px; font-weight: bold; margin-left: 10px; border-bottom:#912121 2px solid; padding-bottom: 5px; padding-top: 15px; margin-right: 10px;}
#flow ul li .txt{ font-size: 12px; margin-left: 10px; line-height: 1.75; padding-right: 10px; padding-top: 15px;}
#flow ul li:nth-child(5){ width: 97%; margin-top: 0; margin-bottom: 0;}
#flow ul li:nth-child(5) img{ width: 100%;}
#flow ul li:nth-child(6){ margin-left: 0;}
#flow ul li:nth-child(9){ margin-right: 0;}

#case{padding-top: 70px;}
#case ul li{ padding-bottom: 43px; border-bottom: #912121 3px solid; margin-bottom: 20px;}
#case ul li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
#case ul li h3{ font-weight: bold;}
#case ul li h3 span{ font-size: 16px; padding: 15px 18px; text-align: center; background: #912121; border-radius: 50%; color: #fff; margin-right: 15px;}
#case ul li .box{ background: url(images/arrow1_b.png) no-repeat center center; margin-bottom: 15px; text-align: center; color: #912121; margin-top: 20px; }
#case ul li .box::after{ display: block; clear: both; content: '';}
#case ul li .box .before{ width: 44.2%; float: left;}
#case ul li .box .after{ width: 44.2%; float: right;}
#case ul li .box.txt{ background: none;}
#case ul li .no{ font-size: 16px; padding: 15px; text-align: center; background: #912121; border-radius: 50%; color: #fff; margin-right: 15px; width: 30px; height: 30px; line-height: 30px; margin: 0 auto 15px;}

#price{ border-top: solid 5px #912121;padding-top: 70px;}
#price dl::after{ display: block; clear: both; content: '';}
#price dl{ font-size: 16px; font-weight: bold; margin-bottom: 60px;}
#price dl dt,#price dl dd{ padding-top: 25px; padding-bottom: 25px; line-height: 1; border-top: dotted 2px #b0b0b0;}
#price dl dt{ width: 30%; float: left; color: #912121; padding-left: 2%; box-sizing: border-box;}
#price dl dd{ width: 35%; float: left;}
#price dl dd.p{ width: 35%; float: right; text-align: right; padding-right: 2%; box-sizing: border-box;color: #912121; font-weight: bold;font-size: 20px;padding: 23px 0;}
#price dl dt.tit{ clear: both;}
#price dl dt.noline{ border: none;}
#price h3{ background: #eddeb4; line-height: 40px; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px; color: #912121;}
#price .loan .copy{ text-align: center; margin-bottom: 30px;}
#price .loan .copy span{ font-weight: bold;}
#price .loan .box::after{ display: block; clear: both; content: '';}
#price .loan .lr{width: 46%; float: left;margin-right: 4%;}
#price .loan .lr.last{ border-left: dotted 2px #b0b0b0; box-sizing: border-box; padding-left: 4%; margin-right: 0;width: 50%;}
#price .loan .lr h4{ border:#912121 1px solid; line-height: 44px; color: #912121; text-align: center; font-weight: bold; margin-bottom: 30px;}
#price .loan .lr ul::after{ display: block; clear: both; content: '';}
#price .loan .lr ul li{ margin-bottom: 40px;}
#price .loan .lr ul li:last-child{ margin-bottom: 0;}
#price .loan .lr ul li::after{ display: block; clear: both; content: '';}
#price .loan .lr ul li div{ width: 50%; float: left; text-align: center; font-weight: bold; line-height: 1;}
#price .loan .lr ul li div.tit{ width: 46%; color: #fff; line-height: 26px; margin: 0 2%; box-sizing: border-box;background:#912121;border-radius: 13px;}

#staff{ background: #fbfbfb;padding-top: 70px; padding-bottom: 60px;}
#staff .incho{ margin-bottom: 40px;}
#staff .incho::after{ display: block; clear: both; content: '';}
#staff .incho .img{ width: 32.6%; float: left; border: 1px solid #ccc;}
#staff .incho .txt{ width: 63%; float: right;}
#staff .incho .name{ font-size: 20px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; margin-bottom: 45px; }
#staff .incho .name h2{ font-size: 30px;text-align: left;}
#staff .incho .name h2 span{ font-size: 14px;}
#staff .incho_k{ background: #fff; border: 1px solid #ccc; padding: 20px 30px; box-sizing: border-box; margin-bottom: 50px;}
#staff .incho_k ul::after{ display: block; clear: both; content: '';}
#staff .incho_k ul li{ width: 50%; float: left;}
#staff .incho_k h3{ font-size: 16px; font-weight: bold;}
#staff .incho_k p{ line-height: 1.75;}
#staff .staff ul::after{ display: block; clear: both; content: '';}
#staff .staff ul li{ width: 46.75%; float: left;}
#staff .staff ul li:last-child{ float: right;}
#staff .staff ul li .img{ margin-bottom: 30px;}
#staff .staff ul li .name{ font-size: 30px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; margin-bottom: 30px; line-height: 1; text-align: center;}
#staff .staff ul li .name .kata{ font-size: 20px;}
#staff .staff ul li .name .e{ font-size: 14px;}
#staff .staff .txt{background: #fff; border: 1px solid #ccc; padding: 20px 30px; box-sizing: border-box;}
#staff .staff .txt .k{ font-weight: bold; line-height: 1.75;}
#staff .staff .txt .com{ line-height: 1.75; border-top: dotted 2px #b0b0b0; margin-top: 30px; padding-top: 30px; }

#qa{ margin-top: 50px;}
#qa dt{ font-size: 25px; font-weight: bold; color: #912121; line-height: 1; margin-top: 20px;}
#qa dd{border-bottom: dotted 2px #b0b0b0;}
#qa dd span{ font-size: 25px; font-weight: bold; color: #d1b568;}



/* フォーム
*****************************************************/
#form h2{ font-size: 50px; color: #fff; background: #912121; line-height: 167px;}
#form .top{ color: #951111; font-size: 18px; margin-bottom: 10px;}
#form_main{border: 1px solid #000;padding: 80px; box-sizing: border-box; background: #fff;}
#form_main::after,#form_main dl::after{ display: block; clear: both; content: '';}
#form_main dl dt{ font-weight:bold; font-size:14px; margin-bottom:13px; clear:both; width: 30%; float: left; clear: both; border-top: dotted 1px #000; padding-top: 20px;}
#form_main dl dd{ margin-bottom:20px; width: 70%; float: right;font-size:14px;border-top: dotted 1px #000; padding-top: 20px;}
#form_main dl dt.start,#form_main dl dd.start{ border-top: none;}
#form_main dl dd::after{ display: block; clear: both; content: '';}
#form_main dl span.hissu{ color:#bd0000;margin-left:15px; font-size:14px;}
#form_main dl input,#form_main dl select{width:50%; height:30px; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%; box-sizing: border-box; background: #fff;}
#form_main dl input.years{ width: 15%;}
#form_main input[type="checkbox"]{ display: none;}
#form_main #btn{ margin-top: 80px;}
.radio-input + label{  padding-left: 45px;  position:relative;  margin-right: 30px;}
.radio-input + label::before{ content: ""; display: block; position: absolute; top: -8px; left: 0; width: 30px; height: 30px; border: 1px solid #a7a6a6; border-radius: 50%; background: #fff;}
.radio-input:checked + label{ color: #bd0000;}
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: -5px; left: 3px; width: 26px;  height: 26px; background: #bd0000; border-radius: 50%;}
#form_main ul li{ line-height: 30px; margin-bottom: 10px; width: 100%;}
#form_main ul::after{ display: block; clear: both; content: '';}
#form_main dl textarea{max-width:100%; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%;box-sizing:border-box; background: #fff; height: 200px!important;}
#form_main .txt{ margin-bottom: 20px;}
#form_main #btn{ clear:both; width:100%; text-align:center;}
#form_main button{border:none; background:none;}
.formend{max-width:1000px; width:100%; margin:100px auto; text-align: center;}
.formend h2{ font-size: 30px; margin-bottom: 50px;}
.kibobi{ margin-bottom: 10px;}

/* 共通エリア
*****************************************************/
section{ margin-bottom: 100px;}
section .inner{max-width:1200px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
section .inner2{max-width:1000px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
section h2{ text-align: center; margin-bottom: 50px; font-weight: bold; font-size: 35px; line-height: 1;}

.res{ background: #d1b568; padding-top: 35px; padding-bottom: 35px; color: #fff; text-align: center;}
.res .topcopy{ font-size: 20px; line-height: 1; margin-bottom: 30px;}
.res .tel{ width: 505px; margin: 0 auto 15px;}
.res .time{ line-height: 1.75; margin-bottom: 30px;}
.res .btn{ width: 628px; margin: 0 auto 15px;}


/* フッター
*****************************************************/
footer{ border-top: solid 5px #912121; background: #fff; padding:50px 0;box-sizing:border-box;}
footer .inner{max-width:1000px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
footer .inner::after{ display: block; clear: both; content: '';}
footer .foot_l{ width: 540px; float: left; line-height: 1.75;}
footer .foot_l h2{ font-size: 20px; margin-bottom: 25px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
footer .foot_l .train{ margin-bottom: 30px; background: url(images/icon3.jpg) no-repeat left top; padding-left: 30px;}
footer .foot_l .add{ margin-bottom: 30px; background: url(images/icon4.jpg) no-repeat left center; padding-left: 30px;}
footer .foot_l .tel{ font-size: 28px; background: url(images/icon5.jpg) no-repeat left center; padding-left: 30px; margin-bottom: 30px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
footer .foot_l .time{ margin-bottom: 10px; background: url(images/icon6.jpg) no-repeat left center; padding-left: 30px;}
footer .foot_l table{ width: 100%; border-bottom: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3;}
footer .foot_l th,footer .foot_l td{ text-align: center; padding: 5px 0; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; vertical-align: middle;}
footer .foot_l th{ background: #e0e0e0;}
footer .foot_r{ width: 420px; float: right; }
footer .foot_r iframe{ width: 100%; height: 425px;border: 1px solid #ccc;}
footer .pagetop{ position: fixed; bottom: 0; right: 0;opacity: 0;transition: all .5s ease;}
footer .pagetop.isActive{opacity: 1;}
address{padding:10px;background:#912121;font-size:.9rem;text-align:center;word-break:break-all;box-sizing:border-box; color: #fff;}

/* グローバルナビゲーション
*****************************************************/
nav#mainNav{background: #fff; width: 63%; float: right; margin-right: 2%;}
nav#mainNav ul{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
nav#mainNav li{width:100%;padding:0;text-align:center;box-sizing:border-box;}
nav#mainNav li a{margin:0 auto;padding:0;font-size:1.2rem;font-weight:bold;color:#534741;display:block;box-sizing:border-box;}
nav#mainNav li a span{width:100%;border-right:#534741 1px solid;display:block;box-sizing:border-box;}
nav#mainNav li a:hover{animation:fadeIn 1s ease 0s 1 normal;}
nav#mainNav li a:hover{color:#912121;}
nav#mainNav li.home{width:30%;background:#fff;color:#534741;box-sizing:border-box;}
nav#mainNav li.home img{vertical-align:middle;}
div.drawer,div.fixedMenu,.spMenuCenter{display:none;}

/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp,#mainNav{display:none;}
.spDisp{display:block;}
div.drawer{ display: block;}
section{ margin-bottom: 50px;}
section h2{ font-size: 27px; margin-bottom: 20px;}
.res { padding-top: 30px; padding-bottom: 10px;}
.res .topcopy { font-size: 18px; margin-bottom: 20px;}
.res .tel { width: 96%;}
.res .time { margin-bottom: 20px;}
.res .btn { width: 96%; margin: 0 auto 15px;}
.fixedMenu{width:100%;position:fixed;bottom:0;left:0;box-sizing:border-box;z-index:100; transition: all .5s ease; display: block!important;}
.fixedMenu.isActive {opacity: 1;}
.fixedMenu ul{ display: flex;}
.fixedMenu ul li{ width: 100%; text-align: center; box-sizing: border-box;}
.fixedMenu ul li a{ text-align: center; color: #fff; font-weight: bold; padding: 10px; display: block;}
.fixedMenu ul li:first-child{ background: #d91245;}
.fixedMenu ul li:last-child{ background: #4cc764;position: relative; box-sizing: border-box; padding-right: 0;}
.fixedMenu ul li:last-child a{ padding-left: 30px;}
.fixedMenu ul li:last-child img{ position: absolute; top: 0; bottom: 0; margin: auto; left: 22px;}
footer .pagetop{ bottom: 58px;}
address{ margin-bottom: 55px;}

header{width:100%; background-size: 100%; margin-bottom: 30px;}
#topcts { padding-bottom: 0px;}
#topcts .topcts_box .txt{ width: 100%; float: none;}
#topcts .topcts_box .img{ width: 100%; float: none;}
#topcts .topcts_box .tit { font-size: 25px;}
#topcts .topcts_box .balloon { font-size: 20px; padding: 9px 0 42px 19px; background-size: 100%;}
#topcts .topcts_box .wire { margin-left: 20px;}
#topcts .topcts_box ul{ margin-bottom: 30px; margin-left: 20px;}
#topcts .topcts_box ul li { font-size: 20px;}
#topcts .topcts_box2 h2 { font-size: 30px; margin-bottom: 15px;}
#topcts .topcts_box2 .merit{ width: 100%; float: none;}
#topcts .topcts_box2 .demerit{ width: 100%; float: none;}
#topcts .topcts_box2 { padding: 30px 5px;}
#topcts .topcts_box2 .merit .maru { font-size: 16px; width: 73px; height: 74px;  padding-top: 14px;margin: 0 auto 15px; float: none;}
#topcts .topcts_box2 .merit ul li { padding-left: 30px; font-size: 16px;}
#topcts .topcts_box2 .demerit .maru { font-size: 16px; width: 73px; height: 74px;  padding-top: 14px; margin: 50px auto 15px; float: none;}
#topcts .topcts_box2 .demerit ul li { padding-left: 30px; font-size: 16px;}
#topcts .topcts_box2 .merit .txt, #topcts .topcts_box2 .demerit .txt { width: 90%; margin: 0 auto;float: none;}
#osusume { padding-top: 40px;}
#osusume ul { width: 96%; padding: 20px;}
#osusume ul li h3 { font-size: 19px; line-height: 40px; margin-bottom: -2px;background: url(images/icon1_b.jpg) no-repeat left top 4px; background-size: 15%;min-height: 40px;}
#osusume ul li h3 span { padding-left: 13px; padding-right: 33px; line-height: 40px;}
#osusume ul li .txt{ margin-top: 20px; width: 100%;}
#osusume ul li .img{ margin-top: 20px; width: 100%;}
#osusume ul li:nth-child(odd) .img,#osusume ul li:nth-child(even) .txt{ float: none;}
#osusume ul li:nth-child(even) .img,#osusume ul li:nth-child(odd) .txt{ float: none;}
#ex ul li:nth-child(1){ margin-left: 2.5%;}
#ex ul li:nth-child(3){ margin-right: 2.5%;}
#riyu { padding-top: 40px;}
#riyu ul li { padding: 0 20px 20px;}
#riyu ul li .no { background: url(images/icon2_b.png) no-repeat center bottom 58px;}
#riyu ul li h3 {font-size: 23px; padding-top: 90px; line-height: 1.75;}
#riyu ul li .txt{ width: 100%;}
#riyu ul li .img{ width: 100%; margin-bottom: 15px;}
#riyu ul li .txt p{ margin-bottom: 20px; line-height: 2;}
#riyu ul li:nth-child(odd) .img,#riyu ul li:nth-child(even) .txt{ float: none;}
#riyu ul li:nth-child(even) .img,#riyu ul li:nth-child(odd) .txt{ float: none;}
#flow { padding-top: 10px; padding-bottom: 30px;}
#flow ul li { width: 100%; margin: 0 0 30px; float: none;}
#flow ul li:first-child { height: 100px; padding-top: 33px;}
#flow ul li .no{ background: url(images/flow_arrow2_b.png) no-repeat left top;background-size: 50% auto; min-height: 100px;padding-left: 7px;line-height: 1.5;}
#flow ul li:nth-child(4) .no, #flow ul li:nth-child(9) .no { background: url(images/flow_arrow2_b.png) no-repeat left top;background-size: 50% auto; min-height: 100px;}
#flow ul li:nth-child(4) .img{ border-right:none;}
#flow ul li:nth-child(4) h3{ border-right:none;}
#flow ul li:nth-child(4) .txt{ border-right:none; width: 46%; margin-left: 0; padding-right: 0; margin-right: 0;}
#flow ul li:nth-child(4) .img { margin-right: 4%;}
#flow ul li h3 { padding-bottom: 0; padding-top: 0px; border: none; line-height: 2;}
#flow ul li img{ width: 100%;}
#flow ul li .img { margin-left: 0; margin-top: 5px; width: 50%; float: left; margin-right: 4%;}
#flow ul li::after{ display: block; clear: both; content: '';}
#flow ul li .txt { padding-top: 5px; float: right; width: 46%; margin-left: 0; padding-right: 0;}
#case { padding-top: 40px;}
#case ul li { padding-bottom: 3px;}
#case ul li .box { background-size: 8%;}
#price { padding-top: 40px;}
#price dl dt::after{ display: block; clear: both; content: '';}
#price dl dt{ border-top: none; padding-bottom: 10px; padding-top: 10px; float: none; width: 100%; padding-left: 0; font-size: 20px; margin-bottom: 15px;}
#price dl dd {border-top: none; padding-top: 0;padding-bottom: 10px; width: 100%; float: none; font-weight: normal;}
#price dl dd.p{border-bottom: dotted 2px #b0b0b0; width: 100%; float: none; font-weight: bold;}
#staff { padding-top: 40px; padding-bottom: 0;}
#staff .incho .img{ width: 50%; float: none; margin: 0 auto 20px;}
#staff .incho .txt{ width: 100%; float: none;}
#staff .incho .name {font-size: 17px; margin-bottom: 15px;}
#staff .incho .name h2 { font-size: 25px;}
#staff .incho { margin-bottom: 20px;}
#staff .incho_k ul li{ width: 100%; float: none;}
#staff .incho_k { padding: 5px 10px; margin-bottom: 40px;}
#staff .staff ul li {width: 100%; float: none; margin-bottom: 40px;}
#staff .staff ul li .img{ width: 80%; margin: 0 auto 20px;}
#staff .staff ul li .name .kata { font-size: 17px;}
#staff .staff ul li .name { font-size: 25px; margin-bottom: 10px;}
#staff .staff .txt { padding: 5px 10px;}
#qa dt { font-size: 18px; margin-bottom: 20px;}
#qa dd span { font-size: 18px;}
#qa dd{ line-height: 1.75; padding-bottom: 20px;}

#form h2 { font-size: 30px; line-height: 107px; margin-bottom: 0;}
#form{padding: 10px 0;}
#form .inner2{ padding: 10px;}
#form #form_main{ padding: 15px 20px;}
#form_main dl dt{ font-size:16px; clear:both; width: 100%; float: none;}
#form_main dl dd{ margin-bottom:20px; width: 100%; float: none; padding: 0!important;font-size:14px;}
#form_main dl input{width:100%; height:30px; font-size:14px; box-sizing: border-box;}
.radio-input + label{  padding-left: 28px;}
.radio-input + label::before{  top: -3px; width: 20px; height: 20px;}
.radio-input:checked + label{ color: #bd0000;}
.radio-input:checked + label::after{ top: 0; width: 16px;  height: 16px;}
#form_main dl textarea{font-size:14px;}
#form_main .txt{ margin-bottom: 20px;}

footer .foot_l{ width: 100%; float: none; margin-bottom: 30px;}
footer .foot_r{ width: 100%; float: none;}


}