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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


body {
	background: url(../img/bg.png) repeat-y center top;
}

.ank_link {
	margin-top:-50px;
	position: absolute;
	}



/* PC */
@media screen and (min-width: 801px), print {
	



	
#main {
	background: url(../img/mainbg.png) no-repeat center;
	height: 1300px;
	margin-top: -350px;
	position: relative;
	color: #009943;
}
	#main .tx01 {
		width: 240px;
		line-height: 1.4;
		position: absolute;
		top: 370px;
		left: 50%;
		margin-left: -480px;
	}
	#main .tx02 {
		width: 240px;
		line-height: 1.4;
		position: absolute;
		top: 720px;
		left: 50%;
		margin-left: -480px;
	}
	#main .tx03 {
		width: 240px;
		line-height: 1.4;
		position: absolute;
		top: 620px;
		left: 50%;
		margin-left: 250px;
	}
	#main .tx04 {
		width: 128px;
		line-height: 1.4;
		position: absolute;
		top: 820px;
		left: 50%;
		margin-left: 250px;
	}
	#main .tx05 {
		width: 118px;
		line-height: 1.4;
		position: absolute;
		top: 1035px;
		left: 50%;
		margin-left: 260px;
	}
	#main .tx06 {
		width: 195px;
		line-height: 1.4;
		position: absolute;
		top: 1195px;
		left: 50%;
		margin-left: 140px;
	}
	
	
	
	

#movie {
	text-align: center;
	margin-bottom: 150px;
}
	#movie dt {
		font-weight: bold;
		color: #009943;
		font-size: 143%;
		text-align: center;
		margin-bottom: 15px;
	}
	#movie dt::after {
		content: url(../img/f_right.png);
	}
	#movie dt::before {
		content: url(../img/f_left.png);
		margin-right: 15px;
	}
	#movie dd{
		width: 800px;
		height: 450px;
		margin: 0 auto;
	}



#info {
	width: 800px;
	margin: 0 auto;
	color: #009943;
	position: relative;
}
	#info dl {
		width: 450px;
		background: #bfe4bf;
		padding: 40px 70px 40px 50px;
		
		
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
	}
		#info dl dt {
			font-weight: bold;
			font-size: 18px;
			margin-bottom: 20px;
		}
		#info dl dd {
		}

	
	#info .pht {
		position: absolute;
		top: -70px;
		right: 0;
	}

	#info .icon {
		width: 123px;
		position: absolute;
		top: -70px;
		left: -60px;
	}


#prod {
	width: 800px;
	margin: 130px auto 0;
	color: #009943;
	position: relative;
	text-align: center;
	margin-bottom:150px;
}
	#prod .catch{
		font-size: 129%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#prod .t_tit{
		font-size: 175%;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		letter-spacing: 3px;
		border-top: 2px solid #d4c693;
		border-bottom: 2px solid #d4c693;
	}
	#prod .box_wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#prod .box{
		letter-spacing: 0;
		width: 33.33333%;
		margin-top: 45px;		
	}
	#prod .box p{
		font-feature-settings: "palt";
		margin-top: 10px;
	}


/* フッター追記
--------------------- */
.t_footer{
	background-color: #fff;
	padding-top: 40px;
	width:100%;

}




}




/* スマホ */
@media only screen and (max-width: 800px) {

#mainimage {
	
}
	
	
	
#main {
	padding: 0;
	background: none;
	position: relative;
	color: #009943;
	margin-top: -70px;
}



.box {
	width: 90%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 5%;
	padding-bottom: 5%;
	border-bottom: dotted 1px #009943;
}
.box.last {
	margin-bottom: 5%;
	padding-bottom: 0%;
	border-bottom: none !important;
}
	.box .tit .tt {
		width: 50%;
		margin-bottom: 10px;
	}
	.box .tit .tx {
		font-size: 14px;
		width: 75%;
	}
	.box .tit .pht {
		position: absolute;
		top: 0px;
		right: 0%;
		width: 20%;
	}
	.box .tit .pht img {
		width: 100%;
		height: auto;
	}
	





#movie {
	padding: 5%;
	margin-bottom: 10%;
}
	#movie dt {
		font-weight: bold;
		color: #009943;
		font-size: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#movie dt::after {
		content: url(../img/f_right.png);
	}
	#movie dt::before {
		content: url(../img/f_left.png);
		margin-right: 15px;
	}
	#movie dd{
		width:100%;
		aspect-ratio: 16/9;
		height: calc(calc(90vw - 8px) * 0.56);
	}
		#movie dd iframe {
			display: block;			
		}


#info {
	padding: 5%;
	color: #009943;
	position: relative;
}
	#info dl {
		background: #bfe4bf;
		padding: 5%;		
		border-radius: 30px;

	}
		#info dl dt {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		#info dl dd {
		}
		#info dl dd img {
			float: right;
			width: 35%;
			margin: 0px 0px 10px 10px;
		}

	
	#info .pht {
	}

	#info .icon {
		width: 20%;
		position: absolute;
		top: 0px;
		right: 40px;
	}


#prod {
	padding: 5%;
	color: #009943;
	position: relative;
	text-align: center;
}
	#prod .catch{
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#prod .t_tit{
		font-size: 129%;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		letter-spacing: 3px;
		border-top: 2px solid #d4c693;
		border-bottom: 2px solid #d4c693;
	}
	#prod .box{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10%;
		
	}
		#prod .box p{
		margin-top: 10px;
	}
	#prod .box:last-of-type {
		margin-bottom: 5%;
		padding-bottom: 0%;
		border-bottom: none !important;
	}


.ank_linkArea {
	position:relative;
	}
	.ank_linkArea .no_list {
		position:absolute;
		width:8%;
		height:5%;
		}
	.ank_linkArea .no1 {
		top: 20.5%;
		left: 11.5%;
		}
	.ank_linkArea .no2 {
		top: 43.5%;
		left: 11.5%;
		}
	.ank_linkArea .no3 {
		top: 49%;
		right: 9.5%;
		}
	.ank_linkArea .no4 {
		top: 62%;
		right: 9.5%;
		}
	.ank_linkArea .no5 {
		top: 72%;
		right: 9.5%;
		}
	.ank_linkArea .no6 {
		top: 82%;
		right: 9.5%;
		}
.ank {
	position: absolute;
	top: -70px;
	}


}





.obturateur {
	stroke-width: 1.1;
	stroke-miterlimit: 10;
}