@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/25px "游ゴシック体", 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"; letter-spacing: 0.05rem; }


/* リンク設定
------------------------------------------------------------*/
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;}
.mincho{ font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }


/* ヘッダー
------------------------------------------------------------*/
header{ border-bottom: 6px solid #36c0a4; background: url(images/kv.jpg) no-repeat; background-size: 100% auto;}
header img{width: 100%;}



/* 見出し
*****************************************************/
section h2{ text-align: center; margin-top: 80px; margin-bottom: 50px;}
section h2 .line1{ font-weight: bold; font-size: 22px; background-image: url(images/mark1_l.jpg),url(images/mark1_r.jpg); background-repeat:no-repeat,no-repeat; background-position: top left,top right; padding: 10px 40px; line-height: 40px; height: 40px;}
section h2 .line2{ background: url(images/mark2.jpg) repeat-x bottom; padding:0 10px 20px; font-size: 32px!important;font-weight: bold;}
section h2::after{ display: block; clear: both; content: '';}

/* コンテンツ
*****************************************************/
#cts1 .inner{ background: url(images/cts1_bg.png) no-repeat; padding: 44px 42px 40px 70px; box-sizing: border-box;}
#cts1 h3{ background-image: url(images/illust1.png),url(images/mark3.jpg); background-repeat:no-repeat,no-repeat; background-position: left top,right center; font-size: 32px; font-weight: bold; line-height: 94px; height: 94px; padding: 0 0 0 140px; margin-bottom: 20px; width: 50%; box-sizing: border-box;}
#cts1 p{ margin-bottom: 30px;}
#cts1 .img{ float: right; margin: 40px 0 20px 40px;}
#cts1 .last{max-width: 1200px; width: 96%; margin: 60px auto 0; background: url(images/illust2.jpg) no-repeat right bottom; padding-bottom: 100px; text-align: center;}
#cts1 .mincho{ font-size: 23px; margin-bottom: 60px;}
#cts1 .lastmain{background: url(images/mark5.png) no-repeat right 30px; padding-right: 75px; padding-left: 75px; padding-bottom: 22px; box-sizing: border-box;font-size: 33px; line-height: 50px; width: 92%; margin: 33px auto 0;font-weight: bold;}
#cts1 .lastmain span{background: url(images/mark4.png) repeat-x; padding-bottom: 20px;}

#cts2{background: url(images/bg1.jpg); border-bottom: 6px solid #36c0a4;border-top: 6px solid #36c0a4;}
#cts2 ul::after{ display: block; clear: both; content: '';}
#cts2 ul li::after{ display: block; clear: both; content: '';}
#cts2 ul li{margin-bottom: 100px;}
#cts2 ul li:nth-child(odd) img.timg{ float: right; margin-left: 30px; margin-bottom: 30px; margin-top: 25px;}
#cts2 ul li:nth-child(even) img.timg{ float: left; margin-right: 30px; margin-bottom: 30px; margin-top: 25px;}
#cts2 ul li .tuyomi img{ margin-bottom: 15px;}
#cts2 ul li .tuyomi h3{margin-bottom: 30px;}
#cts2 ul li .tuyomi h3 span{background: url(images/cts2_marker2.png) no-repeat; background-size: 100% 100%; font-size: 30px; line-height: 42px; font-weight: bold;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; padding-bottom: 20px; }
#cts2 ul li:nth-child(1) .tuyomi h3 span,#cts2 ul li:nth-child(4) .tuyomi h3 span{background: url(images/cts2_marker1.png) no-repeat; background-size: 100% 200%;}

#cts3{ margin-bottom: 80px;}
#cts3 h2{ color: #fff; background-color: #064236; text-align: center; font-size: 40px;width:100%; padding:30px 0; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; margin-bottom: 0;}
#cts3 h2 span{background-image: url(images/mark6.jpg),url(images/mark6.jpg); background-repeat:no-repeat,no-repeat; background-position: left center,right center; padding: 0 100px;}
#cts3 .cts3main{background: url(images/bg1.jpg); border: 5px solid #064236; padding: 50px; box-sizing: border-box;}
#cts3 .cts3main p{ text-align: center; margin-bottom: 75px;}
#cts3 .cts3main ul{ display: flex;}
#cts3 .cts3main ul::after{ display: block; clear: both; content: '';}
#cts3 .cts3main ul li{ margin: 0 15px;}
#cts3 .cts3main ul li .tit{ font-size: 19px; margin-top:20px; text-align: center; font-weight: bold;}
#cts3 .balloon { position: relative; display: inline-block; margin: 20px 70px 0; padding: 27px 5px; width: 90px; height: 90px; line-height: 20px; text-align: center; color: #FFF; font-size: 14px; font-weight: bold; background: #b60c0c; border-radius: 50%; box-sizing: border-box; float: right; z-index: 100;}
#cts3 .balloon:before { content: ""; position: absolute; top: -25px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #b60c0c; z-index: 0;}
#cts3 .balloon::after{ display: block; clear: both; content: '';}
#cts3 .cts3main ul li:last-child .balloon { padding-top: 35px;}

#cts4{background: url(images/cts4_bg.jpg) no-repeat; background-size: 100%;}
#cts4 .inner{ padding: 15px 0 200px 451px; box-sizing: border-box;}
#cts4 h2{ font-size: 32px; margin-bottom: 30px; margin-top: 20px; font-weight: bold; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; text-align: left;}
#cts4 p{ line-height: 34px;}

#cts5 .waku{max-width: 1200px; width: 96%; margin: 60px auto 0; background: url(images/bg1.jpg); padding-top: 43px; padding-bottom: 70px; text-align: center; border: 3px solid #36c0a4; border-radius: 5px; position: relative;}
#cts5 .mincho{ font-size: 23px; margin-bottom: 20px;}
#cts5 .wakumain{background: url(images/mark5.png) no-repeat right 30px; padding-right: 75px; padding-left: 75px; padding-bottom: 22px; box-sizing: border-box;font-size: 33px; line-height: 50px; width: 80%; margin: 33px auto 0;font-weight: bold;}
#cts5 .wakumain span{background: url(images/mark4.png) repeat-x; padding-bottom: 20px;}
#cts5 .waku p{ margin-bottom: 30px;}
#cts5 .kakaku{ border: 3px solid #36c0a4; border-radius: 5px; background: #fff; font-size: 37px; color: #36c0a4;  text-align: center; padding: 25px 35px 25px 90px; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; width: 580px; position: absolute; bottom: -50px; left:0; right: 0; margin: auto; font-weight: bold;}
#cts5 .kakaku span{ font-size: 20px;}
#cts5 .waku img{ position: absolute; bottom: -30px; left:250px;}
#cts5 .waku::after{ display: block; clear: both; content: '';}
#cts5 p.last{ text-align: center; margin-top: 80px; margin-bottom: 80px;}

#cts6{ background: #fafffa; padding-top: 80px;}
#cts6 h2{ margin-top: 0;}
#cts6 ul li{ margin-bottom: 70px;}
#cts6 ul li::after{ display: block; clear: both; content: '';}
#cts6 ul li img{ width: 122px; float: left; margin-right: 40px;}
#cts6 ul li .voicergt{ width: 838px; float: left;}
#cts6 ul li .name{ color: #fff; padding: 10px 20px; background: #36c0a4; font-size: 18px; font-weight: bold; margin-bottom: 30px; width: 300px;}
#cts6 ul li h3{ color: #095f4d; font-size: 18px; font-weight: bold; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-style: italic; margin-bottom: 20px;}

#cts7 dl dt{ background: url(images/q.jpg) no-repeat; padding: 15px 0 0 65px; font-size: 20px; font-weight: bold; margin-bottom: 28px;}
#cts7 dl dd{ background: url(images/a.jpg) no-repeat; padding: 18px 0 0 65px;margin-bottom: 40px; padding-bottom: 40px; border-bottom: dashed 2px #898989;}

#cts8{ margin-top: 80px;}
#cts8 .inner2{ background: #fafffa; border: #36c0a4 solid 5px; border-radius: 10px; padding: 40px; box-sizing: border-box;}
#cts8 .stop::after{ display: block; clear: both; content: '';}
#cts8 .stop img{ width: 348px; margin-right: 70px; float: left;}
#cts8 .stop .tit{ width: 490px; float: right; font-size: 18px; margin-bottom: 40px; font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
#cts8 .stop .tit .name{ font-size: 33px; font-weight: bold;}
#cts8 .stop .tit .name span{ font-weight: normal; font-size: 20px; vertical-align: middle;}
#cts8 .stop .txtb{ font-weight: bold;width: 490px; float: right; margin-bottom: 40px;}
#cts8 .stop p{width: 490px; float: right;}
#cts8 .sbtm{ margin-top: 40px; border: #d7d7d7 2px solid; background: url(images/illust4.jpg) no-repeat bottom 15px right 15px #fff; padding: 20px; box-sizing: border-box;}
#cts8 .sbtm span{ color: #36c0a4; font-weight: bold; font-size: 16px;}



/* フォーム
*****************************************************/
#form .inner2{ background: #fbfbfb; padding: 80px; box-sizing: border-box;}
#form_main::after,#form_main dl::after{ display: block; clear: both; content: '';}
#form_main dl dt{ font-weight:bold; font-size:18px; margin-bottom:13px; clear:both; width: 30%; float: left; clear: both;}
#form_main dl dd{ margin-bottom:40px; width: 70%; float: right;}
#form_main dl dd::after{ display: block; clear: both; content: '';}
#form_main dl span.hissu{ color:#fff; background: #bd0000; padding:5px 10px; border-radius:100px; line-height:100%; margin-left:15px; font-size:14px;}
#form_main dl input{width:50%; height:30px; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%; box-sizing: border-box; background: #fff;}
#form_main input[type="checkbox"]{ display: none;}
.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;}

