@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main {
	padding-top: 0px;
}
#main img {
	width: 100%;
}
.mainVisual {
	margin-bottom: 22px;
	position: relative;
}
.mainVisual .txt01 {
	position: absolute;
	left: 61%;
	bottom: 2.1%;
	color: #00AEBB;
	display: block;
	font-size: 4.2vw;
	text-shadow: -1px 0 #fff, 0 1px #fff,1px 0 #fff, 0 -1px #fff;
}
.mainVisual .txt02 {
	position: absolute;
	left: 34.8%;
	bottom: 2%;
	width: 23.2vw;
	height: 23.2vw;
	display: block;
	font-size: 3.4vw;
	padding-top: 10vw;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	background: rgba(0,159,185,0.6);
	border-radius: 100px;
}
.sec02 {
	margin-bottom: 15px;
	padding: 112px 0 79px;
	background: url("../img/yoghurt/bg02.jpg") no-repeat top center;
	background-size: cover;
}
.sec02 .radio {
	width: 76vw;
	margin: 0 auto 10px;
}
.sec02 p {
	text-align: center;
	color: #00AEBB;
	font-size: 6.7vw;
}
.sec03 {
	position: relative;
}
.sec03 p {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 5.5%;
	color: #00AEBB;
	line-height: 1.43;
	font-size: 6vw;
}
.sec03 p span {
	display: inline-block;
	background: url("../img/common/line01.png") repeat-x left bottom;
	background-size: 13px auto;
}
.sec04 {
	margin-bottom: 40px;
	position: relative;
}
.sec04 ul {
	padding: 0 8px;
	position: absolute;
	left: 0;
	bottom: 2.7%;
	width: 100%;
	box-sizing: border-box;
}
.sec04 ul li {
	padding: 6px 0 5px;
	margin-top: 7px;
	width: 48.7%;
	float: left;
	font-size: 3.5vw;
	text-align: center;
	color: #00AEBB;
	background: rgba(255,255,255,0.7);
	border: 1px solid #00AEBB;
}
.sec04 ul li:nth-child(2n) {
	float: right;
}
.sec05 {
	margin-bottom: 19px;
	position: relative;
}
.sec05 p {
	position: absolute;
	left: 3%;
	width: 47%;
	top: 45%;
	font-size: 4.6vw;
	color: #fff;
	line-height: 1.25;
	text-align: justify; 
	text-justify:inter-ideograph; 
}
.sec06 {
	margin-bottom: 26px;
	position: relative;
}
.sec06 .txt01 {
	position: absolute;
	left: 6.5%;
	right: 5.5%;
	top: 30%;
	font-size: 4.6vw;
	color: #231815;
	line-height: 1.25;
}	
.sec06 .txt02 {
	position: absolute;
	left: 27%;
	bottom: 1.2%;
	font-size: 3.6vw;
	color: #231815;
	line-height: 1.25;
	font-weight: 700;
}
.sec06 .txt02 span {
	position: absolute;
	left: -29%;
	top: 28%;
}
.sec07 {
	margin-bottom: 25px;
	position: relative;
}
.sec07 p {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 3.2%;
	font-size: 3.5vw;
	text-align: center;
	color: #231815;
}
.sec08 {
	margin-bottom: 26px;
}
.sec09 {
	margin-bottom: 26px;
}
.sec10 {
	margin-bottom: 26px;
}
@media all and (min-width: 961px) {
	.sec02 .radio .iframe{
		width: 100%;
		height: 400px;
	}
	.mainVisual .txt01 {
		font-size: 40.5px;
	}
	.mainVisual .txt02 {
		width: 222px;
		height: 222px;
		font-size: 33px;
		padding-top: 95px;
	}
	.sec02 .radio {
		width: 74%;
	}
	.sec02 p {
		font-size: 64.5px;
	}
	.sec03 p {
		font-size: 58px;
	}
	.sec04 ul li {
		font-size: 33px;
	}
	.sec05 p {
		font-size: 44px;
	}
	.sec06 .txt01 {
		font-size: 44px;
	}	
	.sec06 .txt02 {
		font-size: 34px;
	}
	.sec07 p {
		font-size: 33.5px;
	}
	
}
@media screen and (max-width: 960px) {
	.sec02 .radio .iframe{
		width: 100%;
		height: 340px;
	}
}
@media screen and (max-width: 480px) {
	.sec02 .radio .iframe{
		width: 100%;
		height: 160px;
	}
}