@charset "utf-8";
/* ------ ------ ------ ------ ------


CSS information
File Name  : module.css
Author     : HIROSHI HONJO
Author URI : http://www.pronest.jp/
Style Info : basic + layout
Editied by : BTD Lee
Version : 20250417

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%

------ ------ ------ ------ ------ */

/* ------ ------ ------ ------ ------ ------ ------ ------
body & basic
----- ------ ------ ------ ------ ------ ------ ------ */
html { overflow-y: scroll; }
body {
	width: 100%;
	color: #323232;
	border-top: 3px solid #00A13A;
	/* 明朝 *//*font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;*/
	/* ゴシック */font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
}
body.large {
/*    font-size: 1.1em;*/
}

@media screen and (max-width: 640px) {
body{
	position: relative;
}
} /* @media */

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { vertical-align: top;}
a,
a:link	   { text-decoration: underline; color: #06712B;}
a:visited	{ text-decoration: underline; }
a:hover		 { text-decoration: none; }
a:active	 { text-decoration: underline; }

/* ------ ------ ------ ------ ------ ------ ------ ------
layout basic
----- ------ ------ ------ ------ ------ ------ ------ */
/* #header
------ ------ ------ ------ ------ ------ */
#header { width: 980px; height: 88px; margin: 0 auto;}
#header a { text-decoration: none; color: #1b1b1b;}
#header h1 { float: left; width: 178px; padding: 12px 0 0 3px; height: 100%;}
/* ロゴ画像 */
#header h1 a { 
    display: block; 
    width: 220px; 
    height: 70%; 
    background: url(../img/tosewl-bp.png) no-repeat; 
    text-indent: 200%; 
    white-space: nowrap; 
    overflow: hidden; 
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
    background-position: center;
    background-size: contain;

}
#header h1 a:hover { opacity: 0.6;}
#header aside { float: right; width: 220px; height: 33px; padding-top: 11px;}
#header .contact { float: left; display: block; padding: 0 0 0 22px; margin-right: 16px; background: url(./../img/header_mail.gif) left center no-repeat; font-size: 12px; line-height: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header .contact:hover { opacity: 0.6;}
#header .fontSize { display: none; float: left; width: 110px; height: 30px; margin-top: 3px; padding: 4px 0 0 4px; margin-right: 10px; background: #E1E1E1;}
#header .fontSize li { float: left;}
#header .fontSize li a { display: block; height: 22px; line-height: 20px; text-align: center; font-size: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header .fontSize li.regular a { width: 48px;}
#header .fontSize li.large a { width: 54px;}
#header .fontSize li a.active, #header .fontSize li a:hover { background: #00A13A; color: #FFF;}
#header .english { float: left; width: 86px; height: 30px; padding-left: 8px; margin-top: 3px; margin-right: 24px; background: #E1E1E1 url(../img/arrow.png) 10px 11px no-repeat; border: 1px solid #C8C8C8; font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header .english:hover { opacity: 0.6;}
#header #search { display: none; float: left; width: 146px; padding-top: 5px;}
#header .keyword { float: left; display: block; width: 120px; height: 26px; padding: 0px 2px 0px 4px; border: 1px solid #97DCB0; border-right: none; background: #F6F9F2; vertical-align: top; line-height: 26px; border-radius: 0; -webkit-appearance: none;}
#header .button { display: block; width: 26px; height: 26px; background: #F6F9F2 url(../img/search_btn.gif) center center no-repeat; -webkit-background-size: 26px 26px; background-size: 26px 26px; border: 1px solid #97DCB0; border-left: none; cursor: pointer; vertical-align: top; border-radius: 0; -webkit-appearance: none;}
#header .fontSizeText {
line-height: 36px;
float: left;
font-size: 1.2rem;
margin-right: 10px;
}
#header .fontSizeBtn {
float: left;
margin-right: 24px;
}
#header .fontSizeBtn > li {
display: inline-block;
line-height: 36px;
}
#header .fontSizeBtn > li .fontSmall {
font-size: 1.2rem;
}
#header .fontSizeBtn > li .fontMid {
font-size: 1.6rem;
}
#header .fontSizeBtn > li .fontLg {
font-size: 2rem;
}
#header .fontSizeBtn > li a {
color: #d4d4d4;
}
#header .fontSizeBtn > li a.is_current {
color: #00A13A;
}
#header .menu {
	display: none;
}

#header .menuBtn {
	display: flex;
	width: 45px;
	height: 45px;
	background-color: #00A13A;
	position: absolute;
	right: 6px;
	top: 9px;
}

#header .menuBtn a {
	color: #fff;
	text-align: center;
	width: 100%;
	padding-top: 28px;
	background-image: url(../img/ic_menu01.png);
	background-position: center 5px;
	background-size: 20px;
	background-repeat: no-repeat;
	font-size: 12px;
}

#header .menuBox {
	position: absolute;
    width: 100%;
    top: 54px;
	z-index: 10000;
	display: none;
}

#header .menuBox_inner {
	border: 1px solid #00A13A;
	background-color: rgba(0, 161, 58, .8);
	padding: 15px;
	margin-left: 6px;
	margin-right: 6px;
}

#header .menuList {
	display: block;
}

#header .menuList > li {
	border-bottom: 1px solid #828282;
}

#header .menuList > li:last-child {
	border-bottom: 0;
}

#header .menuList > li > a {
	background-color: white;
	display: block;
	position: relative;
}

#header .menuList > li > a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #01a13a;
	border-right: 1px solid #01a13a;
	position: absolute;
	right: 23px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
}

#header .menu.is_menuOpen .menuBtn a{
	background-image: url(../img/ic_close01.png);
}

