@charset "utf-8";

#AreaHeaderCopy {
  height:50px;
}
#AreaHeaderCopy span {
  display:block;
  padding:15px 0 0 0;
  font-size:15px;
  line-height:1.0em;
  text-align:center;
}

#sp_global,
#sp_header_btn {
  display:none;
}

#BoxGlobal {
  padding:60px 0 40px;
}
#BoxGlobal ul {
  list-style:none;
  background-image:url("../img/icon_global.png");
  background-repeat:no-repeat;
  background-position:center right;
  background-size:14px 14px;
}
#BoxGlobal ul li {
  float:left;
  padding-left:14px;
  list-style:none;
  background-image:url("../img/icon_global.png");
  background-repeat:no-repeat;
  background-position:center left;
  background-size:14px 14px;
}
#BoxGlobal ul li a {
  display:block;
  padding:12px 0;
  width:196px;
  font-size:24px;
  text-align:center;
  background:#fff;
  text-decoration:none;
  color:#000;
  border-bottom:1px solid #fff;
}
#BoxGlobal ul li a:hover {
  border-bottom:1px solid #036eb8;
}
#BoxGlobal ul li a span {
  display:block;
  font-size:14px;
}
#BoxGlobal ul li a#menu_top {
  width:120px;
}

.BoxContent {
  padding:20px 20px 0;
}

#AreaFooter {
  padding-top:340px;
  background:#fff url("../img/bg_footer.jpg") repeat-x center bottom;
}


#BoxFooterGlobal {
  padding:60px 230px 60px;
}
#BoxFooterGlobal ul {
  list-style:none;
  background-image:url("../img/icon_footer_global.png");
  background-repeat:no-repeat;
  background-position:center right;
  background-size:14px 14px;
}
#BoxFooterGlobal ul li {
  float:left;
  padding-left:14px;
  list-style:none;
  background-image:url("../img/icon_footer_global.png");
  background-repeat:no-repeat;
  background-position:center left;
  background-size:14px 14px;
}
#BoxFooterGlobal ul li a {
  padding:12px 20px;
  font-size:15px;
  text-align:center;
  text-decoration:none;
  color:#000;
}
#BoxFooterGlobal ul li a:hover {
  opacity:0.5;
}

#BoxFooterMenu {
  padding-bottom:40px;
}
#BoxFooterMenu ul {
  list-style:none;  
}
#BoxFooterMenu ul li {
  float:left;
  list-style:none;  
}
#BoxFooterMenu ul li p {
  width:250px;
  height:50px;
  text-indent:-9999px;
  background:url("../img/footer_logo.png") no-repeat 0 0;
  background-size:250px 50px;
}
#BoxFooterMenu ul li span {
  display:block;
  padding:5px 0 10px 50px;
  font-size:15px;
  line-height:1.4em;
}
#BoxFooterMenu ul li.right {
  float:right;
  padding:0 3px;
}
#BoxFooterMenu ul li.right span {
  padding:0 0 10px 0;
  font-size:13px;
  text-align:center;
}
#BoxFooterMenu ul li.right a {
  display:block;
  width:240px;
  height:50px;
  text-indent:-9999px;
}
#BoxFooterMenu ul li.right a#btnFooterTel {
  background:url("../img/btn_footer_tel.png") no-repeat 0 0;
  background-size:240px 50px;
}
#BoxFooterMenu ul li.right a#btnFooterContact {
  background:url("../img/btn_footer_contact.png") no-repeat 0 0;
  background-size:240px 50px;
}
#BoxFooterMenu ul li.right a:hover {
  opacity:0.75;
}

#BoxFooterCopy {
  background:#999;
  opacity:0.75;
}
#BoxFooterCopy span {
  display:block;
  padding:15px 0;
  color:#fff;
  text-align:center;
  line-height:1.0em;
}

#AreaSubHeader {
  padding-top:20px;
  padding-bottom:30px;
  border-bottom:dotted 1px #ccc;
}
#AreaSubHeader ul {
  list-style:none;  
}
#AreaSubHeader ul li {
  float:left;
  list-style:none;  
}
#AreaSubHeader ul li a.logo {
  display:block;
  width:250px;
  height:50px;
  text-indent:-9999px;
  background:url("../img/footer_logo.png") no-repeat 0 0;
  background-size:250px 50px;
  text-indent:-9999px;
}
#AreaSubHeader ul li.right {
  float:right;
  padding:0 3px;
}
#AreaSubHeader ul li.right a {
  display:block;
  width:240px;
  height:50px;
  text-indent:-9999px;
}
#AreaSubHeader ul li.right a#btnFooterTel {
  background:url("../img/btn_footer_tel.png") no-repeat 0 0;
  background-size:240px 50px;
}
#AreaSubHeader ul li.right a#btnFooterContact {
  background:url("../img/btn_footer_contact.png") no-repeat 0 0;
  background-size:240px 50px;
}
#AreaSubHeader ul li.right a:hover {
  opacity:0.75;
}
#AreaSubHeader ul li.spmenu {
  display:none;
}

