@charset "utf-8";
/*=============================================================
 contents Layout
=============================================================*/
/* container
-------------------------------------------------------------*/
#container{
	overflow:hidden;
	min-width:900px;
	padding-top:130px;
}
@media print, screen and (max-width:899px){
#container{
	padding-top:60px;
	min-width:320px;
}
}
/* animation
-------------------------------------------------------------*/
.setScMc{
	opacity:0;
	transform:translateY(50px);
	transition:all 0.5s ease 0.2s;
}
.setScMc.enter{
	opacity:1;
	transform:translateY(0);
}
/*=============================================================
 header
=============================================================*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 90px 0 30px;
	z-index: 9999;
}
#header h1{
	position: relative;
	width: 360px;
	height: 40px;
	display: flex;
	z-index: 10;
}
#header h1 a{
	width: 158px;
	display: inline-block;
}
#header h1 a img{
	width: 100%;
	height: auto;
}
#header h1 span{
	display: inline-block;
	padding: 0 0 0 30px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	color: #666;
}
#header .btnEntry{
	width: 180px;
	height: 40px;
}
#header ul.boxBtn{
	width: 396px;
	height: 40px;
	display: flex;
	justify-content: space-between;
}


#header .btnEntry a{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	background: #3B8B42;
	box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.6);
	transition:all 0s ease-out;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	opacity:1 !important;
}
#header .btnEntry a:hover{
	background: #FFC900;
}
#header #globalNavSet .btnEntry{
	width: 190px;
	margin: 0 auto;
}
#header #globalNavSet .btnTop{
	width: 190px;
	margin: 20px auto 0;
}
#header .btnTop a{
	width: 190px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.6);
	transition:all 0s ease-out;
	color: #3B8B42;
	font-size: 14px;
	font-weight: 700;
	opacity:1 !important;
}
#header .btnTop a:after{
	content: "";
	width: 12px;
	height: 10px;
	display: inline-block;
	margin: 0 0 0 5px;
	background: url("../img/gb_blank.svg") 0 0;
	vertical-align: middle;
}
#header .btnTop a:hover{
	background: #FFC900;
}

/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet>dt{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 26px;
	position: fixed;
	top: 37px;
	right: 30px;
	cursor: pointer;
	z-index:9999;
}
#globalNavSet>dt>span.btn{
	display: block;
	width: 30px;
	height: 26px;
	position: relative;
}
#globalNavSet>dt>span.btn:before,
#globalNavSet>dt>span.btn:after{
	content: "";
	display: block;
	width:100%;
	height:2px;
	background-color:#3B8B42;
	position: absolute;
	transition:all 0.4s ease-out;
}
#globalNavSet>dt>span.btn:before{
	left: 0;
	top: 0;
}
#globalNavSet>dt>span.btn:after{
	width:50%;
	left: 0;
	top: calc(100% - 2px);
	transform: translateX(100%);
}
#globalNavSet.open>dt>span.btn:before{
	top: 50%;
	transform: rotate(-135deg);
}
#globalNavSet.open>dt>span.btn:after{
	width:100%;
	top: calc(50%);
	transform: translateX(0) rotate(135deg);
}
#globalNavSet>dt>span.btn span{
	display: block;
	width:100%;
	height:10px;
	box-sizing: border-box;
	border-top: 2px solid #3B8B42;
	border-bottom: 2px solid #3B8B42;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.4s ease-out;
}
#globalNavSet.open>dt>span.btn span{
	opacity: 0 !important;
}
#globalNavSet>dd{
	background-color:#ebf3ec;
	box-sizing:border-box;
	width:100%;
	visibility:hidden;
	overflow:hidden;
	position:fixed;
	top:0;
	bottom:100%;
	left:0;
	z-index:9998;
	opacity:0;
	transition:all 0.3s ease;
}
#globalNavSet.open>dd{
	visibility:visible;
	bottom:0;
	opacity:1;
}
#globalNavSet>dd>*{visibility:hidden;}
#globalNavSet>dd>div:before{
	content:"";
  display:block;
  height:10px;
}
#globalNavSet>dd>div:after{
	content:"";
  display:block;
  height:20px;
}
#globalNavSet.open>dd>*{visibility:inherit;}
html.gNavOpen,
html.gNavOpen body{
	height:100%;
	overflow:hidden;
}
html.gNavOpen #globalNavSet>dd>div{
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:70px 20px 50px ;
	overflow:auto;
	overflow-x: hidden;
	position:relative;
	-webkit-overflow-scrolling:touch;
}
/*=============================================================
 #globalNav
=============================================================*/
ul#globalNav{
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}
ul#globalNav>li{
	width: 100%;
	padding: 0 0 5px;
	line-height: 1.25;
}
ul#globalNav>li.line{
	padding: 5px 0;
	border-top: 1px dotted #707070;
}
ul#globalNav>li.ttl{
	padding: 15px;
	color: #3B8B42;
	line-height: 1.25;
}
ul#globalNav>li a{
	display: block;
	position: relative;
	padding: 15px;
	color: #3B8B42;
	opacity: 1 !important;
	transition: all 0s !important;
}
ul#globalNav>li a.interview{
	padding: 10px;
}
ul#globalNav>li a:after{
	content: "";
	width: 23px;
	height: 16px;
	display: block;
	background: url("../img/gb_arw.svg") no-repeat 0 0;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	transition:right 0.4s ease-out;
}
ul#globalNav>li a:hover{
	background-color: #FFF;
}
ul#globalNav>li a:hover:after{
	right: 10px;
}
ul#globalNav>li span.txtEn{
	font-size: 22px;
	line-height: 1.15;
}
ul#globalNav>li span.txt{
	font-size: 12px;
	font-weight: 500;
}
ul#globalNav>li span.txtJa{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.65;
}
ul#globalNav>li span.txtBl{
	color: #333333;
	line-height: 1.65;
}
/*=============================================================
 #globalSub
=============================================================*/
#globalSub{
	width: 100%;
	max-width: 330px;
	margin: 0 auto 20px;
	border-top: 1px dotted #707070;
}
#globalSub dl{
	width: 100%;
	max-width: 274px;
	margin: 15px auto 0;
	display: flex;
	justify-content: space-between;
	line-height: 1.25;
}
#globalSub dl dt{
	font-size: 22px;
	color: #3B8B42;
}
#globalSub dl dd{
	padding: 7px 0 0;
}
#globalSub dl dd li{
	padding: 0 0 15px;
}
#globalSub dl dd li a{
	display: block;
	position: relative;
	color: #333333;
	opacity: 1 !important;
	transition: all 0s !important;
}
#globalSub dl dd li a:hover{
	text-decoration: underline;
}
#globalSub dl dd li a.blank:after{
	content: "";
	width: 12px;
	height: 10px;
	display: inline-block;
	margin: -3px 0 0 5px;
	background: url("../img/gb_blank.svg")0 0;
	vertical-align: middle;
}
#globalSub dl dd li a.pdf:after{
	content: "";
	width: 10px;
	height: 13px;
	display: inline-block;
	margin: -2px 0 0 5px;
	background: url("../img/gb_pdf.svg")0 0;
	vertical-align: middle;
}


