@charset "euc-jp";

*{font-size:14px;}
/*clearfix*/
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.rerative{
    position:relative;
}
.absolute{
    position:absolute;
}

.wid100per{width:100%}
.wid90per{width:90%}
.wid80per{width:80%}
.wid70per{width:70%}
.wid60per{width:60%}
.wid50per{width:50%}
.wid40per{width:40%}
.wid30per{width:30%}
.wid20per{width:20%}
.wid10per{width:10%}

.mar_auto{margin:0 auto;}
.marT50{margin-top:50px;}
.marT40{margin-top:40px;}
.marT30{margin-top:30px;}
.marT20{margin-top:20px;}
.marT10{margin-top:10px;}
.marT5{margin-top:5px;}

.marB50{margin-bottom:50px;}
.marB40{margin-bottom:40px;}
.marB30{margin-bottom:30px;}
.marB20{margin-bottom:20px;}
.marB10{margin-bottom:10px;}


.caption_size{font-size:12px; line-height:1.5em !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right;}
.align_c{text-align:center;}
.flt_l{float:left !important;}
.flt_r{float:right !important;}

.green{color:#3e7c39;}
.red{color:#cd2828;}
.blue{color:#11538b;}
.orange{color:#f0902c;}

.dull_red{color:#c42;}
.brown{color:#630;}

.comment{
    font-size:.9em;
}

#title{ margin-bottom:30px; }
div.block{ margin-bottom:50px;}
.special_page h2{
    margin:.3em 0;
    font-size:2rem;
    font-weight:bold;
    border:none;
}
.special_page h3{
    margin:.3em 0;
    font-size:1.8rem;
    font-weight:bold;
    border:none;
}
.go_button{ 
    margin:50px 0 20px; text-align:center; cursor: pointer; display:block; width:100%; text-align: center; 
}

section{ margin-bottom:50px; }

/***********************************************************************/


.flexBox{ display:flex; justify-content: left; }
.flexBox.colored{ padding:10px 20px; }
.flexBox .leftCase{ margin-right:40px; }
.discTopic{ margin-bottom:8px; }
.discTopic p{ position:relative; padding-left:1.4em; width:100%; }
.discTopic p::before{
    content:''; position: absolute; left:0; top:5px; display:block; width:13px; height:13px;
    border-radius:50%;  background-color:#60a219;
}


.flexBox.colored.paleorange{ background-color:#ffeece; }
.discTopic p.redDisc::before{ background-color:#f00; }

.strong{ font-size:105%; font-weight:bold; }
.inherior{ font-size:85%;}
.case{ margin-bottom:12px; }
.caseB{ margin-bottom:32px; }



#title h1{ font-size:2.4rem; font-weight:bold; text-align: center; }
section .groupLine{ display:flex; justify-content: space-between; margin-bottom:15px; }
section .groupLine .groupCase{
    width:370px; padding:20px 16px; background-color:#efefef; border-radius:2px; border:1px solid #ccc;
    display:flex; flex-wrap: wrap; align-items: flex-start; align-content:flex-start;
}
section .groupLine .groupCase.otherColor{ background-color: #f6efd6; }
section .groupLine .groupCase h2{
   color: #9e4851; font-size: 20px; font-weight:bold;width:100%; position:relative;
   line-height: 24px; margin-bottom:10px; border-bottom:none; padding-left:24px;
}
section .groupLine .groupCase h2::before{
    content:""; display:block; width:18px; height:18px; position:absolute; left:0; top:2px;
    background-color:#9e4851;
}
section .groupLine .groupCase .pict{ width:140px; }
section .groupLine .groupCase .cont{ width:175px; margin-left:10px; }
section .groupLine .groupCase .cont .appealHead{
    border-radius: 5px; background-color: #00a702; color:#fff; padding:0 10px;
}
section .groupLine .groupCase .cont h3{
    color: #ff4558; font-size: 28px; font-weight:bold; line-height:44px; 
}
section .groupLine .groupCase .cont .comment{
    background-color:#fff; border-radius:4px; padding:10px; line-height:2rem;
}
section .groupLine .groupCase .feature{ width:100%; margin-top:10px; }
section .groupLine .groupCase .feature li{
    margin-bottom:5px; padding-left:15px; position:relative;
}
section .groupLine .groupCase .feature li::before{
    content:""; display:block; position:absolute; left:0; top:calc(1.15rem - 5px); width:10px; height:10px; 
    background-color:#bf916d; border-radius:50%;
}

.biggerTxt{ font-size:2rem; }