@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{
	width:100%;
}
body{
	*font-size:small;
	*font:x-small;
	font-size:13px;
	color:#000;
	line-height:1.2;
  font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	width:100%;
	margin:0px;
	padding:0px;
	background:#138c52;
	-webkit-text-size-adjust:100%;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:100;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:200;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:300;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:400;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Bold");
  font-weight:bold;
}
#wrap{
	position:relative;
	text-align:left;
	overflow:hidden;
}
h1,h2,h3,h4,h5,p,ul,ol,li,img,table,th,td,dl,dt,dd{
	margin:0px;
	padding:0px;
	font-size:13px;
}
li{
	list-style-type:none;
}
table{
	border-collapse:collapse;
}
a:link,a:visited{
	cursor:pointer;
	color:#000;
	text-decoration:none;
}
a{
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
a{
	-webkit-tap-highlight-color:transparent;
}
a:hover img{
	opacity:0.7;
}
img{
	vertical-align:top;
	border:0;
	max-width:100%;
	height:auto;
	-webkit-backface-visibility:hidden;
}
a img{
	vertical-align:bottom;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
input, 
textarea, 
select,
button,
label{
  outline:none;
	-webkit-tap-highlight-color:transparent;
}
#wrap{
	background:#fff;
}
@media screen and (min-width: 751px) {
body{
	overflow:auto !important;
}
}
@media screen and (max-width: 750px) {
#wrap{
	border-top:56px solid #1D5D06;
}
}

/* header
-----------------------------------------------*/
header{
	padding:25px 40px 0 40px;
}
header .inner{
	position:relative;
	padding:0 0 0 440px;
}
header #hLogo{
	position:absolute;
	left:0;
	top:0;
}
header #hLogo a{
	display:block;
	width:402px;
	height:60px;
	background:url(/common/img/sse_logo_green.png) no-repeat;
	background-size:100% auto;
	font-size:0;
}
#gNavi{
	width:100%;
	text-align:right;
	font-size:0;
}
#gNavi > li{
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;
}
#gNavi > li:last-child > a{
	padding-right:0;
}
#gNavi > li > a{
	position:relative;
	display:block;
	font-size:18px;
	font-weight:bold;
	padding:27px 50px 25px 50px;
	cursor:pointer;
}
#gNavi > li.slide > a{
	pointer-events:none;
}
#gNavi > li.slide.active a{
	pointer-events:auto;
}
#gNavi > li > a::before{
	content:"";
	position:absolute;
	top:-52px;
	left:15px;
	width:100px;
	height:70px;
	background-image:url(/common/img/ico-navi_active.svg);
	background-size:100px 100px;
	background-position:left top;
	opacity:0;
}
#gNavi > li.current > a::before,
#gNavi > li:hover > a::before{
	height:100px;
	opacity:1;
}
#gNavi > li:hover > a::before{
	-webkit-transition:height 0.4s,opacity 0.4s;
	-moz-transition:height 0.4s,opacity 0.4s;
	-o-transition:height 0.4s,opacity 0.4s;
	-ms-transition:height 0.4s,opacity 0.4s;
	transition:height 0.4s,,opacity 0.4s;
}
#gNavi > li > a span{
	position:relative;
	left:-15px;
	-webkit-transition:left 0.2s;
	-moz-transition:left 0.2s;
	-o-transition:left 0.2s;
	-ms-transition:left 0.2s;
	transition:left 0.2s;
}
#gNavi > li.current span,
#gNavi > li:hover > a span{
	left:0;
}
#gNavi > li.current span{
	-webkit-transition:left 0s;
	-moz-transition:left 0s;
	-o-transition:left 0s;
	-ms-transition:left 0s;
	transition:left 0s;
}
.mMenu{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	padding:80px 40px;
	margin:0 0 0 -40px;
	text-align:left;
	background-color:rgba(16,53,5,0.85);
	display:none;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	opacity:0;
	cursor:auto;
}
.mMenu.active{
	opacity:1;
}
.mMenu h2{
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:20px;
	display:block;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:28px;
}
.mMenu h2::after{
	content:"";
	width:50px;
	height:4px;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.mMenu ul{
	max-width:1200px;
	margin:0 auto;
	font-size:0;
}
.mMenu ul li{
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	font-size:18px;
	font-weight:bold;
	margin-top:50px;
}
.mMenu ul li a{
	position:relative;
	display:inline-block;
	margin-right:20px;
	color:#fff !important;
	padding-bottom:0;
	padding-right:32px;
}
.mMenu ul li a::before{
	position:absolute;
	right:0;
	top:2px;
	content:"";
	background-image:url(/common/img/ico-arrow_04.svg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:auto 100%;
	width:20px;
	height:10px;
	-webkit-transition:right 0.2s;
	-moz-transition:right 0.2s;
	-o-transition:right 0.2s;
	-ms-transition:right 0.2s;
	transition:right 0.2s;
}
.mMenu ul li a:hover::before{
	right:-5px;
}
.mMenu ul li a[href^="http://"]::before,
.mMenu ul li a[href^="https://"]::before{
	background-image:url(/common/img/ico-win_wht.svg);
	width:18px;
	height:16px;
}
.mMenu ul li a:hover[href^="http://"]::before,
.mMenu ul li a:hover[href^="https://"]::before{
	right:0;
}
.mMenu ul li a small{
	position:absolute;
	margin-top:5px;
	white-space: nowrap;
}
@media screen and (max-width: 1550px) {
#gNavi > li > a{
	font-size:14px;
	padding:26px 22px 25px 22px;
}
#gNavi > li > a::before{
	left:-11px;
	height:50px;
}
#gNavi > li > a span{
	left:-10px;
}
}
@media screen and (max-width: 1250px) {
header{
	padding:20px 40px 0 40px;
}
header .inner{
	padding:0 0 0 320px;
}
header #hLogo a{
	width:298px;
	height:34px;
}
#gNavi > li > a{
	font-size:14px;
	padding:18px 30px 20px 0;
}
#gNavi > li > a::before{
	top:-35px;
	left:-25px;
	width:70px;
	background-size:70px 70px;
}
#gNavi > li.current > a::before,
#gNavi > li:hover > a::before{
	height:70px;
}
#gNavi > li strong span,
#gNavi > li > a span{
	left:-6px;
}
}
@media screen and (max-width: 950px) {
header .inner{
	padding:0 0 0 240px;
}
header #hLogo a{
	width:227px;
	height:26px;
}
#gNavi > li > a{
	font-size:12px;
	padding:12px 18px 20px 0;
}
#gNavi > li.active > a::before,
#gNavi > li > a::before{
	top:-43px;
	left:-21px;
}
.mMenu ul li{
	font-size:14px;
}
}
@media screen and (max-width: 750px) {
header{
	-webkit-transform:translateZ(0);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	box-sizing:border-box;
	padding:15px 20px 15px 20px;
	background:#fff;
	box-shadow:0px -12px 14px 3px #000000;
}
#gNavi{
	display:none;
}
}


