@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
.font_color2 {
  color: #D96D00; }

.font_color3 {
  color: #774342; }

.attention {
  color: #cc0000; }

a:link {
  color: #376797; }
a:visited {
  color: rgba(55, 103, 151, 0.8); }
a:hover {
  color: rgba(55, 103, 151, 0.6); }

/*==================================================================
	共通extend用
===================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box; }

*::before, *::after {
  box-sizing: border-box; }

html {
  font-size: 68%; }

body {
  line-height: 1.6;
  font-family: "Noto Sans JP", "Yu Gothic", sans-serif;
  font-weight: 500;
  color: #010000; }

span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul, li {
  list-style: none; }

textarea, input, select {
  font-family: "Noto Sans JP", "Yu Gothic", sans-serif; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #376797;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s ease; }

a:hover {
  text-decoration: none;
  border-bottom: none;
  opacity: 0.7; }
  @media screen and (max-width: 767px) {
    a:hover {
      opacity: 1; } }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

img {
  vertical-align: bottom; }

sup {
  vertical-align: baseline;
  position: relative;
  top: -1ex; }

button {
  outline: none; }

body {
  font-size: 18px; }

h1.img {
  background: url("../../img/title.jpg") no-repeat top center #d7e1ea;
  height: 200px;
  padding-top: 50px;
  color: #fff;
  text-shadow: 0 0 10px #000;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
  line-height: 45px;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  margin-bottom: 35px; }
  @media screen and (max-width: 767px) {
    h1.img {
      height: 150px;
      background-size: auto 150px;
      padding: 10px;
      text-align: left;
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 1.6;
      margin-bottom: 15px;
      line-height: 30px; } }
  h1.img .en {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    font-family: "Zen Maru Gothic", sans-serif;
    letter-spacing: 3px; }
    @media screen and (max-width: 767px) {
      h1.img .en {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6; } }
  h1.img .sub {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      h1.img .sub {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6; } }

h2 {
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 1.6;
  line-height: 29px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: normal; }

h2.title {
  padding-top: 0px;
  padding-left: 31px;
  background: url("../../img/title_h2.png") no-repeat left center;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  color: #D96D00;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px; }

h3.title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", "Yu Gothic", sans-serif;
  color: #D96D00; }

p {
  margin-bottom: 1em; }
  p.center {
    text-align: center; }

dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    dl {
      display: block; } }
  dl dt {
    border-top: 1px solid #D96D00;
    padding: 10px 0;
    width: 200px; }
    @media screen and (max-width: 767px) {
      dl dt {
        width: 100%;
        border-top: 1px solid #D96D00;
        border-left: 10px solid #D96D00;
        border-right: 1px solid #D96D00;
        border-bottom: 1px solid #D96D00;
        padding-left: 10px; } }
    dl dt:first-child {
      border: none; }
      @media screen and (max-width: 767px) {
        dl dt:first-child {
          border-top: 1px solid #D96D00;
          border-left: 10px solid #D96D00;
          border-right: 1px solid #D96D00;
          border-bottom: 1px solid #D96D00; } }
      dl dt:first-child + dd {
        border: none; }
        @media screen and (max-width: 767px) {
          dl dt:first-child + dd {
            border-top: none; } }
  dl dd {
    border-top: 1px solid #ccd5b3;
    padding: 10px 0;
    width: calc(100% - 200px); }
    @media screen and (max-width: 767px) {
      dl dd {
        width: 100%;
        border-top: none; } }

sup {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6; }

img.right {
  margin: 0 0 30px 30px;
  float: right; }
  @media screen and (max-width: 767px) {
    img.right {
      float: none;
      margin: 0 0 30px; } }

img.left {
  margin: 0 30px 30px 0;
  float: left; }
  @media screen and (max-width: 767px) {
    img.left {
      float: none;
      margin: 0 0 30px; } }

img.center {
  display: block;
  margin: 0 auto 30px; }

a.button1 {
  display: block;
  width: 100%;
  border: 1px solid #D96D00;
  border-radius: 30px 30px 30px 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  line-height: 60px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #010000;
  text-decoration: none;
  background: url("../../img/arrow01.png") no-repeat right 25px center; }

.pc {
  display: inherit; }

.pc_tb {
  display: inherit; }

.tb {
  display: none; }

.tb_sp {
  display: none; }

.sp {
  display: none; }

@media screen and (max-width: 1199px) {
  .pc {
    display: inherit; }

  .pc_tb {
    display: inherit; }

  .tb {
    display: inherit; }

  .tb_sp {
    display: inherit; }

  .sp {
    display: none; } }
@media screen and (max-width: 767px) {
  .pc {
    display: none !important; }

  .pc_tb {
    display: none !important; }

  .tb {
    display: none !important; }

  .tb_sp {
    display: inherit !important; }

  .sp {
    display: inherit !important; } }
@media screen and (max-width: 767px) {
  body {
    padding-top: 95px; } }

header {
  width: 100%;
  height: 205px;
  margin: 0 auto;
  position: relative;
  background: #fff; }
  header.fixed {
    position: fixed;
    top: -140px;
    z-index: 100;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.4); }
    header.fixed #gmenu {
      top: 155px; }
    header.fixed + div, header.fixed + h1.img {
      margin-top: 200px !important; }
      @media screen and (max-width: 767px) {
        header.fixed + div, header.fixed + h1.img {
          margin-top: 0 !important; } }
    @media screen and (max-width: 767px) {
      header.fixed {
        top: 0; } }
  header #pagetop {
    position: absolute;
    top: 50; }
  header .logomark {
    position: relative;
    top: 15px; }
    @media screen and (max-width: 767px) {
      header .logomark {
        top: 5px;
        width: 75px; } }
  header .copy {
    position: absolute;
    top: 20px;
    left: 92px;
    font-size: 13px;
    color: #010000; }
    @media screen and (max-width: 1199px) {
      header .copy {
        top: 20px; } }
    @media screen and (max-width: 767px) {
      header .copy {
        top: 20px;
        left: 85px; } }
  header .logotype {
    position: absolute;
    top: 45px;
    left: 90px; }
    @media screen and (max-width: 767px) {
      header .logotype {
        top: 45px;
        left: 83px;
        width: 55%; } }
  header .freedial {
    position: absolute;
    top: 40px;
    right: 0px; }
  header #gmenu {
    position: absolute;
    width: 1200px;
    font-family: "Zen Maru Gothic", sans-serif;
    left: 0;
    top: 135px;
    height: 35px;
    margin-bottom: 35px;
    line-height: 35px;
    z-index: 100;
    transition: all 0.5s 0s ease; }
    @media screen and (max-width: 1199px) {
      header #gmenu {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px; } }
    header #gmenu > ul {
      display: flex;
      justify-content: space-around; }
      header #gmenu > ul > li {
        width: 20%;
        text-align: center; }
        header #gmenu > ul > li a {
          font-size: 19px;
          font-size: 1.9rem;
          line-height: 1.6;
          font-family: "Noto Sans JP", "Yu Gothic", sans-serif;
          color: #010000;
          text-decoration: none; }
          @media screen and (max-width: 1199px) {
            header #gmenu > ul > li a {
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 1.6; } }
        header #gmenu > ul > li .sub {
          opacity: 0;
          height: 0;
          overflow: hidden;
          background: rgba(255, 255, 255, 0.6);
          padding-top: 10px; }
          header #gmenu > ul > li .sub a {
            padding: 5px 0;
            display: block; }
        header #gmenu > ul > li:hover .sub {
          opacity: 1;
          height: auto; }
  header #toggle_btn, header #mask {
    display: none; }
  @media screen and (max-width: 767px) {
    header {
      position: fixed;
      top: 0;
      z-index: 800;
      height: 95px; }
      header + div {
        margin-top: 0; }
      header #gmenu_sp {
        display: block;
        width: 300px;
        height: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        left: -300px;
        z-index: 900;
        transition: all .5s;
        overflow-y: scroll; }
        header #gmenu_sp a {
          display: block;
          text-align: left;
          border-bottom: 1px solid #e5e5e5;
          padding-left: 20px;
          line-height: 40px;
          text-decoration: none; }
          header #gmenu_sp a:first-child {
            margin: 5px auto;
            line-height: 40px; }
            header #gmenu_sp a:first-child .logotype {
              position: relative;
              left: 0px;
              top: -14px;
              width: 75%; }
          header #gmenu_sp a.sub {
            padding-left: 30px; }
      header .open #gmenu_sp {
        left: 0; }
      header .toggle_btn {
        display: block;
        position: fixed;
        top: 30px;
        right: 20px;
        width: 30px;
        height: 30px;
        transition: all .5s;
        cursor: pointer;
        z-index: 3; }
      header .toggle_btn span {
        display: block;
        position: absolute;
        left: 0;
        width: 30px;
        height: 2px;
        background-color: #333;
        border-radius: 4px;
        transition: all .5s; }
      header .toggle_btn span:nth-child(1) {
        top: 4px; }
      header .toggle_btn span:nth-child(2) {
        top: 14px; }
      header .toggle_btn span:nth-child(3) {
        bottom: 4px; }
      header .open .toggle_btn span {
        background-color: #fff; }
      header .open .toggle_btn span:nth-child(1) {
        -webkit-transform: translateY(10px) rotate(-315deg);
        transform: translateY(10px) rotate(-315deg); }
      header .open .toggle_btn span:nth-child(2) {
        opacity: 0; }
      header .open .toggle_btn span:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(315deg);
        transform: translateY(-10px) rotate(315deg); }
      header #mask {
        display: none;
        transition: all .5s; }
      header .open #mask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        z-index: 2;
        cursor: pointer; } }

.wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .wrapper {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .wrapper {
      padding-left: 5px;
      padding-right: 5px; } }

.clomn_menu {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1199px) {
    .clomn_menu {
      padding: 0 5px; } }
  @media screen and (max-width: 767px) {
    .clomn_menu {
      display: block; } }
  .clomn_menu .menu {
    width: 160px;
    margin-right: 35px; }
    @media screen and (max-width: 767px) {
      .clomn_menu .menu {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 30px; } }
    .clomn_menu .menu li {
      border-bottom: 1px solid #e5e5e5; }
      @media screen and (max-width: 767px) {
        .clomn_menu .menu li {
          width: calc(50% - 10px);
          text-align: center; } }
      .clomn_menu .menu li a {
        color: #010000;
        line-height: 70px;
        display: block; }
        @media screen and (max-width: 767px) {
          .clomn_menu .menu li a {
            line-height: 50px; } }
  .clomn_menu .main {
    width: calc(100% - 195px); }
    @media screen and (max-width: 767px) {
      .clomn_menu .main {
        width: 100%; } }

@media screen and (max-width: 767px) {
  .main img {
    width: 100%;
    display: block;
    margin-bottom: 30px; } }

.cap {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6; }

.indent {
  text-indent: 1em; }

.indent_r {
  padding-left: 1em;
  text-indent: -1em; }

.indent_r2 {
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 1em; }

.bold-font {
  font-weight: bold; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.both {
  clear: both; }

/*=====================table===========*/
table {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border: 1px solid #666666;
  margin-bottom: 20px;
  word-break: break-all; }

table th {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
  text-align: center;
  background: #dadbc7;
  color: #666666;
  border: 1px solid #666666;
  vertical-align: middle; }

td.ivory {
  background-color: #FFFFCC; }

td.pink {
  background-color: #FFE6FF; }

td.pink_jikeikai {
  background-color: #FFF4FA; }

td.orange {
  background-color: #FCEFC0; }

td.orange2 {
  background-color: #FFF9DF; }

td.blue {
  background-color: #F2F8FD; }

td.green {
  background-color: #F3FBF0; }

table thead th {
  background: #dadbc7; }

table td {
  padding: 10px;
  vertical-align: top;
  border: 1px solid #666666;
  vertical-align: middle;
  text-align: middle; }

/*---------------------------------------------------------------------------------------
パンくずリスト
---------------------------------------------------------------------------------------*/
.breadcrumb {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex; }

.breadcrumb li {
  list-style: none; }

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555; }

.breadcrumb li:last-child:after {
  content: ''; }

.breadcrumb li a {
  text-decoration: none;
  color: #0084fa;
  /*色*/ }

.breadcrumb li a:hover {
  text-decoration: underline; }

@media screen and (max-width: 767px) {
  .breadcrumb {
    display: none; } }

footer {
  width: 100%;
  min-width: 1200px;
  background: #ccd5b3;
  padding: 70px 0;
  margin-top: 70px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    footer {
      min-width: 100%;
      padding-left: 5px;
      padding-right: 5px; } }
  @media screen and (max-width: 767px) {
    footer {
      min-width: 100%;
      padding: 30px 5px; } }
  footer a#page_top {
    position: absolute;
    top: -104px;
    right: 0;
    left: auto;
    margin-left: 0px;
    transition: 0s; }
    @media screen and (max-width: 767px) {
      footer a#page_top {
        top: -64px; } }
    footer a#page_top.fixed {
      position: fixed;
      top: auto;
      right: auto;
      bottom: 0px;
      left: 50%;
      margin-left: 530px;
      z-index: 1000;
      -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); }
      @media screen and (max-width: 1199px) {
        footer a#page_top.fixed {
          left: auto;
          margin-left: auto;
          right: 5px; } }
  footer .tel {
    display: block;
    margin: 0 auto 30px;
    width: 698px; }
    @media screen and (max-width: 767px) {
      footer .tel {
        width: auto; } }
    @media screen and (max-width: 767px) {
      footer .tel img {
        margin: 0 auto; } }
  footer access {
    display: block;
    text-align: center;
    line-height: 22px; }
    footer access img {
      margin-right: 10px; }
      @media screen and (max-width: 767px) {
        footer access img {
          display: block;
          margin: 0 auto 10px; } }
  footer .fmenu {
    display: flex;
    justify-content: space-between;
    margin: 30px auto 60px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif; }
    @media screen and (max-width: 767px) {
      footer .fmenu {
        display: block;
        margin-bottom: 30px; } }
    footer .fmenu li {
      display: block;
      width: calc(50% - 30px); }
      @media screen and (max-width: 767px) {
        footer .fmenu li {
          width: auto;
          margin-bottom: 10px; } }
      footer .fmenu li a.button1 {
        border: 1px solid #D96D00;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6;
        line-height: 60px;
        text-decoration: none; }
  footer .smenu {
    display: flex;
    justify-content: center;
    margin: 30px auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 25px 0; }
    @media screen and (max-width: 767px) {
      footer .smenu {
        display: block;
        padding: 0; } }
    footer .smenu li {
      border-right: 1px solid #fff; }
      @media screen and (max-width: 767px) {
        footer .smenu li {
          border-right: 0;
          border-bottom: 1px solid #fff; } }
      footer .smenu li:last-child {
        border: none; }
      footer .smenu li a {
        display: block;
        line-height: 40px;
        padding: 0 25px;
        color: #010000;
        text-decoration: none; }
  footer #copyright {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6; }

/* CSS Document */
#top {
  /*---------------------------------------------------------------------------------------
  スライドのモバイル非表示
  ---------------------------------------------------------------------------------------*/
  /*================================================HOME===スライドショー*/
  /* ====== 吹き出し ======================================== */ }
  #top #h1_title {
    display: none; }
  #top #topimage {
    width: 100%;
    background: url("../../img/topimage.jpg") top center no-repeat #ffffff;
    height: 455px;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 1199px) {
      #top #topimage {
        background-size: auto 400px;
        /*background-position: -760px 0; */
        height: 400px; } }
    @media screen and (max-width: 767px) {
      #top #topimage {
        background-size: auto 250px;
        /* background-position: -480px 0; */
        height: 250px; } }
    #top #topimage .wrapper {
      height: 100%;
      position: relative; }
    #top #topimage .banner {
      position: absolute;
      bottom: -10px;
      right: 30px;
      opacity: 1.0 !important; }
      @media screen and (max-width: 1199px) {
        #top #topimage .banner {
          right: 20px; } }
      @media screen and (max-width: 767px) {
        #top #topimage .banner {
          bottom: 10px;
          right: 10px; } }
      @media screen and (max-width: 767px) {
        #top #topimage .banner img {
          width: 150px; } }
  #top .menu {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 20px auto; }
    @media screen and (max-width: 1199px) {
      #top .menu {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px; } }
    @media screen and (max-width: 767px) {
      #top .menu {
        display: block; } }
    #top .menu li {
      width: calc(50% - 20px); }
      #top .menu li a.button1 {
        padding: 29px 0; }
        @media screen and (max-width: 767px) {
          #top .menu li a.button1 {
            padding: 19px 0;
            line-height: 20px !important; } }
      @media screen and (max-width: 1199px) {
        #top .menu li:first-child a.button1 {
          padding: 19px 0;
          line-height: 40px; } }
      @media screen and (max-width: 767px) {
        #top .menu li {
          width: 100%;
          margin-bottom: 10px; } }
  #top .pickup {
    width: 100%;
    min-width: 1200px;
    background: #ccd5b3;
    padding: 35px 0 30px;
    overflow: hidden; }
    @media screen and (max-width: 1199px) {
      #top .pickup {
        min-width: 100%; } }
    #top .pickup h2 {
      text-align: center;
      padding-bottom: 25px; }
      @media screen and (max-width: 767px) {
        #top .pickup h2 {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.6; } }
    #top .pickup ul {
      width: 1200px;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 1199px) {
        #top .pickup ul {
          width: 100%; } }
      #top .pickup ul li {
        margin-right: 20px; }
        @media screen and (max-width: 1199px) {
          #top .pickup ul li {
            margin-right: 10px;
            margin-left: 10px; }
            #top .pickup ul li img {
              width: 100%; } }
  #top .column {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #top .column {
        display: block; } }
  #top .news,
  #top .ikiiki {
    padding: 50px 0 0;
    width: 585px; }
    @media screen and (max-width: 1199px) {
      #top .news,
      #top .ikiiki {
        padding-left: 5px;
        padding-right: 5px;
        width: 48%; } }
    @media screen and (max-width: 767px) {
      #top .news,
      #top .ikiiki {
        width: 100%; } }
    #top .news h2,
    #top .ikiiki h2 {
      text-align: center;
      margin-bottom: 0px;
      height: 40px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.6;
      line-height: 40px;
      border-radius: 5px 5px 0 0;
      background: #70be6e;
      /* background: #667acd; */
      box-shadow: #ccc 0px 0px 5px;
      color: #fff;
      width: 300px; }
      #top .news h2 a:visited,
      #top .ikiiki h2 a:visited {
        color: #fff; }
      #top .news h2 a:link,
      #top .ikiiki h2 a:link {
        color: #ffffff !important;
        text-decoration: none !important; }
      @media screen and (max-width: 767px) {
        #top .news h2,
        #top .ikiiki h2 {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.6; } }
    #top .news ul,
    #top .ikiiki ul {
      display: flex;
      flex-flow: column wrap;
      height: auto;
      margin-bottom: 30px;
      border-radius: 0 5px 5px 5px;
      box-shadow: #ccc 0px 0px 5px;
      padding: 15px;
      font-size: 90%; }
      @media screen and (max-width: 767px) {
        #top .news ul,
        #top .ikiiki ul {
          display: block;
          height: auto; } }
      #top .news ul li,
      #top .ikiiki ul li {
        display: block;
        width: 100%;
        height: 50px;
        white-space: nowrap;
        line-height: 50px;
        border-bottom: 1px solid #e5e5e5; }
        @media screen and (max-width: 767px) {
          #top .news ul li,
          #top .ikiiki ul li {
            width: auto !important; } }
        #top .news ul li span,
        #top .ikiiki ul li span {
          display: inline-block;
          margin-right: 30px; }
        #top .news ul li a,
        #top .ikiiki ul li a {
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          display: block;
          white-space: nowrap; }
        #top .news ul li:last-child,
        #top .ikiiki ul li:last-child {
          border-bottom: 0; }
    #top .news .button1,
    #top .ikiiki .button1 {
      width: 400px;
      height: 45px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.6;
      line-height: 45px;
      margin: 0 auto; }
      @media screen and (max-width: 1199px) {
        #top .news .button1,
        #top .ikiiki .button1 {
          width: 90%; } }
      @media screen and (max-width: 767px) {
        #top .news .button1,
        #top .ikiiki .button1 {
          width: 100%; } }
  #top .banner_back {
    background: #ccd5b3;
    width: 1300px; }
    @media screen and (max-width: 1199px) {
      #top .banner_back {
        width: 100%; } }
  #top .box_banner {
    float: left;
    width: 230px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #top .box_banner {
        width: 100%; } }
  #top .guide_s {
    display: none !important; }
  #top .slide_show_fade_in4_6 {
    position: relative;
    overflow: hidden;
    /*width: 100%;*/
    height: 100%; }
  #top .slide_show_fade_in4_6:before {
    content: "";
    display: block;
    padding-top: 66%; }
  #top .slide_show_fade_in4_6_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    opacity: 0;
    animation: slide_show_fade_in4_6 36s infinite; }
  #top .slide_show_fade_in4_6_img:nth-of-type(2) {
    animation-delay: 6s; }
  #top .slide_show_fade_in4_6_img:nth-of-type(3) {
    animation-delay: 12s; }
  #top .slide_show_fade_in4_6_img:nth-of-type(4) {
    animation-delay: 18s; }
  #top .slide_show_fade_in4_6_img:nth-of-type(5) {
    animation-delay: 24s; }
  #top .slide_show_fade_in4_6_img:nth-of-type(6) {
    animation-delay: 30s; }
