@charset "utf-8";
.w_b{word-break: break-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;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
br.br_dis{display: none;}
.dis_ib{display:inline-block;}

/*section01*/
h5.subttl_obi_b, h5.subttl_obi_p {
    background-color: #c1eeff;
    padding: 15px;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 20px;
}
.g_waku{
	border: 2px #d6d6d6 solid;
	padding:0 30px 30px; 
	width: 90%;
	margin: 0 auto 50px;}
.col_b{color: #4badc5;}
.float_full{
	width: 100%; 
}
.l_fl{float: left;width:70%;}
.r_fl{float: right;width: 30%;}
h5.subttl_obi_p{background-color: #ffe1e1;}

/***graph***/
.gr_float{width: 95%;margin:0 auto;}
table.map_graph01{width: 40%;float: left;}
table.map_graph02{width: 50%;float: right;}
table.map_graph01 th,table.map_graph02 th{
	width: 5%;
	min-width: 0;
}
table.map_graph01 tr,table.map_graph02 tr{
	border-bottom: dotted 2px #ff9804;
}
span.g_nm{
	background-color:#ff9804;
	color: #ffffff;
	border-radius: 5px;
	font-size: 120%;
	line-height: 2;
}
span.nm01{padding:5px 10px;}
span.nm02{padding:5px;}

td.plc{padding:10px 5px;}
td.yr{min-width: 85px;width:15%;}

table.map_graph01 tr.bd_bg,table.map_graph02 tr.bd_bg{
border-bottom: dotted 2px #03951e;
}
span.bg_g{
background-color: #03951e;
}



/*section02*/
.y_area{
    background-color: #fffce9;
    margin: 100px auto 0; 
    position: relative;
    padding: 3%;
}
.sct02_subttl{
    position: absolute;
    top: -22px;   
    left: 0;
    right: 0;
    margin: auto;
}
.w_area{
    background-color: #ffffff;
    margin: 0 auto 30px;
    padding: 3%;
}
.l_fl2{float: left;width:65%;}
.r_fl2{float: right;width: 30%;}
.w_area:last-child{
    margin: 0 auto 0;
}
h5.subttl_icon{
    color: #f47a7a;
    display: inline-block;
    padding: 5px 5px 5px 55px;
}
h5.bg_img04{background: url("../img/no-36/sec02_ic.gif") 5px / 36px no-repeat;}

/*section03*/
h5.subttl_obi {
padding: 15px;
font-size: 100%;
padding-left: 80px;
margin-bottom: 30px;
margin-left: 20px;
position: relative;
}
.bg_g {background-color: #d8fed3;}
.bg_o {background-color: #fff7e3;}
img.p_ic{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -21px
}
.clm{width: 95%;margin: 0 auto;padding-top: 20px;}
.flex_box{
display: flex;
gap: 0 20px;
width: 90%; 
margin: 0 auto;
align-items:flex-start;
}
.flex_item1 {flex-basis: 40%;}
.flex_item2 {flex-basis: 55%;}
.l_fl3{float: left;width:85%;}
.r_fl3{float: right;width: 12%;}
.comm_g{border: dashed 2px #03951e;padding:20px 20px 0;}
.comm_o{border: dashed 2px #ff9804;padding:20px 20px 0;}
div.comm_waku{
	width: 90%;
    margin: 0 auto;
    padding: 20px 25px;
    border-radius: 8px;
}

/*mame*/
.fs_s{font-size: 60%;color: #4badc5;vertical-align: middle;}
.mame_fl{width: 100%;padding:10px 0;}
.mame_l{width: 65%; float: left;}
.mame_r{width: 30%; float: right;}

@media screen and (max-width: 1230px) {
.clm{width: 100%;}
.flex_box,div.comm_waku{width: 95%;}
}
@media screen and (max-width: 991px)  {
/*section01*/
.l_fl, .r_fl,.l_fl2,.r_fl2,table.map_graph01,table.map_graph02{width: 100%; float:none;}
.r_fl{text-align: center;}
br.br_dis{display: block;}
/*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*/

.w_area {padding: 5%;}


/*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;}
.g_waku{padding:0 10px 30px; 
	width: 100%;
}
td.yr{min-width: 65px;}
.l_fl3{width: 100%;}
.di_n{display: none;}
}
@media screen and (max-width: 375px){
.l_fl3{width: 100%;}

}