@charset "UTF-8";
/* Scss Document */
/*utf-8です*/
/************************************************************************************************/
.banner {
  padding: 50px 40px; }
  .banner ul {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%; }
  .banner li {
    margin: 0 auto 15px; }
    .banner li img {
      max-width: 100%; }
  .banner a {
    transition: .3s;
    line-height: 0; }
    .banner a:hover {
      opacity: .5; }
  .banner .sp_none {
    display: block; }
  .banner .pc_none {
    display: none; }

@media (max-width: 768px) {
  .banner {
    padding: 50px 20px; }
    .banner ul {
      margin: 0 auto;
      max-width: 480px;
      width: 100%; }
    .banner a:hover {
      opacity: 1.0; }
    .banner .sp_none {
      display: none; }
    .banner .pc_none {
      display: block; } }
/*max-width:768px*/
/************************************************************************************************/
.mv {
  position: relative;
  text-align: center; }
  .mv .ttl {
    color: #fff;
    position: absolute;
    top: 160px;
    right: 40px;
    z-index: 555;
    font: 52px/1.0em  'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
    .mv .ttl span {
      margin-top: 30px;
      display: block;
      font: 41px/1em  'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
  .mv .scroll {
    position: absolute;
    z-index: 555;
    top: auto;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%, 0) rotate(0deg);
    z-index: 555;
    font: 20px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    color: #fff; }
    .mv .scroll:before {
      position: absolute;
      content: "";
      bottom: -30px;
      left: 45%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }

.fuwafuwa {
  -webkit-animation: fuwafuwa 3s infinite linear alternate;
  animation: fuwafuwa 3s infinite linear alternate; }

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(-50%, -5px) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, 0) rotate(0deg); } }
@keyframes fuwafuwa {
  0% {
    transform: translate(-50%, 0) rotate(0deg); }
  50% {
    transform: translate(-50%, -5px) rotate(0deg); }
  100% {
    transform: translate(-50%, 0) rotate(0deg); } }
.slick-slider {
  padding: 0 !important; }

.slider.sp_slider {
  display: none; }
.slider li {
  aspect-ratio: 1/1;
  height: auto;
  width: 100%;
  max-width: 900px; }
  .slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.no_single {
  width: 100% !important;
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 15px;
  text-align: left !important; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .mv {
    position: relative;
    text-align: center; }
    .mv .ttl {
      color: #fff;
      position: absolute;
      width: 100%;
      top: 25%;
      left: 50%;
      right: auto;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      z-index: 555;
      font: 7vw/1.0em  'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
      .mv .ttl span {
        margin-top: 15px;
        display: block;
        font: 5vw/1em  'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }

  .slick-slider {
    padding: 0 !important; }

  .slider.sp_slider {
    display: block; }
  .slider.pc_slider {
    display: none; } }
/*max-width:768px*/
/*max-width:480px*/
/************************************************************************************************/
.access {
  background-color: #3E3A39;
  padding: 80px 0;
  color: #fff;
  text-align: center; }
  .access h2 {
    font: 40px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    display: inline-block;
    margin-bottom: 40px;
    position: relative; }
    .access h2 span {
      display: block;
      font: 16px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      margin: 10px 0 0 -35px; }
    .access h2:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/icon-access.svg") center top no-repeat;
      width: 31px;
      height: 45px;
      left: -30px;
      top: 0; }
  .access a {
    color: #fff; }

.access_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }
  .access_box .pic {
    width: 50%;
    height: 455px;
    position: relative;
    overflow: hidden; }
    .access_box .pic img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      height: 100%;
      width: auto; }
  .access_box .txt {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: flex-start; }
  .access_box dl {
    text-align: left;
    padding: 0 20px; }
  .access_box dt {
    font: 26px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin-bottom: 30px; }
  .access_box dd {
    font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    margin-bottom: 30px; }

@media (max-width: 768px) {
  .access {
    background-color: #3E3A39;
    padding: 50px 0 0;
    color: #fff;
    text-align: center; }
    .access h2 {
      font: 35px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500; }

  .access_box {
    flex-direction: column; }
    .access_box .pic {
      width: 100%;
      max-width: 480px;
      height: 0;
      padding-top: 75%;
      order: 2; }
    .access_box .txt {
      width: 100%;
      order: 1; }
    .access_box dl {
      text-align: left;
      padding: 0 15px; }
    .access_box dt {
      font: 22px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin-bottom: 20px; }
    .access_box dd {
      font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400;
      margin-bottom: 30px; } }