@keyframes slide_show_fade_in4_6 {
  0% {
    opacity: 0;
    transform: scale(1); }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  25% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0; } }
  #top .balloon4 {
    position: relative;
    margin: 1em 0 1em 0px;
    padding: 15px;
    /*width: 80%;*/
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon4:before {
    content: "";
    position: absolute;
    left: 104%;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon4:after {
    content: "";
    position: absolute;
    left: 101%;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon4 p {
    margin: 0;
    padding: 0; }
  #top .balloon5 {
    position: relative;
    margin: 1em 0 1em 0px;
    padding: 15px;
    /*width: 80%;*/
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon5:before {
    content: "";
    position: absolute;
    right: 104%;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon5:after {
    content: "";
    position: absolute;
    right: 101%;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 #ccc; }
  #top .balloon5 p {
    margin: 0;
    padding: 0; }
  #top #top .box_list_img {
    width: 380px;
    padding-bottom: 8px;
    margin-left: 30px;
    margin-bottom: 15px;
    float: left; }
  #top #top .box_list_p {
    width: 680px;
    padding-bottom: 8px;
    margin-left: 30px;
    margin-bottom: 15px;
    font-size: 18px; }
  @media screen and (max-width: 680px) {
    #top {
      /*---------------------------------------------------------------------------------------
      テーブルのモバイル表示
      ---------------------------------------------------------------------------------------*/ }
      #top .balloon4:before {
        top: -20px;
        left: 10%; }
      #top .balloon4:after {
        top: -40px;
        left: 10%; }
      #top .balloon5:before {
        top: -20px;
        left: 10%; }
      #top .balloon5:after {
        top: -40px;
        left: 10%; }
      #top .box_list_img img {
        width: 100% !important; }
      #top .box_list_p {
        width: 90% !important;
        font-size: 16px; }
      #top .guide_f {
        display: none !important; }
      #top .guide_s {
        display: block !important; } }

