@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/1.75 "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif; color:#000;animation:fadeIn 2s ease 0s 1 normal; font-feature-settings : "palt"; }
/*"ヒラギノ明朝 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;}

/* メイン画像（スライド）
*****************************************************/
#kv::after{ display: block; clear: both; content: '';}
#kv{ width:100%; position: relative;}
#kv img{ width: 100%;}
#kv ul li:nth-child(2),#kv ul li:nth-child(5){ background: url(images/kv1.jpg) no-repeat; background-size: 100% auto;}
#kv ul li:nth-child(3){ background: url(images/kv2.jpg) no-repeat; background-size: 100% auto;}
#kv ul li:nth-child(4),#kv ul li:nth-child(1){ background: url(images/kv3.jpg) no-repeat; background-size: 100% auto;}
#kv .kv_logo{ position: absolute; bottom: 10px; left: 15px;}

/* コンテンツ
*****************************************************/
#top{ padding-top: 60px; }
#top p{ text-align: center; font-weight: bold; line-height: 40px;}
#top p span{ color: #f7016f; font-size: 18px;}
#top .top_weight_box{ width: 540px; margin: 0 auto;}
#top .top_weight{ padding: 40px 130px; text-align: center;font-weight: bold; font-size: 27px;position: relative; display: inline-block;width: 100%; box-sizing: border-box;}
#top .top_weight:before, #top .top_weight:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 70px; height: 1px; background-color: black;}
#top .top_weight:before { left:0;}
#top .top_weight:after { right: 0;}

#cts1{ background: url(images/cts1_bg.jpg) no-repeat; background-size: 100% auto; text-align: center; color: #fff; padding: 60px 0 75px;}
#cts1 h1{ margin-bottom: 40px; }
#cts1 p{ font-size: 18px; font-weight: bold; line-height: 40px;}
#cts1 p span{background:linear-gradient(transparent 50%, #f7016f 0%); padding: 0 5px;}

#cts2 .bg_pattern{ background: url(images/bg1.png) #e1f9f5;}
#cts2 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts2 .white_bg::after{ display: block; clear: both; content: '';}
#cts2 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts2 .copy{ width: 345px; background: #47ef01;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto;}
#cts2 .body{ padding:60px 0 30px; position: relative;background: url(images/cts2_bg.png) no-repeat center top 60px;}
#cts2 .body::after{ display: block; clear: both; content: '';}
#cts2 ul{ max-width:1200px; width:100%; margin:0 auto;display: flex;}
#cts2 ul li{ width: 100%; margin: 0 2%; border: #f7016f 2px solid; border-radius: 5px; text-align: center; padding-bottom: 35px; background: #fff;}
#cts2 ul li p{ font-weight: bold; line-height: 20px; margin-top: 20px;}
#cts2 ul li .balloon{ color: #fff; font-weight: bold; position: relative; display: inline-block; padding: 0 15px 5px; font-size: 24px; line-height: 24px; background: #f7016f; border-radius: 0 0 5px 5px;}
#cts2 ul li .balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #f7016f;}
#cts2 ul li .balloon span{ font-weight: normal; font-size: 14px; line-height: 14px;}
#cts2 .copy2{max-width:1000px; width:96%; margin:50px auto 30px;}
#cts2 .copy2::after{ display: block; clear: both; content: '';}
#cts2 .copy2 .logo{ width: 295px; float: left; text-align: right;}
#cts2 .copy2 .txt{ width: 695px; float: right; padding-left: 35px; box-sizing: border-box; font-size: 25px; line-height: 40px; font-weight: bold; /*background: -webkit-linear-gradient(0deg, #f49f04, #c58004, #f49f04); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color:#c58004;  margin-top: 18px; position: relative;}
.rt-center {text-align: center;}
#cts2 .no_bg_pattern{ background: #e1f9f5; text-align: center; padding: 25px 0;}
#cts2 .sankaku_box{ width: 14px; margin: 0 auto 20px;}
#cts2 .sankaku{width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 13px solid #47ef01;}
#cts2 .btm_copy_box{ width: 750px; margin: 0 auto;}
#cts2 .btm_copy{ padding: 0 130px; text-align: center;font-weight: bold; font-size: 27px;position: relative; display: inline-block;width: 100%; box-sizing: border-box; }
#cts2 .btm_copy:before, #cts2 .btm_copy:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 70px; height: 1px; background-color: black;}
#cts2 .btm_copy:before { left:0;}
#cts2 .btm_copy:after { right: 0;}
#cts2 .btm_tit{ font-size: 60px; font-weight: bold;}

