@charset "utf-8";

/******************************************************/
/* common */
/******************************************************/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	min-width: 320px;
}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
th,td{vertical-align:top;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
img{vertical-align:bottom; max-width:100%;}
q:before,q:after{content:'';}
hr{display:none;}
abbr,acronym{border:0;}
:focus { outline: 0; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }


/******************************************************/
/* class */
/******************************************************/
.center{text-align:center!important;}
.right{text-align:right!important;}
.left{text-align:left!important;}

.fnt80{font-size:80%!important;}
.fnt85{font-size:85%!important;}
.fnt90{font-size:90%!important;}
.fnt95{font-size:95%!important;}
.fnt100{font-size:100%!important;}
.fnt110{font-size:110%!important;}
.fnt120{font-size:120%!important;}
.fnt130{font-size:130%!important;}
.fnt140{font-size:140%!important;}
.strong{font-weight:bold!important;}
.bold{font-weight:bold!important;}
.normal{font-weight:normal!important;}
.blue{color:#1a6bff;}
.red{color:#fd4f4f;}

.floR{float:right!important;}
.floL{float:left!important;}
.floNone{float:none!important;}

.block{display:block;}
.none{display:none;}
.inline{display:inline;}

.marginAuto{margin-left:auto!important;margin-right:auto!important;}


/******************************************************/
/* clear */
/******************************************************/
.clearBoth{clear: both;}
.clear{display:inline-block;}
.clear:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
/* Hides MacIE5 \*/
* html .clear{height:1%;}
.clear{display:block;}
/* Hides MacIE5 */


/******************************************************/
/* layout */
/******************************************************/

.wrap { width: 980px; margin: 0 auto; }
.wrap:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
#container { clear: both; position: relative; z-index: 1; }
.wrapInner { width: 700px; margin: 0 auto; }

@media screen and (max-width: 736px){
	
	.wrap,
	.wrapInner { padding: 0 10px; width: calc(100% - 20px); }

}


/******************************************************/
/* header */
/******************************************************/

.logo { float: left; width: 300px; padding: 20px 0; }
.logo a { color: #333; text-decoration: none; }
.logo span { font-size: 12px; letter-spacing: 0.4px; }
.logo span:before { content: "\A"; white-space: pre; }

.search { float: left; width: 270px; padding: 35px 0 0; position: relative; }
.searchForm { width: 240px; }
.searchFormText { width: 178px; border: solid 1px #032e43; border-right: none; padding: 0 5px; height: 26px; }
.searchFormButton { position: absolute; top: 35px; left: 188px; }
.searchFormText { padding: 0 5px!important; }

.fontSize { float: left; width: 170px; }
.fontSize p { font-size: 75%; padding: 40px 0 0; float: left; width: 70px; }
.fontSize ul { float: right; width: 100px; padding: 35px 0 0; }
.fontSize ul li { float: left; width: 50%; }
.fontSize ul li a { background: #032e43; color: #fff; display: block; font-size: 12px; text-align: center; text-decoration: none; border: solid 1px #032e43; padding: 4px 0; }
.fontSize ul li.active a { background: #fff; color: #032e43; }

.lang { float: left; width: 80px; font-size: 75%; padding: 40px 0 0; text-align: right; }
.headMenu { float: right; width: 150px; font-size: 75%; padding: 40px 0 0; text-align: right; }
.lang a,
.headMenu a { color: #032e43; text-decoration: none; }
.lang a:hover,
.headMenu a:hover { text-decoration: underline; }


@media screen and (max-width: 736px){
	
	.logo { float: none; width: auto; padding: 5px 0 0; }
	.logo img { margin: 0 0 -8px; width: 150px; }
	.logo span { font-size: 8px; letter-spacing: 0; }

}


/******************************************************/
/* globalNavi (mega-dropdown) */
/******************************************************/

.megaMenu_container {
  margin: 0 auto;
  background: #106e00;
}
.menu_mobile {
  display: none;
  padding: 20px 0;
	margin: -77px 0 50px;
}
.menu_mobile:after {
  content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/btn_menu_open.png) no-repeat;
	background-size: cover;
  padding: 0;
	position: relative;
  float: right;
}
.menu_mobile_click:after {
	background: url(../images/btn_menu_close.png) no-repeat;
	background-size: cover;
}

.megaMenu > ul {
  margin: 0 auto;
  width: 980px;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}
.megaMenu > ul:before,
.megaMenu > ul:after {
  content: "";
  display: table;
}
.megaMenu > ul:after {
  clear: both;
}
.megaMenu > ul > li {
  float: left;
	font-size: 16px;
  background: #106e00;
  padding: 0;
  margin: 0;
}
.megaMenu > ul > li {
}
.megaMenu > ul > li a {
	color: #fff;
  text-decoration: none;
  padding: 20px 28px;
  display: block;
}
.megaMenu > ul > li:hover,
.megaMenu > ul > li.current {
  background: url(../images/menu_hover.png) bottom repeat-x;
}
.megaMenu > ul > li > .menuBox {
  display: none;
  width: 100%;
  background: #e5eaed;
	font-size: 1em;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.megaMenu > ul > li > .menuBox a {
	color: #106e00;
}

.menuTitleArea {
	float: left;
	width: 33.33%;
}
.menuTitleArea .menuTitleText {
	color: #106e00;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	padding: 30px 30px;
}
.menuSubmenuArea {
	background: #fff;
	border-bottom: 1px solid #e5eaed;
	border-right: 1px solid #e5eaed;
	float: right;
	padding: 30px 29px 30px 0;
	width: calc(66.66% - 30px);
}
.megaMenu > ul > li .menuSubmenuArea li a {
	padding: 0;
}
.menuSubmenuArea > li {
	float: left;
	width: calc(50% - 30px);
	padding-left: 30px;
}
.menuSubmenuArea > li:nth-of-type(2n+1) {
	clear: both;
}
.megaMenu > ul > li .menuSubmenuArea > li > a {
	border-bottom: 2px solid #e5eaed;
	display: block;
	font-weight: bold;
	padding: 0 30px 10px 0;
	margin-bottom: 20px;
}
.menuSubmenuArea > li.menu_toggle_icon {
	background: url(../images/mark_submenu_open.png) no-repeat;
	background-position: 100% 3px;
}
.menuSubmenuArea > li.menu_toggle_icon.menuSubmenu_click {
	background: url(../images/mark_submenu_close.png) no-repeat;
	background-position: 100% 3px;
}

.menuSubmenuArea > li > ul {
	margin: 0 0 30px;
	display: none;
}
.menuSubmenuArea > li > ul li {
	color: #106e00;
	font-size: .875em;
	list-style: outside disc;
	margin-left: 1.25em;
	padding: 3px 0;
}
.menuSubmenuArea > li > ul li a:hover {
	text-decoration: underline;
}

.mobileMenuBox {
	display: none;
}


@media only screen and (max-width: 736px) {
	
  .megaMenu_container {
    width: 100%;
		background: none;
  }
  .menu_mobile {
    display: block;
  }
  .megaMenu > ul {
    display: none;
  	width: 100%;
  }
  .megaMenu > ul > li {
    width: 100%;
    float: none;
    display: block;
		background: none;
  }
  .megaMenu > ul > li > a {
		border-bottom: 2px solid #e5eaed;
		color: #106e00;
		font-weight: bold;
    padding: 12px 10px;
    width: calc(100% - 20px);
    display: block;
  }
	.megaMenu > ul > li:hover {
		background: none;
	}
	.megaMenu > ul > li.current {
		background: none;
	}
	.megaMenu > ul > li > .menuBox {
		position: relative;
	}
	.megaMenu .show_on_mobile {
    display: block;
  }
	.menu_dropdown_icon > a {
		background: url(../images/btn_submenu_open.png) no-repeat right center;
		background-size: 40px 40px;
	}
	.menu_dropdown_icon > a.menu_dropdown_icon_click {
		background: url(../images/btn_submenu_close.png) no-repeat right center;
		background-size: 40px 40px;
	}

	.menuTitleArea {
		display: none;
	}
	.menuSubmenuArea {
		border: none;
		float: none;
		padding: 0;
		width: 100%;
	}	
	.menuSubmenuArea > li {
		float: none;
		padding: 0;
		width: 100%;
	}
	.megaMenu > ul > li .menuSubmenuArea > li > a {
		background: #e5eaed;
		border-bottom: 2px solid #fff;
		display: block;
		font-weight: bold;
		padding: 10px 30px 10px 20px;
		margin-bottom: 0;
	}
	.megaMenu > ul > li .menuSubmenuArea > li.menu_toggle_icon > a {
		background: url(../images/btn_submenu_open.png) no-repeat right center #e5eaed;
		background-size: 40px 40px;
	}
	.megaMenu > ul > li .menuSubmenuArea > li.menu_toggle_icon > a.menu_dropdown_icon_click {
		background: url(../images/btn_submenu_close.png) no-repeat right center #e5eaed;
		background-size: 40px 40px;
	}
	.menuSubmenuArea > li > ul {
		background: #e5eaed;
		border-bottom: 2px solid #fff;
		margin: 0;
		padding: 10px 10px 10px 20px;
	}
	.menuSubmenuArea > li > ul li {
		padding: 6px 0;
	}
	
	.search,
	.fontSize,
	.lang,
	.headMenu {
		display: none;
	}
	
	.mobileMenuBox { border-bottom: 2px solid #e5eaed; display: block;}
	.megaMenu > ul > li.mobileMenuBox { padding-bottom: 15px; }
	.megaMenu > ul > li.mobileMenuBox .spSearch { float: none; width: 240px; margin: 0 auto; position: relative; left: -12.5px; }
	.megaMenu > ul > li.mobileMenuBox .searchFormButton { position: absolute; top: 0px; left: 188px; } 
	/* ↑ button arrenge 20170720 */
	.megaMenu > ul > li.mobileMenuBox {	text-align: center;	}
  .megaMenu > ul > li.mobileMenuBox a {	border-bottom: none; color: #106e00; display: inline;	font-size: 13px; font-weight: normal; padding: 0px; width: auto; }
	.megaMenu > ul > li.mobileMenuBox a:hover { text-decoration: underline; }
	.megaMenu > ul > li.mobileMenuBox .spMenu { padding: 15px 0 0; font-weight: bold; }
	.megaMenu > ul > li.mobileMenuBox .spMenu a { font-weight: bold; }
	.megaMenu > ul > li.mobileMenuBox .spMenu span { margin: 0 5px; }
	.megaMenu > ul > li.mobileMenuBoxFooter a { font-size: 14px; }
	
}



/******************************************************/
/* footer */
/******************************************************/

footer { background: #f7f5e9; }
footer .logo { text-align: center; float: none; width: auto; padding: 0 0 60px; }
.footerMenu { text-align: center; font-size: .75em; padding: 60px 0; }
.footerMenu a { color: #022f44; text-decoration: none; }
.footerMenu a:hover { text-decoration: underline; }
.footerMenu li { display: inline; padding: 0 20px; }
.footerseal { float: right; margin: -120px 0 0; }

.copyright { background: #0f6c01; color: #fff; font-size: .625em; line-height: 1.5; text-align: center; padding: 25px 10px; }

@media screen and (max-width: 736px){

	footer .logo { padding: 0 0 30px; }
	.footerMenu { font-size: 14px; padding: 30px 0; }
	.footerMenu li { display: block; padding: 5px 10px; }
	.footerseal { float: none; margin: 0 auto 30px; text-align: center; }

	.copyright { font-size: 8px; padding: 20px 10px; }
	
}


/******************************************************/
/* titleArea */
/******************************************************/

.titleArea { background: #f7f5ea; }
.titleNameArea { background: url(../images/ub_title_main.png) center bottom no-repeat; margin: 0 0 40px; }
.titleName { color: #032e43; font-size: 2.25em; line-height: 1.5; text-align: center; padding: 40px 0 30px; }

@media screen and (max-width: 736px){

	.titleNameArea { margin: 0 0 25px; background-size: 60px 7px; }
	.titleName { font-size: 1.5em; padding: 20px 0 15px; }

}


/******************************************************/
/* breadcrumb */
/******************************************************/

#breadcrumb { padding: 20px 0 0; color: #032e43; font-size: .75em; line-height: 1.5; text-align: right; }
#breadcrumb a { color: #106e00; text-decoration: none; }
#breadcrumb a:hover { color: #493; text-decoration: underline; }
#breadcrumb span { margin: 0 10px; }

@media screen and (max-width: 736px){

	#breadcrumb { padding: 10px 0 0; font-size: .5625em; }
	#breadcrumb span { margin: 0 5px; }

}


/******************************************************/
/* pagetop */
/******************************************************/

.pagetop { position: fixed; z-index: 9999; bottom: 80px; right: 20px; }

@media screen and (max-width: 736px){

	.pagetop { bottom: 80px; right: 10px; }
	.pagetop img { width: 50px; }

}


/******************************************************/
/* container */
/******************************************************/

section { padding: 30px 0; }

.subtitle { background: url(../images/bg_subtitle.png); color: #fff; font-weight: bold; font-size: 1.75em; line-height: 1.5; padding: 14px 20px; margin: 30px 0; }

.btn { text-align: center; margin: 20px 0; }
.btn a { border: 3px solid #0e6c00; background: #fff; font-size: 1.125em; display: inline-block; font-weight: bold; padding: 12px 48px; text-align: center; text-decoration: none; }
.btn a:hover { border: 3px solid #393; color: #393; background: #e5eaec; }
.btn a span { margin-left: .5em; }
.btnLeft { float: left; }
.btnRight { float: right; }


@media screen and (max-width: 736px){
	
	section { padding: 20px 0; }

	.subtitle { font-size: 1.25em; padding: 10px 10px; margin: 15px 0; }

	.btn { margin: 15px 0; }
	.btn a { font-size: .875em; padding: 7px 21px; }

	
}