.kokonoe_img{
	width:30%;
	max-width: 248px;
	padding: 10px 0;
	text-align: center;
	float: left;
}
.kokonoe_img > img{
	box-shadow:3px 0 20px 0 rgba(0,0,0,0.1);
	margin-bottom:40px;
}
.kokonoe_img p.tb_no{
	font-size:80%;
	margin-top:20px;
	line-height:1.4;
	padding:20px 10px;
	background:#f5f5f5;
	border-radius:5px;
}
.kokonoe_img p a{
	display:block;
	margin-top:10px;
	transition:all ease .3s;
}
.kokonoe_img p a:hover{
	transform:translateY(5px);
}

.kokonoe_img a{
	display:block;
	margin:5px auto;
	padding:10px;
	border:2px solid #333;
	background:#fff;
	color:#333 !important;
	border-radius:5px;
	text-align: center;
	transition: all ease .3s;
}
.kokonoe_img a:hover{
	background:#333;
	color:#fff !important;
}

.kokonoe_img a::after{
	color:#333 !important;
}
.kokonoe_img a:hover::after{
	color:#fff !important;
}

.kokonoe_img .tb_no a{
	border:none;
	padding:0;
	border-radius:0;
	background:none;
}
.kokonoe_img .tb_no a:hover{
	background:none;
}

.kokonoe_right{
	width:65%;
	float:right;
	padding:0 20px 50px 20px;
	box-sizing:border-box;
}

#list_kokonoe ul{
	display:flex;
	flex-wrap:wrap;
}
#list_kokonoe ul > li{
	width:21%;
	padding:1% !important;
}
#list_kokonoe ul > li::before{
	display:none !important;
}
#list_kokonoe ul > li img{
	border:1px solid #eee;
}


/*-------- mail_form ------------*/
.mail_form{
	padding-bottom: 60px;
}
.mail_form table{
	margin: 40px 0;
}

.mail_form th{
	width: 30%;
	box-sizing: border-box;
	padding: 10px;
}
.mail_form td{
	padding: 10px;
	box-sizing: border-box;
}
.mail_form form{
	max-width: 1000px;
	margin-bottom: 60px;
}
.mail_form input,
.mail_form textarea{
	border: 1px solid #555;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}
.mail_form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: #fff;
	border: 1px solid #555;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	margin:0 0.5em 10px 0;
}
.mail_form input.sm{
	width:auto;
	min-width:100px;
}
.mail_form input.sm_sm{
	text-align:center;
	width:auto;
	min-width:40px;
	margin-bottom:10px;
}
.mail_form textarea{
	resize:vertical;
	min-height:100px;
}
.mail_form input[type="radio"]{
	display: none;
}
.mail_form .radio_box label{
	cursor: pointer;
	display:block;
}
.mail_form .radio_box label::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right: 0.5em;
	border-radius: 100%;
	border: 2px solid #212121;
}
.mail_form .radio_box input:checked + label::before{
	background: #212121;
}
.mail_form button{
	border-radius: 30px;
	padding: 10px 40px;
	min-width: 150px;
	background: #ddd;
	font-size: 100%;
	cursor: pointer;
	transition: all ease .3s;
}
.mail_form button:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	transform: translateX(5px);
}
.mail_form button[type="submit"]{
	background:#2e4fb5;
	color: #fff;
}
.mail_form button[type="submit"]:hover{
	background: #3d69f2;
}


/* 202207_’ljÁ */
p{
	clear:initial !important;
}



@media screen and (max-width: 999px){ /* tablet,smartphone */

.kokonoe_img > a{
	margin:10px auto;
	background:#333;
	color:#fff !important;
	font-size:90%;
	text-decoration:none;
}
.kokonoe_img a::after{
	color:#fff !important;
}

.kokonoe_right p{
	text-align:left !important;
}


}



@media screen and (min-width: 0px) and (max-width: 600px){ /* smartphone */
/*-------- mail_form ------------*/
	.mail_form table{
		border:none !important;
	}
	.mail_form td,.mail_form th{
		display:block;
		width:100%;
		border:none !important;
	}
	.mail_form th{
		padding:10px 10px 0 10px;
	}
	.mail_form input.sm{
		min-width:30%;
	}
	.mail_form input.sm_sm{
		width:40px;
		padding:10px 3px;
	}
	.mail_form select{
		padding: 10px 10px 10px 3px;
	}
	.mail_form .radio_box label{
		padding:5px 10px;
		border:1px solid #212121;
		margin-bottom:5px;
		border-radius:5px;
		transition: all ease .3s;
	}
	.mail_form .radio_box label::before{
		background:none;
		border-top:none;
		border-left:none;
		border-color:#ccc;
		width:4px;
		height:8px;
		border-radius:0;
		transform:rotate(45deg);
		transition: all ease .3s;
	}
	.mail_form .radio_box input:checked + label{
		background:#212121;
		color:#fff;
	}
	.mail_form .radio_box input:checked + label::before{
		background:none;
		border-color:#fff;
	}


.kokonoe_right,
.kokonoe_img{
	width:100%;
	max-width:none;
	float:none;
	padding:0;
}

#list_kokonoe ul > li{
	width:31%;
}

}