@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url("../../../netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");
@media only screen and (max-width: 640px) {
/*============================
#header
============================*/
#header { min-width: inherit; }

/*============================
#headerPC
============================*/
#header #headerPC { display: none; }
/*============================
#headerSP
============================*/
#headerSP { display: block; position: relative; height: 70px; z-index: 999;  min-width: 100%; }
#headerSP .menu { position: absolute; display: inline-block; right: 20px; top: 45px; font-size: 10px!important; z-index: 9999; color: #dca500; }
#headerSP .first { text-align: left; padding: 20px; }
#headerSP .first .logo { text-align: center; }
#headerSP .first .logo a {}
#headerSP .first .logo a img { height: 30px; }
#headerSP .drawer-hamburger { position: absolute; width: 25px; padding: 28px 22px 20px; }
#headerSP .drawer-hamburger-icon { height: 3px; margin-top: 0; background-color: #dca500; }
#headerSP .drawer-hamburger-icon:after { height: 3px; margin-top: -2px; background-color: #dca500; }
#headerSP .drawer-hamburger-icon:before { height: 3px; margin-top: 2px; background-color: #dca500; }
.drawer-open #header #headerSP .drawer-hamburger { right: 0; }
.drawer-open #headerSP .drawer-hamburger-icon { height: 3px; margin-top: 0; background-color: transparent; }
.drawer-open #header #headerSP .drawer-hamburger-icon:after { height: 3px; margin-top: 0; }
.drawer-open #header #headerSP .drawer-hamburger-icon:before { height: 3px; margin-top: 0; }
.drawer-open .drawer-overlay { z-index: 998; margin-top: 70px; }
#headerSP .drawer-nav { background-color: #fafafa; z-index: 99999; margin-top: 70px; }
#headerSP .drawer-nav .anniversary { margin: 20px; }
#headerSP .drawer-nav .drawer-menu { border-top: solid 1px #ddd;  }
#headerSP .drawer-nav .drawer-menu li {}

#headerSP .drawer-nav .drawer-menu li div.languageBox_sp {display: flex; justify-content: center; padding-top: 0px; padding-bottom: 0px; border-bottom: solid 1px #ddd;}
#headerSP .drawer-nav .drawer-menu li div.languageBox_sp div.japanese_sp a {border-bottom:none; color: #999;  }
#headerSP .drawer-nav .drawer-menu li div.languageBox_sp div.english_sp a {border-bottom:none; }

#headerSP .drawer-nav .drawer-menu li a { display: block; text-align: left; border-bottom: solid 1px #ddd; padding: 12px 18px; text-transform: inherit; font-size: 0.875em; background-size: 8px auto; color: #555; }
#headerSP .drawer-nav .drawer-menu li a:after { content: "\f105"; font-family: FontAwesome; position: absolute;right: 20px; }
#headerSP .drawer-nav .drawer-menu li:last-child a:after { content: none; }
#headerSP .drawer-nav .drawer-menu li:first-child a:after { content: none; }
#headerSP .drawer-nav .drawer-menu li:first-child a { border-top: none; }
#headerSP .drawer-nav .drawer-menu li.contact { position: relative; border-bottom: none; padding: 8px 18px;  }
#headerSP .drawer-nav .drawer-menu li.contact a { padding: 8px 10px 8px 0;  }
/* #headerSP .drawer-nav .drawer-menu li.contact .phone { float: left; font-family: 'Roboto', sans-serif; font-size: 1.5em; padding-right: 25px; margin-right: 25px; border-right: #dca500 solid 1px; } */
#headerSP .drawer-nav .drawer-menu li.contact .phone a { color: #dca500; font-weight: normal; border-bottom: none; }
/* #headerSP .drawer-nav .drawer-menu li.contact .mail { float: left; } */
#headerSP .drawer-nav .drawer-menu li.contact .mail  { line-height: 1; vertical-align: middle; }
#headerSP .drawer-nav .drawer-menu li.contact .mail a { border: none; color: #dca500; line-height: 1; vertical-align: middle; font-weight: bold; }
#headerSP .drawer-nav .drawer-menu li.contact .mail img { width: 24px; margin-right: 5px;  padding-bottom: 2px; vertical-align: middle; }
#headerSP .drawer-nav .drawer-menu li.contact .bosyu a { border: none; color: #dca500; line-height: 1; vertical-align: middle; font-weight: bold; }
#headerSP .drawer-nav .drawer-menu li.contact .bosyu img { width: 24px; margin-right: 5px;  padding-bottom: 3px; vertical-align: middle; }
#headerSP .drawer-nav .drawer-menu li.contact .phone a { border: none; color: #dca500; line-height: 1; vertical-align: middle; font-weight: bold; }
#headerSP .drawer-nav .drawer-menu li.contact .phone img { width: 24px; margin-right: 5px;  padding-bottom: 0; vertical-align: middle; }
#headerSP button.drawer-toggle.drawer-hamburger {}
#headerSP button.drawer-toggle.drawer-hamburger span.sr-only {}
#headerSP button.drawer-toggle.drawer-hamburger span.drawer-hamburger-icon {}
#headerSP button.drawer-toggle.drawer-hamburger span.menu {}


/*============================
.container .contents
============================*/
.container { width: auto; min-width: inherit; }
.contents { width: auto; min-width: inherit; position: relative; }
.detail { margin-top: 30px; }

/*============================
#topPanelArea
============================*/
#topPanelArea { min-width: inherit; }
#topPanelArea .container { padding: 40px 0 30px; }
#topPanelArea .container .contents {}

/*============================
#topPanelAreaMini
============================*/
#topPanelAreaMini { min-width: inherit; }
#topPanelAreaMini .container { padding: 30px 0; }
#topPanelAreaMini .container .contents {}

/*============================
#contactArea
============================*/
#contactArea { margin-top: 30px; }
#contactArea .container {}
#contactArea .container .contents { width: 100%;  border: none; border-top: solid #dfdfdf 1px; border-bottom: solid #dfdfdf 1px; padding-top: 30px;}
/* #contactArea .container .contents ul { width: 100; margin: 0 auto; margin: 0 20px; padding: 0 0 30px; text-align: center; }
#contactArea .container .contents ul li { width: 100%; }
#contactArea .container .contents ul li:nth-child(n+2) { margin-top: 20px; padding: 14px 0 10px; box-sizing: border-box; border: 2px solid #dca500; }
#contactArea .container .contents ul li:last-child { margin-top: 10px; }
#contactArea .container .contents ul li .text { font-size: 0.875em; margin-left: 0; text-align: center; }
#contactArea .container .contents ul li .text br { display: none; }
#contactArea .container .contents ul li .mail { color: #dca500; width: 100%; border: none; height: auto!important; }
#contactArea .container .contents ul li .phone { color: #dca500; width: 100%; height: auto!important;  }
#contactArea .container .contents ul li img { height: 20px; margin-right: 10px; margin-top: -2px; }
#contactArea .container .contents ul li a {}
#contactArea .container .contents ul li a:hover {} */
#contactArea .container .contents .formBox { padding: 0 0 30px 0; }
#contactArea .container .contents .formBox .title { text-align: center; font-size: 1rem; font-weight: bold; }
#contactArea .container .contents .formBox .bigArrow { width: 45px; margin-top: 15px; margin-left: auto; margin-right: auto; }
#contactArea .container .contents .formBox .bigArrow img { width: 100%; }
#contactArea .container .contents .formBox .buttonBox { width: 100%; margin-top: 15px; margin-left: auto; margin-right: auto;background-color: #dca500; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex { display: flex; align-items: center; justify-content: center; padding: 18px 0; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex a { display: block; height: 60px; position: absolute; width: 100%; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex .mail {width: 22px; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex .mail img {width: 100%;}
#contactArea .container .contents .formBox .buttonBox .buttonFlex .text { margin-left: 15px; font-size: 1rem; color: #fff; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex .arrow { width: 7px; margin-left: 45px; padding-bottom: 4px; }
#contactArea .container .contents .formBox .buttonBox .buttonFlex .arrow img { width: 100%; }
#contactArea .container .contents .formBox .tel { margin-top: 20px; text-align: center; font-size: 1rem; font-weight: 500;}

/*============================
#contactLinksArea
============================*/

.mod-header-contactLinks {
  display: none;
}



/*============================
#pankuzuArea
============================*/
/*#pankuzuArea { display: none; }*/
#pankuzuArea ul {}
#pankuzuArea ul li {}
#pankuzuArea ul li a {}
#pankuzuArea ul li a:after {}
#pankuzuArea ul li span {}

/*============================
#topMsgArea
============================*/
#topMsgArea { margin-top: 40px; }
#topMsgArea br { display: none; }
#topMsgArea .container {}
#topMsgArea .container .contents {}
#topMsgArea .container .contents .textTitle { font-size: 1.125rem; font-weight: bold; }
#topMsgArea .container .contents .text { font-size: 0.875em; }
#topMsgArea .container .contents .images { margin-top: 30px; }
#topMsgArea .container .contents .images ul {}
#topMsgArea .container .contents .images ul li { float: left; margin-right: 2%; width: 32%; }
#topMsgArea .container .contents .images ul li.last { margin-right: 0; }
#topMsgArea .container .contents .images ul li img { width: 100%; }
#topMsgArea .container .contents .example { margin-top: 20px; }
#topMsgArea .container .contents .example ul li { float: inherit; width: inherit; margin-right: 0; padding: 20px; }
#topMsgArea .container .contents .example ul li:nth-child(2n) { margin-right: 0; margin-top: 20px; }
#topMsgArea .container .contents .example ul li .title { font-size: 1em; }
#topMsgArea .container .contents .example ul li .data { padding-top: 5px; }
#topMsgArea .container .contents .example ul li .data ul li { width: inherit; margin-right: 0; margin-left: 0; margin-top: 10px; font-size: 0.875em; }
#topMsgArea .container .contents .example ul li .data ul li:nth-child(2n) { width: inherit; margin-right: 0; margin-left: 0; }
#topMsgArea .container .contents .example ul li:nth-child(2n) .data ul li { width: inherit; margin-right: 0; margin-left: 0; }
#topMsgArea .container .contents .example ul li:nth-child(2n) .data ul li:nth-child(2n) { width: inherit; margin-left: 0; margin-right: 0; }

/*============================
#pageLink
============================*/
#pageLink {}
#pageLink .js_pageTop { width: 70px; height: 45.5px; }
#pageLink .js_pageTop a { width: 70px; height: 45.5px; background-size: 70px auto; }

/*============================
#footer
============================*/
#footer { background: none; margin-top: 0; padding-top: 30px; min-width: inherit;  }
#footer .container { width: auto; min-width: inherit; }
#footer .container .contents { margin: 0; position: inherit; width: auto; min-width: inherit; }
#footer .container .contents .bannerArea { margin: 0 20px; }
#footer .container .contents .bannerArea ul {}
#footer .container .contents .bannerArea ul li { width: 100%; text-align: center }
#footer .container .contents .bannerArea ul li:nth-child(2n) { margin-right: 0; }
#footer .container .contents .bannerArea ul li:last-child { margin-right: auto; margin-top: 15px; }
#footer .container .contents .bannerArea ul li a {}
#footer .container .contents .bannerArea ul li a img { width: 100%; }
#footer .container .contents .footerNav { background-color: #fafafa; margin-top: 30px; float: inherit; margin-right: 0; position: inherit; width: auto; }
#footer .container .contents .footerNav ul { border-bottom: solid 1px #ddd }
#footer .container .contents .footerNav ul li { float: inherit; position: inherit; }
#footer .container .contents .footerNav ul li:nth-child(1) { margin-right: 0; width: auto; }
#footer .container .contents .footerNav ul li:nth-child(2) { margin-right: 0; width: auto; }
#footer .container .contents .footerNav ul li:nth-child(3) { margin-right: 0; width: auto; }
#footer .container .contents .footerNav ul li:nth-child(4) { width: auto; }
#footer .container .contents .footerNav ul li a { font-weight: normal; font-size: 0.875em; margin-bottom: 0; padding: 15px 20px 13px; border-top: solid 1px #ddd; margin-top: 0; }
#footer .container .contents .footerNav ul li a:after { content: "\f105"; font-family: FontAwesome; position: absolute;right: 20px; }
#footer .container .contents .footerNav ul li a.child { border-top: dotted 1px #ddd; }
#footer .container .contents .footerNav ul li a.child:before { content: "┗"; margin-right: 5px; }

#footer .container .contents .contact { float: inherit; position: inherit; width: 210px; margin: 307px auto 0; }
#footer .container .contents .contact .text { font-size: 0.75em; margin: 0 20px; line-height: 1.5; text-align: center; }
#footer .container .contents .contact .phone { float: left; font-size: 1.25em; padding-right: 15px; margin: 10px 0 0 10px; text-align: center; }
#footer .container .contents .contact .phone a { color: #dca500; margin-bottom: 0; }
#footer .container .contents .contact .mail { float: left; margin: 9px 0 0 15px; }
#footer .container .contents .contact .mail a { margin-bottom: 0; }
#footer .container .contents .contact .mail a img { width: 30px; }

#footer .container .contents .banner { float: inherit; margin: 30px auto 0 auto; position: relative; width: 50%; text-align: center; }
#footer .container .contents .banner img { width: 100%; height: auto; }

#footer .container .contents .copyright { clear: both; font-size: 0.675em; line-height: 1.5; margin: 0 10px; padding: 20px 0 20px; text-align: center; }
#footer .container .contents .copyright br.none { display: inline; }
#footer .container .contents .copyright span {}
#footer .container .contents .copyright span:first-child { margin-left: 0; }
#footer .container .contents .copyright span.copy { display: block; margin: 10px 0 0; }

}