#cts3 .bg_pattern{ background: url(images/bg1.png) #f5f1c8;}
#cts3 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts3 .white_bg::after{ display: block; clear: both; content: '';}
#cts3 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts3 .copy{ width: 345px; background: #f6f401;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto;}
#cts3 .body{ padding:60px 0 30px;max-width:1200px; width:96%; margin:0 auto;}
#cts3 .base_tit{ color: #fff; font-size: 20px; text-align: center; text-shadow:2px 2px 0 #4b4b4b, -2px -2px 0 #4b4b4b, -2px 2px 0 #4b4b4b, 2px -2px 0 #4b4b4b, 0px 2px 0 #4b4b4b,  0 -2px 0 #4b4b4b, -2px 0 0 #4b4b4b, 2px 0 0 #4b4b4b; line-height: 20px;}
#cts3 .base_box{ border: #4b4b4b solid 3px; border-radius: 0 0 10px 10px;}
#cts3 .flow{max-width:1040px; width:96%; margin:40px auto 30px;}
#cts3 .flow::after{ display: block; clear: both; content: '';}
#cts3 .flow li{ float: left; background: url(images/arrow1.png) no-repeat left top 85px; text-align: center; padding-left: 80px; margin-left: 26px;}
#cts3 .flow li:first-child{ background: none; padding-left: 0; margin-left: 0;}
#cts3 .flow li:nth-child(2){background: url(images/arrow1.png) no-repeat left top 40px;}
#cts3 .flow li:nth-child(1),#cts3 .flow li:nth-child(2){ margin-top: 45px;}
#cts3 .flow li:last-child{ background-image: url(images/arrow1.png),url(images/cts3_ballon1.png); background-repeat: no-repeat,no-repeat; background-position: left top 85px,left  top; color: #c50140; font-size: 31px; line-height: 40px;padding-left: 45px;}
#cts3 .flow li:last-child p{ margin-top: 85px; float: left;}
#cts3 .flow li:last-child img{ float: right; margin-left: 20px;}
#cts3 .matome{ background: #fff;border-radius: 0 0 10px 10px; padding: 50px 80px;}
#cts3 .matome li{ background: url(images/check1.png) no-repeat left center; padding-left: 20px;}
#cts3 .no_bg_pattern{ background: #f5f1c8; text-align: center;}
#cts3 .korekara{ color: #2dec01; font-size: 18px; line-height: 18px; background: #fff; width: 215px; margin: 0 auto 35px; padding: 10px; position: relative;}
#cts3 .korekara::after{ content: ''; width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 13px solid #47ef01; position: absolute; bottom: -13px; left: 0; right: 0; margin: auto;}
#cts3 .xeno_tit{ color: #fff; font-size: 25px; text-align: center; text-shadow:2px 2px 0 #2dec01, -2px -2px 0 #2dec01, -2px 2px 0 #2dec01, 2px -2px 0 #2dec01, 0px 2px 0 #2dec01,  0 -2px 0 #2dec01, -2px 0 0 #2dec01, 2px 0 0 #2dec01; line-height: 20px;}
#cts3 .xeno_box{ border: #2dec01 solid 3px; border-radius: 0 0 8px 8px; background: #fff; margin-bottom: 30px;}
#cts3 .flow_x{max-width:1040px; width:96%; margin:40px auto 30px;}
#cts3 .flow_x::after{ display: block; clear: both; content: '';}
#cts3 .flow_x li{ float: left; background: url(images/arrow1.png) no-repeat left top 85px; text-align: center; padding-left: 80px; margin-left: 26px;}
#cts3 .flow_x li:first-child{ background: none; padding-left: 0; margin-left: 0;}
#cts3 .flow_x li:nth-child(2){background: url(images/arrow1.png) no-repeat left top 40px;}
#cts3 .flow_x li:nth-child(1),#cts3 .flow_x li:nth-child(2){ margin-top: 45px;}
#cts3 .flow_x li:last-child{ background-image: url(images/arrow1.png),url(images/cts3_ballon2.png); background-repeat: no-repeat,no-repeat; background-position: left top 85px,left  top; color: #c50140; font-size: 31px; line-height: 40px;padding-left: 40px;}
#cts3 .flow_x li:last-child p{ margin-top: 85px; float: left;}
#cts3 .flow_x li:last-child img{ float: right; margin-left: 10px;}
#cts3 .matome_x{ background: #18560a;border-radius: 0 0 8px 8px; padding: 50px 40px;}
#cts3 .matome_x li{ background: url(images/check2.png) no-repeat left center; padding-left: 20px; color: #fff; text-align: left;}

