@charset "utf-8";
.w_b{word-break: keep-all;}
.ft120{font-size: 120%;}
.ft110{font-size: 110%;}
.ft90{font-size: 90%;}
.font_b{font-weight: bold;}
.tx_r{text-align: right;}
.col_p{color:#f16fb5;}
.col_b{color: #4badc5;}
b.col_o{color: #fea302;padding: 5px 0;}
.ptl0{padding-left: 0;}
.pt25{padding-top: 25px;}
.pb25{padding-bottom: 25px;}
.mb0{margin-bottom: 0;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mtb20{margin: 20px 0;}
img.sp_img{display: none;}

/*section01*/
.clm {max-width: 1120px; margin: 30px auto 0;}
.flex_clm{
    display: flex; 
    justify-content: space-between;
}
.flex_clm_box{
    width: 48%;
}
.txt_box{
    min-height: 23%;
}
.pic_box{
    max-width: 500px; 
    margin: 0 auto;
}
.bg_gray_txt{
    background-color: #eeeeee; 
    text-align:left; 
    padding: 10px;
}
h5.subttl_dot{
    color: #25a554;
    display: inline-block;
    padding-bottom: 5px; 
    padding-left: 38px;
    line-height: 1.5;
    border-bottom:dotted #25a554 5px;
}
h5.bg_img01{background: url("../img/no-33/sec03_nm01.png") 0px 2px / 27px no-repeat;}
h5.bg_img02{background: url("../img/no-33/sec03_nm02.png") 0px 2px / 27px no-repeat;}
h5.bg_img03{background: url("../img/no-33/sec03_nm03.png") 0px 2px / 27px no-repeat;}

/*section02*/
h5.subttl_obi_b, h5.subttl_obi_p {
    background-color: #ebf8fb;
    padding: 15px;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 30px;
}
h5.subttl_obi_p {
    background-color: #feecec;
}
.float_full{width: 95%; margin: 0 auto;}
.r_fl, .r_fl3{float:right; width: 30%; padding: 0 10px;}
.l_fl, .l_fl3{float:left; width: 70%; padding: 0 10px;}
.r_fl2{float:right; width: 80%; padding: 0 10px; margin: 0 auto;}
.l_fl2{float:left; width: 20%; padding: 0 10px;}

.border_b{border-bottom: 1px #ccc solid; margin: 30px 0 40px 0;}

/*section03*/
.y_area{
    background-color: #fffce9;
    margin: 100px auto 0; 
    position: relative;
    padding: 3%;
}
.sct03_subttl{
    position: absolute;
    top: -22px;   
    left: 0;
    right: 0;
    margin: auto;
}
.w_area{
    background-color: #ffffff;
    margin: 0 auto 30px;
    padding: 3%;
}
.w_area:last-child{
    margin: 0 auto 0;
}
h5.subttl_icon{
    color: #25a554;
    display: inline-block;
    padding: 5px 5px 5px 55px;
}
h5.bg_img04{background: url("../img/no-33/sec03_ic01.gif") 5px / 37px no-repeat;}

/*mame*/
.mame_fl{width: 100%;padding:10px 0;}
.mame_r{width: 40%; float: right;}
.mame_l{width: 58%; float: left;}

@media screen and (max-width: 1230px) {
}

@media screen and (max-width: 991px)  {
.txt_box{min-height: 33%;}
.r_fl, .r_fl3{float:right; width: 40%; padding: 0 10px;}
.l_fl, .l_fl3{float:left; width: 60%; padding: 0 10px;}
.r_fl3{padding: 40px 10px 0 10px;}
.mame_r{width: 100%; float: none;}
.mame_l{width: 100%; float: left;}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
.flex_clm{display: block;}
.flex_clm_box{width: 100%; margin: 0 auto 20px;}
.r_fl,.l_fl,.r_fl2,.l_fl2,.r_fl3,.l_fl3{float:none; width: 100%;}
.r_fl3{padding: 0 10px 10px 10px; width: 90%; margin: 0 auto;}
.y_area{margin: 50px auto 0;}
.sct03_subttl{
    width: 100%;
    max-width: 350px;
}
.mame_fl{padding:0;}
.mame_r{width: 100%; float: none;}
.mame_l{width: 100%; float: none;}
}

@media screen and (max-width: 480px){
}