/* menuBtn
-----------------------------------------------*/
#menuBtn{
	display:none;
}
@media screen and (max-width: 750px) {
	#menuBtn{
		overflow:hidden;
		display:block;
		position:absolute;
		right:-6px;
		top:-6px;
		width:40px;
		height:40px;
		cursor:pointer;
	}
	#menuBtn span,
	#menuBtn::before,
	#menuBtn::after{
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:28px;
		height:2px;
		margin:auto;
		background:#449414;
	}
	#menuBtn span{
		overflow:hidden;
		z-index:1;
		color:#251E1C;
	}
	#menuBtn::before{
		z-index:2;
		transform:translate(0, -9px);
		-ms-transform:translate(0, -9px);
		-webkit-transform:translate(0, -9px);
		content:"";
	}
	#menuBtn::after{
		z-index:2;
		transform:translate(0, 9px);
		-ms-transform:translate(0, 9px);
		-webkit-transform:translate(0, 9px);
		content:"";
	}
	#menuBtn span{
		opacity:1;
		transition:opacity 150ms 50ms;
		-ms-transition:opacity 150ms 50ms;
		-webkit-transition:opacity 150ms 50ms;
	}
	#menuBtn::before,
	#menuBtn::after{
		transition:transform 200ms;
		-ms-transition:transform 200ms;
		-webkit-transition:transform 200ms;
	}
	#menuBtn.active span{
		opacity:0;
		transition:opacity 150ms;
		-ms-transition:opacity 150ms;
		-webkit-transition:opacity 150ms;
	}
	#menuBtn.active::before{
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	#menuBtn.active::after{
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
}