#cts3_btm{ background: url(images/bg1.png); padding: 55px 0;}
#cts3_btm .top{ text-align: center; font-size: 40px; margin-bottom: 50px;}
#cts3_btm .copy{ font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif; text-align: center;text-align: center; margin-bottom: 40px; line-height: 35px;}
#cts3_btm .copy span{ color: #f7016f; font-size: 18px;font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts3_btm .copy2{ width: 500px; font-size: 18px; margin: 0 auto 35px; color: #fff;text-align: center; background:#f7016f; }
#cts3_btm ul{ display: flex;}
#cts3_btm ul li{ width: 100%; margin: 0 0.5%; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4); background: url(images/cts3_btm.jpg) no-repeat #fff; background-size: 100% auto; }
#cts3_btm ul li .tit{ text-align: center;text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff,  0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff; font-size: 20px; padding: 30px 0; line-height: 20px;}
#cts3_btm ul li p{font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif; padding: 20px;}

#cts4 .bg_pattern{ background: url(images/bg1.png) #fbeaff; padding-bottom: 80px;}
#cts4 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts4 .white_bg::after{ display: block; clear: both; content: '';}
#cts4 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts4 .copy{ width: 345px; background: #fe00f3;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto; color: #fff;}
#cts4 .top{ text-align: center; padding-top: 45px; margin-bottom: 50px;}
#cts4 ul{ display: flex;}
#cts4 ul li{ width: 100%; margin: 0 0.5%; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4); background: #fff; text-align: center; position: relative; padding-bottom: 40px;}
#cts4 ul li img{ margin-bottom: 20px;}
#cts4 ul li .balloon_box{ position: absolute; bottom: -20px; left: 0; right: 0; width: 80%; margin: auto;}
#cts4 ul li .balloon{position: relative; width: 100%;border-radius: 10px;  display: inline-block;  padding: 7px 10px;  color: #fff;  background: #fe00f3;  box-sizing: border-box;}
#cts4 ul li .balloon:before {  content: "";  position: absolute;  top: -30px;  left: 50%;  margin-left: -15px;  border: 15px solid transparent;  border-bottom: 15px solid #fe00f3;}

#cts5 .bg_pattern{ background: url(images/bg1.png) #eef4ff; padding-bottom: 50px;}
#cts5 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts5 .white_bg::after{ display: block; clear: both; content: '';}
#cts5 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts5 .copy{ width: 345px; background: #0060ff;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto; color: #fff;}
#cts5 dl{ max-width:1000px; width:100%; margin:50px auto; }
#cts5 dl::after{ display: block; clear: both; content: '';}
#cts5 dl dt,#cts5 dl dd{ padding: 30px 50px; font-size: 16px; line-height: 16px; border-bottom: dotted 2px #000; box-sizing: border-box;}
#cts5 dl dt{ width: 60%; float: left;}
#cts5 dl dd{ width: 40%; float: right; text-align: right;}
#cts5 .btm{ text-align: center;}

