@charset "utf-8";

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

  01. forPC Layout  

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

.ind-2_3 {
    text-indent: -2.3em;
    margin: 0 0 0 2.3em;
}

.ind-1 {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.ind-1_5 {
    text-indent: -1.5em;
    margin: 0 0 0 1.5em;
}

.ind-0_5 {
    text-indent: -0.5em;
    margin: 0 0 0 0.5em;
}

.font-noto-sans{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

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

.font-semi-large {
    font-size: 1.02em;
}

.border_area h4 {
    font-size: 2.4rem;
}

.title_yellowgreen {
    color: #bed251;
}

.border_area_yellowgreen{
    border: 2px solid #bed251;
}

.border_area_yellowgreen .dot{
    color: #bed251;
}

.title_orange {
    color: #f58505;
}

.border_area_orange {
    border: 2px solid #f58505;
}

.border_area_orange .dot {
    color: #f58505;
}

dl {display: flex;
    flex-wrap: wrap;
    padding: 5px 10px 5px 10px;}

dl dt {width: 8%;}

dl dd {width: 92%;}

.title_blue {
    color: #4b70b5;
}

.border_area_blue {
    border: 2px solid #4b70b5;
}

.border_area_blue .dot {
    color: #4b70b5;
}

.title_dullpurple {
    color: #e49ba7;
}

.border_area_dullpurple{
    border: 2px solid #e49ba7;
}

.border_area_gray{
    border-radius: 0;
    display: inline-block;
}

.border_area_dashed {border: 1px dashed #000;
    padding: 5px 10px 5px 10px;}

.border_area_text {border: 1px solid #000;}



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

  02. forSP Layout
    *横幅が667px以下の場合
  

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

@media screen and (min-width: 0px) and (max-width: 668px) {


dl {display: flex;
    flex-wrap: wrap;
    padding: 5px 10px 5px 10px;}

dl dt {width: 15%;}

dl dd {width: 85%;}



}