/* main
-----------------------------------------------*/
#main{
	height:200px;
	width:100%;
	background-color:#138c52;
	background-size:cover;
	background-position:center;
}
#main .arrow{
	overflow:hidden;
	position:relative;
	width:200px;
	height:200px;
	background-image:url(/common/img/ico-main_01.svg);
	background-size:cover;
	left:-50px;
	opacity:0;
	-webkit-transition:opacity 0.4s,left 0.4s;
	-moz-transition:opacity 0.4s,left 0.4s;
	-o-transition:opacity 0.4s,left 0.4s;
	-ms-transition:opacity 0.4s,left 0.4s;
	transition:opacity 0.4s,left 0.4s;
}
#main .arrow.active{
	opacity:1;
	left:0;
}
#main .arrow::before,
#main .arrow::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-size:cover;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
	opacity:0;
}
#main .arrow::after{
	background-image:url(/common/img/ico-main_02.svg);
	top:-20%;
	left:-20%;
}
#main .arrow::before{
	background-image:url(/common/img/ico-main_03.svg);
	bottom:-20%;
	left:-20%;
}
#main .arrow.active::before{
	bottom:0;
	left:0;
	opacity:1;
	transition-delay:0.1s;
}
#main .arrow.active::after{
	top:0;
	left:0;
	opacity:1;
	transition-delay:0.2s;
}
#main .txt{
	padding-top:50px;
	width:100%;
	color:#fff;
	text-align:center;
}
#main .txt p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:25px;
}
#main .txt strong{
	font-size:60px;
	font-family:'Oswald', sans-serif;
	font-weight:normal;
}
#main .txt h1{
	font-size:18px;
	margin-top:10px;
}
#main .txt p br.sp,
#main .txt h1 br.sp{
	display:none;
}
@media screen and (max-width: 1160px) {
#main{
	height:200px;
}
#main .arrow{
	width:200px;
	height:200px;
}
#main .txt p{
	font-size:16px;
	margin-bottom:15px;
}
#main .txt strong{
	font-size:50px;
}
#main .txt h1{
	font-size:16px;
}
}
@media screen and (max-width: 750px) {
#main{
	background:#138c52;
	height:150px;
}
#main .arrow{
	width:150px;
	height:150px;
	margin-left:-50px;
}
#main .arrow.active{
	opacity:0.6;
}
#main .txt{
	padding:0;
	box-sizing:border-box;
}
#main .txt p{
	font-size:13px;
	margin-bottom:5px;
}
#main .txt strong{
	font-size:40px;
}
#main .txt h1{
	font-size:13px;
	margin-top:5px;
}
}
@media screen and (max-width: 374px) {
#main .txt p br.sp,
#main .txt h1 br.sp{
	background:#138c52;
	display:block;
}
}

/* breadcrumb
-----------------------------------------------*/
#breadcrumb{
	position:relative;
	z-index:1;
	max-width:1310px;
	margin:0 auto;
	padding:40px 40px;
	font-size:0;
}
#breadcrumb li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	margin-right:10px;
	padding-right:16px;
}
#breadcrumb li:after{
	content:"";
	background-image:url(/common/img/ico-arrow_03.svg);
	background-size:7px 10px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-5px;
	width:7px;
	height:10px;
}
#breadcrumb li:last-child:after{
	display:none;
}
#breadcrumb li:last-child{
	margin-right:0;
	padding-right:0;
}
#breadcrumb li a:hover{
	opacity:0.7;
}
@media screen and (max-width: 750px) {
#breadcrumb{
	padding:15px 20px;
}
#breadcrumb li{
	font-size:12px;
	margin-right:6px;
	padding-right:14px;
}
}

/* container
-----------------------------------------------*/
#container{
	position:relative;
	max-width:1510px;
	margin:0 auto 80px auto;
}
@media screen and (max-width: 1160px) {
#container{
	margin:0 auto 40px auto;
}
}
@media screen and (max-width: 750px) {
#container{
	margin:0 auto 40px auto;
}
}

/* contents
-----------------------------------------------*/
#contents{
	width:70%;
	padding:0 0 0 30%;
	min-height:100px;
	margin:auto;
}
@media screen and (max-width: 1160px) {
	#contents{
		margin:0 auto;
		padding:0;
	}
}
@media screen and (max-width: 750px) {
	#contents{
		width:100%;
	}
}

