@charset "UTF-8";

/*---------------------------------------------
共通部分
---------------------------------------------*/
html {
	scroll-behavior: smooth;
}

.sp-only {
  display: none!important;
}

.pc-only {
  display: block!important;
}

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

header {
  display: block;
  height: 200px;
  width: 100%;
}

header::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

nav, .headertop {
  position: relative;
  z-index: 9999;
}

h1 {
  margin: 0px auto 0px auto;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  color: #444;
  font-weight: normal;
}
h1 img {
  max-width: 100%;
  width: auto;
}
.font {
  font-size: 100%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 130%;
  color: #000;
  letter-spacing: 0px;
  font-weight: 500;
}

.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.gnavi {
  max-width: 984px;
  width: 100%;
  margin: 15px auto 0px auto;
  font-size: 16px;
}

.headertop {
  margin: 1px auto 5px;
  max-width: 984px;
  width: 100%;
  height: auto;
  text-align: center;
}

.hdrleft {
  float: left;
  width: 360px;
  height: auto;
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  text-align: left;
  line-height: 100%;
}

.hdrright {
  float: right;
  width: auto;
  margin: 0px auto 0px auto;
}

.hdrright:after {
  content: "";
  clear: both;
  display: block;
}

.hdrright a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.hdrright ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.hdrright li {
  float: right;
  list-style: none;
  width: 140px;
  text-align: center;
  line-height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 90%;
  margin: 5px 0px 0px 2px;
}

.hdrright1 {
  float: right;
  width: auto;
  margin: 0px auto 0px auto;
}

.hdrright1:after {
  content: "";
  clear: both;
  display: block;
}

.hdrright1 a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.hdrright1 ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.hdrright1 li {
  float: right;
  list-style: none;
  width: 91px;
  text-align: center;
  line-height: 0px;
  -webkit-box-sizing: border-box;
  ;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 90%;
  margin: 5px 0px 0px 2px;
}

.gnavibg {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height: 60px;
  background: url(../navi/navibg.jpg);
  background-color: #00041F;
  background-repeat: no-repeat;
  background-position: center center;
}

.gnavi ul {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.gnavi li {
  float: left;
  text-align: center;
  margin: 0px 0px 0px auto;
  padding: 0px 0px 0px 0px;
}

.gnavi1 {
  width: 984px;
  margin: 15px auto 15px auto;
}

.gnavi1_bg {
  width: 100%;
  margin: 0px auto 0px auto;
  background-image: url(../navi/navibg.jpg);
}

.gnavi1:after {
  content: "";
  clear: both;
  display: block;
}

.gnavi1 li {
  float: left;
  width: 196px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 90%;
  color: #fff;
  margin: 0px 0px 0px auto;
}

.gnavi1 a {
  display: block;
  text-decoration: none;
  color: #000;
}

.gnavi1 li:nth-child(8) {
  font-size: 13px;
}

.gnavi {
  max-width: 984px;
  width: 100%;
  margin: 15px auto 0px auto;
}

.gnavi_bg {
  width: 100%;
  margin: 0px auto 0px auto;
  background-image: url(../navi/navibg.jpg);
}

.gnavi:after {
  content: "";
  clear: both;
  display: block;
}

.gnavi li {
  float: left;
  width: 16.6666%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 90%;
  color: #fff;
  margin: 0px 0px 0px auto;
  background: #000
}

.gnavi a {
  display: block;
  text-decoration: none;
  color: #000;
}

.gnavi li:nth-child(8) {
  font-size: 13px;
}

.gnavi1 {
  width: 984px;
  margin: 15px auto 15px auto;
}

.gnavi1_bg {
  width: 100%;
  margin: 0px auto 0px auto;
  background-image: url(../navi/navibg.jpg);
}

.gnavi1:after {
  content: "";
  clear: both;
  display: block;
}

.gnavi1 li {
  float: left;
  width: 196px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 90%;
  color: #fff;
  margin: 0px 0px 0px auto;
  background: #000
}

.gnavi1 a {
  display: block;
  text-decoration: none;
  color: #000;
}

.gnavi1 li:nth-child(8) {
  font-size: 13px;
}

.gnavi2 {
  width: 984px;
  margin: 15px auto 0px auto;
}

.gnavi2_bg {
  width: 100%;
  margin: 0px auto 0px auto;
  background-image: url(../navi/navibg.jpg);
}

.gnavi2:after {
  content: "";
  clear: both;
  display: block;
}

.gnavi2 li {
  float: left;
  width: 164px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 90%;
  color: #fff;
  margin: 0px 0px 0px auto;
}

.gnavi2 a {
  display: block;
  text-decoration: none;
}

#submenu li {
  display: inline;
}

