@charset "utf-8";

/* #container .contents #main_contents #water_contents
======================================================================= */
#water_contents{
}


/* #water_contents #nature
======================================================================= */
#nature{
background:url(../img/nature/bg_sp.png) no-repeat 50% bottom #fff;
background-size:100% auto;
padding:5px 0 36% 0;
text-align:left;
}

#nature h2{
line-height:0;
}

#nature h2 img{
width:100%;
height:auto;
margin:0 0 20px 0;
}

/* #nature #nature_01
-------------------------------------------------- */
#nature_01 p.txt{
font-size:16px;
line-height:180%;
color:#048;
padding:0 10px 20px 10px;
}

#nature_01 .ph{
padding:0 5px 0 5px;
text-align:center;
}

#nature_01 .ph ul{
display:table;
width:100%;
}

#nature_01 .ph ul li{
display:table-cell;
vertical-align:top;
line-height:0;
padding:0 5px 0 5px;
}

#nature_01 .ph ul li img{
width:100%;
height:auto;
}


/* #nature #nature_02
-------------------------------------------------- */
#nature_02{
padding:0 10px 0 10px;
}

#nature_02 h3{
line-height:0;
}

#nature_02 h3 img{
margin:40px 0 20px 0;
width:100%;
height:auto;
}

#nature_02 dl dd{
font-size:16px;
line-height:180%;
color:#048;
}

#nature_02 dl dt{
line-height:0;
}

#nature_02 dl dt img{
margin:20px 0 0 0;
width:100%;
height:auto;
}



/* #water_contents #taste
======================================================================= */
#taste{
background:url(../img/taste/bg_sp.png) no-repeat 50% bottom #ceeff6;
background-size:100% auto;
padding:40px 0 47% 0;
}

#taste h2{
line-height:0;
}

#taste h2 img{
width:100%;
height:auto;
}

/* #taste #taste_01
-------------------------------------------------- */
#taste_01{
padding:30px 10px 0 10px;
text-align:left;
}

#taste_01 p.txt{
font-size:16px;
line-height:180%;
color:#048;
}

#taste_01 .ph{
line-height:0;
text-align:center;
}

#taste_01 .ph img{
margin:20px auto 10px auto;
width:86%;
height:auto;
}

/* #taste #taste_02
-------------------------------------------------- */
#taste_02{
padding:40px 0 0 0;
text-align:left;
}

#taste_02 h3{
line-height:0;
padding:0 10px 20px 10px;
}

#taste_02 h3 img{
width:100%;
height:auto;
}

#taste_02 .flow{
}

#taste_02 .flow ul{
display:table;
margin:0 0 0 -10px;
width:100%;
}

#taste_02 .flow ul li{
display:table-cell;
vertical-align:top;
width:50%;
background:url(../img/taste/02_ico_ar.png) no-repeat 5px 20%;
background-size:10px auto;
}

#taste_02 .flow ul li:first-child{
background-image:none;
}

#taste_02 .flow ul li dl{
width:100%;
padding:0 0 0 20px;
}

#taste_02 .flow ul li dl dt img{
width:100%;
height:auto;
}

#taste_02 .flow ul li dl dd{
text-align:left;
padding:10px 0 30px 0;
font-size:14px;
line-height:150%;
color:#048;
}


/* #taste #taste_03
-------------------------------------------------- */
#taste_03{
padding:30px 0 0 0;
text-align:left;
}

#taste_03 h3{
line-height:0;
padding:0 10px 20px 10px;
}

#taste_03 h3 img{
width:100%;
height:auto;
}

#taste_03 .ph{
text-align:center;
}

#taste_03 .ph ul{
display:table;
width:100%;
margin:0 auto;
}

#taste_03 .ph ul li{
display:table-cell;
vertical-align:top;
line-height:0;
padding:0 10px 30px 10px;
}

#taste_03 .ph ul li img{
width:100%;
height:auto;
}

#taste_03 .type ul{
display:table;
width:100%;
}

#taste_03 .type ul li{
display:table-cell;
vertical-align:top;
width:50%;
}

#taste_03 .type ul li dl{
padding:0 10px 0 10px;
}

#taste_03 .type ul li dl dt img{
width:100%;
height:auto;
}

#taste_03 .type ul li dl dd{
text-align:left;
padding:10px 0 30px 0;
font-size:14px;
line-height:150%;
color:#048;
}


/* #water_contents #forest
======================================================================= */
#forest{
background:#fff;
padding:30px 0 0 0;
}

#forest h2{
line-height:0;
}

#forest h2 img{
width:100%;
height:auto;
}

/* #forest #forest_01
-------------------------------------------------- */
#forest_01{
padding:30px 10px 0 10px;
text-align:left;
}

#forest_01 p.txt{
font-size:16px;
line-height:180%;
color:#048;
}

#forest_01 .ph ul li{
line-height:0;
text-align:center;
padding:20px 0 40px 0;
}

#forest_01 .ph ul li img{
width:100%;
height:auto;
}

/* #forest #forest_02
-------------------------------------------------- */
#forest_02{
background:#fcf4df;
padding:20px 10px;
}

#forest_02 h3{
line-height:0;
}

#forest_02 h3 img{
width:100%;
height:auto;
margin:0 0 20px 0;
}

#forest_02 p.txt{
text-align:left;
padding:0 0 20px 0;
font-size:14px;
line-height:180%;
color:#333;
}

#forest_02 .movie{
width:100%;
margin:0 auto;
}

#video1 {
	width: 100%;
	height: auto;
    padding-bottom: 56.28%;
}


#forest_02 .btn ul li{
padding:20px 10px 0 10px;
}

#forest_02 .btn ul li a{
display:block;
padding:15px 10px 15px 10px;
background:#539f32;
color:#fff;
font-weight:bold;
position:relative;
}

#forest_02 .btn ul li a:after{
position:absolute;
display:block;
content:'';
top:40%;
right:10px;
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#forest_02 .btn ul li a.hover{
background:#70be4d;
}



/*202310*/
#taste_02 .flow ul li dl dt {
    text-align: center;
    padding: 5px 0;
    color: #fff;
    background-color: #003f84;
    letter-spacing: 1px;
}
#taste_02 .flow ul li {
    background: url(../img/taste/02_ico_ar.png) no-repeat 5px 40%;
}
#taste_03 #col_line {
	position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 95%;
    background-color: rgba(0,63,132,0.8);
    z-index: 999;	
}