#cts6 .bg_pattern{ background: url(images/bg1.png) #e1f9f5;}
#cts6 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts6 .white_bg::after{ display: block; clear: both; content: '';}
#cts6 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts6 .copy{ width: 345px; background: #2dec01;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto; }
#cts6 .top{ text-align: center; padding-top: 45px; margin-bottom: 50px;}
#cts6 .voicebox{ margin-bottom: 80px;}
#cts6 .voicebox::after{ display: block; clear: both; content: '';}
#cts6 .voicebox .lft{ width: 48%; float: left; margin-right: 2%;}
#cts6 .voicebox .rgt{ width: 50%; float: right;}
#cts6 .voicebox h3{ background: #000; color: #fff; font-size: 20px; padding: 10px 20px; margin-bottom: 20px;}
#cts6 .voicebox .gyosyu{ padding: 20px; font-size: 16px; }
#cts6 .voicebox p{padding: 0 20px;}
#cts6 .voicebox .scorebox{ margin-bottom: 20px;}
#cts6 .voicebox .scorebox::after{ display: block; clear: both; content: '';}
#cts6 .voicebox .scorebox .lft{ width: 48%; float: left; margin-right: 2%;text-align: center;}
#cts6 .voicebox .scorebox .rgt{ width: 50%; float: right; font-size: 50px;}
#cts6 .voicebox .scorebox .lft span{ font-size: 18px;}
#cts6 .voicebox .scorelist .score{ margin-right: 10px;}
#cts6 .voicebox .scorelist .score::after{ display: block; clear: both; content: '';}
#cts6 .voicebox .scorelist .tit{ margin-bottom: 20px; float: left; width: 160px; line-height: 10px;}
#cts6 .voicebox .scorelist .clr{ width: 50px; height: 10px; margin-right: 5px; background: #2dec01; float: left;}

#cts7 .bg_pattern{ background: url(images/bg1.png) #f5f1c8; padding-bottom: 80px;}
#cts7 .white_bg{  background: url(images/bg1.png) #fff; padding: 40px 0 20px; position: relative;}
#cts7 .white_bg::after{ display: block; clear: both; content: '';}
#cts7 h2{ text-align: center; font-size: 50px; font-weight: bold;line-height: 50px;}
#cts7 .copy{ width: 345px; background: #f6f401;font-weight: bold; line-height: 20px;text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; margin:auto;}
#cts7 .top{ text-align: center; padding-top: 45px; margin-bottom: 50px;}
#cts7 h3{ border-bottom: 1px solid #000; padding-top: 45px; margin-bottom: 20px; font-size: 30px; text-align: center;}
#cts7 dl dt{ font-size: 20px;}
#cts7 dl dt span{ color: #de3db9; font-size: 25px; margin-right: 5px;}
#cts7 dl dd{ margin-bottom: 50px; font-size: 16px;}
#cts7 dl dd span{ color: #7ad576; font-size: 25px; margin-right: 5px;}