.line {
  margin: 0px auto;
  height: auto;
  text-align: center;
  padding: 10px 0px 10px 0px;
  background-image: url(../img/common/line.gif)
}

.footer {
  clear: both;
  width: 980px;
  margin: 0px auto;
  height: auto;
  text-align: left;
  padding: 10px 0px 90px 0px;
}

.l20 {
  margin-left: 20px;
}


/* scroll */

#page-top {
  clear: both;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 70%;
  z-index: 99
}

#page-top a {
  background-color: #929A94;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  width: auto;
  padding: 0px 0;
  text-align: center;
  display: block;
  z-index: 99
}

#page-top a:hover {
  text-decoration: none;
  background-color: #929A94;
}

.hvr-fade {
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #fff;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  color: #000;
  background: #dcdddd;
}

.hvr-fade2 {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #101E3B;
}

.hvr-fade2:hover, .hvr-fade:focus, .hvr-fade:active {
  color: #CCAD5C;
  background: #0C6293;
}

.hvr-shutter {
  display: inline-block;
  height: 36px;
  padding-top: 4px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #85DDE7;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #25AAB9;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter:hover, .hvr-shutter:focus, .hvr-shutter:active {
  color: #000;
}

.hvr-shutter:hover:before, .hvr-shutter:focus:before, .hvr-shutter:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter1 {
  display: inline-block;
  height: 36px;
  padding-top: 4px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #E994B6;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #D8427E;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter1:hover, .hvr-shutter1:focus, .hvr-shutter1:active {
  color: #000;
}

.hvr-shutter1:hover:before, .hvr-shutter1:focus:before, .hvr-shutter1:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter2 {
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #dcdddd;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.hvr-shutter2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter2:hover, .hvr-shutter2:focus, .hvr-shutter2:active {
  color: #000;
  background: #dcdddd;
}

.hvr-shutter2:hover:before, .hvr-shutter2:focus:before, .hvr-shutter2:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter11 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #25AAB9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter11:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #D8427E;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter11:hover, .hvr-shutter11:focus, .hvr-shutter11:active {
  color: white;
}

.hvr-shutter11:hover:before, .hvr-shutter11:focus:before, .hvr-shutter11:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter0 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter0:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #25AAB9;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter0:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}

.hvr-shutter0:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter3 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0E6EB8;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}

.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.yoyaku {
  text-align: center;
  margin: 15px auto 35px auto;
  background-color: #f75666;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 1400px;
  font-family: "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け菴�", "YuGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "verdana", sans-serif;
  font-size: 200%
}

.yoyaku>a {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  color: #fff;
}

#footer1 {
  z-index: 2;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0px auto 0px auto;
  background-color: #fff;
  bottom: 0px;
  padding: 0px 0px 5px 0px;
}

#footer {
  clear: both;
  /* width: 100%; */
  max-width: 980px;
  height: auto;
  /* margin: 0px auto; */
  text-align: center;
  padding: 5px 0px 5px 0px;
  z-index: 2;
}

#footerleft {
  width: 390px;
  height: auto;
  float: left;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

#footerright {
  width: 520px;
  height: auto;
  float: right;
  margin-top: 0px;
  text-align: right;
  padding: 0px 0px 0px 0px;
  text-align: right;
}

#footerright img {
  width: 305px;
  max-width: 100%;
  margin: 0px auto 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: bottom;
  backface-visibility: hidden;
  height: auto;
}

#footer .cen {
  max-width: 100%;
  width: auto;
}

.htright {
  float: right;
  width: 420px;
  margin: 15px auto 0px auto;
}

.htright:after {
  content: "";
  clear: both;
  display: block;
}

.htright a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.htright ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.htright li {
  float: right;
  list-style: none;
  width: 49%;
  text-align: center;
  line-height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 90%;
  margin: 0px 0px 0px 3px;
}

.htright1 {
  float: right;
  width: 95px;
  margin: 5px auto 0px auto;
}