a[href^="tel:"] {
  pointer-events: none;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#BoxGlobal,
#BoxFooterGlobal {
  display:none;
}

#AreaHeaderCopy {
  height:auto;
}
#AreaHeaderCopy span {
  display:block;
  padding:9px 12px;
  font-size:12px;
  line-height:1.3em;
  text-align:center;
}

#BoxFooterMenu ul li,
#BoxFooterMenu ul li.right {
  float:none;
  padding:0;
  text-align:center;
}

#BoxFooterMenu ul li.right {
  position:relative;
}


#AreaFooter {
  padding-top:50px;
  background-size:cover;
}
#BoxFooterMenu ul li,
#BoxFooterMenu ul li.right {
  padding-bottom:20px;
}
#BoxFooterMenu ul li p {
  margin:0 auto;
}
#BoxFooterMenu ul li span {
  padding:5px 0 10px;
  font-size:15px;
  line-height:1.4em;
}
#BoxFooterMenu ul li a {
  margin:0 auto;
}

#AreaSubHeader ul li {
}
#AreaSubHeader ul li a.logo {
  display:block;
  margin:0 10px;
  width:225px;
  height:45px;
  text-indent:-9999px;
  background-size:225px 45px;
}
#AreaSubHeader ul li.right {
  display:none;
}
#AreaSubHeader ul li.spmenu {
  float:right;
  position:relative;
  display:block;
  width:60px;
}
#AreaSubHeader ul li.spmenu p {
  margin:0 10px;
  width:45px;
  height:45px;
  background:#f00;
}



#sp_header_btn {
  position:absolute;
  display:block;
  top:0;
  right:0;
  padding:10px 12px 0 0;
}
#sp_global {
  display:none;
  padding:5px 0;
  width:100%;
  background:#0059b2;
}
#sp_global ul {
  padding:10px 10px 20px 10px;
  list-style:none;
}
#sp_global ul li {
  list-style:none;
}
#sp_global ul li a {
  display:block;
  padding:15px 15px;
  font-size:16px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#0059b2;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
#sp_global ul li a#sp_menu1 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#sp_global ul li a#sp_menu2,
#sp_global ul li a#sp_menu3,
#sp_global ul li a#sp_menu4 {
}
#sp_global ul li a#sp_menu1.on,
#sp_global ul li a#sp_menu2.on,
#sp_global ul li a#sp_menu3.on,
#sp_global ul li a#sp_menu4.on,
#sp_global ul li a#sp_menu5.on {
  background:#f60;
}
#sp_global ul li a#sp_menu6 {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom:1px solid #ccc;
}
#sp_global a#sp_close_btn {
  display:block;
  margin:0 auto;
  width:65px;
  height:16px;
  color:#fff;
  background:url("../img/sp_close_btn.png") no-repeat center center;
  background-size:65px 16px;
  text-indent:-9999px;
}
.tcon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
.tcon > * {
  display: block;
}
.tcon:hover, .tcon:focus {
  outline: none;
}
.tcon::-moz-focus-inner {
  border: 0;
}
.tcon-menu__lines {
  display: inline-block;
  height: 5.71429px;
  width: 40px;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: black;
  position: relative;
}
.tcon-menu__lines::before, .tcon-menu__lines::after {
  display: inline-block;
  height: 5.71429px;
  width: 40px;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: black;
  content: '';
  position: absolute;
  left: 0;
  -webkit-transform-origin: 2.85714px center;
  transform-origin: 2.85714px center;
  width: 100%;
}
.tcon-menu__lines::before {
  top: 10px;
}
.tcon-menu__lines::after {
  top: -10px;
}
.tcon-transform .tcon-menu__lines {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}
.tcon-menu--xcross {
  width: auto;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
  background: transparent;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 40px;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

a[href^="tel:"] {
  pointer-events: auto;
}


}