@charset "UTF-8";
*{
	margin:0;
	padding:0;
}
body{
	font-family:"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, body { 
	font-size:1.14vw;
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  body {
  }
}

header,footer,article,section,nav,small,aside,div,ul,li,h2,h3,h4,h5{
	display:block;
	box-sizing:border-box;
	position:relative;
}

li{
	list-style:none;
}
img{
	display:block;
	outline:none;
	height:auto;
}
input{
	outline: none;
}
a{
	color:#555;
	text-decoration:none;
}

/*------------------------------------*/
#top{
	margin:0 auto;
	width:100%;
}
img.con1{
	z-index:-2;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 0% auto;
	width:100%;
	height:98.2%;
}
#top p1{
	z-index:-1;
	text-align:center;
	position:absolute; 
	right: 0;
	left: 0;
	font-size:220%;
	margin: 25% auto 0;
	color: #fff;
}
#top p2{
	z-index:-1;
	text-align:center;
	position:absolute; 
	right: 0;
	left: 0;
	font-size:280%;
	letter-spacing:0.2em;
	margin: 30% auto 0;
	padding:0.5em 0 4em;
	opacity: 0.55;
	background-color: #fff;
	color: #000;
}
img.logob{
	z-index:-1;
	text-align:center;
	position:absolute; 
	right: 0;
	left: 0;
	width:30%;
	margin: 38% auto 0;
}

img.con2{
	margin:0 auto;
	width:100%;
	padding-bottom:1em;
	border-bottom:0.2em solid #257bc1;
}
img.con3{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 3% auto 0;
	width:73%;
}
img.con4{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 22% auto 0;
	width:88%;
}
img.con5{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 44% auto 0;
	width:87%;
}
img.con6{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 59.5% auto 0;
	width:57%;
}

img.l1{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 78% 0 0;
	width:32.6%;
}

img.l2{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 78% 0 0 33%;
	width:32.6%;
}

img.l3{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 78.5% 0 0 66%;
	width:32.6%;
}

img.r1{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 4% 3% 0 auto;
	width:13%;
}

img.r2{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 7% 3% 0 auto;
	width:13%;
}

img.r3{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 36% 3% 0 auto;
	width:6%;
}
img.r4{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	margin: 42% 3% 0 auto;
	width:6%;
}
p.r5{
	z-index:3;
	position:absolute; 
	left: 0;
	right: 0;
	text-align:right;
	padding:103% 3% 0 0;
	font-size:180%;
}

#top2{
}

#top2 img{
	z-index:1;
	position:absolute; 
	left: 0;
	right: 0;
	margin:28em auto;
	width:75%;
}

.top2p {
	z-index:2;
	font-size:250%;
	font-weight:400%;
	position:absolute; 
	left: 0;
	right: 0;
	text-align:center;
	margin:11.6em auto;
	padding:0.8em auto;
}

#roll{
	
}

#con1{
	background-color:#e4dcc6;
	margin:39em auto 0;
	padding:1.5em 0;
}
#con1 p{
	font-size:250%;
	font-weight:400%;
	letter-spacing:1.3;
	text-align:center;
	line-height:1.5em;
	padding:0 1em;
}
#con1 p2{
	font-size:100%;
	font-weight:400%;
	color:#006934;
	letter-spacing:1.3;
	text-align:center;
	line-height:1.5em;
	padding:0 1em;
}

#con2 {
	margin:2em auto 0;
}
img.con2a{
	margin:5em auto;
	width:90%;
}

img.con2b{
	margin:2em auto;
	width:5%;
}

#con3 {
	margin:4em auto 2em;
	width:95%;
	padding-bottom:1em;
}

#con3l {
	background-color:#006934;
	color:#fff;
	margin:0 auto;
}
#con3l p{
	text-align:center;
	color:#fff;
	font-size:220%;
	padding-bottom:1em;
	padding-top:1em;
}
#con3lin{
	display: flex;
	flex-direction: row;
	width:100%;
}
#con3lin img{
	width:95%;
}
.l1{
	flex: auto;
	padding-top:0.5em;
}
.l2{
	flex: auto;
	padding-top:0.5em;
}
.l3{
	flex: auto;
}

#con3r {
	background-color:#e4007f;
	float: right;
	margin-right:1em;
	width:24%;
}
#con3r img {
	margin:1em auto;
	width:69%;
}
#con3s{
	background-color:#e4007f;
	color:#fff;
	width:95%;
	margin:0.5em auto 2em;
	font-size:270%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
}

#con4 {
	margin:3em auto;
	width:90%;
}

#con4 h1{
	font-size:250%;
	letter-spacing:1.2;
	padding:0 0 1em 2em;
	color:#006934;
	border-bottom:0.1em solid #006934;
	margin-bottom:2em;
	width:90%;
}

