@charset "utf-8";
.w_b{word-break: keep-all;}
.tx_r{text-align: right;}
.tx_l{text-align: left;}
.pb25{padding-bottom: 25px;}
.mt20{margin-top: 20px;}
.mt40{margin-top:40px; }
.mt50{margin-top: 50px;}
.mb20{margin-bottom:20px;}
.mt35{margin-top:35px;}
.ml20{margin-left: 20px;}
br.br_dis1,br.br_dis2{display: none;}

.clear{clear:both;}
.txt_s{font-size: 95%;font-weight: bold;}
/*section01*/
.float_full{width: 100%;}
.l_fl{float: left;width: 60%;}
.r_fl{float: right;width:36%;}

.ao_waku{
border: #b6e9ff 2px solid;margin-top: 130px;
}
.ao_ttl{background-color: #b6e9ff;padding: 15px;}
.ao_in{width: 98%;margin: 0 auto;margin-bottom: 40px;}
.att_txt{font-size: 90%;margin: 0 auto;width: 65%; padding-top: 10px;}

/*section02*/
.l_fl02{float:left; width: 36%;}
.r_fl02{float:right;width: 60%;}

/*section03*/

/*section04*/
.bgc_y{background-color:#FFFEEF;padding: 30px 0;}
.bgc_w{background-color: #ffffff;width: 95%;margin: 0 auto 30px;padding: 25px 35px;}
.l_fl04{width: 63%;float: left;}
.r_fl04{width: 35%;float: right;}
.sec04_icon01{background: url("../img/no-45/sec04_icn01.png") 0px 2px / 20px no-repeat;padding: 5px 0 5px 30px;color: #F99F03;}
.sec04_icon02{background: url("../img/no-45/sec04_icn02.png") 0px 2px / 20px no-repeat;padding: 5px 0 5px 30px;color: #F99F03;}
.sec04_icon03{background: url("../img/no-45/sec04_icn03.png") 0px 2px / 20px no-repeat;padding: 5px 0 5px 30px;color: #F99F03;}

.mb0{margin-bottom:0px;}


.matome{
	display: block;
	margin: 100px auto 50px;
	background-color: #fffeee;
	border-radius: 15px;
	width: calc(80% - 60px);
	min-width: 300px;
	padding: 30px 20px 20px;
	font-size:100%;
	position: relative;
}

.matome .matome-ttl{
	position: absolute;
	top:0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*mame*/
h5.mame_h5{color:#f16fb5;font-size: 115%;}
.mame_fl{width: 100%;padding:10px 0;}
.mame_r{width: 30%; float: right; padding: 50px 0 0;}
.mame_l{width: 70%; float: left; padding: 20px 0;}


@media screen and (max-width: 1230px) {
/*section01*/

}
@media screen and (max-width: 991px)  {
.ao_in{padding:0 10px;}
.att_txt{width: 100%;}

/*section02*/
.ao_waku{margin-top: 60px;}

/*section03*/
.fl_area{
	padding:0 0 30px;

}
.matome{
	width: calc(100% - 60px);
}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
/*section01*/

.r_fl{text-align: center;}
/*section03*/
.fl_area{
	padding:0 0 20px;
	}
.ao_waku{margin-top: 60px;}	
.bg03_img01{
	margin: 20px 0 15px 0;
}
.y_area{padding:5%;width: 100%;}


.r_fl04{text-align: center;}

.section_01 .l_fl,.section_01 .r_fl,.l_fl02,.r_fl02{width:100%;float:none;}
.l_fl02{text-align: center;padding-bottom: 10px;}
/*section03*/
.pt0{padding-top:0;}
.matome{
	width: 100%;;
}
}

@media screen and (max-width: 480px){
/*section01*/
/*section03*/
.pt0{padding-top:0;}
.bgc_w{
padding: 30px 30px;
}
.l_fl02,.r_fl02{width:100%;float:none;}
.ao_waku{margin-top: 60px;}
.sec03_subttl{
	position: absolute;
	top:-30px;
	left: 0px;
	right: 0px;
	text-align: center;
}


}

@media screen and (max-width: 375px){
ul.sec02_list{padding: 30px 8px; 
}
}