#header .menuCloseBtn {
	padding: 10px 15px;
    text-indent: 1em;
    display: block;
    text-align: center;
    background: #ededed;
    margin-top: 20px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
	font-weight: bold;
}
#header .menuCloseBtn::before,
#header .menuCloseBtn::after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 14px;
	height: 2px;
	background-color: #01a13a;
}
#header .menuCloseBtn::before {
	transform: rotate(45deg);
}
#header .menuCloseBtn::after {
	transform: rotate(-45deg);
}
@media screen and (max-width: 640px) {
#header { width: 100%; height: 80px; position: relative;}
#header h1 { width: 144px; padding: 9px 0 0 6px; position: absolute; top: 1px; left: 1px; z-index: 10;}
#header h1 a { display: block; width: 200px; height: 42px; background: url(../img/tosewl-bp.png) no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center;}
#header aside { float: none; width: 100%; height: 70px; padding-top: 0px; position: relative;}
#header .fontSize { display: none;}
#header .contact { position: absolute; top: 34px; right: 0;}
#header .english { float: none; margin: 0 0 0 0 !important; position: absolute; right: 9px; top: 26px; right: 9px; top: 2px;}
#header #search { float: none; width: 300px; padding-top: 69px; margin: 0 auto 0;}
#header .keyword { width: 274px; border: 1px solid #00A13A; border-right: none;}
#header .button { border: 1px solid #00A13A; border-left: none;}
#header .fontSizeText {
display: none;
}
#header .fontSizeBtn {
display: none;
}
#header .fontSizeBtn > li {
display: inline-block;
line-height: 36px;
}
#header .menu {
	display: block;
}
} /* @media */


/* #gNav
------ ------ ------ ------ ------ ------ */
#gNav:before,#gNav:after { content: ""; display: table;}
#gNav:after { clear: both;}
#gNav { zoom: 1; width: 980px; height: 61px; margin: 0 auto; background: url(../img/bg_gnav_pc.gif) no-repeat; -webkit-background-size: 980px 57px; background-size: 980px 57px;}
#gNav ul { padding-left: 1px;}
#gNav li { float: left; padding-right: 1px;}
#gNav li a { display: block; height: 61px; border-bottom: 4px solid #FFF; text-indent: 200%; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#gNav li.n01,#gNav li.n02,#gNav li.n04 { padding-left: 1px; }
#gNav li.n01 a { background: url(../img/n01.gif) no-repeat; width: 146px; -webkit-background-size: 146px 57px; background-size: 146px 57px;}
#gNav li.n02 a { background: url(../img/n02.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
#gNav li.n03 a { background: url(../img/n03.gif) no-repeat; width: 162px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
#gNav li.n04 a { background: url(../img/n04.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
#gNav li.n05 a { background: url(../img/n05.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
#gNav li.n06 a { background: url(../img/n06.gif) no-repeat; width: 165px; -webkit-background-size: 165px 57px; background-size: 165px 57px;}
#gNav li a.active, #gNav li a:hover { border-bottom: 4px solid #00A23B;}


@media screen and (max-width: 640px) {
#gNav { width: 100%; height: 82px; margin: 0 auto; background: none; display: none;}
#gNav ul { padding-left: 0px;}
#gNav li { float: left; padding: 0 1px 1px 0;}
#gNav li.n04, #gNav li.n06 { padding-right: 0px;}
#gNav li.n01 { display: none;}
#gNav li.n02 { width: 33%;}
#gNav li.n03 { width: 34%;}
#gNav li.n04 { width: 33%;}
#gNav li.n05 { width: 50%;}
#gNav li.n06 { width: 50%;}
#gNav li a { display: block; height: 40px; background: #00A13A; border-bottom: none; text-align: center; text-decoration: none; text-indent: 0%; white-space: normal; overflow: auto; line-height: 40px; color: #FFF;}
#gNav li.n01 a { background: #00A13A; width: auto;}
#gNav li.n02 a { background: #00A13A; width: auto;}
#gNav li.n03 a { background: #00A13A; width: auto;}
#gNav li.n04 a { background: #00A13A; width: auto;}
#gNav li.n05 a { background: #00A13A; width: auto;}
#gNav li.n06 a { background: #00A13A; width: auto;}
#gNav li a.active, #gNav li a:hover { border-bottom: none;}
} /* @media */


/* #footer
------ ------ ------ ------ ------ ------ */
#footer { width: 100%; min-width: 980px; background: #323232; color: #FFF;}
#footer a { text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#footer a:hover { text-decoration: underline; opacity: 0.6;}
#footer #fNav:before,#footer #fNav:after { content: ""; display: table;}
#footer #fNav:after { clear: both;}
#footer #fNav { zoom: 1; width: 980px; padding: 30px 26px 32px 26px; margin: 0 auto;}
#footer #fNav > ul > li { float: left; width: 20%;}
#footer #fNav > ul > li dt { width: 130px; padding-bottom: 16px; margin-bottom: 22px; border-bottom: 1px solid #828282; font-size: 16px; font-weight: bold;}
body.large #footer #fNav > ul > li dt { font-size: 18px;}
#footer #fNav > ul > li dd { font-size: 12px;}
body.large #footer #fNav > ul > li dd { font-size: 14px;}
#footer #fNav > ul > li dd li { margin-bottom: 0.8em; padding-right: 10px;}
#footer #foot { width: 100%; background: #191919;}
#footer #foot .inner:before,#footer #foot .inner:after { content: ""; display: table;}
#footer #foot .inner:after { clear: both;}
#footer #foot .inner { zoom: 1; width: 980px; padding: 24px 24px 24px 0px; margin: 0 auto;}
#footer #foot .asideNav { float: left;}
#footer #foot .asideNav li { float: left; padding: 0 24px; line-height: 12px; border-right: 1px solid #FFF;}
#footer #foot .asideNav li.f01 { display: none;}
#footer #foot .asideNav li:last-child { border-right: none;}
#footer #foot .asideNav li a { font-size: 12px;}
body.large #footer #foot .asideNav li a { font-size: 14px;}
#footer #foot small { float: right;}


