@charset "utf-8";
/* CSS Document */

/*-----------------
division
-----------------*/
.division .topbg h2{
  padding:0.5em 0 0;
  background: #009C43;
}
.division .topbg h2 small{
  display:block;
  margin:0.5em 0 0;
  padding:0.5em 0;
  background: #3268AD;
}

.wrap.short p{
	line-height:35px;
	letter-spacing:0.03em;
}

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

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

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

@media screen and (max-width: 480px) {
	h2.green-ttl{
		line-height:7vw;
	}
	.division .topbg h2 small{
		font-size:3.6vw;
	}
		
	.wrap.short p{
		font-size:3.8vw;
		line-height:7vw;
		padding:0 7vw;
		box-sizing:border-box;
	}
}


/*-----------------
division-3
-----------------*/
.division-3{
}
.division-3 .topbg{
	background: center center / cover no-repeat url(../img/division-3/topbg-div3.jpg);
}

.division-3 .flex{
	flex-wrap: wrap;
	justify-content:space-between;
}
.division-3 em{
	text-align:center;
}

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

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

@media screen and (max-width: 768px) {
	.division-3 .topbg{
		background: center center / cover no-repeat url(../img/division-3/topbg-div3-sp.jpg);
	}	
}

@media screen and (max-width: 480px) {
	.division-3 em{
		font-size:4.5vw;
	}
}


/*-----------------
energy
-----------------*/
.energy{
}
.energy h2.sideline{
	max-width:1200px;
	margin:0 auto;
}
.energy h2.sideline span em{
	width:26em;
}
.energy p{
	margin:60px 0;
}
.energy ul li{
	width:48.5%;
}

@media screen and (max-width: 480px) {
	.energy h2.sideline span em{
		width:60vw;
	}
	.energy p{
		margin:8vw 0;
	}
	.energy ul{
		padding:0 10vw;
		box-sizing:border-box;
	}
	.energy ul li{
		width:100%;
		margin-bottom:4vw;
	}
	.energy ul li:last-of-type{
		margin-bottom:0;
	}
}


/*-----------------
chemical
-----------------*/
.chemical{
	background:#F9F9F9;
	padding:0 0 90px;
	margin:80px 0 0;
}
.chemical h2.sideline{
	margin:0 auto;
}
.chemical p{
	margin:60px 0;
}
.chemical ul li{
	width:32%;
}

@media screen and (max-width: 480px) {
	.chemical p{
		margin:7vw 0;
	}
	.chemical ul{
		justify-content:space-around !important;
	}
	.chemical ul li{
		width:47%;
	}
	.chemical ul li:last-of-type{
		margin-top:3vw;
	}
}


/*-----------------
food
-----------------*/
.food{
}
.food h3{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.2em;
	margin:0 0 25px;
}
.food .box{
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	padding:35px 0;
	margin:35px 0;
	box-sizing:border-box;
}
.food .box .flex{
	justify-content:center;
	margin:30px 0;
}
.food .box .flex li{
	width:34%;
}

@media screen and (max-width: 480px) {
	.food h3{
		font-size:4.2vw;
		margin:0 0 2vw;
	}
	.food .box{
		padding:5vw 0;
		margin:2vw 0 5vw;
	}
	.food .box .flex{
		margin:5vw 0;
	}
	.food .box .flex li{
		width:50%;
	}
}


/*-----------------
measures
-----------------*/
.measures{
	background:#F9F9F9;
	padding:0 0 90px;
	margin:80px 0 0;
}
.measures h2.sideline{
	max-width:800px;
}
.measures h2.sideline span em{
	width:17em;
}
.measures h3{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.2em;
	margin:0 0 25px;
}
.measures div > div{
	margin:60px 0 0;
}
.measures div > div .flex{
	margin:30px 0 0;
}
.measures div > div .flex li{
	width:32%;
}
.measures div > div > figure{
	margin:60px 0 0;
	display:flex;
	justify-content:center;
	
}
.measures div > div > figure > iframe {
	width: 65vw;
	height: 68vw;
	max-width: 487px;
	max-height: 510px;
}

@media screen and (max-width: 480px) {
	.measures{
		padding:0 0 5vw;
	}
	.measures h2.sideline span em{
		width:65vw;
	}
	.measures h3{
		font-size:4.2vw;
		margin:0 0 2vw;
	}
	.measures div > div{
		margin:10vw 0;
	}
	.measures div > div .flex{
		justify-content:space-around;
	}
	.measures div > div .flex li{
		width:47%;
	}
	.measures div > div .flex li:last-of-type{
		margin-top:3vw;
	}
}


/*-----------------
pets
-----------------*/
.pets{
}
.pets p{
	margin:0 0 60px;
}
.pets .flex li{
	width:33%;
}

@media screen and (max-width: 480px) {
	.pets .flex{
		justify-content:space-around;
	}
	.pets .flex li{
		width:47%;
	}
	.pets .flex li:last-of-type{
		margin-top:3vw;
	}
}