/* side
-----------------------------------------------*/
#side{
	position:absolute;
	left:0;
	top:0;
	width:350px;
}
#side p{
	position:relative;
	background:#138c52;
}
#side > ul li{
	position:relative;
	font-size:16px;
}
#side > ul li::before{
	content:"";
	position:absolute;
	right:100%;
	top:0;
	height:100%;
	width:100vw;
	background:#6BA849;
}
#side > ul li strong{
	overflow:hidden;
	position:relative;
	display:block;
	background:#449414;
}
#side > ul li strong{
}
#side > ul li strong::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:0;
	border:100px solid transparent;
	border-top:100px solid #6BA849;
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
#side > ul li strong a{
	display:block;
	position:relative;
	z-index:1;
	font-size:16px;
	padding:14px 50px 14px 100px;
	margin-left:1em;
	text-indent:-1em;
}
#side > ul li.current strong a,
#side > ul li strong:hover a{
	color:#fff;
}
#side > ul li span{
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:100%;
}
#side > ul li span::before{
	content:"";
	position:absolute;
	right:0;
	top:0;
	border-bottom: 100px solid #fff;
	border-left: 100px solid transparent;
	width:20%;
}
#side > ul li.current span::before,
#side > ul li strong:hover+span::before{
	width:0;
}
#side > ul li strong:hover+span::before{
	-webkit-transition:width 0.4s;
	-moz-transition:width 0.4s;
	-o-transition:width 0.4s;
	-ms-transition:width 0.4s;
	transition:width 0.4s;
}
#side > ul li span::after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
}
#side > ul li.current span::after,
#side > ul li strong:hover+span::after{
	opacity:0;
}
#side > ul li strong:hover+span::after{
	-webkit-transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
	-o-transition:opacity 0.4s;
	-ms-transition:opacity 0.4s;
	transition:opacity 0.4s;
}
#side ul li ul{
	position:relative;
	display:none;
}
#side ul li ul::before{
	content:"";
	position:absolute;
	right:100%;
	top:0;
	z-index:1;
	height:100%;
	width:100vw;
	background:#fff;
}
#side ul li ul li{
	padding:14px 0 14px 115px;
}
#side ul li ul li a{
	display:inline-block;
	font-size:16px;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	-ms-transition:color 0.2s;
	transition:color 0.2s;
	margin-left:1em;
	text-indent:-1em;
}
#side ul li ul li a:hover{
	color:#449414;
}
#side .bnr{
	position:relative;
	z-index:2;
	margin:20px 50px 0 40px;
}
#side .bnr a{
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#side .bnr a img{
	width:260px;
	height:auto;
}
#side p{
	background:#fff;
	font-size:1rem;
	margin:10px 0;
	padding:10px;
	border-bottom:1px solid #000000;
}



@media screen and (max-width: 1160px) {
	#side{
		position:relative;
		width:auto;
		margin:40px 40px 0 0 !important;
	}
	#side > ul li strong a{
		padding:12px 100px 12px 40px;
	}
	#side > ul li strong a br{
		display:none;
	}
	#side ul li ul li{
		padding:12px 0 12px 55px;
	}
	#side p{
		background:#fff;
		font-size:1rem;
		margin:10px 0;
		padding:10px;
		border-bottom:1px solid #000000;
	}

}



@media screen and (max-width: 750px) {
	#side{
		margin:40px 20px 0 0 !important;
	}
	#side > ul li strong a{
		font-size:14px;
		padding:12px 100px 12px 20px;
	}
	#side ul li ul li{
		padding:12px 0 12px 33px;
	}
	#side ul li ul li a{
		font-size:14px;
	}
	#side .bnr{
		position:relative;
		z-index:2;
		margin:20px auto 0 auto;
		padding-left:10px;
	}
	#side .bnr a img{
		width:220px;
		height:auto;
	}
}

/* topBtn
-----------------------------------------------*/
#topBtn{
	-webkit-transform:translateZ(0);
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:3;
	cursor:pointer;
	-webkit-transition:padding 0.2s;
	-moz-transition:padding 0.2s;
	-o-transition:padding 0.2s;
	-ms-transition:padding 0.2s;
	transition:padding 0.2s;
}
#topBtn span{
	display:block;
	width:50px;
	height:50px;
	background-image:url(/common/img/ico-topBtn.svg);
	background-size:cover;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
	text-indent:-999999px;
	font-size:0;
}
#topBtn:hover span{
	opacity:0.7;
}
@media screen and (max-width: 750px) {
#topBtn{
	right:10px;
}
#topBtn span{
	width:30px;
	height:30px;
}
}

