/*** 共通 ***/

body.subs .mt_20{ margin-top:20px!important }
body.subs .mt_30{ margin-top:30px!important }
body.subs .mt_50{ margin-top:50px!important }
body.subs .mt_70{ margin-top:70px!important }
body.subs .mt_100{ margin-top:100px!important }
body.subs .mb_20{ margin-bottom:20px!important }
body.subs .mb_30{ margin-bottom:30px!important }
body.subs .mb_50{ margin-bottom:50px!important }
body.subs .mb_70{ margin-bottom:70px!important }
body.subs .mb_100{ margin-bottom:100px!important }

body.subs .center{ text-align:center }


.clearfix::after {
	content: "";
	display: block;
	clear: both;
	}


/*** ここからPC用 ***/



/*** _ucolumn ***/

body.subs .ucolumn{
	width:100%;
	margin:0px auto;
	padding:10px;
	max-width:100%;
	box-sizing:border-box;
	}
body.subs .ucolumn .photo{
	width:400px;
	}
body.subs .ucolumn .photo.half{
	width:200px;
	}
body.subs .ucolumn .photo.small{
	width:100px;
	}
body.subs .ucolumn .photo.left{
	float:left;
	margin:0 50px 20px 0;
	}
body.subs .ucolumn .photo.right{
	float:right;
	margin:0 0 20px 50px;
	}
body.subs .ucolumn .photo.wide{
	width:80%;
	margin:20px auto;
	}
body.subs .ucolumn .photo.full{
	width:100%;
	margin-bottom:20px;
	}
body.subs .ucolumn .photo img{
	width:100%;
	}
body.subs .ucolumn .txt{
	overflow:hidden;
	}

body.subs .ucolumn p{
	line-height:1.7;
	margin:0;
	}

/*** _h2 ***/
body.subs .ucolumn h2{
	font-size:30px;

	}
/*** _h3 ***/
body.subs .ucolumn h3{
	font-size:21px;
	}

/*** border04 ***/
body.subs .ucolumn .border04{
	border-left:5px solid #FCA23C;
	padding-left:10px;
	margin:0;
	}

/*** _menu_btn ***/

body.subs .menu_btn{
	margin:30px 0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:10px 2%;
    }
body.subs .menu_btn button{
	width:32%;
	border:none;
	background:#FCA23C;
	position:relative;
	}
body.subs .menu_btn button a{
	display:block;
	padding:10px 40px 10px 10px;
	text-decoration:none;
	color:#fff;
	}
body.subs .menu_btn button:hover{
	background-color: #bbbbbb;
	transition:0.5s;
	}
body.subs .menu_btn button a:after{
	position:absolute;
	right:10px;
	top:0; /* 上下中央に */
	bottom:0; /* 上下中央に */
	margin:auto; /* 上下中央に */
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	margin-right:10px;
	}




/*** ucolumn_box ***/

body.subs .ucolumn_box{
	width:100%;
	max-width:100%;
	margin:30px auto;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
	}
body.subs .ucolumn_box img{
	width:400px;
	float:right;
	margin:0 0 20px 20px;
	}
body.subs .ucolumn_box img.half{
	width:200px;
	}
body.subs .ucolumn_box img.left{
	float:left;
	margin:0 20px 20px 0;
	}
body.subs .ucolumn_box p{
	line-height:1.7;
	}
body.subs .ucolumn_box .point{
	margin-right:1em;
	font-size:24px;
	color:#FCA23C;
	}
body.subs .ucolumn_box .numb{
	position:absolute;
	top:-20px;
	right:30px;
	font-size:60px;
	color:#ccc;
	font-weight:700;
	font-style:italic;
	}


/*** button01 ***/

body.subs .button01 {
	margin:20px 0;
	}
body.subs .button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 2em;
  width: 500px;
  box-sizing:border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  background-color: #FCA23C;
  border-radius: 50vh;
  text-decoration:none;
}
body.subs .button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

body.subs .button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
  transition:0.5s;
}


/*** indent checklist ***/

body.subs ul.checkbox2{
  padding:20px;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 20px;
  }
body.subs ul.checkbox2 li{
  width:100%;
  list-style:none;
  margin:0 0 10px;
  }
body.subs ul.checkbox2 li p{
  margin:0!important;
  line-height:1.2;
  padding:0 0 0 2em;
  font-size:16px;
  position:relative;
  }
body.subs ul.checkbox2 li p::before{
  position:absolute;
  left:0;
  top:-5px;
  content:"●";
  color:#FCA23C;
  font-size:21px;
  }


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

/*** _ucolumn ***/

body.subs .ucolumn{
	width:100%;
	margin:0px auto;
	padding:10px;
	max-width:100%;
	box-sizing:border-box;
	}
body.subs .ucolumn .photo{
	width:100%;
	margin-bottom:20px;
	}
body.subs .ucolumn .photo.left{
	float:none;
	margin:0 0 20px;
	}
body.subs .ucolumn .photo.right{
	float:none;
	margin:0 0 20px;
	}
body.subs .ucolumn .photo.wide{
	width:80%;
	margin:20px auto;
	}
body.subs .ucolumn .photo.full{
	width:100%;
	margin-bottom:20px;
	}
body.subs .ucolumn .photo img{
	width:100%;
	}
body.subs .ucolumn .txt{
	overflow:hidden;
	}

body.subs .ucolumn p{
	line-height:1.7;
	margin:0;
	}

/*** _h2 ***/
body.subs .ucolumn h2{
	font-size:24px;

	}
/*** _h3 ***/
body.subs .ucolumn h3{
	font-size:18px;
	}

/*** border04 ***/
body.subs .ucolumn .border04{
	border-left:5px solid #FCA23C;
	padding-left:10px;
	margin:0;
	}

/*** _menu_btn ***/

body.subs .menu_btn{
	margin:30px 0;
	padding:0;
	display:block;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:10px 2%;
    }
body.subs .menu_btn button{
	width:100%;
	border:none;
	background:#FCA23C;
	position:relative;
	margin-bottom:10px;

	}
body.subs .menu_btn button a{
	display:block;
	padding:10px 40px 10px 10px;
	text-decoration:none;
	color:#fff;
	}
body.subs .menu_btn button:hover{
	background-color: #bbbbbb;
	transition:0.5s;
	}
body.subs .menu_btn button a:after{
	position:absolute;
	right:10px;
	top:0; /* 上下中央に */
	bottom:0; /* 上下中央に */
	margin:auto; /* 上下中央に */
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	margin-right:10px;
	}




/*** ucolumn_box ***/

body.subs .ucolumn_box{
	width:100%;
	max-width:100%;
	margin:30px auto;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
	}
body.subs .ucolumn_box img{
	width:100%;
	float:none;
	margin:0 0 20px;
	}
body.subs .ucolumn_box img.left{
	float:none;
	margin:0 0 20px;
	}
body.subs .ucolumn_box p{
	line-height:1.7;
	}
body.subs .ucolumn_box .point{
	margin-right:1em;
	font-size:18px;
	color:#FCA23C;
	}
body.subs .ucolumn_box .numb{
	position:absolute;
	top:10px;
	right:10px;
	font-size:30px;
	color:#ccc;
	font-weight:700;
	font-style:italic;
	}


/*** button01 ***/

body.subs .button01 {
	margin:20px 0;
	}
body.subs .button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 2em;
  width: calc(100% - 20px);
  box-sizing:border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  background-color: #FCA23C;
  border-radius: 50vh;
  text-decoration:none;
}
body.subs .button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

body.subs .button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
  transition:0.5s;
}



	}