@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;}
.tx_l{text-align: left;}
.ptl0{padding-left: 0;}
.pt10{padding-top: 10px;}
.ptb8{padding: 8px 0;}
.pt25{padding-top: 25px;}
.pb25{padding-bottom: 25px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mb0{margin-bottom: 0;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mtb20{margin: 20px 0;}
.ml20{margin-left: 20px;}
br.br_dis1,br.br_dis2{display: none;}

/*section01*/
.y_area {
    background-color: #fffce9;
    margin: 30px auto 0;
    padding: 3%;
}
.w_area {
    background-color: #ffffff;
    margin: 30px auto 0;
    padding: 2%;
}
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-35/sec01_nm01.png) 0px 2px / 27px no-repeat;}
h5.bg_img02 {background: url(../img/no-35/sec01_nm02.png) 0px 2px / 27px no-repeat;}
.subttl_cl{
    padding: 10px 0 10px 165px;
}
.bg_icon01{background: url("../img/no-35/sec01_ic01.gif") 0px 5px / 145px no-repeat;}
.bg_icon02{background: url("../img/no-35/sec01_ic02.gif") 0px 5px / 145px no-repeat;}
.g_area {
    background-color: #ebf9f0;
    margin: 100px auto 0;
    padding: 3%;
    position: relative;
}
h5 .g_area_subttl {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: auto;
}
.l_fl{float:left; width: 70%; padding: 0 10px;}
.r_fl{float:right; width: 30%; padding: 0 10px;}

/*section02*/
section .section_02 .flex_box{
display: flex;
max-width: 860px;
margin: 0 auto;
}
section .section_02 .flex_box .flex_item{
margin: 5px;
}

/*section03*/
.clm {max-width: 1120px; margin: 60px auto 0;}
.clm_sub {max-width: 950px; margin: 20px auto 10px;}
img.p_ic{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -21px
}
h5.subttl_obi {
padding: 15px;
font-size: 100%;
padding-left: 80px;
margin-bottom: 30px;
margin-left: 20px;
position: relative;
}
.bg_b {background-color: #ebf8fb;}
.flex_box{
display: flex;
max-width: 950px;
margin: 0 auto;
}
.flex_item1 {flex-basis: 45%; padding: 5px;}
.flex_item2 {flex-basis: 55%; padding: 5px;}
.flex_item2 h5.subttl_dot {
    font-size: 110%;
    color: #1ebbf7;
    display: inline-block;
    padding: 0 0 5px 0;
    line-height: 1.5;
    border-bottom: dotted #1ebbf7 5px;
}
div.comm_waku{
    max-width: 950px;
    margin: 0 auto;
    padding: 20px 25px;
    border-radius: 15px;
    background-color: #ebf8fb;
}
.col_b{color: #1ebbf7;}
.o_time{
background: url("../img/no-35/o_time.png") calc(90% - 6px) / 20px no-repeat;padding: 10px 0;
}

/*mame*/
.fs_s{font-size: 60%;color: #4badc5;vertical-align: middle;}
.mame_fl{width: 100%;padding:10px 0;}
.mame_r{width: 30%; float: right; padding: 20px 0;}
.mame_l{width: 70%; float: left;}
.mame_point{background-color: #fffce9;padding:15px 20px;}
.mame_point li{font-weight: bold;padding: 5px;}

@media screen and (max-width: 1230px) {
}
@media screen and (max-width: 991px)  {
/*section01*/
.l_fl, .r_fl{width: 100%; float:none;}
/*section03*/
.clm_sub {text-align: center;}
.flex_box{display: block;}
.flex_item1 {text-align: center; margin-bottom: 20px;}

.mame_r{width: 100%; float: none;}
.mame_l{width: 100%; float: left;}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
/*section01*/
.subttl_cl{padding: 50px 0 0;}
.w_area {padding: 5%;}
.g_area {margin: 50px auto 0;}
h5 .g_area_subttl {
    width: 95%;
    top:-10px;
}
/*section03*/
.flex_box{display: block;}

}

@media screen and (max-width: 480px){
/*section02*/  
section .section_02 .flex_box{display: block;}
section .section_02 .flex_box .flex_item{margin: 10px;}
/*section03*/
img.p_ic {
    left: -40px;
}
h5.subttl_obi {
    padding: 15px 10px;
    padding-left: 50px;
    margin-left: 40px;
}
@media screen and (max-width: 375px){
}