/************************************************************************************************/
.gmap {
  width: 100%;
  height: auto;
  line-height: 0;
  background-color: #3E3A39; }
  .gmap iframe {
    width: 100%;
    height: 600px; }
  .gmap.sp_map {
    display: none; }

@media (max-width: 768px) {
  .gmap {
    width: 100%;
    height: auto;
    line-height: 0;
    padding: 0 0 50px;
    background-color: #3E3A39; }
    .gmap iframe {
      width: 100%;
      height: 500px; }
    .gmap.pc_map {
      display: none; }
    .gmap.sp_map {
      display: block; } }
/************************************************************************************************/
.form_box {
  max-width: 760px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .form_box p {
    text-align: center;
    font: 17px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    margin-bottom: 40px; }
  .form_box table {
    font: 17px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    width: 100%;
    margin: 0 auto 40px; }
  .form_box th,
  .form_box td {
    text-align: left;
    border: 1px solid #B5E0EC; }
  .form_box th {
    padding: 15px 10px;
    background-color: #EAF6FD;
    width: 250px; }
    .form_box th span {
      display: block;
      font-size: 15px; }
    .form_box th .kome {
      display: inline;
      font-size: 17px;
      color: crimson; }
  .form_box td {
    background-color: #fff;
    padding: 15px; }

@media (max-width: 768px) {
  .form_box {
    max-width: 480px;
    margin: 0 auto; }
    .form_box p {
      text-align: left;
      font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300;
      margin-bottom: 40px; }
    .form_box table {
      font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300;
      width: 100%;
      margin: 0 auto 40px; }
    .form_box tr {
      width: 100%;
      display: block;
      margin-bottom: 10px; }
    .form_box th,
    .form_box td {
      border: 1px solid #B5E0EC;
      width: 100%;
      display: block; }
    .form_box th {
      padding: 8px 10px;
      background-color: #EAF6FD;
      width: 100%;
      border-bottom: none !important; }
      .form_box th span {
        display: block;
        font-size: 15px; }
      .form_box th .kome {
        display: inline;
        font-size: 17px;
        color: crimson; }
    .form_box td {
      padding: 15px 10px; } }
/*max-width:768px*/
/*max-width:480px*/
/************************************************************************************************/
/*css radio02*/
.otoiawase {
  display: none; }

label {
  position: relative;
  /* ＜label＞を位置の指標になる指示を書きます*/
  display: inline-block;
  padding: 0 0 0 22px;
  cursor: pointer;
  font: 17px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 300 !important; }

.otoiawase + span::before,
span::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s; }

.otoiawase + span::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: #f3f3f3;
  /* ラジオボタンの元の色の指定*/
  border: 1px solid #ccc; }

.otoiawase + span:hover::before {
  background: #fff;
  /* ラジオボタンのマウスオーバーしたときの色の指定*/ }

.otoiawase + span::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  background: #3498db;
  /* ラジオボタンのチェックした時の色の指定*/
  -webkit-transform: scale(2);
  transform: scale(2); }

.otoiawase:checked + span::before {
  /* ラジオボタンがチェックされたときの隣接しているタグへの指示を書きます*/
  background: #fff;
  border: 1px solid #3498db;
  /* ラジオボタンのチェックした時の枠の線の指定*/ }

.otoiawase:checked + span::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.mwform-radio-field {
  display: block; }

input[type=text],
input[type=email] {
  border: 1px solid #ccc;
  padding: 3px;
  width: 100%;
  font: 17px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 300; }
  input[type=text].zip,
  input[type=email].zip {
    width: 100px; }

textarea {
  border: 1px solid #ccc;
  width: 100%;
  height: 200px; }

.btn {
  text-align: center !important; }

input[type=submit],
input[type=reset],
input[type=button] {
  font: 18px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 500;
  border: 1px solid #0068B7;
  background-color: #0068B7;
  color: #fff;
  cursor: pointer;
  padding: 3px;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 40px;
  padding: 15px;
  transition: .3s; }
  input[type=submit]:hover,
  input[type=reset]:hover,
  input[type=button]:hover {
    opacity: .5; }

.error {
  color: crimson; }
  .error br {
    display: none; }

.link_privacy {
  text-align: center !important;
  text-align: center;
  font: 17px/2.2em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 300;
  margin-bottom: 40px; }
  .link_privacy a {
    font: 17px/2.2em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    position: relative;
    padding: 0 0 0 15px; }
    .link_privacy a:before {
      position: absolute;
      content: "";
      left: 3px;
      width: 6px;
      height: 6px;
      border-top: 2px solid #0068B7;
      border-right: 2px solid #0068B7;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 10px;
      left: 0; }

@media (max-width: 768px) {
  .error {
    color: crimson;
    line-height: 1.6em !important; }
    .error br {
      display: block; } }
.footer_box .mw_wp_form.mw_wp_form.mw_wp_form_complete .comp {
  display: block; }
.footer_box .mw_wp_form.mw_wp_form .comp {
  display: none; }
.footer_box .mw_wp_form.mw_wp_form dl {
  text-align: center;
  margin: 0 auto 60px; }
  .footer_box .mw_wp_form.mw_wp_form dl dt {
    font: 24px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    position: relative;
    text-align: center;
    padding: 55px 0 0;
    background: url(../images/common/icon-mail-footer.svg) center top no-repeat;
    background-size: 50px 39px;
    margin-bottom: 10px; }
  .footer_box .mw_wp_form.mw_wp_form dl dd {
    font: 17px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300; }
    .footer_box .mw_wp_form.mw_wp_form dl dd p {
      margin-bottom: 0 !important;
      font: 17px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
      .footer_box .mw_wp_form.mw_wp_form dl dd p br {
        display: block; }
@media (max-width: 768px) {
  .footer_box .mw_wp_form.mw_wp_form dl {
    max-width: 480px;
    margin: 0 auto 40px; }
    .footer_box .mw_wp_form.mw_wp_form dl dt {
      font: 20px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      padding: 40px 0 0;
      background: url(../images/common/icon-mail-footer.svg) center top no-repeat;
      background-size: 40px 29px; }
    .footer_box .mw_wp_form.mw_wp_form dl dd {
      text-align: left;
      font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300; }
      .footer_box .mw_wp_form.mw_wp_form dl dd p {
        font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 400; } }