#con5 {
	margin:1em auto 5em;
	display: flex;
	flex-direction: row;
	width:95%;
}

.pic{
	flex: auto;
	flex-basis:35%;
}

#con5 img{
	width:80%;
	padding:0 1em;
}

.tx{
	flex: auto;
	flex-basis:60%;
	height:12em;
}

#con5a p{
	border-top:0.1em solid #006934;
	border-bottom:0.05em solid #006934;
	font-size:200%;
	padding:1em 0 1em 2em;
	white-space:pre;
}

#con5b p{
	font-size:200%;
	padding:1em 0 1em 2em;
}

#nagare{
	background-color:#e4dcc6;
	margin:5em auto 2em;
	padding-top:2em;
	padding-bottom:2em;
}
#nagare1{
	color:#006934;
	text-align:center;
	font-size:250%;
	padding-bottom:2em;
}
#nagare2{
	color:#006934;
	padding-top:1em;
	padding-bottom:1em;
	margin:0 auto;
	text-align:center;
	font-size:220%;
	width:28em;
	background-color:#fff;
	border: solid 1px #006934;
}
#nagare img{
	color:#006934;
	margin:1em auto;
	width:6%;
}

#comp{
	width:80%;
	margin:1em auto;
	padding-top:2em;
	padding-bottom:2em;
	font-size:190%;
}
#comp1{
	color:#006934;
	text-align:center;
	font-size:180%;
	margin-bottom:1em;
}
#comp table{
	width:100%;
	border:solid 1px #006934;
	border-collapse:  collapse; 
}

#comp th,td{
	border:solid 1px #006934;
	padding:1em;
}

#foot{
	border-top:solid 1px #006934;
	margin-top:3em;
	margin-bottom:2em;
}

#foottx{
	text-align:center;
	font-size:220%;
}

#contact{
	width:100%;
	background-color:#257bc1;
}

#cont1{
	display: inline-block;
	padding:1em 0;
}

img.cont1{
	margin:2.5% 0 0 5%;
	width:30%;
}

img.cont2{
	margin:-10% 0 0% 58%;
	width:40%;
}

#ret{
	font-size:210%;
	text-align:center;
	margin:0 auto 5em;
	padding:0.5em;
	width:15em;
	background-color:#e4dcc6;
}

#cform {
	margin:0 auto;
	width:100%;
	font-size:220%;
}
.formTable{
	margin:1em auto;
	padding:0.5em 3em;
	width:80%;
	border:solid 1px #006934;
	border-collapse:  collapse; 
}

.formTable th{
	border:solid 1px #006934;
	padding:0.5em 1em;
}

.formTable td{
	border:solid 1px #006934;
	padding:0.5em 1em;
}

.formTable2{
	margin:1em auto;
	padding:0.5em 3em;
	width:80%;
}

.hissu{
	color:#dc0000;
	padding-left:1em;
}

.ninni{
	color:#000078;
	padding-left:1em;
}


/*------------------------------------*/
.list-mv07{
	opacity: 0;
	transform: translate(0,20%); 
	-webkit-transform: translate(0,20%); 
	transition: 1.2s;
	-moz-transition-delay:.6s;-webkit-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv08{
	opacity: 0;
	transform: translate(-10%,0); 
	-webkit-transform: translate(-10%,0); 
	transition: 1.8s;
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv09{
	opacity: 0;
	transform: translate(0,-40%); 
	-webkit-transform: translate(0,-40%); 
	transition: 1.8s;
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv10{
	opacity: 0;
	transform: translate(10%,0); 
	-webkit-transform: translate(10%,0); 
	transition: 1.8s;
}
.mv10{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.lso{
	letter-spacing: .6em;
}
.lso span{
	letter-spacing: 0;
}
.oc0{
	opacity: 0;
	-webkit-transition:1.2s;-moz-transition:1.2s;-o-transition:1.2s;-ms-transition:1.2s;transition:1.2s;
}
.oc1{
	opacity: 1 !important;
}
/*--------------------------------------------------------------------------*/
.mdn{display:none !important;}
.bold{font-weight: bold !important;}
.txc{text-align: center !important;}
.txr{text-align: right !important;}
.minwidth6{min-width:600px;width:60%;margin:0 auto;}
.minwidth7{min-width:600px;width:70%;margin:0 auto;}
.minwidth8{min-width:680px;width:80%;margin:0 auto;}
.minwidth9{min-width:700px;width:90%;margin:0 auto;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.itemcenter{align-items: center;}
.itemend{align-items: flex-end;}
.itemend{align-items: flex-end;}
.justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.mincho{font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}