/* footer
-----------------------------------------------*/
footer{
	overflow:hidden;
	position:relative;
	background:#138c52;
	color:#fff;
	padding:100px 40px;
}
.footer_word{
	font-size:2.5rem;
	margin-bottom:50px;
	text-align:center;
}
footer::before{
	content:"";
	position:absolute;
	left:-300px;
	top:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #138c52;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
footer::after{
	content:"";
	position:absolute;
	right:-300px;
	bottom:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #138c52 !important;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
footer .inner{
	position:relative;
	z-index:99;
	max-width:1400px;
	margin:0 auto;
}
footer #fLogo a{
	display:block;
	width:402px;
	height:60px;
	background:url(/common/img/sse_logo_white.png) no-repeat;
	background-size:100% auto;
	font-size:0;
	margin:0;
}
footer .inner p{
	font-size:12px;
	margin-top:8px;
}
footer .inner #fLogo + p{
	margin-top:12px;
}
@media screen and (max-width: 1250px) {
footer #fLogo a{
	width:298px;
	height:34px;
}
}
@media screen and (max-width: 950px) {
	footer{
		padding:60px 40px;
	}
	footer::before{
		left:-150px;
		top:-150px;
		border-width:150px;
		border-top-width:150px;
	}
	footer::after{
		right:-150px;
		bottom:-150px;
		border-width:150px;
		border-top-width:150px;
	}
	footer #fNavi .col a{
		font-size:12px;
	}
	footer .inner{
		font-size:1.5rem;
		position:relative;
		z-index:99;
		max-width:1400px;
		margin:0 auto;
	}
	.footer_word{
		font-size:1.2rem;
		margin-bottom:50px;
		text-align:center;
	}
}
@media screen and (max-width: 750px) {
	footer{
		padding:20px;
	}
	footer::before{
		left:-80px;
		top:-80px;
		border-width:80px;
		border-top-width:80px;
	}
	footer::after{
		right:-80px;
		bottom:-80px;
		border-width:80px;
		border-top-width:80px;
	}
	footer #fLogo a{
		width:227px;
		height:26px;
	}
	footer .inner p{
		font-size:9px;
		margin-top:5px;
	}
	footer .inner #fLogo + p{
		margin-top:10px;
	}
	footer .inner{
		font-size:1.3rem;
		position:relative;
		z-index:99;
		max-width:1400px;
		margin:0 auto;
	}
	.footer_word{
		font-size:1.2rem;
		margin-bottom:50px;
		text-align:center;
	}
}

/* menu
-----------------------------------------------*/
#menu{
	margin-bottom:100px;
	font-size:0;
}
#menu a{
	color:#fff;
}
#menu .col{
	display:inline-block;
	vertical-align:top;
	width:20%;
	box-sizing:border-box;
	padding-left:20px;
}
#menu .col a:hover{
	opacity:0.7;
}
#menu .col a{
	font-size:12px;
}
#menu .col strong{
	position:relative;
	display:inline-block;
}
#menu .col strong a{
	display:inline-block;
	font-weight:bold;
}
#menu .col strong::before{
	content:url(/common/img/ico-arrow_01.svg);
	position:absolute;
	left:-22px;
	top:-4px;
}
#menu .col ul li{
	margin-top:13px;
}
#menu .col ul li:first-child{
	display:none;
}
@media screen and (max-width: 950px) {
#menu{
	margin-bottom:40px;
}
}
@media screen and (min-width: 751px) {
#menu,
#menu .col ul{
	display:block !important;
}
}
@media screen and (max-width: 750px) {
#menu{
	-webkit-transform:translateZ(0);
	display:none;
	overflow-y:scroll;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:100%;
	background-color:#fff;
	height:100%;
	box-sizing:border-box;
	padding:66px 0 20px 0;
}
#menu .col{
	display:block;
	width:auto;
	margin:30px 20px 0 20px;
}
#menu .col:first-child{
	margin-top:15px;
}
#menu .col strong{
	cursor:pointer;
}
#menu .col strong a{
	color:#000;
	font-size:14px;
	pointer-events:none;
}
#menu .col.current strong a{
	color:#449414;
}
#menu .col strong:last-child a{
	pointer-events:auto;
}
#menu .col ul{
	display:none;
}
#menu .col.active ul{
	display:block;
}
#menu .col ul li{
	margin-top:15px
}
#menu .col ul li:first-child{
	display:block;
}
#menu .col ul li a{
	font-weight:normal;
	font-size:13px;
	color:#000;
}
#menu .col ul li.current a{
	color:#449414;
}
#menu .col ul li a:before{
  content:"・";
	font-weight:bold;
}
#menu .col.anchor ul li.current a{
	color:#000;
}
}