/* 共通エリア
*****************************************************/
main{ margin-bottom: 100px;}
section::after{ display: block; clear: both; content: '';}
section .inner{ max-width: 1200px; width: 96%; margin: 0 auto;}
section .inner2{ max-width: 1000px; width: 96%; margin: 0 auto;}
.red{ color: #b60c0c;font-weight: bold;}
.org{ color: #ee4d15;}
.res{ font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.res::after{ display: block; clear: both; content: '';}
.res h2{font-size: 28px; font-weight: bold; line-height: 77px; background: url(images/res_logo.jpg) no-repeat; width:580px; margin: 50px auto 20px;}
.res .resgrn{ background: #36c0a4; padding-top: 23px; padding-bottom: 23px; color: #fff;}
.res .resgrntit{background-image: url(images/mark6.jpg),url(images/mark6.jpg); background-repeat:no-repeat,no-repeat; background-position: left center,right center; text-align: center; font-size: 20px;width:580px; margin: 0 auto 30px;}
.res .restel{ text-align: center; font-size:24px; width: 570px; float: left;}
.res .restelno{ margin-top: 20px; margin-bottom: 20px; font-size: 60px;font-weight: bold; line-height: 60px; background: url(images/tel.png) no-repeat 40px center; }
.res .restelno a{ color: #fff;}
.res .resteltime{ font-size: 14px; font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.res .resrgt{position: relative;}
.res .wmn{ position: absolute; bottom: 0; right: 0;}
.res .resmail{ position: absolute; bottom: 40px; right: 100px;}

.sidefixed{ position: fixed; top: 50%; right: 0; z-index: 100;}
.spfixed{ display: none;}



/* フッター
*****************************************************/
footer{padding:50px 0;box-sizing:border-box; border-top: #36c0a4 solid 6px; background: #fafffa;}
footer .inner2{ max-width: 1000px; width: 96%; margin: 0 auto;}
footer .foottxt{ width: 30%; float: left;}
footer .inner2::after{ display: block; clear: both; content: '';}
footer .foottxt .foottit{ font-weight: bold; margin: 20px 0; font-size: 18px;}
footer .footmap{ width: 70%; float: right; box-sizing: border-box; margin-top: 5px;}
footer .footmap iframe{ width: 100%; height: 250px;border: 1px solid #d7d7d7;}
.pagetop{ position: fixed; right: 30px; bottom: 25px;}
address{padding:50px;font-size:.9rem;text-align:center; font-weight: bold;}



/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
.sidefixed{ right: -100px;}
.spfixed{ display: block; position: fixed; bottom: 0; left: 10px; z-index: 101; width: 60%;}
section h2{ margin-top: 50px;}
section h2 .line1{ font-size: 18px; padding: 10px 25px;}
section h2 .line2{ font-size: 23px!important;}
.res h2 { text-align: center; width: 80%; font-size: 20px; margin: 20px auto; padding-left: 50px;}
.res .resgrn{ padding-top: 10px; padding-bottom: 120px;}
.res .resgrntit{background-image: url(images/mark6.jpg),url(images/mark6.jpg); background-repeat:no-repeat,no-repeat; background-position: left center,right center; background-size: 5%,5%; font-size: 20px;width:96%; margin: 20px auto;}
.res .restel{ text-align: left; font-size:24px; width: 100%; float: none;}
.res .restelno{ margin-top: 10px; margin-bottom: 10px; font-size: 40px;font-weight: bold; line-height: 60px; background: url(images/tel.png) no-repeat 0 center; background-size: 5%; padding-left: 7%; }
.res .wmn{ width: 32%; bottom: 0; right: 0;}
.res .resmail{ position: absolute; bottom: 15px; right: 0; left: 0; margin: auto;}

header{ background: url(images/sp_kv.jpg) no-repeat; background-size: 100% auto;}
footer{padding:20px 0;}
footer .foottxt{ width: 100%; float: none; text-align: center;}
footer .inner2::after{ display: block; clear: both; content: '';}
footer .foottxt .foottit{ font-weight: bold; margin: 20px 0; font-size: 18px;}
footer .footmap{ width: 100%; float: none;}
.pagetop{ position: fixed; right: 10px; bottom: 3px; width: 12%;}
address{padding:10px;}

#cts1 .inner{ background: url(images/sp_cts1_bg.jpg) no-repeat; background-size: 100%; padding: 10px; padding-bottom: 50px; box-sizing: border-box;}
#cts1 h3{ background-image: url(images/illust1.png),url(images/mark3.jpg); background-repeat:no-repeat,no-repeat; background-position: left top,right center; background-size: 25%,25%; font-size: 20px; font-weight: bold; line-height: 94px; height: 94px; padding: 0 0 0 100px; margin-bottom: 0; width: 100%;}
#cts1 p{ margin-bottom: 15px;}
#cts1 .img {float: none; margin: 0 auto;text-align: center; width: 50%; }
#cts1 .last{margin: 30px auto 0; padding-bottom: 50px; background-size: 30%;}
#cts1 .mincho{ font-size: 18px; margin-bottom: 10px;}
#cts1 .lastmain{background: url(images/mark5.png) no-repeat right 46px; padding-right: 0; padding-left: 0; padding-bottom: 0; box-sizing: border-box;font-size: 24px; line-height: 45px; width: 100%; margin: 9px auto 0;font-weight: bold;}
#cts1 .lastmain span{background: url(images/mark4.png) repeat-x bottom; padding-bottom: 10px;}

#cts2 h2{ width: 50%; margin: 20px auto;}
#cts2 ul li{margin-bottom: 50px; text-align: center;}
#cts2 ul li:nth-child(odd) img.timg{ float: none; margin-left: 0; margin-bottom: 10px; margin-top: 0;width: 50%; margin: 15px auto 0;}
#cts2 ul li:nth-child(even) img.timg{ float: none; margin-right: 0; margin-bottom: 10px; margin-top: 0;width: 50%; margin: 15px auto 0;}
#cts2 ul li .tuyomi img{ width: 30%; margin: 15px auto 0;}
#cts2 ul li .tuyomi h3{margin-bottom: 30px;}
#cts2 ul li .tuyomi h3 span{font-size: 20px; line-height: 42px; font-weight: bold; padding-bottom: 20px; }
#cts2 ul li:nth-child(3) .tuyomi h3 span{background: url(images/cts2_marker1.png) no-repeat; background-size: 100% 200%;}
#cts2 ul li .tuyomi p{ text-align: left;}

#cts3{ margin-bottom: 50px;}
#cts3 h2{ font-size: 25px;width:100%; padding:15px 0}
#cts3 .cts3main{padding: 20px;}
#cts3 .cts3main p{ margin-bottom: 25px;}
#cts3 .cts3main ul{ display: block;}
#cts3 .cts3main ul li{ text-align: center;}
#cts3 .balloon { position: relative; display: inline-block; margin: 20px 35% 30px;}

#cts4 .inner{ padding: 15px 0;}
#cts4 .inner img{ width: 22%; margin-left: 40%;}
#cts4 h2{ font-size: 20px;margin-left: 30%; margin-bottom: 70px; margin-top: 0;}

#cts5 .waku{margin: 0 auto; background: url(images/bg1.jpg); padding-top: 33px; padding-bottom: 70px;}
#cts5 .mincho{ font-size: 18px; margin-bottom: 10px;}
#cts5 .wakumain{background: url(images/mark5.png) no-repeat right 30px; padding-right: 0; padding-left: 0; padding-bottom: 0; box-sizing: border-box;font-size: 24px; line-height: 45px; width: 100%; margin: 9px auto 0;font-weight: bold;}
#cts5 .wakumain span{background: url(images/mark4.png) repeat-x bottom; padding-bottom: 10px;}
#cts5 .waku p{ width: 96%; margin: 0 auto 15px;text-align: left;}
#cts5 .kakaku{ font-size: 20px; padding: 10px 5px 10px 60px; width: 76%;}
#cts5 .kakaku span{ font-size: 18px;}
#cts5 .waku img{ position: absolute; bottom: -40px; left:7%;}
#cts5 p.last{ margin-bottom: 20px;}

#cts6{ padding-top: 40px;}
#cts6 h2{ margin-top: 0;}
#cts6 ul li{ margin-bottom: 40px;}
#cts6 ul li img{ width: 15%; float: left; margin-right: 2%;}
#cts6 ul li .voicergt{ width: 83%; float: left;}
#cts6 ul li .name{ padding: 5px; margin-bottom: 10px; width: 100%; box-sizing: border-box;}

#cts7 dl dt{ background: url(images/q.jpg) no-repeat; background-size: 8% auto; padding: 0 0 0 37px; font-size: 18px; margin-bottom: 10px;}
#cts7 dl dd{ background: url(images/a.jpg) no-repeat; background-size: 8% auto; padding: 0 0 0 37px;margin-bottom: 20px; padding-bottom: 20px;}

#cts8{ margin-top: 40px;}
#cts8 .inner2{ padding: 20px; text-align: center;}
#cts8 .stop img{ width: 50%; margin: 0 auto 20px; float: none;}
#cts8 .stop .tit{ width: 100%; float: none; font-size: 14px; margin-bottom: 20px;}
#cts8 .stop .tit .name{ font-size: 20px;}
#cts8 .stop .tit .name span{ font-size: 18px;}
#cts8 .stop .txtb{ width: 100%; float: none; margin-bottom: 20px; text-align: left;}
#cts8 .stop p{ width: 100%; float: none; text-align: left;}
#cts8 .sbtm{ margin-top: 20px; border: #d7d7d7 2px solid; background: url(images/illust4.jpg) no-repeat bottom 10px right 10px #fff; padding: 10px; box-sizing: border-box; text-align: left;}
#cts8 .sbtm span{ color: #36c0a4; font-weight: bold; font-size: 16px;}

#form{padding: 10px 0;}
#form h2{margin-bottom:40px;}
#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;}

}