@charset "UTF-8";
/* **************************************
 *  Children
************************************** */
.children_block::after{content:" ";display: block;clear: both;}
.children_block .children_box::after{content:" ";display: block;clear: both;}

.children_block h4{
	text-align: center;
	clear: both;
	font-family: "Rounded Mplus 1c", sans-serif;
	font-weight: 500;
	transform:rotate(0.001deg);
}

.children_box.right{}
.children_box.left{}

figure.right{
	float: right;
	margin: 3rem 3rem 2rem 2rem;
}
figure.left{
	float: left;
	margin: 3rem 2rem 2rem 3rem;
}

.children_block .txt{
	margin: 3rem 0;
	padding: 0 3rem;
}

/* pc */
@media print, screen and (min-width:481px){
.children_block{width: 1000px;}
.children_block h4{
	width: 100%;
	min-height: 5rem;
	padding-top: 3rem;
	background: url(../../images/sub_ttl_line.svg) repeat-x center bottom,
				url(../../images/sub_ttl_iconLeft.svg) no-repeat left bottom,
				url(../../images/sub_ttl_iconLeft.svg) no-repeat right bottom;
	background-size: auto auto, auto 4rem, auto 4rem; 
	font-size: 2.0rem;
}
.children_block figure{width: 200px;}

.children_box.left,
.children_box.right{
	width: 460px;
}
.children_box.left{
	float: left;
	margin: 3rem 0 2rem 25px;
}
.children_box.right{
	float: right;
	margin: 3rem 25px 2rem 30px;
}
.children_box.left figure,
.children_box.right figure{
	width: 400px;
	margin: 3rem auto;
}

.children_block .txt{overflow:hidden;}
}

/* sp */
@media only screen and (max-width: 480px) {
.children_block h4{
	width: 95%;
	min-height: 4.5rem;
	margin: 2rem auto;
	background: url(../../images/sub_ttl_line.svg) repeat-x center bottom,
				url(../../images/sub_ttl_iconLeft.svg) no-repeat left 1rem,
				url(../../images/sub_ttl_iconLeft.svg) no-repeat right 1rem;
	background-size: auto auto, auto 2.5rem, auto 2.5rem; 
	font-size: 1.9rem;
}
.children_block figure{width: 150px;}
.children_box.left figure,
.children_box.right figure{
	width: 45%;
	max-width:400px;
}
.children_box.left figure img,
.children_box.right figure img{
	width:100%;
	height:auto;
}
.children_box.left figure{
	float: left;
	margin: 3rem 2rem 2rem 3rem;
}
.children_box.right figure{
	float: right;
	margin: 3rem 3rem 2rem 2rem;
}
}

/* **************************************
 *    Sealant Block Style
************************************** */
.sealant_block{
	background:#FCFAEC;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.sealant_block h4{
	background:none;
	text-align: center;
	font-size: 2.0rem;
	font-family: "Rounded Mplus 1c", sans-serif;
	font-weight: 500;
	transform:rotate(0.001deg);
}
.sealant_block p{}

/* pc */
@media print, screen and (min-width:481px){
.sealant_block{
    padding:10px 30px 50px;
	width: 1000px;
}
.sealant_block h4{
	width: 100%;
	min-height: 5rem;
	margin: 2rem auto;
	padding: 3rem 0;
	background: url(../images/block_ttl_icon.svg) no-repeat 20% center,
				url(../images/block_ttl_icon.svg) no-repeat 80% center;
	background-size:auto 3rem, auto 3rem;
	font-size: 2.0rem;
}
.sealant_block {margin:30px 0;}

.sealant_block figure{width:300px; float:right;}
.sealant_block figure img{width:100%; height:auto;}

}
/* sp */
@media only screen and (max-width: 480px) {
.sealant_block{
	width:95%;
	margin:0 auto 30px;
    padding: 10px;
}
.sealant_block h4{
	width: 95%;
	min-height: 3.5rem;
	margin: 2rem auto;
	padding: 1.5rem 0;
	background:#FC9;
	background: url(../images/block_ttl_icon.svg) no-repeat left center,
				url(../images/block_ttl_icon.svg) no-repeat right center;
	background-size:auto 2.5rem, auto 2.5rem; 
	font-size: 1.9rem;
}

.sealant_block figure{
	width:80%;
	margin:0 auto 3rem;
	text-align:center;
}
}