@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;}
.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;}

/*section02*/
.y_area{
background-color: #fffce9;
margin: 40px auto 0; 
position: relative;
padding: 3%;
}
.w_area{
background-color: #ffffff;
margin: 0 auto 30px;
padding: 3% 2%;
}
.w_area:last-child{
margin: 0 auto 0;
}
h5.subttl_cl{
color: #25a554;
display: inline-block;
padding: 15px 5px 15px 175px;
}
div.ic1,div.ic_reco{position: relative;}
img.y_ic{
position: absolute;
right: 10px;
top:160px;
}
img.k_ic{
position: absolute;
left: 10px;
bottom: -60px;
}
img.ky_ic{
position: absolute;
right: 20px;
bottom: 45px;
}
img.reco{
position: absolute;
right: -45px;
bottom: 90px;		
}
img.reco2{
position: absolute;
right: -5px;
top:-20px;
}
span.ft_s{font-size: 85%;color: #333333;}
h5.bg_icon01{
background: url("../img/no-34/sec02_ic01.png") 5px / 150px no-repeat;
}
h5.bg_icon02{
background: url("../img/no-34/sec02_ic02.png") 5px / 150px no-repeat;
}
h5.bg_icon03{
background: url("../img/no-34/sec02_ic03.png") 5px / 150px no-repeat;
}
h5.bg_icon04{
background: url("../img/no-34/sec02_ic04.png") 5px / 150px no-repeat;
}
h5.bg_icon05{
background: url("../img/no-34/sec02_ic05.png") 5px / 150px no-repeat;
}
h5.bg_icon06{
background: url("../img/no-34/sec02_ic06.png") 5px / 150px no-repeat;
}
/*section03*/
.clm {max-width: 1120px; margin: 60px auto 0;}
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_g {background-color: #e0f5f0;}
.bg_p {background-color: #feecec;}
.bg_b {background-color: #ebf8fb;}
.flex_box{
display: flex;
gap: 0 20px;
width: 95%; 
margin: 0 auto;
align-items: flex-end;
}
.flex_item1 {flex-basis: 75%;}
.flex_item2 {flex-basis: 40%;}
div.comm_waku{
padding: 15px 20px;
border-radius: 15px;
margin-top: 26px;
}
h5.comm_dot_g{
display: inline-block;
padding-bottom: 3px; 
line-height: 1.5;
border-bottom:dotted #3eb36d 4px;
font-size: 100%;
}
h5.comm_dot_p{
display: inline-block;
padding-bottom: 3px; 
line-height: 1.5;
border-bottom:dotted #f57d7d 4px;
font-size: 100%;
}
h5.comm_dot_b{
display: inline-block;
padding-bottom: 3px; 
line-height: 1.5;
border-bottom:dotted #1ebbf7 4px;
font-size: 100%;
}
.col_g{color: #3eb36d;}
.col_p{color: #f57d7d;}
.col_b{color: #1ebbf7;}
.a_place{
background: url("../img/no-34/a_place.png") calc(90% - 10px) / 12px no-repeat;
}
.a_time{
background: url("../img/no-34/a_time.png") calc(90% - 6px) / 20px no-repeat;padding: 10px 0;
}
.e_place{
background: url("../img/no-34/e_place.png") calc(90% - 10px) / 12px no-repeat;
}
.e_time{
background: url("../img/no-34/e_time.png") calc(90% - 6px) / 20px no-repeat;padding: 10px 0;
}
.o_place{
background: url("../img/no-34/o_place.png") calc(90% - 10px) / 12px no-repeat;
}
.o_time{
background: url("../img/no-34/o_time.png") calc(90% - 6px) / 20px no-repeat;padding: 10px 0;
}

/* --youtube---*/
.youtube_title{
background-color: #fddbb3;
padding: 20px 10px 10px;
}
.youtube_box{
border: 4px solid #fddbb3;
padding: 20px;
margin-bottom: .5rem;
}
.float_full{width: 95%; margin: 0 auto;}
.r_fl3{float:right; width: 30%; padding: 0 10px;}
.l_fl3{float:left; width: 70%; padding: 0 10px;}
.pt23{padding-top: 23px;}
/*mame*/
.fs_s{font-size: 60%;color: #4badc5;vertical-align: middle;}
.mame_fl{width: 100%;padding:10px 0;}
.mame_r{width: 30%; float: right;}
.mame_l{width: 65%; float: left;}
.mame_point{background-color: #fffce9;padding:15px 20px;}
.mame_point li{font-weight: bold;padding: 5px;}

@media screen and (max-width: 1230px) {
br.br_dis1,br.br_dis2{display:inline-block;}
img.reco2{
position: absolute;
right: 46px;
top:-6px;
}
img.y_ic{
position: absolute;
right: 10px;
top:182px;
width: 55px;
}
img.k_ic{
position: absolute;
left: 10px;
bottom: -54px;
width: 55px;
}
}
@media screen and (max-width: 991px)  {
.flex_box{
display: flex;width: 100%;
align-items: center;
flex-direction: column-reverse;
}
.flex_item1 { flex-basis: 100%;}
.flex_item2 { flex-basis: 100%;}
.r_fl3,.l_fl3{float: none;width: 100%;}
img.y_ic{position: absolute;right: 10px;top:150px;}
img.k_ic{position: absolute;left: 10px;bottom: -43px;}
img.reco{position: absolute;right: -20px;bottom: 100px;}
img.reco2{position: absolute;right: 10px;top:-6px;}
.sp_pt10{padding-top: 10px;}

.max_w1{margin: 0 auto;max-width: 380px;}
.max_w2{margin: 0 auto;max-width: 350px;}
.mame_r{width: 100%; float: none;}
.mame_l{width: 100%; float: left;}
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
img.y_ic,img.k_ic,img.ky_ic{display: none;}
h5.bg_icon01{background: url("../img/no-34/sec02_ic01.png") 0 10px/ 150px no-repeat;}
h5.bg_icon02{background: url("../img/no-34/sec02_ic02.png") 0 10px/ 150px no-repeat;}
h5.bg_icon03{background: url("../img/no-34/sec02_ic03.png") 0 10px/ 150px no-repeat;}
h5.bg_icon04{background: url("../img/no-34/sec02_ic04.png") 0 10px/ 150px no-repeat;}
h5.bg_icon05{background: url("../img/no-34/sec02_ic05.png") 0 10px/ 150px no-repeat;}
h5.bg_icon06{background: url("../img/no-34/sec02_ic06.png") 0 10px/ 150px no-repeat;}
br.br_dis2{display: none;}
img.reco {
position: absolute;
right: -9px;
top: -6px;
	}
img.reco2{
position: absolute;
right: -25px;
top:-32px;}
h5.subttl_cl{
color: #25a554;
display: inline-block;
padding: 60px 0 0;
}

.w_area{padding: 3%;}
.y_area{margin: 50px auto 0;}
.mame_fl{padding:0;}
.mame_r{width: 100%; float: none;}
.mame_l{width: 100%; float: none;}
}

@media screen and (max-width: 480px){
.pt10{padding-top: 12px;}
img.y_ic,img.k_ic,img.ky_ic{display: none;}
img.reco {
position: absolute;
right: 2px;
top:-5px;
}
img.reco2 {
position: absolute;
right: 2px;
top: 22px;
}
br.br_dis2{display: inline-block;}
h5.subttl_cl{font-size: 120%;}
h5.subttl_obi {
padding: 15px;
padding-left: 50px;
margin-bottom: 30px;
margin-left: 40px;
}
img.p_ic{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -40px
}
}
@media screen and (max-width: 375px){
img.reco2 {
position: absolute;
right: -9px;
top:-31px;
}

.sp_ct{margin: 0 auto;width: 320px;}

}