/*=============================================================
 footer
=============================================================*/
#footer{
	position: relative;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3B8B42;
	color: #fff;
}
#footer p{
	font-size: 13px;
}
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
	visibility:hidden;
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:11;
	opacity:0;
	transition:opacity 0.4s ease-out;
}
#ftr-pagetop.show{
	visibility:visible;
	opacity:1;
}
#ftr-pagetop.bottom{
}
#ftr-pagetop a{
	display:block;
	position: relative;
	width:60px;
	height:60px;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.6);
	transition:all 0s ease-out;
}
#ftr-pagetop a:hover{
	background: #FFC900;
	opacity:1 !important;
}
#ftr-pagetop a img{
	margin: 4px 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 TUB Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:899px){
/*=============================================================
 header
=============================================================*/
#header {
	height: 60px;
	padding: 0 70px 0 15px;
}
#header h1{
	position: relative;
	width: 260px;
	height: 40px;
	display: flex;
	z-index: 10;
	align-items: center;
}
#header h1 a{
	width: 98px;
	display: inline-block;
}
#header h1 a img{
	width: 100%;
	height: auto;
}
#header h1 span{
	display: inline-block;
	padding: 0 0 2px 15px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.35;
	color: #666;
}
#header>p.btnEntry{
	display: none;
}
#header ul.boxBtn{
	display: none;
}
/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet>dt{
	top: 16px;
	right: 16px
}

/*=============================================================
 footer
=============================================================*/
#footer{
	height: 90px;
}
#footer p{
	font-size: 10px;
}
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
	right:15px;
	bottom:15px;
}
#ftr-pagetop.bottom{
	position: absolute;
	bottom:65px;
}

}