/* CSS Document */
#station {
  /*-〜420px*/ }
  #station h1.img {
    background: url("../../station/img/title.jpg") no-repeat top center #d7e1ea; }
  #station .box_list {
    float: left;
    width: 450px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    text-align: center;
    clear: non; }
  @media screen and (max-width: 420px) {
    #station .box_list {
      width: 360px !important;
      margin-left: 5px !important;
      margin-right: 0px !important; } }
  @media screen and (max-width: 767px) {
    #station .main img {
      width: 50%;
      display: block;
      margin-bottom: 30px; } }
  #station .menu_button {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 20px auto; }
    @media screen and (max-width: 1199px) {
      #station .menu_button {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px; } }
    @media screen and (max-width: 767px) {
      #station .menu_button {
        display: block; } }
    #station .menu_button li {
      width: calc(33.333% - 20px); }
      #station .menu_button li a.button1 {
        padding: 29px 0; }
        @media screen and (max-width: 767px) {
          #station .menu_button li a.button1 {
            padding: 19px 0;
            line-height: 20px !important; } }
      @media screen and (max-width: 1199px) {
        #station .menu_button li:first-child a.button1 {
          padding: 19px 0;
          line-height: 40px; } }
      @media screen and (max-width: 767px) {
        #station .menu_button li {
          width: 100%;
          margin-bottom: 10px; } }

