@charset "UTF-8";
/*dietary */

/*-----------(dietary)----------*/
.dietary{
	width: 91%;
	position:relative;
	margin: 60px auto 40px auto;
	padding: 140px 0 60px 0;
	background-color: #FFF8EA;
	border-radius: 15px;
}
.dietary img{
	width:100%;
}
.dietary_catch{
	width: 75%;
	margin: 30px auto 10px auto;
}

.dietary_topcopy{
	line-height: 1.8em;
	color: #6d502f;
	margin: 20px auto 80px auto;
	width: 60%;
}

.dietary_ttl{
	width: 40%;
	position: absolute;
	top:-65px;
	left: 30%;
	
}
.dietary_copy{
	line-height: 1.8em;
	color: #000;
	margin: 30px auto;
	width: 70%;
}
.dietary_main_photo{
	width: 80%;
	margin: 10px auto;
}
.dietary_main_photo img{
	width: 100%;
	border-radius: 12px;
}
.dietary_g1{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height: 480px;
}
.dietary_g1_com{
	position: absolute;
	width:60%;
	top:0;
	left:0;
	z-index: 4;
}
.dietary_g1_illust{
	position: absolute;
	width: 30%;
	top:0;
	right:20px;
	z-index: 3;
}
.dietary_g1_photo1{
	position: absolute;
	width: 58%;
	top:160px;
	right:-20px;
	z-index: 1;
}
.dietary_g1_photo2{
	position: absolute;
	width: 58%;
	top:120px;
	left:0;
	z-index: 2;
}
/*----(g2)---*/
.dietary_g2{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height: 430px;
}
.dietary_g2_com{
	position: absolute;
	width:60%;
	top:0;
	right:0;
	z-index: 4;
}

.dietary_g2_photo1{
	position: absolute;
	width: 58%;
	top:110px;
	right:-20px;
	z-index: 1;
}
.dietary_g2_photo2{
	position: absolute;
	width: 58%;
	top:70px;
	left:0;
	z-index: 2;
}
/*------(g3)---------*/
.dietary_g3{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height: 460px;
}
.dietary_g3_com{
	position: absolute;
	width:60%;
	top:0;
	left:0;
	z-index: 4;
}
.dietary_g3_illust{
	position: absolute;
	width: 30%;
	top:0;
	right:20px;
	z-index: 3;
}
.dietary_g3_photo1{
	position: absolute;
	width: 58%;
	top:140px;
	right:-20px;
	z-index: 2;
}
.dietary_g3_photo2{
	position: absolute;
	width: 58%;
	top:100px;
	left:0;
	z-index: 1;
}


/*-----------(action)----------*/
.action{
	width: 91%;
	position:relative;
	margin: 100px auto 40px auto;
	padding: 150px 0 60px 0;
	background-color: #FEF3F4;
	border-radius: 15px;
}
.action img{
	width:100%;
}
/*------(g4)---------*/
.dietary_g4{
	width: 86%;
	margin: 20px auto;
	position: relative;	
}
.dietary_g4_com{
	width:50%;
	margin: 30px auto 10px;
}

