@charset "utf-8";
.pt25{padding-top: 25px;}
.pt65{padding-top: 65px;}
.pb25{padding-bottom: 25px;}
.ptl15{padding-left: 15px;}
.ptr15{padding-right: 15px;}
.mb0{margin-bottom: 0;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mtb20{margin: 20px 0;}
br.br_dis{display: none;}
.dis_pc{display:inline-block;}
.dis_sp{display: none;}

/*section01*/
.p_waku{
	border: 2px #f48080 solid;
	padding:40px 30px 30px; 
	width: 95%;
	margin: 55px auto 40px;
	position: relative;
	}

.sct01_subttl{
	position: absolute;
	top: -33px;
	left: 0;
	right: 0;margin: auto;
	}
.float_full{
	width: 100%; 
}
.l_fl{float: left;width:60%;}
.r_fl{float: right;width: 35%;}
/*section02*/
.p_area{
    background-color: #feecec;
	width: 90%;
    margin: 50px auto 0; 
    position: relative;
    padding: 3%;
	border-radius:10px; 	
}
.sct02_subttl{
    position: absolute;
    top: -22px;   
    left: 0;
    right: 0;
    margin: auto;
}
h5.subttl_txt{
    color: #f47a7a;
	border-bottom: dotted 5px #f47a7a;
	display: inline-block;
	padding-bottom: 3px;
}
.self_chk{
    width: 70%;
    background-color: #fffce9;
    border-radius:10px;
    padding: 2% 0;
    margin: 0 auto 40px;
	position: relative;
}
h4.chk_ttl {
  color: #ff9702;
  text-align: center;
  font-size: 120%;
}
.float_full02{
	width: 95%; 
	margin: 0 auto;
}
ul.l_fl02{float: left;width:50%;}
ul.r_fl02{float: right;width: 50%;}
ul.bg_c li {
  padding: 0 0 10px 35px;
  background: url("../img/no-37/check_box.png") left top /25px no-repeat;
  margin: 10px 0;
  font-size: 110%;
  }
  .sec02_kanpo{
  position: absolute;
  left: -57px;
  bottom: 0;
  }

/*section03*/
.strip{
width: 75%;
margin:45px auto 30px;
border-radius: 10px;
border: 3px solid #f48080;
background: repeating-linear-gradient(-45deg, #fddddd, #fddddd 2px, #feecec 2px, #feecec 7px);
position: relative;
padding: 0 25px;
}
.sec03_subttl01{
    position: absolute;
    top: -22px;   
    left: 0;
    right: 0;
    margin: auto;
}
.sec03_yume{
	position: absolute;
	left: -57px;
	bottom: -5px;
}

h5.subttl_obi {
	padding: 15px;
	font-size: 100%;
	margin-bottom: 30px;
	background:#e0f5f0 url("../img/no-37/ic_sub.png") no-repeat 20px /22px;
	padding-left: 50px;
}

.clm{
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;}
.flex_box{
	background-color:#e0f5f0;
	border-radius: 10px;
	padding: 35px;
	display: flex;
	gap: 0 20px;
	width: 87%; 
	margin: 0 auto;
	justify-content:space-between;
	align-items:flex-start;
}
.flex_item1 {flex-basis: 52%;}
.flex_item2 {flex-basis: 40%;}
.flex_item1 > table{margin-bottom: 15px; width:100%;}
td.try_ttl{
	border-bottom: dotted 4px #3eb36d;
}
td.try_txt{
	color: #3eb36d;
	font-size: 120%;
	text-align: center;
}


@media screen and (max-width: 1230px) {
.strip{width: 85%;}
.self_chk{width:60%;}
.float_full02{width: 85%;}
ul.l_fl02,ul.r_fl02{width: 100%; float:none;}
.clm{width: 100%;}
.flex_box{width: 95%;}
}
@media screen and (max-width: 991px)  {
/*section01*/
.l_fl,.r_fl,ul.l_fl02,ul.r_fl02{width: 100%; float:none;}
.r_fl{text-align: center;}
.self_chk{width:85%;padding: 4% 0;}
/*section03*/

.pt65{padding-top: 50px;}
.flex_box{display: block;}
.flex_item2 {text-align: center;}
}

@media screen and (max-width: 768px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
/*section01*/
.sct01_subttl{top: -22px;}
.p_waku{padding: 20px 20px 30px;}
/*section02*/
.p_area{padding: 5%;}
.self_chk{width:75%;}
h4.chk_ttl{padding-top: 20px;font-size: 110%;}
.float_full02 {width: 70%;}
.pt65{padding-top: 30px;}
/*section03*/
.sec03_subttl01{top: -18px;}
.strip{padding: 0px 15px;width: 100%;}
.flex_box{display: block;}
.ptl15{padding-left: 0;}
.ptr15{padding-right: 0;}
.p_waku,.p_area{width: 100%;}
.sec02_kanpo,.sec03_yume{display: none;}
.ptl0{padding-left: 0;}
}

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

/*section02*/  
section .section_02 .flex_box{display: block;}
section .section_02 .flex_box .flex_item{margin: 10px;}
.self_chk {width: 100%;}
h4.chk_ttl{padding-left: 5px;padding-right: 5px;font-size: 120%;}
.float_full02 {width: 95%;padding: 0 10px;}
ul.bg_c{padding-left: 0;}
ul.bg_c li{min-width: 0;}
/*section03*/  
.sec03_subttl01{top: -15px;}
.dis_pc{display: none;}
.dis_sp{display: block;}

.pt65{padding-top: 20px !important;}
td.try_txt{font-size: 110%;}
.flex_box{width: 100%;padding: 30px 15px;}
.ptl15{padding-left: 0;}
.ptr15{padding-right: 0;}

br.br_dis{display: block;}
.di_n{display: none;}

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

}