@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: inline-block; }

input, button {
  -webkit-appearance: none; }

a {
  color: #333;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

/* =================================
Common
================================= */
body {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  letter-spacing: 0.1em;
  font-family: "a-otf-futo-min-a101-pr6n", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuMincho, '游明朝', "HG明朝E", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
  -webkit-text-size-adjust: 100%; }

.clear {
  clear: both; }

.inner {
  padding: 0 10px;
  width: calc(100% - 20px);
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden; }

.container {
  position: relative; }

.section {
  padding: 25px 0 0; }

.tit-section {
  font-size: 175%;
  font-weight: normal;
  color: #1e81a0;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.3; }

@media (min-width: 737px) {
  .inner {
    padding: 0;
    width: 100%; }

  .section {
    padding: 50px 0 0; }

  .tit-section {
    font-size: 200%;
    margin-bottom: 20px; } }
/* =================================
Header
================================= */
.header-fixed {
  position: fixed;
  width: 100%;
  z-index: 2; }

.header {
  background: #FFF; }
  .header .inner {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); }

.header-logo {
  float: left;
  width: calc(161px * 0.6);
  display: block;
  margin: 10px 0; }

.header-right {
  float: right; }
  .header-right .txt-tel {
    display: none; }
  .header-right .btn-menu {
    width: 21px;
    cursor: pointer;
    margin: 10px 0; }

@media (min-width: 737px) {
  .header-fixed {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    position: relative; }

  .header .inner {
    box-shadow: none; }

  .header-logo {
    width: 161px;
    margin: 15px 0; }

  .header-right {
    float: right;
    text-align: right; }
    .header-right .txt-tel {
      overflow: hidden;
      display: block;
      margin: 20px 0 0; }
    .header-right .txt-tel-dl {
      display: table;
      float: right;
      margin: 0 0 5px; }
    .header-right .txt-tel-dt, .header-right .txt-tel-dd {
      display: table-cell;
      vertical-align: middle; }
    .header-right .txt-tel-dt {
      font-size: 110%;
      padding-right: 20px; }
    .header-right .txt-tel-dd {
      font-family: "Times New Roman", Times, "Lusitana", "serif";
      font-size: 150%;
      background: url(../img/common/ico_tel_01.png) no-repeat left center;
      background-size: 19px auto;
      padding-left: 25px; }
    .header-right .txt-attention {
      clear: both;
      display: block;
      font-size: 65%;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      letter-spacing: normal; }
    .header-right .btn-menu {
      display: none; } }
/* =================================
Nav Groval
================================= */
.nav-global {
  display: none;
  background: #FFF;
  text-align: left;
  padding: 0 0 1px; }
  .nav-global.open {
    display: block;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); }
    .nav-global.open .bg-global {
      background: rgba(255, 255, 255, 0.8);
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      z-index: 1; }
  .nav-global .inner {
    padding: 0;
    width: 100%;
    border-top: 1px solid #dcdcdc;
    position: relative;
    z-index: 2; }
  .nav-global .btn-close {
    font-family: "Times New Roman", Times, "Lusitana", "serif";
    text-align: center;
    padding: 10px;
    border: 1px solid #333;
    margin: 15px auto;
    width: 40%;
    cursor: pointer;
    position: relative;
    z-index: 2; }
  .nav-global .nav-in {
    border-bottom: 1px solid #dcdcdc; }
  .nav-global .link-global {
    display: block;
    padding: 10px;
    background: url(../img/common/arrow_blue_01.png) no-repeat calc(100% - 10px) center;
    background-size: 10px auto; }
    .nav-global .link-global .txt-en {
      display: none; }

@media (min-width: 480px) {
  .nav-global .nav-in {
    float: left; }
    .nav-global .nav-in:nth-child(2n-1) {
      border-right: 1px solid #dcdcdc;
      width: calc(50% - 1px); }
    .nav-global .nav-in:nth-child(2n) {
      width: 50%; } }
@media (min-width: 737px) {
  .nav-global {
    display: block;
    text-align: center;
    letter-spacing: normal; }
    .nav-global.open .bg-global, .nav-global .bg-global {
      display: none; }
    .nav-global.fixed {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
      margin-bottom: 10px; }
      .nav-global.fixed .link-global {
        padding: 5px 0; }
    .nav-global .inner {
      border-top: none;
      border-left: 1px solid #d2d2d2; }
    .nav-global .btn-close {
      display: none; }
    .nav-global .nav-in {
      border-bottom: none;
      border-right: 1px solid #dcdcdc; }
      .nav-global .nav-in:nth-child(2n-1), .nav-global .nav-in:nth-child(2n) {
        width: calc((100% - 1px) / 6 - 1px); }
    .nav-global .link-global {
      padding: 0 0 5px;
      background: none; }
      .nav-global .link-global .txt-en {
        display: block;
        color: #1e8baa;
        font-size: 75%;
        font-family: "goldenbook", serif; } }
/* IE10 */
@media all and (-ms-high-contrast: none) {
  .link-global {
    background: url(../img/common/arrow_blue_01.png) no-repeat 98% center; } }
/* IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .link-global {
    background: url(../img/common/arrow_blue_01.png) no-repeat 98% center; } }
/* EDGE */
_:-ms-lang(x), _::-webkit-meter-bar, .link-global {
  background: url(../img/common/arrow_blue_01.png) no-repeat 98% center; }

/* =================================
Contents
================================= */
.contents {
  text-align: left;
  position: relative;
  z-index: 1; }

/* =================================
Area Contact
================================= */
.area-contact {
  text-align: center;
  padding: 0 0 25px; }
  .area-contact .tit-section {
    color: #333; }
  .area-contact .box-contact {
    border: 2px dotted #1e81a0;
    padding: 15px 10px 20px;
    max-width: 520px;
    margin: 0 auto; }
    .area-contact .box-contact dl {
      margin-bottom: 20px; }
      .area-contact .box-contact dl dt {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4em; }
      .area-contact .box-contact dl dd {
        font-size: 230%;
        line-height: 1.3em;
        font-family: "Times New Roman", Times, "Lusitana", "serif"; }
        .area-contact .box-contact dl dd:last-child {
          font-size: 80%;
          margin-top: 5px; }
      .area-contact .box-contact dl dd.ico_tel {
        background: url(../img/common/ico_tel_01.png) no-repeat 24.5% center;
        background-size: 21px auto;
        padding-left: 0.7em;
        display: block; }
      .area-contact .box-contact dl dd.ico_fax {
        background: url(../img/common/ico_fax_01.png) no-repeat 32.5% center;
        background-size: 20px auto;
        padding-left: 1.3em;
        display: block;
        font-size: 24px; }
  .area-contact .btn-tel, .area-contact .txt-tel {
    font-family: "Times New Roman", Times, "Lusitana", "serif"; }
  .area-contact .btn-tel {
    display: block;
    font-size: 200%;
    margin: 0 0 10px; }
    .area-contact .btn-tel .btn-in {
      background: url(../img/common/ico_tel_01.png) no-repeat left center;
      background-size: auto 100%;
      padding: 0 0 0 40px; }
  .area-contact .txt-tel {
    display: none; }
  .area-contact .txt-attention {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0;
    font-size: 80%;
    margin: 0 0 15px; }
  .area-contact .btn-mail {
    display: block;
    padding: 10px;
    color: #FFF;
    background: #cc8637; }
    .area-contact .btn-mail .btn-in {
      background: url(../img/common/ico_mail_01.png) no-repeat left center;
      background-size: 25px auto;
      padding-left: 35px;
      font-size: 120%; }

@media (min-width: 737px) {
  .area-contact {
    text-align: center;
    padding: 20px 0 70px; }
    .area-contact .box-contact {
      padding: 15px 0 25px; }
    .area-contact .btn-tel {
      display: none; }
    .area-contact .txt-tel {
      display: inline-block;
      font-size: 250%;
      background: url(../img/common/ico_tel_01.png) no-repeat left center;
      background-size: 31px auto;
      padding: 0 0 0 40px;
      margin: 0 0 20px; }
    .area-contact .txt-attention {
      margin: 0 0 30px;
      line-height: 2.0; }
      .area-contact .txt-attention span br {
        display: none; }
    .area-contact .btn-mail {
      max-width: 407px;
      margin: 0 auto;
      padding: 15px 0; } }
@media (max-width: 737px) {
  .area-contact .box-contact dl {
    margin-bottom: 25px; }
    .area-contact .box-contact dl dt {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-size: 16px;
      margin-bottom: 15px; }
    .area-contact .box-contact dl dd {
      font-size: 27px;
      line-height: 1.1em; }
      .area-contact .box-contact dl dd:last-child {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-size: 11px;
        margin-top: 10px; }
    .area-contact .box-contact dl dd.ico_tel {
      display: none;
      padding-left: 1.1em; }
    .area-contact .box-contact dl dd.ico_fax {
      padding-left: 1.7em;
      display: inline-block;
      background: url(../img/common/ico_fax_01.png) no-repeat 0% center;
      background-size: 21px auto;
      font-size: 20px; }
    .area-contact .box-contact dl .btn-tel {
      font-size: 20px; }
      .area-contact .box-contact dl .btn-tel .btn-in {
        font-size: 27px;
        font-family: "Times New Roman", Times, "Lusitana", "serif";
        padding-left: 1.2em;
        background-size: 18px auto; }

  /*ATTENTION*/
  	/*.area-contact .box-contact dl {
    margin-bottom: 25px; }
    .area-contact .box-contact dl dt {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-size: 16px;
      margin-bottom: 15px; }
    .area-contact .box-contact dl dd {
      font-size: 27px;
      line-height: 1.1em; }
    .area-contact .box-contact dl dd:last-child {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-size: 11px;
        margin-top: 10px; }
    .area-contact .box-contact dl dd.ico_tel {
      display: none; }
    .area-contact .box-contact dl .btn-tel {
      font-size: 20px; }
    .area-contact .box-contact dl .btn-tel .btn-in {
        font-size: 27px;
        font-family: "Times New Roman", Times, "Lusitana", "serif";
        padding-left: 1.2em;
        background-size: 18px auto; }
    .area-contact .box-contact dl dd.ico_tel {
      padding-left: 1.1em; }
    .area-contact .box-contact dl dd.ico_fax {
      padding-left: 1.8em;
      display: inline-block;
      background: url(../img/common/ico_fax_01.png) no-repeat 0% center;
      background-size: 25px auto; 
			font-size: 20px;}*/
  /*/ATTENTION*/ }
/* =================================
Footer
================================= */
.footer {
  letter-spacing: normal;
  padding-bottom: 75px; }
  .footer .footer-top {
    background: #1e81a0;
    color: #FFF;
    font-size: 80%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 15px 0;
    text-align: left; }
  .footer .footer-logo {
    display: block;
    margin: 0 0 15px;
    max-width: 332px; }
  .footer .txt-address {
    margin: 0 0 20px; }
    .footer .txt-address span span {
      display: none; }
  .footer .txt-time {
    display: table;
    margin-bottom: 15px; }
  .footer .txt-time-dt, .footer .txt-time-dd {
    display: table-cell;
    vertical-align: middle; }
  .footer .txt-time-dt {
    border: 1px solid #FFF;
    width: 6.0em;
    text-align: center; }
  .footer .txt-time-dd {
    padding: 5px 0 5px 10px; }
  .footer .footer-sitemap {
    margin: 20px 0 0; }
  .footer .list-link {
    display: table;
    width: 100%;
    margin: 0 0 10px;
    table-layout: fixed; }
  .footer .list-link-item {
    display: table-cell; }
    .footer .list-link-item:first-child {
      width: 25%; }
    .footer .list-link-item:nth-child(2) {
      width: 40%; }
    .footer .list-link-item:last-child {
      width: 35%; }
  .footer .link-sitemap {
    color: #FFF; }
    .footer .link-sitemap:before {
      content: "-";
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.5em 0 0; }
    .footer .link-sitemap:hover {
      text-decoration: underline; }
  .footer .footer-bottom {
    padding: 20px 0; }
  .footer .txt-copyright {
    font-size: 75%;
    color: #666;
    font-family: Arial, Helvetica, "sans-serif"; }
  .footer .btn-page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 3;
    width: 80px; }

@media (min-width: 375px) {
  .footer .txt-address span br {
    display: none; }
  .footer .txt-address span span {
    display: inline; } }
@media (min-width: 480px) {
  .footer .list-link-item:first-child {
    width: 30%; }
  .footer .list-link-item:nth-child(2) {
    width: 38%; }
  .footer .list-link-item:last-child {
    width: 32%; } }
@media (min-width: 737px) {
  .footer {
    padding-bottom: 70px; }
    .footer .footer-top {
      padding: 40px 0; }
    .footer .footer-logo {
      margin: 0 0 25px; }
    .footer .footer-info {
      float: left; }
    .footer .footer-sitemap {
      float: right;
      margin: 0;
      width: 445px;
      overflow: hidden; }
    .footer .list-link {
      display: block;
      margin: 0;
      width: auto;
      table-layout: auto;
      float: left; }
      .footer .list-link:nth-child(2) {
        margin: 0 55px; }
      .footer .list-link:last-child {
        float: right; }
    .footer .list-link-item {
      display: block;
      margin: 0 0 15px; }
      .footer .list-link-item:first-child, .footer .list-link-item:nth-child(2), .footer .list-link-item:last-child {
        width: 100%; }
    .footer .link-sitemap {
      color: #FFF; }
      .footer .link-sitemap:before {
        content: "-";
        display: inline-block;
        vertical-align: middle;
        margin: 0 0.5em 0 0; }
      .footer .link-sitemap:hover {
        text-decoration: underline; }
    .footer .btn-page-top {
      bottom: 15px;
      right: 15px;
      width: 100px; } }
