@charset "utf-8";
.bgyellow{background:#fbf6b2}
.bgcream{background: #ffffef}
.bgwhite{background:#fff}
.fixed {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);z-index: 999;}
.tencho img{vertical-align:bottom;}
img.aligncenter{margin-left: auto;margin-right: auto;display: block}
.nobg{background: none!important;}
.noborder{border:none!important;}
.blogmainv{background: #f7f4ff}
.img_block {text-align: center!important;}
.img_block img {display: block;margin: auto;}

/*main h1{background: #040058;color: #fff;padding: 0 0 0 15px!important;font-weight: 900;font-size: 2rem;margin: 20px 0;line-height: 1.8em;}*/

/*連番*/
body{counter-reset: h3;}
@counter-style circle-number {
system: fixed;symbols: "➊" "➋" "➌" "➍" "➎" "➏" "➐" "➑" "➒";suffix: ". ";}
h3.card:before {content: counter(h3, circle-number);counter-increment:h3;}
.boxborder{border:2px solid #c2bfc8;}
.boxborder2{border-left: #05005c 4px solid;border-right: #05005c 4px solid;border-bottom: #05005c 4px solid;box-sizing: border-box;background: #fff;position: relative;
padding: 20px 0px;}
.cardbox{position:relative;background:#fff}
.cardbox img{width: 100%;vertical-align: bottom;transition: ease .5s;margin: 0;}
.card{background: #05005a;color: #fff;text-align: center;font-weight: 900;font-size: 2em;padding: 15px 0;}
.carddescript{background: #fff;padding: 20px 40px;font-weight: 900;font-size: 1.15em;line-height: 1.0em;letter-spacing: -0.05em}
.cardlink p{text-align: center;padding: 20px 10px;color: #05005a;font-size: 0.85em;font-weight: 800;letter-spacing: -0.05em}
/*div全体をリンク化*/
.cardlink a.mainlink{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sublink{text-decoration: none;color: #fff!important;font-weight: 900;display: flex;justify-content: center;
align-items: center;background: #bf0103;width: 80%;margin:0 auto 10px auto;padding: 5px;}
.cardbox:hover > .card{background: #fff;color: #05005a;transition: ease-in-out color .5s}
.cardbox:hover > img{opacity: .5;transition: ease .5s}
.cardlink:hover > .sublink{background: #FE5658;transition: ease .5s}
.areacontent p{color: #006}
.contents{padding: 20px 0}

.blogarea p, .blogarea ul, .blogarea ol, .blogarea dt, .blogarea dd,  .blogarea td, .blogarea th
{padding: 10px 20px;font-weight:500;}
.servicearea{margin: 0 auto 10px auto;text-align: center;font-size: 14px;width: 94%;border:solid 1px #ccc}
.servicearea dt{background: #eeeeee}
.areadesc h4{background: #fbf7b2;padding: 10px}
.num img{margin: 0;vertical-align:bottom}
.sitemap{padding: 20px 0}
.sitemap ul {border-bottom: 1px dotted #CCC;padding: 0 0 20px}
.sitemap li {margin: 10px 0 5px 10px; padding: 2px 0 2px 10px}


/*=========================
文字関連
=========================*/
.areaarticle h2.nobg{background: none!important; color: #333!important;font-size: 1.2em!important;margin: 10px 0;padding: 0 20px}
.h3or {background: #ff9a00;text-shadow: 1px 1px 2px #333;font-weight: 900;color: #FFF;border-left: none!important;
display: block;padding: 20px 0 20px 10px !important;margin: 50px 0!important;text-align: left;width: 100%;font-size: 1.5em;}
h5 {padding: 5px 0 5px 10px;background: #DBDAFF;margin:20px 0;}
article p, article dl, article dd, article li{line-height: 1.8em;}
strong, .fontred{font-weight: 900!important;color: #bf0103}
.bold, .fontb, b{font-weight: 900!important}
.bbold{font-weight: 900!important;font-size: 1.2em}
.textcenter{text-align: center;}
.textleft{text-align: left;}
.textright{text-align: right;}
.list {position: relative;}
.list li{position:relative;padding: 0em 0.3em 0.3em 1.3em;}
.list li::before {position: absolute;content: '●';display: block;top: 0;left: 0;color: #2c84d2;font-size: 0.8em}
ol li{list-style-position: inside;}
.list_desc li{list-style: disc}
.mdl-color--red {background-color: #f44336!important}
.mdl-color-text--red {color: #f44336!important}
.mdl-color-text--white {color: #fff!important}


/*QA*/
#qa{margin: 20px 0}
.cp_actab {position: relative;overflow: hidden;width: 100%;margin: 0 auto;color: #fff;}
.cp_actab input {position: absolute;z-index: -1;opacity: 0;}
.cp_actab label {font-weight: 700;position: relative;display: block;padding: 0 0 0 1em;cursor: pointer;
margin: 0 0 1px 0;background: #b9000a;font-size: 1.2em}
.cp_actab .cp_actab-content {overflow: hidden;max-height: 0;background: #f4f4f4;
-webkit-transition: max-height 0.35s;transition: max-height 0.35s;}
.cp_actab .cp_actab-content p {margin: 1em;color: #333}
.cp_actab input:checked ~ .cp_actab-content {min-height: 80vh;height:auto;overflow:scroll}
/*QA2*/
#kaisyufaq dt {margin:10px 20px;background: url(../img/img_q.jpg) no-repeat left 3px;
font-weight: 700;padding: 5px 20px 5px 50px;height: 45px;}
#kaisyufaq dd {margin: 10px 20px;background: url(../img/img_a.jpg) no-repeat left 5px #FFC;
padding: 5px 20px 5px 50px;}

/*
入力フォーム
*/
.contactform {width: 100%;}
.nofl{width: 100%!important;background: #fbf7b2}
.contactform dt {border-top: 1px solid #ccc;color: #555;background: #f7f3ff}
.contactform dd {border-top: 1px solid #ccc;background: #fff;}
label{display: flex;}
input[type="text"],input[type="tel"],input[type="email"], input[type="date"], textarea, select {
border: 2px solid #228c0e;padding: 15px 10px;border-radius: 5px;width: 100%;box-sizing: border-box;display: block}
input[type="radio"] {width: 25px;height: 25px;margin: 3px 3px 0 4px;display:inline-flex}
.contactform input[type="checkbox"] {
width: 25px;height: 25px;margin: 3px 3px 0 4px;display: block}
input[type="submit"] {
cursor: pointer;background-color: #bf0103;color: #FFF;font-weight: 700;
padding: 15px 0;border: none;width: 99%;border-radius: 5px;display: block}
input[type="submit"]:hover {background-color: #D47E7E}


/* Icon */
.cp_actab label::after {line-height: 3;position: absolute;top: 0;right: 0;display: block;width: 3em;height: 3em;
-webkit-transition: all 0.35s;transition: all 0.35s;text-align: center;}
.cp_actab input[type=checkbox] + label::after {content: '+';}
.cp_actab input[type=checkbox]:checked + label::after {transform: rotate(315deg);}
#fcont {background: #040059;margin: 0 auto 20px;color: #FFF;}

address{text-align:center;font-size:0.7em;line-height:2em;padding:10px 0}