/* CSS Document */
#service {
  /*-〜420px*/
  /*=====================table===========*/ }
  #service h1.img {
    background: url("../../service/img/title.jpg") no-repeat top center #d7e1ea; }
  #service .box_list {
    float: left;
    width: 550px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    /* text-align: center; */
    clear: non; }
  @media screen and (max-width: 500px) {
    #service .box_list {
      width: 360px !important;
      margin-left: 5px !important;
      margin-right: 0px !important; } }
  #service table {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #dadbc7;
    margin-bottom: 20px;
    word-break: break-all; }
  #service table th {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    text-align: center;
    background: #dadbc7;
    color: #000000;
    border: 1px solid #dadbc7;
    vertical-align: middle; }
  #service table thead th {
    background: #dadbc7; }
  #service table td {
    padding: 10px;
    vertical-align: top;
    border: 1px solid #dadbc7;
    vertical-align: middle;
    text-align: middle; }
  @media screen and (max-width: 767px) {
    #service .main img {
      width: 50%;
      display: block;
      margin-bottom: 30px; } }

/* CSS Document */
#contact {
  /*==ボタン==*/ }
  #contact h1.img {
    background-image: url(../../contact/img/title.jpg); }
  #contact .check {
    vertical-align: baseline; }
  #contact ul.frm_list {
    list-style: none;
    padding-top: 8px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap; }
    #contact ul.frm_list li {
      width: 100%;
      margin-bottom: 5px;
      clear: both;
      padding: 5px 5px;
      background: #F0F0F0; }
      #contact ul.frm_list li.w2 {
        width: 50%; }
        @media screen and (max-width: 1199px) {
          #contact ul.frm_list li.w2 {
            width: 100%; } }
      #contact ul.frm_list li > label {
        width: 250px;
        line-height: 33px;
        margin-right: 10px;
        text-align: left;
        padding: 0 0 0 30px;
        float: left;
        display: block; }
        @media screen and (max-width: 767px) {
          #contact ul.frm_list li > label {
            width: auto;
            float: none;
            padding: 0 0 0 10px; } }
    #contact ul.frm_list input {
      width: 300px;
      height: 25px; }
      @media screen and (max-width: 1199px) {
        #contact ul.frm_list input {
          width: 97%; } }
      #contact ul.frm_list input[type="radio"] {
        width: 15px;
        height: 15px;
        margin-bottom: 7px; }
      #contact ul.frm_list input[type="checkbox"] {
        vertical-align: baseline; }
      #contact ul.frm_list input#zip, #contact ul.frm_list input#zip2 {
        width: 100px; }
      #contact ul.frm_list input#pref, #contact ul.frm_list input#pref2 {
        width: 100px; }
      #contact ul.frm_list input.small {
        width: 100px; }
    #contact ul.frm_list select {
      height: 30px; }
      #contact ul.frm_list select.small {
        width: 100px; }
    #contact ul.frm_list input,
    #contact ul.frm_list textarea {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 3px 3px 3px 3px;
      padding: 3px;
      transition: 0.2s;
      -moz-transition: 0.2s;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s; }
    #contact ul.frm_list input:focus,
    #contact ul.frm_list textarea:focus {
      box-shadow: 1px 1px 2px #dde inset;
      border: 1px solid #c00; }
    #contact ul.frm_list p {
      display: block;
      margin: 0 0 0 260px;
      line-height: 33px; }
      @media screen and (max-width: 767px) {
        #contact ul.frm_list p {
          margin: 0; } }
    #contact ul.frm_list .delete {
      color: #ccc; }
    #contact ul.frm_list textarea {
      width: 97%; }
    #contact ul.frm_list strong {
      font-weight: normal;
      display: block;
      margin-left: 170px; }
      #contact ul.frm_list strong .ERR {
        color: #c00; }
  #contact ul.btn1 {
    width: 240px;
    margin: 20px auto; }
    #contact ul.btn1 li {
      display: block;
      width: 240px;
      height: 60px;
      padding: 0px; }
  #contact ul.btn2 {
    width: 520px;
    margin: 20px auto;
    height: 60px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #contact ul.btn2 {
        width: auto;
        height: auto;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center; } }
    #contact ul.btn2 li {
      display: block;
      width: 240px;
      height: 60px; }
      @media screen and (max-width: 767px) {
        #contact ul.btn2 li {
          margin-bottom: 20px; } }
  #contact .btn_check,
  #contact .btn_send,
  #contact .btn_back {
    color: #fff;
    font-size: 23px;
    width: 240px;
    padding-right: 20px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    border-right-color: #999;
    border-bottom-color: #999;
    border-radius: 10px;
    background: #b20000;
    position: relative;
    transition: all 0.2s; }
    @media screen and (max-width: 767px) {
      #contact .btn_check,
      #contact .btn_send,
      #contact .btn_back {
        padding-right: 0; } }
  #contact .btn_back {
    padding: 0 0 0 20px;
    background: #787878; }
    @media screen and (max-width: 767px) {
      #contact .btn_back {
        padding: 0; } }
  #contact .btn_check:hover,
  #contact .btn_send:hover,
  #contact .btn_back:hover {
    color: #fff;
    background: rgba(178, 0, 0, 0.7);
    cursor: pointer; }
  #contact .btn_back:hover {
    background: rgba(120, 120, 120, 0.7); }
  #contact .btn_check:after,
  #contact .btn_send:after,
  #contact .btn_back:after {
    position: absolute;
    top: 22px;
    right: 16px;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg); }
  #contact .btn_back:after {
    transform: rotate(225deg);
    left: 16px; }

/* CSS Document */
#privacy h1.img {
  background-image: url(../../privacy/img/title.jpg); }