.htright1:after {
  content: "";
  clear: both;
  display: block;
}

.htright1 a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.htright1 ul {
  list-style: none;
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

.htright1 li {
  float: right;
  list-style: none;
  width: 100%;
  text-align: center;
  line-height: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 90%;
  margin: 0px 0px 0px 0px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#submenu {
  text-align: center;
  font-size: 12px;
  line-height: 170%;
  clear: both;
  width: 100%;
  max-width: 980px;
  height: 25px;
  padding: 30px 0px 30px 0px;
  text-align: center;
  font-size: 12px;
  margin: 0px auto;
  line-height: 170%;
}


/*---------------------------------------------
common
---------------------------------------------*/

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

picture {
  display: block;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}


/*---------------------------------------------
layout
---------------------------------------------*/

html {
  height: -webkit-fill-available;
  font-size: 0.78125vw;
}


/*** wrap ***/

.wrap {
  position: relative;
  display: flex;
  justify-content: center;
  /* margin-top: 5%; */
  width: 100%;
}

.ftr_stop {
  width: 100%;
  max-width: 1400px;
  margin: 50px auto;
}


/*** main-contents ***/

.main-contents {
  position: relative;
  line-height: 1;
  /* width: 410px;
  max-width: 410px; */
  /* transform: translateX(5px); */
}
@media screen and (max-width: 1280px) {
  .main-contents {
    /* width: 41rem; */
    /* transform: translateX(.5rem); */
  }
}
@media screen and (max-width: 768px) {
  .main-contents {
    position: relative;
    line-height: 1;
    width: 100%;
    max-width: none;
  }
}


/*** left-contents ***/

.left-contents {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: 44.0rem;
  height: 100%;
  background: url("../images/top/top_mv_left.png") no-repeat bottom center;
  background-size: contain;
}
@media screen and (min-width: 1281px) {
  .left-contents {
    max-width: 440px;
    left: calc(50% - 440px);
    transform: translateX(-45.6%);
  }
}
.left-contents .mv_area {
  width: 100%;
}

.left-contents .mv_area .mv_cts_nav {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: bold;
  width: 224px;
}

.left-contents .mv_area .mv_cts_nav h2 {
  color: #f7931e;
  margin: 150px auto 0;
  background: #ffffff;
  border-radius: 20px 20px 0 0;
  padding: 25px 10px 0;
  font-size: 24px;
  text-align: center;
}

.left-contents .mv_area .mv_cts_nav ul {
  position: relative;
  height: 220px;
  padding: 10px 15px 20px;
  font-size: 16px;
  background: #ffffff;
  border-radius: 0 0 20px 20px;
}

.left-contents .mv_area .mv_cts_nav ul li {
  line-height: 180%;
}

.left-contents .mv_area .mv_cts_nav ul li a {
  color: #231815;
  text-decoration: none;
}

.left-contents .mv_area .mv_cts_nav ul li span {
  color: #f7931e;
}

.left-contents .mv_area .mv_cts_nav .img01 {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: 9;
}

.left-contents .mv_area .mv_cts_nav .img01 img {
  max-width: 160px;
}

.left-contents .mv_area .mv_cts_nav .img02 {
  position: absolute;
  bottom: -30px;
  left: -20px;
}

.left-contents .mv_area .mv_cts_nav .img02 img {
  max-width: 64px;
}


/*** right-contents ***/

.right-contents {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  display: block;
  max-width: 430px;
  width: 43.0rem;
  height: 100%;
  background: url("../images/top/top_mv_right.png") no-repeat bottom center;
}
@media screen and (min-width: 1281px) {
  .right-contents {
    right: auto;
    left: calc(50% + 430px);
    transform: translateX(-51.4%);
  }
}

@media screen and (min-width: 1465px) {
  .right-contents {
    background-size: cover;
  }
  .right-contents.is-active {
    background-size: contain;
  }
}

.bg-posi {
  /* background-size: contain; */
  background-size: cover;
}


/*---------------------------------------------
base & top
---------------------------------------------

.town_cts {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.town_cts .town_cts01 {
  width: 100%;
  margin: auto;
}

.town_cts .town_cts01 img {
  width: 100%;
}

.town_cts .town_cts01 p.lead {
  text-align: center;
  font-size: 16px;
  margin: 20px auto;
  line-height: 180%;
}

.town_cts .town_cts01 h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.town_cts .town_cts_bg {
  background: url("../images/top/cts_bg.png") repeat-y;
  background-size: contain;
}

.town_cts .town_cts_bg .btn01 {
  width: 92%;
  margin: 50px auto;
}

.town_cts .town_cts01 .town_cts_bg .cts_list {
  margin-bottom: 100px;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox {
  margin-bottom: 50px;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox h3 {
  margin: 20px auto;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox h3 img {
  width: 50%;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox a img {
  margin: -30px 0 0 15px;
  width: 94%;
}

.town_cts .town_cts_bg .cts_nav .cts_pagetop {
  width: 92%;
  margin: 100px auto 30px;
  text-align: right;
}

.town_cts .town_cts_bg .cts_nav .cts_pagetop img {
  width: 38px;
}

.town_cts .town_cts_bg .cts_nav h2 {
  color: #f7931e;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}

.town_cts .town_cts01 .cts_nav{
  font-size: 30px;
}

.town_cts .town_cts_bg .cts_nav ul {
  width: 70%;
  margin: auto;
}

.town_cts .town_cts_bg .cts_nav ul li {
  line-height: 130%;
}

.town_cts .town_cts_bg .cts_nav ul li img {
  width: 20px;
  margin-right: 10px;
  vertical-align: baseline;
}

.town_cts .town_cts_bg .cts_nav ul li span {
  color: #f7931e;
  font-weight: bold;
}

.town_cts .town_cts_bg .cts_nav ul li a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
}

.town_cts .town_cts_bg .btn02 {
  width: 92%;
  margin: 50px auto 10px;
}


/*---------------------------------------------
town_detail-common
---------------------------------------------

.town_cts .cts_inbox {
  text-align: center;
  width: 94%;
  margin: 0 auto 50px;
}

.town_cts .cts_inbox p {
  margin: 20px auto;
  line-height: 150%;
  text-align: left;
  font-size: 18px;
}

.town_cts .caps {
  font-size: 21px;
  margin: 5px auto;
  line-height: 150%;
  text-align: left;
}

.town_cts .caps span {
  color: #f7931e;
}

.town_cts img {
  width: 100%;
}

.town_cts h3 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #f7931e;
  margin-top: 40px;
  line-height: 140%;
}

.town_cts p.lead {
  margin: 20px auto;
  line-height: 180%;
  width: 94%;
  text-align: left;
  font-size: 20px;
}

.town_cts .town_cts_bg {
  background: url("../images/top/cts_bg.png") repeat-y;
  background-size: contain;
}


/*---------------------------------------------
town_detail01
---------------------------------------------

.left-contents01 {
  background: url("../images/town_detail01/detail01_mv_left.png") no-repeat bottom center;
}

.right-contents01 {
  background: url("../images/town_detail01/detail01_mv_right.png") no-repeat bottom center;
  background-size: cover;
}

.town_cts .town_cts02 {
  width: 100%;
  margin: auto;
  font-size: 30px;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 {
  margin-bottom: 100px;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 .cts_inbox h3 {
  margin: 20px auto;
  font-size: 26px;
  text-align: left;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 .cts_inbox h3 span {
  color: #f7931e;
}


/*---------------------------------------------
town_detail02
---------------------------------------------

.left-contents02 {
  background: url("../images/town_detail02/detail02_mv_left.png") no-repeat bottom center;
}

.right-contents02 {
  background: url("../images/town_detail02/detail02_mv_right.png") no-repeat bottom center;
  background-size: cover;
}

.left-contents02 .mv_area .mv_cts_nav ul {
  height: 250px;
}

.town_cts .town_cts03 {
  width: 100%;
  margin: auto;
  font-size: 30px;
}

.town_cts .town_cts03 .cts_inbox h3 {
  text-align: left;
  font-size: 32px;
  color: #000;
  margin: 0;
}

.town_cts .town_cts03 .cts_inbox h3 span {
  color: #f7931e;
}

.town_cts .town_cts03 .cts_inbox_waku {
  width: 80%;
  position: relative;
  border-radius: 40px;
  border: 4px solid #000;
  padding: 50px 20px 10px;
  background: #ffffff;
  margin: 30px auto;
}

.town_cts .town_cts03 .cts_inbox_waku img {
  width: 64px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, -20px);
}

.town_cts .town_cts03 .cts_inbox_waku h3 {
  font-size: 32px;
  background: #f7931e;
  padding: 15px 20px;
  border-radius: 15px;
}

.town_cts .town_cts03 .img_sizeM {
  max-width: 250px;
  margin-bottom: 30px;
}

.town_cts .town_cts03 .img_sizeL {
  width: 70%;
  margin: 30px auto;
}


/*---------------------------------------------
town_detail03
---------------------------------------------

.left-contents03 {
  background: url("../images/town_detail03/detail03_mv_left.png") no-repeat bottom center;
}

.right-contents03 {
  background: url("../images/town_detail03/detail03_mv_right.png") no-repeat bottom center;
  background-size: cover;
}

.left-contents03 .mv_area .mv_cts_nav .img01 {
  top: 2%;
  left: 17%;
}

.left-contents03 .mv_area .mv_cts_nav {
  width: 260px;
  padding-top: 10px;
}

.town_cts .town_cts04 {
  width: 100%;
  margin: auto;
  font-size: 30px;
}

.town_cts .town_cts04 .cts_detail01 {
  margin-top: 50px;
}

.town_cts .town_cts04 .cts_inbox h3 {
  text-align: left;
  font-size: 32px;
  color: #000;
  margin: 0 auto 30px;
}

.town_cts .town_cts04 .cts_inbox h3 span {
  color: #f7931e;
}

.town_cts .town_cts04 .cts_inbox_waku {
  width: 80%;
  position: relative;
  border-radius: 40px;
  border: 4px solid #000;
  padding: 50px 20px 10px;
  background: #ffffff;
  margin: 30px auto;
}

.town_cts .town_cts04 .cts_inbox_waku img.ico {
  width: 64px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, -20px);
}

.town_cts .town_cts04 .cts_inbox_waku h3 {
  font-size: 32px;
  background: #f7931e;
  padding: 15px 20px;
  border-radius: 15px;
}

.town_cts .town_cts04 .img_sizeM {
  max-width: 250px;
  margin-bottom: 30px;
}

.town_cts .town_cts04 .img_sizeL {
  width: 70%;
  margin: 30px auto;
}


/*---------------------------------------------
town_detail04
---------------------------------------------

.left-contents04 {
  background: url("../images/town_detail04/detail04_mv_left.png") no-repeat bottom center;
  background-size: cover;
}

.right-contents04 {
  background: url("../images/town_detail04/detail04_mv_right.png") no-repeat bottom center;
  background-size: cover;
}

.town_cts .town_cts05 {
  width: 100%;
  margin: auto;
  font-size: 30px;
}

.town_cts .town_cts05 .cts_detail01 {
  margin-top: 50px;
}

.town_cts .town_cts05 .cts_inbox h3 {
  text-align: left;
  font-size: 32px;
  color: #000;
  margin: 0 auto 30px;
}

.town_cts .town_cts05 .cts_inbox h3 span, .town_cts .town_cts05 .cts_inbox p.lists span {
  color: #f7931e;
}




/*---------------------------------------------
base & top
---------------------------------------------*/

.town_cts {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.town_cts .town_cts01 {
  width: 100%;
  margin: auto;
}

.town_cts .town_cts01 img {
  width: 100%;
}

.town_cts .town_cts01 p.lead {
  text-align: center;
  font-size: 15px;
  margin: 20px auto;
  line-height: 180%;
}

.town_cts .town_cts01 h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}

.town_cts .town_cts_bg {
  background: url("../images/top/cts_bg.png") repeat-y;
  background-size: contain;
}

.town_cts .town_cts_bg .btn01 {
  width: 92%;
  margin: 50px auto;
}

.town_cts .town_cts01 .town_cts_bg .cts_list {
  margin-bottom: 100px;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox {
  margin-bottom: 50px;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox h3 {
  margin: 20px auto;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox h3 img {
  width: 50%;
}

.town_cts .town_cts01 .town_cts_bg .cts_list .cts_inbox a img {
  margin: -30px 0 0 15px;
  width: 94%;
}

.town_cts .town_cts_bg .cts_nav .cts_pagetop {
  width: 92%;
  margin: 100px auto 30px;
  text-align: right;
}

.town_cts .town_cts_bg .cts_nav .cts_pagetop img {
  width: 38px;
}

.town_cts .town_cts_bg .cts_nav h2 {
  color: #f7931e;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}

.town_cts .town_cts01 .cts_nav{
  font-size: 30px;
}

.town_cts .town_cts_bg .cts_nav ul {
  width: 80%;
  margin: auto;
}

.town_cts .town_cts_bg .cts_nav ul li {
  line-height: 130%;
}

.town_cts .town_cts02 .town_cts_bg .cts_nav ul li,
.town_cts .town_cts03 .town_cts_bg .cts_nav ul li,
.town_cts .town_cts04 .town_cts_bg .cts_nav ul li,
.town_cts .town_cts05 .town_cts_bg .cts_nav ul li {
  line-height: 200%;
}

.town_cts .town_cts_bg .cts_nav ul li img {
  width: 20px;
  margin-right: 10px;
  vertical-align: baseline;
}

.town_cts .town_cts_bg .cts_nav ul li span {
  color: #f7931e;
  font-weight: bold;
}

.town_cts .town_cts_bg .cts_nav ul li a {
  text-decoration: underline;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
}

.town_cts .town_cts_bg .btn02 {
  width: 92%;
  margin: 50px auto 10px;
}


/*---------------------------------------------
town_detail-common
---------------------------------------------*/

.town_cts .cts_inbox {
  text-align: center;
  width: 94%;
  margin: 0 auto 50px;
}

.town_cts .cts_inbox p {
  margin: 20px auto;
  line-height: 150%;
  text-align: left;
}

.town_cts .caps {
  font-size: 16px;
  margin: 5px auto;
  line-height: 150%;
  text-align: left;
}

.town_cts .caps span {
  color: #f7931e;
}

.town_cts img {
  width: 100%;
}

.town_cts h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #f7931e;
  margin-top: 40px;
  margin-bottom: 30px;
  line-height: 140%;
}

.town_cts p.lead {
  margin: 20px auto;
  line-height: 180%;
  width: 94%;
  text-align: left;
}

.town_cts .town_cts_bg {
  background: url("../images/top/cts_bg.png") repeat-y;
  background-size: contain;
}


/*---------------------------------------------
town_detail01
---------------------------------------------*/

.left-contents01 {
  background: #82c9f4 url("../images/town_detail01/detail01_mv_left.png") no-repeat bottom center;
}

.right-contents01 {
  background: #82c9f4 url("../images/town_detail01/detail01_mv_right.png") no-repeat bottom center;
  background-size: contain;
}
@media (max-height: 680px) {
  .right-contents01 {
    background-size: 100% auto;
  }
}

.town_cts .town_cts02 {
  width: 100%;
  margin: auto;
  font-size: 20px;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 {
  margin-bottom: 100px;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 .cts_inbox h3 {
  margin: 20px auto;
  font-size: 24px;
  text-align: left;
	color: #000
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 .cts_inbox h3 span {
  color: #f7931e;
}

.town_cts .town_cts02 .town_cts_bg .cts_detail01 .cts_inbox img {
	margin-bottom: 20px;
}


/*---------------------------------------------
town_detail02
---------------------------------------------*/

.left-contents02 {
  background: #82c9f4 url("../images/town_detail02/detail02_mv_left.png") no-repeat bottom center;
}

.right-contents02 {
  background: #82c9f4 url("../images/town_detail02/detail02_mv_right.png") no-repeat bottom center;
  background-size: contain;
}
@media (max-height: 680px) {
  .right-contents02 {
    background-size: 100% auto;
  }
}

.left-contents02 .mv_area .mv_cts_nav ul {
  height: 250px;
}

.town_cts .town_cts03 {
  width: 100%;
  margin: auto;
  font-size: 20px;
}

.town_cts .town_cts03 .cts_inbox h3 {
  text-align: left;
  font-size: 24px;
  color: #000;
  margin: 0;
}

.town_cts .town_cts03 .cts_inbox h3 span {
  color: #f7931e;
}

.town_cts .town_cts03 .cts_inbox img {
	margin-bottom: 30px;
}

.town_cts .town_cts03 .cts_inbox .mb0 {
	margin-bottom: 0px;
}

.town_cts .town_cts03 .cts_inbox .mt0 {
	margin-top: 0px;
}

.town_cts .town_cts03 .cts_inbox_waku {
  width: 80%;
  position: relative;
  border-radius: 40px;
  border: 4px solid #000;
  padding: 50px 20px 10px;
  background: #ffffff;
  margin: 30px auto;
}

.town_cts .town_cts03 .cts_inbox_waku img {
  width: 64px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, -20px);
}

.town_cts .town_cts03 .cts_inbox_waku h3 {
  font-size: 24px;
  background: #f7931e;
  padding: 15px 20px;
  border-radius: 15px;
}

.town_cts .town_cts03 .img_sizeM {
  max-width: 250px;
  margin-bottom: 30px;
}

.town_cts .town_cts03 .img_sizeL {
  width: 70%;
  margin: 30px auto;
}


/*---------------------------------------------
town_detail03
---------------------------------------------*/

.left-contents03 {
  background: #82c9f4 url("../images/town_detail03/detail03_mv_left.png") no-repeat bottom center;
}

.right-contents03 {
  background: #82c9f4 url("../images/town_detail03/detail03_mv_right.png") no-repeat bottom center;
  background-size: contain;
}
@media (max-height: 680px) {
  .right-contents03 {
    background-size: 100% auto;
  }
}

.left-contents03 .mv_area .mv_cts_nav .img01 {
  top: 2%;
  left: 17%;
}

.left-contents03 .mv_area .mv_cts_nav {
  width: 260px;
  padding-top: 10px;
}

.town_cts .town_cts04 {
  width: 100%;
  margin: auto;
  font-size: 20px;
}

.town_cts .town_cts04 .cts_detail01 {
  margin-top: 50px;
}

.town_cts .town_cts04 .cts_inbox h3 {
  text-align: left;
  font-size: 24px;
  color: #000;
  margin: 0 auto 30px;
}

.town_cts .town_cts04 .cts_inbox h3 span {
  color: #f7931e;
}

.town_cts .town_cts04 .cts_inbox_waku {
  width: 80%;
  position: relative;
  border-radius: 40px;
  border: 4px solid #000;
  padding: 50px 20px 10px;
  background: #ffffff;
  margin: 30px auto;
}

.town_cts .town_cts04 .cts_inbox_waku img.ico {
  width: 64px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, -20px);
}

.town_cts .town_cts04 .cts_inbox_waku h3 {
  font-size: 20px;
  background: #f7931e;
  padding: 12px 20px 10px;
  border-radius: 15px;
	margin-bottom: 15px;
}

.town_cts .town_cts04 .cts_inbox_waku h3.normal_h3 {
  text-align: left;
  font-size: 20px;
  color: #000;
  margin: 0 auto;
	padding: 0;
	background: none;
}

.town_cts .town_cts04 .cts_inbox_waku h3.normal_h3 span{
  color: #f7931e;
}

.town_cts .town_cts04 .cts_inbox_waku p {
	margin-top: 10px;
}

.town_cts .town_cts04 .img_sizeM {
  max-width: 250px;
  margin-bottom: 30px;
}

.town_cts .town_cts04 .img_sizeL {
  width: 70%;
  margin: 30px auto;
}


/*---------------------------------------------
town_detail04
---------------------------------------------*/

.left-contents04 {
  background: #82c9f4 url("../images/town_detail04/detail04_mv_left.png") no-repeat bottom center;
  background-size: contain;
}

.right-contents04 {
  background: #82c9f4 url("../images/town_detail04/detail04_mv_right.png") no-repeat bottom center;
  background-size: contain;
}
@media (max-height: 680px) {
  .left-contents04,
  .right-contents04 {
    background-size: 100% auto;
  }
}
.town_cts .town_cts05 {
  width: 100%;
  margin: auto;
  font-size: 20px;
}

.town_cts .town_cts05 .cts_detail01 {
  margin-top: 50px;
}

.town_cts .town_cts05 .cts_inbox h3 {
  text-align: left;
  font-size: 24px;
  color: #000;
  margin: 0 auto 10px;
}

.town_cts .town_cts05 .cts_inbox h3 span, .town_cts .town_cts05 .cts_inbox p.lists span {
  color: #f7931e;
}

.town_cts .town_cts05 .cts_inbox .lists {
  font-size: 24px;
	font-weight: bold;
	color: #000;
}

.town_cts .town_cts05 img.mb50{
	margin-bottom: 50px;
}