@charset "utf-8";
/*===========================================================================
モバイル
===========================================================================*/
img{width: 100%;height: auto}
.sphidden{display: none!important}
header {background: url(../img/head_img.jpg) no-repeat right 20% #f7f3ff;}
.leftbox{width: 80%!important}
.spm{margin-bottom: 20px;display: block}
header h1 {font-size:11px;font-weight: 400;line-height:60px}
#content{padding: 20px 0}
.inner{padding: 20px 0px 0px 0px}
.intr h4, .intr2 h4 {padding: 20px 10px;}

.cardbox, .intr div{margin-bottom: 20px}
.intr2 div{margin-bottom: 1px}
.cardbox{width: 95%;margin-left: auto;margin-right: auto}
section.intr p, section.intr ul, section.intr ol, .intr2 p, .intr2 ul, .intr2 ol,
.blogarea p, .blogarea ul, .blogarea ol, .blogarea dd,  .blogarea td, .blogarea th,
.blogarea2 p, .blogarea2 ul, .blogarea2 ol, .blogarea2 dd,  .blogarea2 td, .blogarea2 th
{padding: 10px;font-weight:500;}
.blogarea{padding: 30px 0px;background: #f7f4ff}
.blogarea2{background: #f7f4ff}
#qa h2, .h2, .blogarea2 h2, main h1{font-size: 1.5em;text-align: left;
color: #FFF;font-weight: 700;background: #040059;padding: 10px;margin: 20px 0;line-height: 1.8em;}
.blogarea h2{font-weight:700!important;font-size: 1.35em;background: #040059;margin: 20px;padding:10px!important;color: #FFF;margin: 20px 0!important;}
.blogarea h3, #qa h3, .h3, .blogarea3 h3{font-weight: 900!important;font-size: 1.35em;border-left: 5px solid #040059;padding:0 0 0 15px!important;margin: 20px 0!important;}
.comp h3{font-weight: 900;font-size: 1.35em;margin: 20px 0;}
.blogarea h4, #qa h4, .h4, .blogarea4 h4{font-weight: 900;font-size: 1.2em;border-bottom: 2px solid #040059;margin: 20px 0;}
.comp h4{font-weight: 900;font-size: 1.2em;margin: 20px 0;}
.cp_actab label {padding: 0 1.5em!important;}


.contactform dt {padding: 15px 10px;width: 100%;}
.contactform dd {padding: 15px 10px;width: 100%}

/*フッターリンク*/
.cp_menu {margin: 0 auto;padding: 0;}
.cp_menu a {display: block;padding: 20px;text-decoration: none;color: #fff;line-height: 1;}
.cp_menu label {display: block;position: relative;margin: 0 0 2px 0;padding: 12px;line-height: 1;color: #ffffff;background: #228c0e;
cursor: pointer;padding: 20px 10px;}
.cp_menu label::before{position: absolute;content: '▼';color: #ffffff;right: 0.5em;top: 25%;}
.cp_menu input[type=checkbox]:checked + label::before {transform: scaleY(-1);}
.cp_menu input {display: none;}
.cp_menu ul {margin: 0;padding: 0;background: #f4f4f4;list-style: none;}
.cp_menu li {overflow-y: hidden;max-height: 0;transition: all 0.5s;}
.cp_menu li a:hover, .cp_menu li a:active{background: #0022A6}
/*リストが増えたらULごとに追加してください*/
#link1 li,
#link2 li {overflow: hidden;max-height: 0px;transition: max-height 0.5s ease;}
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li {max-height:800px;margin-bottom: 1px;border-bottom: 1px solid #fff}
.cp_menu a{background: #1280BE}
#fcont dt {color: #FFF;background: #228c0e;font-weight: 700;border: 1px solid;padding: 15px 0;margin: 15px 0;}
#fcont dd {color: #FFF;border-bottom: 1px dotted;margin-bottom: 10px}
#fcont {padding:30px 0 0 0;}
.reasonbox{margin:0 0 20px 0;;background: #fff}
.flow {background: #f7f4fd}
.flow dt {width: 50%;margin: 0 auto 10px auto}

/*===link===*/
a.btn { cursor: pointer;background-color: #228c0e;color: #FFF;text-decoration: none;text-align: center;
font-weight: 700;padding: 15px 10px;border: none;width: 94%;border-radius: 5px;display: block}
a.btn:hover {background-color: #68A65C;}

@media screen and (max-width:700px){/*===Page top===*/
.backtotop {position: fixed;right:-12%!important;bottom: 2px;display: none;} 
.backtotop a {display: block;margin: 0;}}
/*===Page top===*/
.backtotop {position: fixed;right:-5%;bottom: 2px;display: none;} 
.backtotop a {display: block;margin: 0;}

/*=========================
フォントサイズ
=========================*/
.fsmall{font-size: 0.8em}
.fbig{font-size: 1.3em}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f24{font-size: 22px}
.f26{font-size: 22px}
.f28{font-size: 24px}
.f30{font-size: 24px}
.intro{font-size: 18px;line-height: 1em;padding: 5px!important}

/*=========================
幅/余白/マージン
=========================*/
.w5{width: 100%}
.w10{width: 100%}
.w15{width: 100%}
.w20{width: 100%}
.w25{width: 100%}
.w30{width: 100%}
.w33{width: 100%}
.w35{width: 100%}
.w40{width: 100%}
.w45{width: 100%}
.w50{width: 100%}
.spw50{width: 50%}
.w55{width: 100%}
.w60{width: 100%}
.w65{width: 100%}
.w70{width: 100%}
.w75{width: 100%}
.w80{width: 100%}
.w85{width: 100%}
.w90{width: 100%}
.w95{width: 100%}
.w100{width: 100%}
.padding10{padding:10px;}
.padding20{padding:20px}
.padding30{padding:30px}
.padding40{padding:30px}
.padding50{padding:30px}
.padding30{padding:30px}
.paddingud10{padding-top:10px;padding-bottom:10px}
.paddingud15{padding-top:15px;padding-bottom:15px}
.intr2 .paddingud15{padding-top:1px;padding-bottom:1px}

.paddingud20{padding-top:20px;padding-bottom:20px}
.paddingud30{padding-top:30px;padding-bottom:30px}
.paddingud40{padding-top:30px;padding-bottom:30px}
.paddingud50{padding-top:30px;padding-bottom:30px}
.paddingud60{padding-top:30px;padding-bottom:30px}
.paddinglr10{padding-left:10px;padding-right:10px}
.paddinglr20{padding-left:20px;padding-right:20px}
.paddinglr30{padding-left:30px;padding-right:30px}
.paddinglr40{padding-left:30px;padding-right:30px}
.paddinglr50{padding-left:30px;padding-right:30px}
.paddinglr60{padding-left:30px;padding-right:30px}
.marginall10{margin:10px}
.marginall20{margin:20px}
.marginall30{margin:30px}
.marginall40{margin:40px}
.marginall50{margin:40px}
.marginall60{margin:40px}
.marginall70{margin:40px}
.marginall80{margin:40px}
.marginall90{margin:50px}
.marginud10{margin-top:10px;margin-bottom:10px;}
.marginud20{margin-top:20px;margin-bottom:20px;}
.marginud30{margin-top:30px;margin-bottom:30px;}
.marginud40{margin-top:40px;margin-bottom:40px;}
.marginud50{margin-top:40px;margin-bottom:40px;}
.marginud60{margin-top:40px;margin-bottom:40px;}
.marginud70{margin-top:40px;margin-bottom:40px;}
.marginud80{margin-top:40px;margin-bottom:40px;}
.marginud90{margin-top:50px;margin-bottom:50px;}
.marginu10{margin-top:10px;}
.marginu20{margin-top:20px;}
.marginu30{margin-top:30px;}
.marginu40{margin-top:40px;}
.marginu50{margin-top:40px;}
.marginu60{margin-top:40px;}
.marginu70{margin-top:40px;}
.marginu80{margin-top:40px;}
.marginu90{margin-top:50px;}
.margind10{margin-bottom:10px;}
.margind20{margin-bottom:20px;}
.margind30{margin-bottom:30px;}
.margind40{margin-bottom:40px;}
.margind50{margin-bottom:40px;}
.margind60{margin-bottom:40px;}
.margind70{margin-bottom:40px;}
.margind80{margin-bottom:40px;}
.margind90{margin-bottom:50px;}

.marginlr10{margin-left:10px;margin-right:10px;}
.marginlr20{margin-left:20px;margin-right:20px;}
.marginlr30{margin-left:30px;margin-right:30px;}
.marginlr40{margin-left:40px;margin-right:40px;}
.marginlr50{margin-left:40px;margin-right:40px;}
.marginlr60{margin-left:40px;margin-right:40px;}
.marginlr70{margin-left:40px;margin-right:40px;}
.marginlr80{margin-left:40px;margin-right:40px;}
.marginlr90{margin-left:50px;margin-right:50px;}
.marginl10{margin-left:10px;}
.marginl20{margin-left:20px;}
.marginl30{margin-left:30px;}
.marginl40{margin-left:40px;}
.marginl50{margin-left:40px;}
.marginl60{margin-left:40px;}
.marginl70{margin-left:40px;}
.marginl80{margin-left:40px;}
.marginl90{margin-left:50px;}
.marginr10{margin-right:10px;}
.marginr20{margin-right:20px;}
.marginr30{margin-right:30px;}
.marginr40{margin-right:40px;}
.marginr50{margin-right:40px;}
.marginr60{margin-right:40px;}
.marginr70{margin-right:40px;}
.marginr80{margin-right:40px;}
.marginr90{margin-right:50px;}

.spmargin{margin-bottom:10px!important}
.cardarea{padding:20px 0;background:#f7f3ff}
.cardbox:last-child{margin-bottom:0}

.imgw30{width:30%!important; margin-left:auto; margin-right:auto;}
.imgw40{width:40%!important; margin-left:auto; margin-right:auto;}
.imgw50{width:50%!important; margin-left:auto; margin-right:auto;}
.topfont{font-size:1.8rem;font-weight:900;padding-left:10px;padding-right:10px;}