@media screen and (max-width: 640px) {
#footer { min-width: 100%;}
#footer #fNav { width: 100%; padding: 0 0 0 0;}
#footer #fNav > ul > li { float: none; width: 100%;}
#footer #fNav > ul > li dt { width: auto; height: 40px; padding-bottom: 0; margin-bottom: 0px; border-bottom: 1px solid #828282;}
#footer #fNav > ul > li dt a { display: block; width: auto; height: 40px; text-align: center; line-height: 40px;}
#footer #fNav > ul > li:last-child dt { border-bottom: 1px solid #fff;}
#footer #fNav > ul > li dd { display: none;}
#footer #fNav > ul > li.active dd { display: block;}
#footer #fNav > ul > li.active dd li { border-bottom: 1px solid #828282; margin: 0; padding: 0; text-align: center;}
#footer #fNav > ul > li.active dd li a { display: block; background: #666; margin: 0; padding: 12px;}
#footer #foot .inner { zoom: 1; width: 100%; padding: 0 0 0 0; margin: 0 auto;}
#footer #foot .asideNav { float: none;}
#footer #foot .asideNav li { float: left; display: block !important; width: 50%; height: 40px; padding: 0 0; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; text-align: center; line-height: 40px;}
#footer #foot .asideNav li.f02, #footer #foot .asideNav li.f04 { border-bottom: 1px solid #FFF;}
#footer #foot .asideNav li:last-child { border-right: 1px solid #FFF;}
#footer #foot .asideNav li a { display: block; font-size: 14px; font-weight: bold;}
#footer #foot small { clear: both; float: none; display: block; padding: 60px 10px 10px 10px; text-align: center;}
} /* @media */


/* #pageTop
------ ------ ------ ------ ------ ------ */
#pageTop { padding: 0 16px 16px 0;}
#pageTop a { display: block; width: 52px; height: 63px; margin: 0 0 0 auto; background: url(../img/pagetop.png) no-repeat; -webkit-background-size: 52px 63px; background-size: 52px 63px; text-indent: 120%; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#pageTop a:hover{opacity: 0.6;}
@media screen and (max-width: 640px) {
#pageTop { width: 100%; padding: 0 0 0 0 !important; position: absolute; bottom: 35px;}
#pageTop a { display: block; width: 94%; height: 40px; margin: 0 auto 0 auto; border-radius: 5px; background: #00A13A; text-align: center; text-decoration: none; text-indent: 0%; white-space: normal; overflow: auto; font-size: 16px; font-weight: bold; line-height: 40px; color: #FFF;}
} /* @media */


