@charset "utf-8";

/*-----------------------------------------------------
RWD Style
------------------------------------------------------*/
.SP, .spHead { display: none; }
@media screen and (max-width:667px) {
.PC, .globalNav, .headIn { display: none; }
.SP { display: block; }

/* =========================================================
　◆Head
========================================================= */
.spHead { width: 100%; margin: 0 auto; display: block; height: 50px; position: relative; }
.spLogo { width: 150px; position: absolute; left: 15px; top: 10px; }
.icnMenu { width: 20px; position: absolute; right: 15px; top: 17px; }

/* =========================================================
　◆Gnav
========================================================= */
.spMenu .globalNav { display: block; font-size: 1.2rem; color: #005b3f; }
.spMenu .globalNav ul { width: auto; }
.spMenu .globalNav ul li { width:auto; float:none; text-align: left; border-left:none; border-top: 1px solid #ffffff; padding:0; }
.spMenu .globalNav ul li:last-child { border-right:none; border-bottom: 1px solid #ffffff; }
.spMenu .globalNav ul li a { display: block; padding: 13px 14px; }
#gnavPcWrap .globalNav ul li.SP { display: block; }

/* =========================================================
　◆spMenu
========================================================= */
#overlay { display: none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:10; }

.spMenu { display: block; width: 78.125%; background-color: #ebebeb; position:fixed; right:-78.125%; top:0; bottom:0; z-index:11; }
#searchSpWrap { padding: 14px 18px 12px 10px; }
#searchSpWrap .closeBtn { width: 14px; float: right; margin-top: 6px; }
#searchSpWrap .search { width: 90%; height: 25px; float:left; }
#searchSpWrap .search input[type="text"] { width: 83%; height: 25px; padding-left: 15px; }
#searchSpWrap .search input[type="submit"] { background: url(../images/spicn_search.png) center center no-repeat; width: 32px; height: 25px; -webkit-background-size: 14px auto; background-size: 14px auto; }

/* =========================================================
　◆Main
========================================================= */
#mainIn { width: 100%; }

/* =========================================================
　◆Foot
========================================================= */
.ftTerms { width: 100%; }
.ftInner { width: 100%; margin: 0; }
.ftTermsInner { padding: 0; }
.ftTermsL,
.ftTermsR { width: 100%; display: block; margin-right: 0; }

.ftTermsL p { font-size: 1rem; float: none; letter-spacing: 0.99px; width: 100%; border-bottom: 2px solid #f7f7f7; }
.ftTermsL p a { padding: 5.1% 4%; display: block; }

.ftTermsR p { font-size: 1rem; float: none; letter-spacing: 0.99px; width: 100%; line-height: 1.5; }
.ftTermsR p a { padding: 3% 4%; display: block; }
.ftCopyright p { color: #6f978c; text-align: center; font-size: 0.8rem; padding: 5% 4%; letter-spacing: 0.3px; }
}