/* bg
-----------------------------------------------*/
.bg{
	position:relative;
	background:#E3F0D2;
}
.bg .item{
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:#E3F0D2;
	height:100%;
	border-top:80px solid #fff;
	box-sizing:border-box;
}
.bg .item::before{
	content:"";
	position:absolute;
	left:-300px;
	top:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #F1F8EA;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.bg .item::after{
	content:"";
	position:absolute;
	right:-300px;
	bottom:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #CAD6BC;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
@media screen and (max-width: 750px) {
.bg .item{
	border-top-width:40px;
}
.bg .item::before{
	left:-100px;
	top:-100px;
	border-width:100px;
}
.bg .item::after{
	right:-100px;
	bottom:-100px;
	border-width:100px;
}
}

/* listBox
-----------------------------------------------*/
.listBox{
	position:relative;
	z-index:2;
	font-size:0;
	padding:0 60px 60px 60px;
}
.listBox .col{
	display:inline-block;
	vertical-align:top;
	width:46%;
	margin:2% 2% 2% 2%;
}
.listBox .col a{
	display:block;
	background:#fff;
	box-shadow:0 0px 1px 0 rgba(0,0,0,0.2);
	-webkit-transition:box-shadow 0.2s;
	-moz-transition:box-shadow 0.2s;
	-o-transition:box-shadow 0.2s;
	-ms-transition:box-shadow 0.2s;
	transition:box-shadow 0.2s;
}
.listBox .col a:hover{
	box-shadow:0 0px 10px 0 rgba(0,0,0,0.2),0 5px 50px 0 rgba(0,0,0,0.3) !important;
}
.listBox .col:nth-child(1),
.listBox .col:nth-child(2){
	margin-top:0;
}
.listBox .col .img{
	overflow:hidden;
}
.listBox .col .img img{
	width:100%;
	height:auto;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.listBox .col:hover .img img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	opacity:1;
}
.listBox .col .txt{
	overflow:hidden;
	position:relative;
	padding:35px 10% 65px 10%;
}
.listBox .col .txt::before{
	content:"";
	position:absolute;
	left:-38px;
	top:0;
	width:0;
	height:0;
	border:38px solid transparent;
	border-top:38px solid #449414;
}
.listBox .col .txt h2{
	font-size:26px;
	-ms-font-feature-settings:"normal";
}
.listBox .col .txt p{
	font-size:16px;
	line-height:2;
	margin-top:10px;
}
.listBox .col .txt strong{
	position:absolute;
	right:10%;
	bottom:28px;
	font-size:18px;
	text-align:right;
	padding-right:50px;
}
.listBox .col .txt strong::before{
	position:absolute;
	right:0;
	top:3px;
	content:"";
	background-image:url(/common/img/ico-arrow_02.svg);
	width:42px;
	height:10px;
	background-size:auto 100%;
	background-position:top right;
	-webkit-transition:right 0.2s;
	-moz-transition:right 0.2s;
	-o-transition:right 0.2s;
	-ms-transition:right 0.21s;
	transition:right 0.2s;
}
.listBox .col:hover .txt strong::before{
	right:-5px;
}
/* 外部リンク用 */
.listBox .col a[href^="http://"] .txt strong{
	padding-right:26px;
}
.listBox .col a[href^="http://"] .txt strong::before{
	position:absolute;
	right:0;
	display:inline-block;
	vertical-align:middle;
	content:"";
	background-image:url(/common/img/ico-win.svg);
	background-size:cover;
	width:18px;
	height:16px;
}
@media screen and (max-width: 750px) {
.listBox{
	padding:0 20px 40px 20px;
}
.listBox .col{
	width:48%;
	background:#fff;
	margin:4% 4% 0 0;
}
.listBox .col:nth-child(2n){
	margin-right:0;
}
.listBox .col .txt{
	padding:15px 8% 40px 8%;
}
.listBox .col .txt::before{
	left:-22px;
	border:22px solid transparent;
	border-top:22px solid #449414;
}
.listBox .col .txt h2{
	font-size:14px;
}
.listBox .col .txt p{
	font-size:11px;
	margin-top:5px;
	line-height:1.6;
}
.listBox .col .txt strong{
	position:absolute;
	right:10%;
	bottom:15px;
	font-size:12px;
	padding-right:18px;
}
.listBox .col .txt strong::before{
	top:2px;
	width:15px;
	height:6px;
}
.listBox .col:hover .txt strong::before{
	right:-3px;
}
.txtBg .listBox .col{
	width:100%;
	margin:4% 0 0 0;
}
/* 外部リンク用 */
.listBox .col a[href^="http://"] .txt strong{
	padding-right:20px;
}
.listBox .col a[href^="http://"] .txt strong::before{
	width:14px;
	height:13px;
}
}


/* readBox
-----------------------------------------------*/
.readBox{
	position:relative;
	overflow:hidden;
	z-index:2;
	font-size:0;
	margin-right:60px;
}
.readBox .item{
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:#E3E3E3;
	box-sizing:border-box;
	border-top:60px solid #fff;
}
.readBox.imgLeft .item{
	border-left:120px solid #fff;
}
.readBox.imgRight .item{
	border-right:120px solid #fff;
}
.readBox .item::before{
	content:"";
	position:absolute;
	left:-300px;
	top:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #F8F8F8;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.readBox .item::after{
	content:"";
	position:absolute;
	right:-300px;
	bottom:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #EAEAEA;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.readBox .img{
	width:45.284%;
	padding-bottom:60px;
}
.readBox .img img{
	width:100%;
	height:auto;
}
.readBox.imgLeft .img,
.readBox.imgRight .txt{
	float:left;
}
.readBox.imgRight .img,
.readBox.imgLeft .txt{
	float:right;
}
.readBox .txt{
	position:relative;
	width:54.716%;
	box-sizing:border-box;
	padding:120px 60px 60px 60px;
}
.readBox.imgNone .txt{
	width:auto;
}
.readBox .txt strong{
	font-weight:normal;
	font-size:60px;
	font-family:'Oswald', sans-serif;
}
.readBox .txt h2{
	font-size:36px;
	margin-top:10px;
}
.readBox .txt h3{
	font-size:36px;
}
.readBox .txt h4{
	font-size:18px;
	line-height:1.8;
	margin-top:30px;
}
.readBox .txt p{
	font-size:16px;
	line-height:2;
	margin-top:30px;
}
.readBox .txt h3 + p{
	margin-top:15px;
}
.readBox .txt h4 + p{
	margin-top:5px;
}
.readBox dl{
	margin-top:20px;
}
.readBox dl dt{
	display:inline-block;
	line-height:1;
	font-size:18px;
	color:#446814;
	border:1px solid #446814;
	padding:6px 8px;
}
.readBox dl dd{
	font-size:14px;
	line-height:2;
	margin-top:10px;
}
.readBox ul{
	padding-top:5px;
}
.readBox ul li{
	font-size:16px;
	margin-top:15px;
	font-weight:bold;
	line-height:2;
}
.readBox ul li::before{
	content:"● ";
	color:#449414;
}
.readBox ul li a{
	position:relative;
	display:inline-block;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	-ms-transition:color 0.2s;
	transition:color 0.2s;
}
.readBox ul li a:hover{
	color:#449414;
}
.readBox ul li a[href^="https://"]::after{
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	content:"";
	background-image:url(/common/img/ico-win.svg);
	background-size:cover;
	width:18px;
	height:16px;
	margin:7px 0 0 6px;
}
.readBox ul li a[href$=".pdf"]::after{
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	content:"";
	background-image:url(/common/img/ico-pdf.svg);
	background-size:cover;
	width:24px;
	height:28px;
	margin:-4px 0 0 10px;
}
.readBox .btnContact{
	width:300px;
	margin-top:30px;
}
.readBox .btnContact a{
	position:relative;
	display:block;
	font-size:18px;
	font-weight:bold;
	background-color:#138c52;
	color:#fff;
	padding:20px 45px 20px 20px;
	text-align:center;
}
.readBox .btnContact a::before{
	content:"";
	position:absolute;
	left:-20px;
	top:-20px;
	width:0;
	height:0;
	border:20px solid transparent;
	border-top:20px solid #4C7C3B;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.readBox .btnContact a::after{
	content:"";
	position:absolute;
	right:18px;
	top:18px;
	background-image:url(/common/img/ico-mail.svg);
	background-size:cover;
	width:38px;
	height:24px;
}
.readBox .btnContact a:hover{
	opacity:0.7;
}
/* typeA */
.readBox.typeA .item{
	background-color:#F1F1F1;
}
.readBox.typeA .item::before{
	border-top-color:#F8F8F8;
}
.readBox.typeA .item::after{
	border-top-color:#EAEAEA;
}


.readBox h3 .new{
	display:block;
	position:relative;
	padding-right:110px;
}
.readBox h3 .new img{
	position:absolute;
	right:0;
	top:-5px;
	width:100px;
}

section .readBox{
	padding-top:13px;
	padding-left:20px;
	margin-left:-20px;
}
section .readBox .txt{
	padding-top:30px;
	padding-bottom:0;
}
section .readBox .img{
	padding-bottom:0;
}
section .readBox .txt h3{
	position:relative;
	border-top:2px solid #D0E6BB;
	padding-top:20px;
}
section .readBox .txt h3::before{
	content:"";
	position:absolute;
	left:-20px;
	top:-45px;
	width:183px;
	height:47px;
	background-image:url(/common/img/ico_ttl_02.svg);
	background-size:100% auto;
}


.btnContactL{
	width:360px;
	margin:60px auto 0 auto;
}
.btnContactL a{
	position:relative;
	display:block;
	font-size:20px;
	font-weight:bold;
	background-color:#138c52;
	color:#fff;
	padding:30px 45px 30px 20px;
	text-align:center;
}
.btnContactL a::before{
	content:"";
	position:absolute;
	left:-40px;
	top:-40px;
	width:0;
	height:0;
	border:40px solid transparent;
	border-top:40px solid #4C7C3B;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.btnContactL a::after{
	content:"";
	position:absolute;
	right:38px;
	top:30px;
	background-image:url(/common/img/ico-mail.svg);
	background-size:cover;
	width:42px;
	height:26px;
}
.btnContactL a:hover{
	opacity:0.7;
}
@media screen and (max-width: 1160px) {
.readBox{
	margin:0 40px;
}
.readBox .txt{
	padding:120px 40px 60px 40px;
}
.bg .readBox .txt{
	padding-left:0;
}
section .readBox{
	padding-left:40px;
	margin-left:0;
}
}
@media screen and (max-width: 750px) {
.readBox,
.bg .readBox{
	margin:0;
}
.readBox{
	overflow:visible;
}
.readBox .item{
	border-top-width:40px;
}
.readBox .item::before{
	left:-100px;
	top:-100px;
	border-width:100px;
}
.readBox .item::after{
	right:-100px;
	bottom:-100px;
	border-width:100px;
}
.readBox.imgLeft .item{
	border-left:none;
}
.readBox.imgRight .item{
	border-right:none;
}
.readBox.imgLeft .img,
.readBox.imgRight .txt{
	float:none;
}
.readBox.imgRight .img,
.readBox.imgLeft .txt{
	float:none;
}
.readBox .img{
	width:100%;
	padding-bottom:0;
	padding:0 60px;
	box-sizing:border-box;
}
.readBox .txt,
.bg .readBox .txt{
	position:relative;
	width:100%;
	padding:20px;
}
.readBox .txt strong{
	font-size:36px;
}
.readBox .txt h2{
	font-size:18px;
	margin-top:5px;
}
.readBox .txt h3{
	font-size:18px;
}
.readBox .txt h3 br{
	display:none;
}
.readBox .txt h4{
	font-size:16px;
	margin-top:15px;
}
.readBox .txt p{
	font-size:12px;
	line-height:2;
	margin-top:15px;
}
.readBox dl{
	margin-top:15px;
}
.readBox dl dt{
	font-size:14px;
}
.readBox dl dd{
	font-size:12px;
	margin-top:5px;
}
.readBox ul li{
	font-size:13px;
	margin-top:8px;
}
.readBox ul li a::after{
	width:18px;
	height:21px;
	margin:-1px 0 0 6px;
}
.readBox .btnContact{
	width:220px;
	margin:40px auto 0 auto;
}
.readBox .btnContact a{
	font-size:14px;
	padding:15px 40px 15px 15px;
}
.readBox .btnContact a::after{
	right:22px;
	top:16px;
	width:24px;
	height:15px;
}

.readBox h3 .new{
	padding-right:80px;
}
.readBox h3 .new img{
	top:-8px;
	width:55px;
}

section .readBox{
	padding:0;
}
section .readBox.imgRight .txt,
section .readBox.imgLeft .txt{
	padding:30px 20px 30px 20px
}
section .readBox .txt h3{
	border-top:1px solid #D0E6BB;
}
section .readBox .txt h3::before{
	left:-10px;
	top:-29px;
	width:120px;
	height:31px;
}
.readBox ul li a[href^="https://"]::after{
	width:14px;
	height:13px;
}
.readBox ul li a[href$=".pdf"]::after{
	width:20px;
	height:23px;
	margin:-2px 0 0 10px;
}

.btnContactL{
	width:260px;
	margin:40px auto 0 auto;
}
.btnContactL a{
	font-size:16px;
	padding:20px 40px 20px 15px;
}
.btnContactL a::before{
	left:-30px;
	top:-30px;
	border:30px solid transparent;
	border-top:30px solid #4C7C3B;
}
.btnContactL a::after{
	right:22px;
	top:20px;
	width:28px;
	height:17px;
}
}

/* section
-----------------------------------------------*/
section{
	position:relative;
	margin-top:120px;
}
section:first-child{
	margin-top:0;
}
@media screen and (max-width: 750px) {
section{
	margin-top:40px;
}
}

/* bnrShop
-----------------------------------------------*/
#bnrShop{
	position:relative;
	z-index:1;
	max-width:1000px;
	margin:80px auto 0 auto;
	padding:0 40px;
}
#bnrShop img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 1160px) {
#bnrShop{
	margin:40px auto 0 auto;
}
}
@media screen and (max-width: 750px) {
#bnrShop{
	position:relative;
	margin:40px auto 0 auto;
	padding:0 20px;
}
#bnrShop img{
	position:absolute;
	height:0;
	width:0;
}
#bnrShop a::before{
	content:"";
	display:block;
	background-image:url(/common/img/bnr-shop_sp.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	width:100%;
	padding-top:19%;
}
}

.mt60pc{
	margin-top:60px;
}
@media screen and (max-width: 750px) {
.mt60pc{
	margin-top:0;
}
}