/* 共通エリア
*****************************************************/
main .inner{max-width:1200px; width:96%; margin:0 auto; padding:0; box-sizing:border-box;}
.res{background: linear-gradient(-90deg, #e0fde0, #79d474); padding: 40px 0 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4);}
.res .res_copy_box{ width: 570px; margin: 0 auto 40px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.res .res_copy{ padding: 0 130px; text-align: center;font-weight: bold; font-size: 23px;position: relative; display: inline-block;width: 100%; box-sizing: border-box;}
.res .res_copy:before, .res .res_copy:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 70px; height: 1px; background-color: black;}
.res .res_copy:before { left:0;}
.res .res_copy:after { right: 0;}
.res .res_box::after{ display: block; clear: both; content: '';}
.res .res_tel{ width: 525px; float: left; font-size: 23px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; text-align: center;} 
.res .res_tel .telno{ font-size: 60px; background: url(images/res_tel.png) no-repeat left 15px center; line-height: 60px;}
.res .res_tel .time{ font-size: 18px;}
.res .res_form{ width: 675px; float: left;}
.res .res_company{ margin-top: 25px; text-align: center;}

/* フォーム
*****************************************************/
#form{ margin-top: 65px;}
#form h2{background: linear-gradient(-90deg, #de8e9b, #de3db9); font-size: 40px; color: #fff; text-align: center; line-height: 130px;}
#form #form_box{ max-width:1000px; width:100%; margin:0 auto; background: #fbfbfb; padding: 85px; box-sizing: border-box;}
#form_box::after,#form_box dl::after{ display: block; clear: both; content: '';}
#form_box dl dt{ font-weight:bold; font-size:18px; margin-bottom:13px; clear:both; width: 30%; float: left; clear: both;}
#form_box dl dd{ margin-bottom:40px; width: 70%; float: right;}
#form_box dl dd::after{ display: block; clear: both; content: '';}
#form_box dl span{ color:#fff; background: #bd0000; padding:5px 10px; border-radius:100px; line-height:100%; margin-left:15px; font-size:14px;}
#form_box dl input{width:50%; height:30px; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%; box-sizing: border-box; background: #fff;}
#form_box 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_box ul li{ line-height: 30px; margin-bottom: 10px; width: 100%;}
#form_box ul::after{ display: block; clear: both; content: '';}
#form_box 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_box .txt{ margin-bottom: 20px;}
#form_box #btn{ clear:both; width:100%; text-align:center;}
#form_box 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;}


/* フッター
*****************************************************/
footer{ border-top: 10px solid #000; box-sizing:border-box; background: #eef4ff; padding: 55px 0 35px;}
footer .inner{max-width:1200px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
footer .inner::after{ display: block; clear: both; content: '';}
footer .foot_logo{ width: 120px; float: left; margin-right: 20px;}
footer .foot_txt{ float: left; font-size: 14px; line-height: 30px; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer .foot_map{ width: 630px; float: right;}
footer .foot_map iframe{ width: 100%; height: 200px;}
address{padding:10px;font-size:.10px;text-align:center;word-break:break-all;box-sizing:border-box;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "verdana", sans-serif;}


/* タブレットサイズ
------------------------------------------------------------*/
@media only screen and (max-width:999px){
}

/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
#kv ul li:nth-child(2),#kv ul li:nth-child(5){ background: url(images/sp_kv1.jpg) no-repeat; background-size: 100% auto;}
#kv ul li:nth-child(3){ background: url(images/sp_kv2.jpg) no-repeat; background-size: 100% auto;}
#kv ul li:nth-child(4),#kv ul li:nth-child(1){ background: url(images/sp_kv3.jpg) no-repeat; background-size: 100% auto;}
#kv .kv_logo{ width: 10%;}
#top{ padding-top: 30px; }
#top .top_weight_box { width: 96%;}
#top .top_weight { padding: 20px 15%;}
#top .top_weight:before, #top .top_weight:after {width: 10%;}
#cts1 { background: url(images/sp_cts1_bg.jpg) no-repeat; background-size: 100% auto; padding: 30px 0;}
#cts1 h1 { width: 70%; margin: 0 auto 20px;}
#cts1 h1 img{width: 100%;}
#cts1 p { font-size: 16px; line-height: 30px;}
#cts2 ul { display: block;}
#cts2 ul li { width: 96%; margin: 0 auto 20px; padding-bottom: 15px; box-sizing: border-box;}
#cts2 .copy2 { margin: 30px auto 0;}
#cts2 .copy2 .logo { width: 25%; float: none; text-align: center; margin: 0 auto;}
#cts2 .copy2 .txt { width: 100%; float: none; padding-left: 0; font-size: 22px; text-align: center;}
#cts2 .body { padding: 30px 0;}
#cts2 .btm_copy_box { width: 96%;}
#cts2 .btm_copy { padding: 0 15%; line-height: 35px;font-size: 24px;}
#cts2 .btm_copy:before, #cts2 .btm_copy:after{width: 10%;}
#cts2 .btm_tit { font-size: 40px; line-height: 50px; margin-top: 20px;}
.res .res_copy_box {width: 96%; margin-bottom: 20px;}
.res .res_copy { padding: 0 15%; font-size: 18px;}
.res .res_copy:before, .res .res_copy:after{width: 10%;}
.res .res_tel{width: 100%;float: none;font-size: 21px; margin-bottom: 30px;}
.res .res_tel .telno { font-size: 37px;}
.res .res_form { width: 100%; float: none;}
.res .res_company { width: 50%; margin: 20px auto 0;}
#cts3 .body { padding: 40px 0 30px}
#cts3 .flow li:nth-child(1), #cts3 .flow li:nth-child(2) { margin-top: 0; margin-bottom: 20px;}
#cts3 .flow li {margin-bottom: 20px;}
#cts3 .matome { padding: 20px;}
#cts3 .matome li { background: url(images/check1.png) no-repeat left top 7px; margin-bottom: 15px;}
#cts3 .matome li:last-child{ margin-bottom: 0;}
#cts3 .flow_x li:nth-child(1), #cts3 .flow_x li:nth-child(2) { margin-top: 0; margin-bottom: 20px;}
#cts3 .flow_x li {margin-bottom: 20px;}
#cts3 .matome_x { padding: 20px;}
#cts3 .matome_x li { background: url(images/check2.png) no-repeat left top 7px; margin-bottom: 15px;}
#cts3 .matome_x li:last-child{margin-bottom: 0;}
#cts3_btm { padding: 30px 0;}
#cts3_btm .top {font-size: 30px; margin-bottom: 30px;}
#cts3_btm .copy2 { width: 100%;}
#cts3_btm ul { display: block;}
#cts3_btm ul li { background: url(images/cts3_btm.jpg) no-repeat #fff; background-size: 100% 35%; margin:0 0 20px;}
#cts3_btm ul li p { padding-top: 0;}
#cts4 .top { padding-top: 40px; margin-bottom: 20px;}
#cts4 ul { display: block;}
#cts4 ul li { margin: 0 0 40px; padding-bottom: 40px;}
#cts4 ul li img { width: 100%;}
#cts4 .bg_pattern { padding-bottom: 20px;}
#cts5 dl { margin: 20px auto;}
#cts5 dl dt, #cts5 dl dd { padding: 30px 0px;}
#cts5 dl dt { width: 70%;}
#cts5 dl dd { width: 30%;}
#cts5 .bg_pattern { padding-bottom: 40px;}
#cts6 .voicebox .lft{ width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
#cts6 .voicebox .rgt{ width: 100%; float: none;}
#cts6 .voicebox h3 { padding: 5px 15px; margin-bottom: 0px;}
#cts6 .voicebox .gyosyu {padding: 10px 15px;}
#cts6 .voicebox p { padding: 0 15px;}
#cts6 .voicebox .scorebox .rgt {text-align: center;}
#cts6 .voicebox .scorelist .tit { margin-bottom: 5px; float: none; width: 100%; line-height: 1;}
#cts6 .voicebox .scorelist .score { margin-right: 0; margin-bottom: 15px;}
#cts6 .voicebox { margin-bottom: 40px;}
#cts6 .top {padding-top: 40px; margin-bottom: 20px;}
#cts7 .top {padding-top: 40px; margin-bottom: 20px;}
#cts7 h3 {padding-top: 5px;}
#cts7 .bg_pattern { padding-bottom: 20px;}

#form { margin-top: 25px;}
#form h2 {  font-size: 30px; line-height: 100px;}
#form #form_box { padding: 15px 15px 50px;}
#form_box dl dd {float: none; padding: 0!important; width: 100%;}
#form_box dl input { width: 100%;}
footer { padding: 35px 0;}
footer .foot_logo { width: 20%; float: none; margin: 0 auto 20px;}
footer .foot_txt { float: none; margin-bottom: 30px; text-align: center;}
footer .foot_map { width: 100%; float: none;}
address { padding-bottom:70px;} 
#fixedMenu{ position: fixed; bottom: 0; width: 100%; z-index: 9999;}
#fixedMenu ul{ display: flex; width: 100%;}
#fixedMenu ul li{ width: 50%; text-align: center; padding: 15px 0; font-size: 16px;}
#fixedMenu ul li a{ color: #fff;}
#fixedMenu ul li:first-child{ background: #fe00f3; }
#fixedMenu ul li:last-child{ background: #47ef01; }











}