/* btn */
.btn { display: inline-block; height: 51px; line-height: 47px; padding: 0px 16px; background: #FFF; border: 2px solid #00A13A; border-radius: 8px; font-size: 18px; font-weight: bold; text-decoration: none !important; color: #00A13A; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; vertical-align: middle;}
body.large .btn { font-size: 20px;}
.btn:after { display: inline-block; content: ""; width: 11px; height: 16px; padding: 0px 0px 0 10px; margin-bottom: 3px; background: url(../img/arrow2.png) right center no-repeat; -webkit-background-size: 11px 16px; background-size: 11px 16px; vertical-align: middle;}
.btn:hover { background: #00A13A; color: #FFF;}
.btn:hover::after { background: url(../img/arrow2w.png) right center no-repeat; -webkit-background-size: 11px 16px; background-size: 11px 16px;}
.btn.square { border-radius: 0;}


/* .underBody Layout
------ ------ ------ ------ ------ ------ */
.underBody #breadCrumbs:before,.underBody #breadCrumbs:after { content: ""; display: table;}
.underBody #breadCrumbs:after { clear: both;}
.underBody #breadCrumbs { width: 100%; height: 44px; zoom: 1; line-height: 44px; margin: 0 0 10px;}
.underBody #breadCrumbs ul { width: 980px; margin: 0 auto;}
.underBody #breadCrumbs li { float: left;}
.underBody #breadCrumbs li a { font-size: 12px; text-decoration: none;}
.underBody #breadCrumbs li a:hover { text-decoration: underline;}
.underBody #breadCrumbs li:first-child a { padding-left: 16px; background: url(../img/icon_bread_toppage.gif) left center no-repeat;}
.underBody #breadCrumbs li a.no, .underBody #breadCrumbs li:last-child a { color: #1B1B1B;}
.underBody #breadCrumbs li a.no:hover, .underBody #breadCrumbs li:last-child a:hover { text-decoration: none;}
.underBody #breadCrumbs li .arrow { display: inline-block; padding: 0 8px;}

@media screen and (max-width: 640px) {.underBody #breadCrumbs{ display: none;}}

.underBody #mainVisual { width: 100%; min-width: 980px; height: 170px; background: #DAF4E2; -webkit-background-size: 1200px 170px; background-size: 1200px 170px; white-space: nowrap; overflow: hidden;}
.underBody #mainVisual #dotArea { width: 980px; margin: 0 auto; position: relative;}
.underBody #mainVisual #dotArea img { opacity: 0; position: absolute;}
.underBody #mainVisual #dotArea img#dot01 { top: 109px; left: 98px;}
.underBody #mainVisual #dotArea img#dot02 { top: 119px; left: 114px;}
.underBody #mainVisual #dotArea img#dot03 { top: 34px; left: 184px;}
.underBody #mainVisual #dotArea img#dot04 { top: 39px; left: 253px;}
.underBody #mainVisual #dotArea img#dot05 { top: 25px; left: 275px;}
.underBody #mainVisual #dotArea img#dot06 { top: 60px; left: 313px;}
.underBody #mainVisual #dotArea img#dot07 { top: 87px; left: 347px;}
.underBody #mainVisual #dotArea img#dot08 { top: 83px; left: 377px;}


@media screen and (max-width: 640px) {
.underBody #mainVisual { height: 107px; min-width: 100%; background: #DAF4E2; -webkit-background-size: 320px 107px; background-size: 320px 107px; text-indent: 200%; white-space: nowrap; overflow: hidden;}
.underBody.company #mainVisual { background: #DAF4E2 url(../../img/company/mainv_sp.jpg) center top no-repeat;}
.underBody #mainVisual #dotArea { width: 320px;}
.underBody #mainVisual #dotArea img#dot01 { width: 12px; top: 74px; left: 62px;}
.underBody #mainVisual #dotArea img#dot02 { width: 9px; top: 77px; left: 72px;}
.underBody #mainVisual #dotArea img#dot03 { width: 12px; top: 20px; left: 92px;}
.underBody #mainVisual #dotArea img#dot04 { width: 20px; top: 23px; left: 130px;}
.underBody #mainVisual #dotArea img#dot05 { width: 19px; top: 15px; left: 146px;}
.underBody #mainVisual #dotArea img#dot06 { width: 13px; top: 36px; left: 172px;}
.underBody #mainVisual #dotArea img#dot07 { width: 10px; top: 56px; left: 192px;}
.underBody #mainVisual #dotArea img#dot08 { width: 9px; top: 50px; left: 210px;}
}

.underBody #wrap:before,.underBody #wrap:after {content: "";display: table;}
.underBody #wrap:after{clear:both;}
.underBody #wrap { zoom: 1; width: 980px; height: auto; padding-top: 10px; margin: 0 auto;}

@media screen and (max-width: 640px) {
.underBody #wrap { width: auto; height: auto; padding-top: 0px;}
.underBody .entryBody { width: 320px; margin: 0 auto;}
}

.underBody #wrap.c2 #main { float: left; width: 756px;}
.underBody #wrap.c2 #side { float: right; width: 208px; margin-top: 65px;}
.underBody #wrap.c2 #side nav { border-bottom: 1px solid #CECECE;}
.underBody #wrap.c2 #side nav a { text-decoration: none;}
.underBody #wrap.c2 #side nav h1 a { display: block; padding: 16px 16px 16px 13px; background: #00A13A; line-height: 1; color: #FFF; font-weight: bold; font-size: 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.underBody #wrap.c2 #side nav h1 a:hover { opacity: 0.6;}
.underBody #wrap.c2 #side nav li { display: block; width: 100%;}
.underBody #wrap.c2 #side nav li a { display: block; width: 100%; background: url(../img/snav_off.gif) 180px center no-repeat; vertical-align: middle; padding: 6px 28px 6px 10px; color: #1b1b1b; font-weight: bold; border: 1px solid #CECECE; border-bottom: none;}
.underBody #wrap.c2 #side nav li a.active, .underBody #wrap.c2 #side nav li a:hover { background: #323232 url(../img/snav_on.gif) 180px center no-repeat; border: 1px solid #323232; border-bottom: none; color: #FFF;}
.underBody #wrap.c2 #side nav li a.active.hasChild { border-bottom: none; border-bottom: 1px solid #CECECE; background: #323232 url(../img/side_arr_active.png) 180px center no-repeat;}
.underBody #wrap.c2 #side nav li { display: block; width: 100%;}
.underBody #wrap.c2 #side nav li li a { display: none;}
.underBody #wrap.c2 #side nav li a.active+ul li a { font-size: 12px; font-weight: normal; border-top: none !important; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: none !important; padding-left: 18px; background-image: none !important; display: block;}
.underBody #wrap.c2 #side nav li li a:hover, .underBody #wrap.c2 #side nav li li a.active, .underBody #wrap.c2 #side nav li li a.active:hover { color: #191919 !important; background-color: #eee !important; border: 1px solid #cecece;}


/* ------ ------ ------ ------ ------ ------ ------ ------
common class
----- ------ ------ ------ ------ ------ ------ ------ */
.underBody #main .h1 {margin-bottom: 22px;padding: 12px 16px 15px;border-bottom: 3px solid #00A13A;font-weight: bold;font-size: 24px;color: #1B1B1B;}
.underBody.large #main .h1 { font-size: 28px;}


@media screen and (max-width: 640px) {
.underBody #main .h1 { margin-bottom: 10px; padding: 26px 16px 13px; font-size: 18px;}
.entryBody { padding: 0 10px 0 10px;}
.entryBody img { max-width: 100%;}
}
.opt{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.opt:hover{opacity: 0.7;}

/* p
------ ------ ------ ------ ------ ------ */
.entryBody p{margin-bottom: 2em;}

/*本文インデント調整用*/
.entryBody .pd10 { padding: 0 10px;}
.entryBody .pd20 { padding: 0 20px;}
.entryBody .pd30 { padding: 0 30px;}

/* hn
------ ------ ------ ------ ------ ------ */
.entryBody .h2{ font-size: 20px; font-weight: bold; margin-bottom: 1.5em;}
@media screen and (max-width: 640px) {
.entryBody .h2 { margin-bottom: 1em;}
}
.entryBody .h3 { display: block; padding: 4px 12px 4px 20px; margin-bottom: 1em; background: #EFEFEF; font-size: 16px; font-weight: bold;}
.entryBody .h4 { display: block; padding: 6px; margin-bottom: 6px; border-bottom: 1px dotted #232323; font-weight: bold;}
.entryBody .inner { padding: 0 8px 0 14px;}
.entryBody .inner p { padding: 0 0 0 6px;}



/* table
------ ------ ------ ------ ------ ------ */
.entryBody table { width: 95%; margin: 0 auto 20px;}
.entryBody table thead th { white-space: nowrap; text-align: center;}
.entryBody table th { width: 21%; background: #f2f2f2;}
.entryBody table th, .entryBody table td { padding: 10px; vertical-align: middle; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}

@media screen and (max-width: 640px) {
.entryBody table { width: 100%; margin: 0 auto 20px;}
.entryBody table th, .entryBody table td { font-size: 12px;}
.entryBody table th { width: 40%; padding: 10px;}
}


/* common style
------ ------ ------ ------ ------ ------ */
/* Not Around　Layout */
.imgArea:before, .imgArea:after { content: ""; display: table;}
.imgArea:after { clear: both;}
.imgArea { zoom: 1;}
.imgArea { width: 732px; padding-left: 20px;}
.imgArea .imgR { float: right; margin: 0 0 0 15px;}
.imgArea .imgL { float: left; margin: 0 15px 0 0;}
.imgArea .textArea { overflow: hidden; _zoom: 1;}
.imgArea img { max-width: 500px;}
.entryBody .imgArea .inner { padding: 0 0px 0 0px;}
.entryBody .imgArea .inner p { padding: 0 0 0 6px;}


/* img layout Around & 2c & 3c */
.imgLayout:before, .imgLayout:after, .imgLayout2c:before, .imgLayout2c:after, .imgLayout3c:before, .imgLayout3c:after, .imgLayout4c:before, .imgLayout4c:after { content: ""; display: table;}
.imgLayout:after, .imgLayout2c:after, .imgLayout3c:after, .imgLayout4c:after { clear:both;}
.imgLayout, .imgLayout2c, .imgLayout3c, .imgLayout4c { zoom: 1;}

/* Around */
.imgLayout .imgR { float: right; margin-left: 15px; margin-bottom: 1em;}
.imgLayout .imgL { float: left; margin-right: 15px; margin-bottom: 1em;}
/* c2 & c3 */
.imgLayout2c .imgBox, .imgLayout3c .imgBox, .imgLayout4c .imgBox { float: left; width: 50%; text-align: center;}
.imgLayout3c .imgBox { width: 33%;}
.imgLayout4c .imgBox { width: 25%;}
.imgLayout2c .imgBox img, .imgLayout3c .imgBox img, .imgLayout4c .imgBox img { margin-bottom: 0.5em;}
.imgLayout2c .imgBox p, .imgLayout3c .imgBox p, .imgLayout4c .imgBox p { font-size: 0.9em; padding: 0 !important; margin: 0 !important;}

/* anchor */
a.blank { background: url(/common/img/blank.gif) no-repeat right center; padding-right: 15px;}
a.blank-aqua { background: url(/common/img/blank_aqua.png) no-repeat right center; padding-right: 15px;}

/* display */
.db{ display: block !important;}
.dib{ display: inline-block !important;}
.di{ display: inline !important;}

/* float */
.lBox{ float: left !important; width: 47%;}
.rBox{ float: right !important; width: 47%;}

/* margin */
.mt00 { margin-top: 0em !important;}
.mt05 { margin-top: 0.5em !important;}
.mt10 { margin-top: 1em !important;}
.mt15 { margin-top: 1.5em !important;}
.mt20 { margin-top: 2em !important;}
.mt25 { margin-top: 2.5em !important;}
.mt30 { margin-top: 3em !important;}
.mt35 { margin-top: 3.5em !important;}
.mt40 { margin-top: 4em !important;}
.mt45 { margin-top: 4.5em !important;}
.mt50 { margin-top: 5em !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0em !important;}
.mb05 { margin-bottom: 0.5em !important;}
.mb10 { margin-bottom: 1em !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 1.5em !important;}
.mb20 { margin-bottom: 2em !important;}
.mb25 { margin-bottom: 2.5em !important;}
.mb30 { margin-bottom: 3em !important;}
.mb35 { margin-bottom: 3.5em !important;}
.mb40 { margin-bottom: 4em !important;}
.mb45 { margin-bottom: 4.5em !important;}
.mb50 { margin-bottom: 5em !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* padding */
.outLine10 { padding-left: 10px !important; padding-right: 10px !important;}
.outLine20 { padding-left: 20px !important; padding-right: 20px !important;}
.outLine30 { padding-left: 30px !important; padding-right: 30px !important;}
.outLine40 { padding-left: 40px !important; padding-right: 40px !important;}

/* text-align */
.tar{ text-align: right !important;}
.tac{ text-align: center !important;}
.tal{ text-align: left !important;}

/* font-size */
.fsz10{ font-size: 1.0em !important;}
.fsz11{ font-size: 1.1em !important;}
.fsz12{ font-size: 1.2em !important;}
.fsz13{ font-size: 1.3em !important;}
.fsz14{ font-size: 1.4em !important;}
.fsz15{ font-size: 1.5em !important;}
.fsz16{ font-size: 1.6em !important;}
.fsz17{ font-size: 1.7em !important;}
.fsz18{ font-size: 1.8em !important;}
.fsz19{ font-size: 1.9em !important;}
.fsz20{ font-size: 2.0em !important;}

/* font-style */
strong { font-weight: bold;}
em { font-style: italic;}
.tul { text-decoration: underline;}
.tlt { text-decoration: line-through;}
.note { font-size: 13px; text-indent: -1em; padding-left: 1em;}
.note:before { content: "※";}

/* color */
.fcBlue1{color: #124398;}
.fcRed{color: #BD0808;}
.fcGreen{color: #06712B;}
.fcOrange{color: #F6B63E;}
.fcBlue2{color: #46ABEC;}
.fcGlay{color: #AAA;}

/* nwp */
.nwp{white-space: nowrap !important;}

/* toContact */
.toContact { width: 95%; margin: 0 auto; padding: 5px 0 16px; border: 4px solid #e5e5e5;}
.toContact p { padding: 0; margin: 0 30px 20px;}
.toContact p:last-child { margin-top: -8px; margin-bottom: 0 !important;}
.toContact .title { background: url(../img/mail_icon.png) no-repeat left center; padding: 0 0 0 60px; margin-bottom: 15px; font-size: 24px; line-height: 30px; font-weight: bold;}
.toContact .subTitle { font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.toContact .cat { margin: 0 5px 28px; padding: 2px 5px; background-color: #00a13a; color: #fff; font-size: 0.9em; text-align: center;}
.toContact .cat br { display: none;}

@media screen and (max-width: 640px) {
.toContact { padding: 5px 0 20px;}
.toContact p { margin: 0 20px 20px;}
.toContact .title { padding: 0 0 0 40px; margin-bottom: 15px; font-size: 18px; line-height: 1.3; -webkit-background-size: 30px 20px; background-size: 30px 20px;}
.toContact .subTitle { font-size: 16px; line-height: 1.3;}
.toContact .cat { margin-bottom: 20px; font-size: 0.8em;}
.toContact .cat br { display: inherit;}
}

/* ------ ------ ------ ------ ------ ------ ------ ------
form font size
----- ------ ------ ------ ------ ------ ------ ------ */
@media screen and (max-width: 640px) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }
} /* @media */

/* ------ ------ ------ ------ ------ ------ ------ ------
clear
----- ------ ------ ------ ------ ------ ------ ------ */
.clear { clear: both;}
/* CSS -micro clearfix */
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}
.cf { zoom: 1;}
.float { overflow: hidden;}
.float .left { float: left;}
.float .right { float: right;}
.float.col2 .left, .float.col2 .right { width: 50%;}







/* 2018 01.30 WQ add */
.underBody #side .zipBox { margin: 20px 0 0 0; background: #e3f4e9;}
.underBody #side .zipBox h3, .underBody #side .zipBox p { line-height: 1.3;}
.underBody #side .zipBox h3 { background: url(../img/dlIcon.png) 95% center no-repeat #323232; padding: 20px 10px; color: #FFF;
	font-weight: bold;
}
.underBody #side .zipBox span { padding: 2px 0 0 0; font-size: .8em; display: block;
	font-weight: normal;
}
.underBody #side .zipBox p { font-size: .9em; display: block;}
.underBody #side .zipBox .top { padding: 10px 10px 3px 10px;}
.underBody #side .zipBox .bottom { padding: 10px;}
.underBody #side .zipBox .dlBtn { margin: 10px 0 0 0;}
.underBody #side .zipBox .dlBtn .btn { padding: 0px; display: block; text-align: center;}
.underBody #side .zipBox ul { margin: 20px 0 0 0; padding: 10px; background: #FFF;}
.underBody #side .zipBox ul li { margin: 0 0 15px 0; border-bottom: 1px solid #EEE; padding: 0 0 15px 0;}
.underBody #side .zipBox ul li a { line-height: 1; font-size: .9em;}
.underBody #side .zipBox ul li a:hover { text-decoration: underline!important;}
.bottomZip .zipBox { margin: 20px 0 40px 0; background: #e3f4e9;}
.bottomZip .zipBox h3, .bottomZip .zipBox p { line-height: 1.3;}
.bottomZip .zipBox h3 { background: url(../img/dlIcon.png) 95% center no-repeat #323232; padding: 20px 10px; color: #FFF;}
.bottomZip .zipBox span { padding: 2px 0 0 0; font-size: .8em; display: block;}
.bottomZip .zipBox p { font-size: .9em; display: block;}
.bottomZip .zipBox .top { padding: 10px 10px 3px 10px;}
.bottomZip .zipBox .bottom { padding: 10px;}
.bottomZip .zipBox .dlBtn { margin: 10px 0 0 0;}
.bottomZip .zipBox .dlBtn .btn { padding: 0px; display: block; text-align: center;}
.bottomZip .zipBox ul { margin: 20px 0 0 0; padding: 10px; background: #FFF;}
.bottomZip .zipBox ul li { margin: 0 0 15px 0; border-bottom: 1px solid #EEE; padding: 0 0 15px 0;}
.bottomZip .zipBox ul li a { line-height: 1; font-size: .9em;}

.irTop.zipBox { clear: both;}
.irTop.zipBox { margin: 20px 0 40px 0; background: #f9f9f9;}
.irTop.zipBox .top p { margin: 0;}
.irTop.zipBox .top { background: url(../img/dlIcon.png) 95% center no-repeat #323232; padding: 10px; /* border-bottom: 3px solid #00A13A; */ color: #FFF; font-size: 1.5em; margin: 0 0 10px 0; line-height: 1.5; display: table; width: 100%;}
.irTop.zipBox .top h3 { border: none; display: table-cell; vertical-align: middle; margin: 0; padding: 0; width: 37%; font-weight: bold;}
.irTop.zipBox .top .dlBtn { display: table-cell; vertical-align: middle;}
.irTop.zipBox .top span.span { display: block; line-height: 1.3; font-size: .7em;}
.irTop.zipBox .top h3 span.size { display: block; line-height: 1; color: #c1c1c1; font-size: .6em; font-weight: normal;}
.irTop.zipBox .bottom { padding: 10px;}
.irTop.zipBox .bottom p { line-height: 1.2; margin: 0 0 10px 0;}
.irTop.zipBox .bottom .dlBtnWrap { ;}
.irTop.zipBox .dlBtn { ;}
.irTop.zipBox .bottom .listWrap { margin: 0 0 0 .5%; ;}
.irTop.zipBox .bottom .listWrap li { padding: 0 5px; display: block; vertical-align: top; margin: 0 0 10px 0;}
.irTop.zipBox .bottom .listWrap li a { display: block; background: #FFF; padding: 10px; border-bottom: 1px solid #EFEFEF;}
.irTop.zipBox .bottom a:hover, .ranking li:hover, .ranking li:hover a { background: #00A13A!important; color: #FFF!important;}
.irTop.zipBox { width: 72%; float: left; margin-top: 0;}
.ranking { width: 27%; float: right; background: #f9f9f9; ;}
.entryBody .ranking h3 { font-size: 1.5em; margin: 0; border: 0; padding: 10px 10px 10px 10px; color: #333; font-weight: bold; border-bottom: 2px solid #00A13A; border-left: none;}
.ranking h3 svg, .ranking h3 svg g, .ranking h3 svg rect, .ranking h3 svg polygon { fill: #00A13A!important;}
.ranking .inner { padding: 10px;}
.ranking ul { margin: 20px 0;}
.ranking li { display: block; margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px solid #EFEFEF; background: #FFF;}
.ranking li span { display: inline-block; padding: 2px 7px; text-align: center; margin: 0 5px 0 0;}
.ranking li.rank1 { border-bottom: 3px solid #f5b93d;}
.ranking li.rank2 { border-bottom: 2px solid #b9cbd4;}
.ranking li.rank3 { border-bottom: 2px solid #c0957c;}
.ranking li span svg { margin: 0 1px 0 0;}
.bottom:after { content: ""; display: block; clear: both;}


@media screen and (max-width: 640px) {
.underBody #wrap.c2 #main { float: none; width: auto;}
.underBody #wrap.c2 #side { display: none;}
.irTop.zipBox .bottom p { font-size: .9em;}
.irTop.zipBox .top h3 { background-size: 12% auto;}
.irTop.zipBox .bottom { padding: 5px;}
.irTop.zipBox .bottom .dlBtnWrap { width: 100%; float: none; padding: 0; border-right: none; margin: 0 0 30px 0;}
.irTop.zipBox .bottom .listWrap { margin: 0; width: 100%; float: none;}
.irTop.zipBox .bottom .listWrap li { display: block; padding: 0; width: 100%; vertical-align: top; margin: 0 0 5px 0;}
.irTop.zipBox .dlBtn { text-align: center;}
.irTop.zipBox { width: 100%; float: none; margin: 0 0 20px 0;}
.irTop.zipBox .listWrap { padding: 10px;}
.ranking { width: 100%; float: none;}
.irTop.zipBox .top h3, .irTop.zipBox .top .dlBtn { display: block; width: 100%;}
.irTop.zipBox .top .dlBtn { padding: 0; text-align: left; margin: 30px 0 0 0;}
}




/* 2018 11 add  WQ */
#srchBox { display: inline-block;}
#srchBox #srch { padding: 5px 0 0 0!important; white-space: normal!important; display: inline-block;}
#srchBox #srchInput { margin: 0!important; border: 1px solid #dddddd; line-height: 1.4; background: #f9f9f9;}
#srchBox #srch #srchForm { white-space: normal!important; display: inline-block;}
#srchBox #srchBtn { display: none;}
#srchBox { width: auto!important; border: none!important;}
#srchBox #srchLogo { margin: 5px 0 0 0!important;}
#srchBox #srchLogo a { color: #dfdfdf!important;}
#srchBox #srchLogo { font-size: .7em; margin: 1px 0 0 0; line-height: .5;}
#srchForm { position: relative; display: inline-block; top: 0;}
#srchForm:after { position: absolute; font-family: FontAwesome; content: "\f002"; color: #666; font-size: 1em; top: 6px; left: 6px; display: inline-block; width: 20px; height: 20px;}
#srchInput { padding: 3px 0 3px 20px!important;}
#header aside { width: auto;}
#side .ranking {
	margin: 20px 0 0 0;
	width: 100%;
	float: none;
}

#side .ranking h3 {
    font-size: 1.2em;
    margin: 0;
    border: 0;
    padding: 10px 10px 10px 10px;
    color: #333;
    font-weight: bold;
    border-bottom: 2px solid #00A13A;
    border-left: none;
}


@media screen and (max-width: 640px) {
#header { height: auto; margin-bottom: 15px;}
#header h1, #header aside { float: none; width: 100%;}
#header h1, #header .contact, #header .english { position: static;}
#header aside { padding: 0 5px; margin: 10px 0 0 0; display: none;}
#header aside a { display: inline-block; vertical-align: middle; float: left;}
#header aside > div { display: inline-block; vertical-align: middle; float: right;}
#srchBox { width: 150px!important;}
#srchBox #srchInput { width: 100%!important;}
#srchBox #srch { padding: 0!important;}
}


/* 20250416 Header CSS */

.navGroup { 
    padding: 0;
    max-width: 980px;
    margin: 0 auto;
    min-width: 100%;
    margin: 0 auto;
  }



.navBlock.nav {
list-style: none;
    display: flex;
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 90%;
    z-index: 1001;
    justify-content: space-between;
}

.navBlock.nav > li {
  flex: 1;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.navBlock.nav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;       /* full height of li */
  text-decoration: none;
  color: #000;
  border-bottom: 2px solid transparent;
}

.navBlock.nav > li > a.active,
.navBlock.nav > li > a:hover {
  border-bottom: 2px solid #00A23B;
}

.navBlock.nav > li > a > img{
  height: 57px;
}

.btnNav { display: inline-block; }

.btnNav > a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  position: relative;
}

.btnNav > a::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s;
}

/*.btnNav:hover > a::after {
  border-color: #00a13a;
}*/

.dropCont {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #d9f4e3;
  color: #000;
  width: 100%;
  z-index: 1000;
  padding: 2em 1em;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  font-size: 13px;
}

.btnNav:hover .dropCont,
.btnNav.show .dropCont {
  display: block;
}

.contWrap {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
}

.contBox.is-left { width: 25%; }

.contBox.is-right {
   width: 75%;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
}

.btnImgTxt a {
  display: block;
  text-align: center;
  color: inherit;
  text-decoration: none;
}
/*
.btnImgTxt .img img {
  max-width: 100%;
  height: auto;
}*/

/* === PARENT MENU: Use flex to align arrow, text, underline === */
.contBox.is-right > .btnTxt {
  align-items: center;
  position: relative;
  width: calc((100%) / 3);
}

/* PARENT LINK */
.contBox.is-right > .btnTxt > a {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.3em 0;
  padding-left: 1.8em;
  color: #000;
  text-decoration: none;
  transition: color 0.3s, border-color 0.3s;
  height: 100%
  /* no border-bottom here */
}

/* PARENT LINK */
.contBox.is-right > .btnTxt > .toggleWrap > a {
    flex: 1;
    display: flex;
    align-items: center;
    color: #000;
    text-decoration: none;
    transition: color 0.3s, border-color 0.3s;
    height: 60px;
    width: 86%;
    border-bottom: 1px solid lightgray !important;
}

/* === CHILD MENU: Keep as block layout === */
.childBtnTxt {
  display: block !important;
  width: calc((100%) / 3);
  box-sizing: border-box;
  padding-left: 2.2em;
  margin: 0;
  background: #fff;
  height: 2.5em;
  align-content: center;
}

.childBtnTxt a {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: left;
}

.btnTxt a span {
  word-break: break-word;
  white-space: normal;
}


/* Parent highlight on hover or show */
.btnTxt a:hover {
  background: #fff;
}

.btnTxt a:hover span {
  color: #00a13a;
}

.btnTxt a:hover span::before {
  border-left-color: #00a13a;
}

.toggleWrap:hover > a {
  background: #fff;
}

.toggleWrap:hover > a > span {
  color: #00a13a;
}

.toggleWrap:hover > a > span::before {
  border-left-color: #00a13a;
}

.btnTxt.show a {
  background: #fff;
}

.btnTxt.show a > span {
  color: #00a13a;
}

.btnTxt.show a > span::before {
  border-left-color: #00a13a;
}

.btnTxt > a > span {
  position: relative;
  display: inline-block;
  padding-left: 0.5em;
  color: inherit;
}

.btnTxt > a > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8em;
  transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 6px solid #000;
}

.btnTxt:hover .openBtn span,
.btnTxt.show .openBtn span {
  background: #000;
}

.btnTxt:hover a > span::before,
.btnTxt.show a > span::before {
  border-left-color: #00a13a;
}

.toggleWrap {
  position: relative;
  z-index: auto;
  flex: 1;
}

.toggleWrap > a {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
  z-index: 2;
  padding-left: 1.8em;
}

.toggleWrap > a > span {
  position: relative;
  display: inline-block;
  padding-left: 0.5em;
  color: inherit;
  text-align: left;
}

.toggleWrap > a > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8em;
  transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 6px solid #000;
}

.openBtn {
  position: absolute;
  top: 50%;
  left: 72%;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 2;
}

.openBtn span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #000;
  transform: translate(-50%, -50%);
}

.openBtn span:nth-child(2) {
  color: #000;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}

.btnTxt.show .openBtn span:nth-child(2) {
  color: #000;
  transform: translate(-50%, -50%) rotate(0deg);
}

/* === CHILD MENU === */

.childMenu {
  display: none;
  flex-wrap: wrap;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  padding: 10px 0 10px 0;
}

.btnTxt.show .childMenu {
  display: flex;
}

/* Child menu text default (black) */
.childMenu .childBtnTxt a > span {
  color: #000;
}

/* Hover effect only per individual item */
.childMenu .childBtnTxt:hover a > span {
  color: #00a13a;
}

/* Prevent global highlight */
.childMenu .childBtnTxt a > span::before {
  content: "";
  display: inline-block;
  border: none;
  visibility: hidden;
}

.childMenu .childBtnTxt:hover,
.childMenu .childBtnTxt:focus-within {
  background: #fff;
}

@media (hover: none) {
  .btnNav:hover .dropCont {
    display: none !important;
  }
}

.navCroppedImgBox {
  width: 175px;
  height: 120px; /* or auto/whatever you need */
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 0 !important;
}

.navCroppedImgBox .navCroppedImg {
  display: block;
  position: relative;
  width: auto;             /* allow full natural width */
  max-width: none;         /* prevent shrinking */
  height: 90px;
}


@media screen and (max-width: 640px) {
.navGroup {display: none; }
} /* @media */