.dietary_g4_photo{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 10px auto 20px;
}
.dietary_g4_photo_item{
	width: 50%;
	
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
/*-----------(dietary)----------*/
.dietary{
	width: 100%;
	position:relative;
	margin: 60px auto 40px auto;
	padding: 100px 0 40px 0;
	background-color: #FEF3F4;
	border-radius: 15px;
}
.dietary img{
	width:100%;
}
.dietary_catch{
	width: 90%;
	margin: 30px auto 10px auto;
}

.dietary_topcopy{
	line-height: 1.6em;
	color: #6d502f;
	margin: 20px auto 60px auto;
	width: 70%;
}

.dietary_ttl{
	width: 45%;
	position: absolute;
	top:-45px;
	left: 25%;
	
}
.dietary_copy{
	line-height: 1.6em;
	color: #000;
	margin: 30px auto;
	width: 70%;
    font-size: 14px;
}
.dietary_main_photo{
	width: 80%;
	margin: 10px auto;
}
.dietary_main_photo img{
	width: 100%;
	border-radius: 12px;
}
.dietary_g1{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height:300px;
}
.dietary_g1_com{
	position: absolute;
	width:60%;
	top:0;
	left:0;
	z-index: 4;
}
.dietary_g1_illust{
	position: absolute;
	width: 30%;
	top:0;
	right:20px;
	z-index: 3;
}
.dietary_g1_photo1{
	position: absolute;
	width: 58%;
	top:100px;
	right:-20px;
	z-index: 1;
}
.dietary_g1_photo2{
	position: absolute;
	width: 58%;
	top:80px;
	left:0;
	z-index: 2;
}
/*----(g2)---*/
.dietary_g2{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height: 290px;
}
.dietary_g2_com{
	position: absolute;
	width:60%;
	top:0;
	right:0;
	z-index: 4;
}

.dietary_g2_photo1{
	position: absolute;
	width: 58%;
	top:90px;
	right:-20px;
	z-index: 1;
}
.dietary_g2_photo2{
	position: absolute;
	width: 58%;
	top:50px;
	left:0;
	z-index: 2;
}
/*------(g3)---------*/
.dietary_g3{
	width: 80%;
	margin: 20px auto;
	position: relative;	
	height: 310px;
}
.dietary_g3_com{
	position: absolute;
	width:60%;
	top:0;
	left:0;
	z-index: 4;
}
.dietary_g3_illust{
	position: absolute;
	width: 30%;
	top:0;
	right:20px;
	z-index: 3;
}
.dietary_g3_photo1{
	position: absolute;
	width: 58%;
	top:100px;
	right:-20px;
	z-index: 2;
}
.dietary_g3_photo2{
	position: absolute;
	width: 58%;
	top:70px;
	left:0;
	z-index: 1;
}


/*-----------(action)----------*/
.action{
	width: 100%;
	position:relative;
	margin: 100px auto 40px auto;
	padding: 100px 0 40px 0;
	background-color: #FFF8EA;
	border-radius: 15px;
}
.action img{
	width:100%;
}

/*------(g4)---------*/
.dietary_g4{
	width: 86%;
	margin: 20px auto;
	position: relative;	
}
.dietary_g4_com{
	width:50%;
	margin: 30px auto 10px;
}

.dietary_g4_photo{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 10px auto 20px;
}
.dietary_g4_photo_item{
	width: 50%;
	
}
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
.dietary{
	width: 100%;
	position:relative;
	margin: 40px auto;
	padding: 60px 0 40px 0;
	background-color: #FEF3F4;
	border-radius: 15px;
}
.dietary img{
	width:100%;
}
.dietary_catch{
	width: 90%;
	margin: 30px auto 10px auto;
}

.dietary_topcopy{
	line-height: 1.6em;
	color: #6d502f;
	margin: 20px auto 60px auto;
	width: 90%;
}

.dietary_ttl{
	width: 60%;
	position: absolute;
	top:-35px;
	left: 20%;
	
}
.dietary_copy{
	clear: both;
	position: relative;
	line-height: 1.6em;
	color: #000;
	margin: 20px auto;
	width: 90%;
    font-size: 14px;
}
.dietary_main_photo{
	width: 90%;
	margin: 10px auto;
}
.dietary_main_photo img{
	width: 100%;
	border-radius: 12px;
}
.dietary_g1{
	width: 90%;
	margin: 20px auto;
	position: relative;	
	height:auto;
	overflow: hidden;
}
.dietary_g1_com{
	position: relative;
	width:80%;
	margin: 0 auto;
	top:0;
	left:0;
	z-index: 0;
}
.dietary_g1_illust{
	position: relative;
	width: 50%;
	margin: 10px 0 0 50%;
	top:0;
	right:0;
	z-index: 0;
}
.dietary_g1_photo1{
	position: relative;
	width: 90%;
	margin: 0 auto;
	top:0;
	right:0;
	z-index: 0;
}
.dietary_g1_photo2{
	position: relative;
	width: 90%;
	margin: 0 auto;
	top:0;
	left:0;
	z-index: 0;
}
/*----(g2)---*/
.dietary_g2{
	width: 90%;
	margin: 20px auto;
	position: relative;	
	height: auto;
}
.dietary_g2_com{
	position: relative;
	width:80%;
	margin: 10px auto;
	top:0;
	right:0;
	z-index: 0;
}

.dietary_g2_photo1{
	position:relative;
	width: 90%;
	margin: 10px auto;
	top:0;
	right:0;
	z-index: 0;
}
.dietary_g2_photo2{
	position:relative;
	width: 90%;
	margin: 10px auto;
	top:0;
	left:0;
	z-index: 0;
}
/*------(g3)---------*/
.dietary_g3{
	width: 90%;
	margin: 20px auto;
	position: relative;	
	height: auto;
}
.dietary_g3_com{
	position:relative;
	width:80%;
	margin: 0 auto;
	top:0;
	left:0;
	z-index: 0;
}
.dietary_g3_illust{
	position:relative;
	width: 50%;
	margin: 0 0 0 50%;
	top:0;
	right:0;
	z-index: 0;
}
.dietary_g3_photo1{
	position:relative;
	width: 90%;
	margin: 0 auto;
	top:0;
	right:0;
	z-index: 0;
}
.dietary_g3_photo2{
	position:relative;
	width: 90%;
	margin: 0 auto;
	top:0;
	left:0;
	z-index: 0;
}


/*-----------(action)----------*/
.action{
	width: 100%;
	position:relative;
	margin: 40px auto;
	padding: 60px 0 40px 0;
	background-color: #FFF8EA;
	border-radius: 15px;
}
.action img{
	width:100%;
}
/*------(g4)---------*/
.dietary_g4{
	width: 86%;
	margin: 20px auto;
	position: relative;	
}
.dietary_g4_com{
	width:80%;
	margin: 30px auto 10px;
}

.dietary_g4_photo{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 10px auto 20px;
}
.dietary_g4_photo_item{
	width: 100%;
	margin: 10px auto;
	
}
}

/*box-shadow: 1px 1px 6px rgba(0,0,0,0.2);*/