@charset "UTF-8";
/*** reset ***/
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
}

img {
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

address,
em,
h1,
h2,
h3,
h4,
h5,
h6,
ins,
pre,
strong,
th {
  font-style: normal;
  font-weight: 400;
}

table {
  border-collapse: collapse;
  border: 0;
}

th {
  text-align: left;
}

input,
select,
textarea {
  vertical-align: middle;
}

a,
ins {
  text-decoration: none;
}

ul {
  list-style: none;
}

br {
  letter-spacing: 0;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/***cleasrfix hack***/
.hack::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*end hide*/
.clear {
  clear: both;
}

/*** font ***/
html {
  font-size: 62.5%;
}

body {
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.4rem;
  letter-spacing: 1px;
  color: #231815;
}
@media (max-width: 740px) {
  body {
    font-size: 1.2rem;
  }
}

sup {
  font-size: 1rem;
}

/*family*/
body {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Noto Serif JP", serif;
  font-weight: 500;
}
@media (max-width: 740px) {
  body {
    font-weight: 400;
  }
}

.f_go {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media (max-width: 740px) {
  .f_go {
    font-weight: 400;
  }
}

.noto_go {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.noto_min {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

.f_en {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
}

/*** link ***/
a,
a:active,
a:hover,
a:link,
a:visited {
  color: #231815;
}

/***PC／スマホ切替***/
.sp {
  display: none;
}

.pc {
  display: block;
}

@media screen and (max-width: 740px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
.base_w {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1100px) {
  .base_w {
    width: 90%;
  }
}

.cap {
  font-size: 1.1rem;
  letter-spacing: 0;
}
@media (max-width: 740px) {
  .cap {
    font-size: 0.9rem;
  }
}

.soon {
  pointer-events: none;
}

.slick-slide:focus {
  outline: none;
}

/*サイト仕様上書き*/
body {
  background-color: #fff;
}

#allWrapper {
  padding-bottom: 56px;
}

#container {
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  background-color: #fff;
}

#footerArea .areaInner .column1 {
  width: 520px;
}

#footerArea .areaInner .column2 {
  width: 410px;
}

#footerAreaN small {
  padding: 5px 0;
  letter-spacing: 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1280px;
  margin: 0 auto 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1280px) {
  header {
    width: 90%;
  }
}
@media (max-width: 740px) {
  header {
    margin-bottom: 0;
  }
}
header h1 {
  width: 650px;
}
@media (max-width: 1280px) {
  header h1 {
    width: 400px;
  }
}
@media (max-width: 740px) {
  header h1 {
    width: 220px;
  }
}
header .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 360px;
}
@media (max-width: 1100px) {
  header .btn_wrap {
    width: 120px;
  }
}
@media (max-width: 740px) {
  header .btn_wrap {
    width: 60px;
  }
}
header .btn_wrap .btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1100px) {
  header .btn_wrap .btns {
    display: none;
  }
}
header .btn_wrap .btns a {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header .btn_wrap .btns a span {
  font-size: 1.2rem;
}
header .btn_wrap .btns .btn_req {
  width: 175px;
  padding: 10px 0;
  background-color: #a19e75;
  color: #fff;
}
header .btn_wrap .btns .btn_req:hover {
  background-color: #817d4d;
}
header .btn_wrap .btns .btn_res {
  width: 175px;
  padding: 10px 0;
  background-color: #6a9e6c;
  color: #fff;
}
header .btn_wrap .btns .btn_res:hover {
  background-color: #457d47;
}
header .btn_wrap .btns .sub_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 175px;
}
header .btn_wrap .btns .sub_btns .btn {
  width: 100%;
  line-height: 1;
  padding: 5px 0;
  border: 1px #a19e75 solid;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header .btn_wrap .btns .sub_btns .btn:hover {
  background-color: #f0efdf;
}
header .btn_wrap .gnavi_btn {
  display: none;
  background-color: #fff;
}
@media (max-width: 1100px) {
  header .btn_wrap .gnavi_btn {
    display: block;
    position: relative;
    z-index: 101;
    width: 120px;
    height: 90px;
    cursor: pointer;
  }
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn {
    width: 70px;
    height: 60px;
  }
}
header .btn_wrap .gnavi_btn.on {
  background-color: rgba(0, 0, 0, 0);
}
header .btn_wrap .gnavi_btn.fix_on {
  position: fixed;
  top: 0;
  right: 0;
}
header .btn_wrap .gnavi_btn span {
  position: absolute;
  right: 25%;
  width: 100%;
  height: 2px;
  background-color: #231815;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .btn_wrap .gnavi_btn span.on {
  background-color: #fff;
}
header .btn_wrap .gnavi_btn span:nth-of-type(1) {
  width: 50%;
  top: 30px;
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn span:nth-of-type(1) {
    top: 20px;
  }
}
header .btn_wrap .gnavi_btn span:nth-of-type(2) {
  width: 50%;
  top: 45px;
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn span:nth-of-type(2) {
    top: 30px;
  }
}
header .btn_wrap .gnavi_btn span:nth-of-type(3) {
  width: 50%;
  top: 60px;
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn span:nth-of-type(3) {
    top: 40px;
  }
}
header .btn_wrap .gnavi_btn.on span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn.on span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
}
header .btn_wrap .gnavi_btn.on span:nth-of-type(2) {
  opacity: 0;
}
header .btn_wrap .gnavi_btn.on span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
@media (max-width: 740px) {
  header .btn_wrap .gnavi_btn.on span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
}

.pc_gnavi_wrap {
  width: 100%;
  background-color: #817e52;
}
@media (max-width: 1100px) {
  .pc_gnavi_wrap {
    display: none;
  }
}
.pc_gnavi_wrap.fix_on {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
}
.pc_gnavi_wrap .pc_gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1280px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .pc_gnavi_wrap .pc_gnavi {
    width: 90%;
  }
}
.pc_gnavi_wrap .pc_gnavi .n_btn {
  display: block;
  width: 10%;
  padding: 15px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #fff;
  border-left: 1px #fff solid;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 1280px) {
  .pc_gnavi_wrap .pc_gnavi .n_btn {
    font-size: 1.2rem;
  }
}
.pc_gnavi_wrap .pc_gnavi .n_btn:hover {
  background-color: #5f5c3f;
}
.pc_gnavi_wrap .pc_gnavi .n_btn.on {
  background-color: #5f5c3f;
}
.pc_gnavi_wrap .pc_gnavi .n_btn .f_en {
  font-size: 1.2rem;
}
@media (max-width: 1280px) {
  .pc_gnavi_wrap .pc_gnavi .n_btn .f_en {
    font-size: 1rem;
  }
}
.pc_gnavi_wrap .pc_gnavi .n_btn .new {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  text-align: center;
  font-size: 1rem;
  color: #5f5c3f;
  background-color: #fff;
}
.pc_gnavi_wrap .pc_gnavi .n_btn_w {
  border-right: 1px #fff solid;
}
.pc_gnavi_wrap .pc_gnavi .soon {
  color: #ccc;
  pointer-events: none;
}

.gnavi_all {
  display: none;
  position: relative;
  z-index: 100;
}
.gnavi_all .g_navi_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
}
.gnavi_all .g_navi_wrap .g_navi {
  width: 740px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1100px) {
  .gnavi_all .g_navi_wrap .g_navi {
    width: 90%;
  }
}
.gnavi_all .g_navi_wrap .g_navi .navi_btn {
  display: block;
  width: 30%;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 4px;
  font-size: 2rem;
  position: relative;
}
.gnavi_all .g_navi_wrap .g_navi .navi_btn:hover {
  opacity: 0.6;
}
@media (max-width: 1100px) {
  .gnavi_all .g_navi_wrap .g_navi .navi_btn:hover {
    opacity: 1;
  }
}
@media (max-width: 740px) {
  .gnavi_all .g_navi_wrap .g_navi .navi_btn {
    width: 50%;
    margin-bottom: 30px;
    font-size: 1.5rem;
  }
}
.gnavi_all .g_navi_wrap .g_navi .navi_btn.soon {
  color: #666 !important;
  pointer-events: none;
}
.gnavi_all .g_navi_wrap .g_navi .navi_btn .new {
  position: absolute;
  top: -15px;
  left: calc(50% - 25px);
  width: 50px;
  text-align: center;
  font-size: 10px;
  color: #5f5c3f;
  background-color: #fff;
}
@media (max-width: 740px) {
  .gnavi_all .g_navi_wrap .g_navi .last {
    width: 100%;
  }
}
.gnavi_all .g_navi_wrap .g_ani {
  opacity: 0;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.gnavi_all .g_navi_wrap .g_ani.on {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.yokoku {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1280px;
  margin: 20px auto;
}
@media (max-width: 1280px) {
  .yokoku {
    width: 90%;
  }
}
@media (max-width: 1100px) {
  .yokoku {
    margin-top: 0;
  }
}
.yokoku .box01 {
  margin-right: 10px;
  font-size: 2.4rem;
}
@media (max-width: 740px) {
  .yokoku .box01 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    text-align: center;
    font-size: 1.2rem;
  }
}
@media (max-width: 740px) {
  .yokoku .box02 {
    width: 100%;
  }
}

.pankuzu {
  width: 1280px;
  margin: 10px auto 40px;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .pankuzu {
    width: 90%;
  }
}
@media (max-width: 1100px) {
  .pankuzu {
    display: none;
  }
}

.sp_fix_btns {
  display: none;
}
@media (max-width: 1100px) {
  .sp_fix_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: fixed;
    bottom: 40px;
    right: 0;
    z-index: 101;
    width: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}
@media (max-width: 1100px) and (max-width: 768px) {
  .sp_fix_btns {
    bottom: 0;
  }
}
@media (max-width: 1100px) {
  .sp_fix_btns .btn {
    display: block;
    width: 50%;
    text-align: center;
    background-color: #231815;
  }
  .sp_fix_btns .btn.tate_sen {
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  .sp_fix_btns .btn.req {
    background-color: #a19e75;
  }
  .sp_fix_btns .btn.res {
    background-color: #6a9e6c;
  }
  .sp_fix_btns .btn img {
    width: 60px;
  }
}

footer {
  padding: 60px 0;
}
@media (max-width: 740px) {
  footer {
    padding: 30px 0;
  }
}
footer .f_cv_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  footer .f_cv_boxs {
    width: 100%;
    margin: 0 auto 30px;
  }
}
footer .f_cv_boxs .f_tel {
  display: block;
  width: 340px;
}
@media (max-width: 1100px) {
  footer .f_cv_boxs .f_tel {
    width: 30%;
  }
}
@media (max-width: 740px) {
  footer .f_cv_boxs .f_tel {
    width: 70%;
    margin: 0 auto 30px;
  }
}
footer .f_cv_boxs .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 600px;
}
@media (max-width: 1100px) {
  footer .f_cv_boxs .boxs {
    width: 65%;
  }
}
@media (max-width: 740px) {
  footer .f_cv_boxs .boxs {
    width: 100%;
  }
}
footer .f_cv_boxs .boxs .btn {
  display: block;
  width: 49%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
footer .f_cv_boxs .boxs .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  footer .f_cv_boxs .boxs .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
footer .f_line {
  width: 100%;
  height: 1px;
  margin: 60px auto;
  background-color: #231815;
}
@media (max-width: 740px) {
  footer .f_line {
    margin: 30px auto;
  }
}
footer .f_cap {
  margin-bottom: 60px;
}
footer .c_logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  footer .c_logos {
    width: 100%;
  }
}
footer .c_logos .btn01 {
  display: block;
  width: 50%;
}
footer .c_logos .btn02 {
  display: block;
  width: 40%;
}

.po_img {
  position: relative;
}
.po_img .cap {
  line-height: 1;
  padding: 3px 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.grd_bg01 {
  background: rgb(231, 242, 245);
  background: -webkit-gradient(linear, left top, right top, from(rgb(231, 242, 245)), to(rgb(236, 243, 237)));
  background: linear-gradient(90deg, rgb(231, 242, 245) 0%, rgb(236, 243, 237) 100%);
}

#load {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
}

.setup-page .all_bg {
  width: 100%;
  padding: 40px 0 120px;
  background-color: #fff;
  color: #000;
}
@media (max-width: 740px) {
  .setup-page .all_bg {
    padding: 20px 0 60px;
  }
}
.setup-page .main {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .setup-page .main {
    margin-bottom: 40px;
  }
}
.setup-page .top_txts {
  margin-bottom: 120px;
  text-align: center;
}
@media (max-width: 740px) {
  .setup-page .top_txts {
    margin-bottom: 60px;
  }
}
.setup-page .top_txts .main_titl {
  width: 750px;
  margin: 0 auto 40px;
}
@media (max-width: 1100px) {
  .setup-page .top_txts .main_titl {
    width: 100%;
  }
}
.setup-page .top_txts .txt01 {
  line-height: 2;
  margin-bottom: 10px;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .setup-page .top_txts .txt01 {
    font-size: 1.4rem;
  }
}
.setup-page .top_txts .txt02 {
  margin-bottom: 40px;
  font-size: 2.6rem;
  color: #84220d;
}
@media (max-width: 740px) {
  .setup-page .top_txts .txt02 {
    font-size: 1.8rem;
  }
}
.setup-page .top_txts .txt03 {
  line-height: 2.5;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .setup-page .top_txts .txt03 {
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1.2rem;
  }
}
.setup-page .points {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .setup-page .points {
    margin-bottom: 60px;
  }
}
.setup-page .points .titl {
  margin-bottom: 40px;
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .setup-page .points .titl {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}
.setup-page .points .boxs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  word-break: break-word;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .setup-page .points .boxs {
    gap: 15px;
    margin-bottom: 30px;
  }
}
.setup-page .points .boxs .box .p_titl {
  width: 60px;
  margin: 0 auto 20px;
}
@media (max-width: 740px) {
  .setup-page .points .boxs .box .p_titl {
    width: 35px;
  }
}
.setup-page .points .boxs .box .txt {
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .setup-page .points .boxs .box .txt {
    line-height: 1.8;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1.1rem;
  }
}
.setup-page .points .sub_titl {
  line-height: 2;
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .setup-page .points .sub_titl {
    font-size: 1.4rem;
  }
}
.setup-page .plan_top {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_top {
    margin-bottom: 30px;
  }
}
.setup-page .plan_top .titl01 {
  width: 100px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .setup-page .plan_top .titl01 {
    width: 50px;
  }
}
.setup-page .plan_wrap .main_img {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .main_img {
    margin-bottom: 20px;
  }
}
.setup-page .plan_wrap .plan_e_bg {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(10%, rgb(255, 255, 255)), color-stop(10%, rgb(236, 228, 215)), color-stop(80%, rgb(236, 228, 215)), color-stop(80%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgb(236, 228, 215) 10%, rgb(236, 228, 215) 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
}
.setup-page .plan_wrap .imgs {
  display: grid;
  word-break: break-word;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template: "A B" auto "C D" auto/1fr 1.5fr;
  gap: 60px;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .imgs {
    gap: 20px;
    margin-bottom: 40px;
  }
}
.setup-page .plan_wrap .imgs .img01 {
  grid-area: A;
  margin-right: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .imgs .img01 {
    margin-right: 20px;
  }
}
.setup-page .plan_wrap .imgs .img02 {
  grid-area: B;
}
.setup-page .plan_wrap .imgs .img03 {
  grid-area: C;
  margin-left: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .imgs .img03 {
    margin-left: 20px;
  }
}
.setup-page .plan_wrap .imgs .img04 {
  grid-area: D;
  margin-left: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .imgs .img04 {
    margin-left: 20px;
  }
}
.setup-page .plan_wrap .pano_bnr {
  display: block;
  width: 980px;
  margin: 0 auto 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.setup-page .plan_wrap .pano_bnr:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .pano_bnr:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1100px) {
  .setup-page .plan_wrap .pano_bnr {
    width: 100%;
  }
}
.setup-page .plan_wrap .plan_boxs {
  display: grid;
  grid-template-columns: 1fr 1.28fr;
  word-break: break-word;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .plan_boxs {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
}
.setup-page .plan_wrap .plan_boxs .txts {
  display: grid;
  grid-template-columns: 1fr;
  word-break: break-word;
  gap: 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .plan_boxs .txts {
    gap: 30px;
  }
}
.setup-page .plan_wrap .plan_boxs .txts .titl {
  width: 80%;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .plan_boxs .txts .titl {
    margin: 0 auto;
  }
}
.setup-page .plan_wrap .plan_boxs .txts .txt {
  line-height: 2.5;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .plan_boxs .txts .txt {
    letter-spacing: 0;
    font-size: 1.2rem;
  }
}
.setup-page .plan_wrap .plan_boxs .plan .plan_img {
  display: block;
  padding: 0 60px;
}
@media (max-width: 740px) {
  .setup-page .plan_wrap .plan_boxs .plan .plan_img {
    padding: 0 30px;
  }
}

.point-page .txt_line {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(239, 228, 162)), color-stop(30%, rgb(239, 228, 162)), color-stop(30%, rgba(239, 228, 162, 0)), to(rgba(239, 228, 162, 0)));
  background: linear-gradient(0deg, rgb(239, 228, 162) 0%, rgb(239, 228, 162) 30%, rgba(239, 228, 162, 0) 30%, rgba(239, 228, 162, 0) 100%);
}
.point-page .main_wrap {
  width: 100%;
  padding: 120px 0;
  overflow: hidden;
  background-image: url(../images/point/main_bg.jpg);
  background-size: cover;
  background-position: bottom;
}
@media (max-width: 740px) {
  .point-page .main_wrap {
    padding: 60px 0;
  }
}
.point-page .main_wrap .main {
  width: 70vw;
}
@media (max-width: 740px) {
  .point-page .main_wrap .main {
    width: 90vw;
  }
}
.point-page .main_wrap .main .titl_wrap {
  width: 50vw;
  padding: 60px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  right: -30vw;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  font-size: 3.6rem;
}
@media (max-width: 740px) {
  .point-page .main_wrap .main .titl_wrap {
    width: 60vw;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.7);
    right: -10vw;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
.point-page .con_bg {
  width: 100%;
  padding: 120px 0;
  overflow: hidden;
  background-image: url(../images/point/c_bg.jpg);
  background-size: cover;
  background-position: top;
}
@media (max-width: 740px) {
  .point-page .con_bg {
    background: none;
  }
}
@media (max-width: 740px) {
  .point-page .con_bg {
    padding: 60px 0;
  }
}
.point-page .con_bg .main_txt {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .point-page .con_bg .main_txt {
    margin-bottom: 60px;
  }
}
.point-page .con_bg .main_txt .titl {
  margin-bottom: 30px;
  text-align: center;
  font-size: 3.6rem;
}
@media (max-width: 740px) {
  .point-page .con_bg .main_txt .titl {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
.point-page .con_bg .main_txt .titl .txt_line {
  font-size: 4.5rem;
}
@media (max-width: 740px) {
  .point-page .con_bg .main_txt .titl .txt_line {
    font-size: 2.2rem;
  }
}
.point-page .con_bg .main_txt .txt {
  text-align: center;
  line-height: 2;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .point-page .con_bg .main_txt .txt {
    font-size: 1.2rem;
  }
}
.point-page .con_bg .tags {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  word-break: break-word;
  gap: 15px;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .point-page .con_bg .tags {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
  }
}
.point-page .con_bg .tags .tag {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.point-page .con_bg .tags .tag:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .point-page .con_bg .tags .tag:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.point-page .con_bg .p_base01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 {
    margin-bottom: 60px;
  }
}
.point-page .con_bg .p_base01 .box01 {
  width: 50%;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
}
.point-page .con_bg .p_base01 .box01 .f_en {
  width: 100%;
  line-height: 55px;
  padding: 0 10%;
  margin-bottom: 30px;
  font-size: 3.6rem;
  position: relative;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box01 .f_en {
    font-size: 1.8rem;
  }
}
.point-page .con_bg .p_base01 .box01 .f_en::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -20px;
  width: 20px;
  height: 2px;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box01 .f_en::after {
    display: none;
  }
}
.point-page .con_bg .p_base01 .box01 .txts {
  width: 100%;
  padding: 0 10%;
}
.point-page .con_bg .p_base01 .box01 .txts .txt01 {
  margin-bottom: 20px;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box01 .txts .txt01 {
    font-size: 1.4rem;
  }
}
.point-page .con_bg .p_base01 .box01 .txts .txt02 {
  margin-bottom: 40px;
  font-size: 1.6rem;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box01 .txts .txt02 {
    font-size: 1.2rem;
  }
}
.point-page .con_bg .p_base01 .box02 {
  width: 50%;
  padding: 0 0 20px 20px;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base01 .box02 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.point-page .con_bg .p_base01 .end_cap {
  width: 100%;
  margin-top: 10px;
  text-align: right;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.point-page .con_bg .p_base02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 {
    margin-bottom: 60px;
  }
}
.point-page .con_bg .p_base02 .box01 {
  width: 50%;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
}
.point-page .con_bg .p_base02 .box01 .f_en {
  width: 100%;
  line-height: 55px;
  padding: 0 10%;
  margin-bottom: 30px;
  font-size: 3.6rem;
  position: relative;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box01 .f_en {
    font-size: 1.8rem;
  }
}
.point-page .con_bg .p_base02 .box01 .f_en::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -20px;
  width: 20px;
  height: 2px;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box01 .f_en::after {
    display: none;
  }
}
.point-page .con_bg .p_base02 .box01 .txts {
  width: 100%;
  padding: 0 10%;
}
.point-page .con_bg .p_base02 .box01 .txts .txt01 {
  margin-bottom: 20px;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box01 .txts .txt01 {
    font-size: 1.4rem;
  }
}
.point-page .con_bg .p_base02 .box01 .txts .txt02 {
  margin-bottom: 40px;
  font-size: 1.6rem;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box01 .txts .txt02 {
    font-size: 1.2rem;
  }
}
.point-page .con_bg .p_base02 .box02 {
  width: 50%;
  padding: 0 20px 20px 0;
}
@media (max-width: 740px) {
  .point-page .con_bg .p_base02 .box02 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
}
.point-page .con_bg .p_base02 .end_cap {
  width: 100%;
  margin-top: 10px;
  text-align: right;
}
.point-page .con_bg #p01 .box01 .f_en {
  border-bottom: 2px #5578bb solid;
  background-color: #f7f8fc;
  color: #5578bb;
}
.point-page .con_bg #p01 .box01 .f_en::after {
  background-color: #5578bb;
}
.point-page .con_bg #p01 .box02 {
  border-left: 2px #5578bb solid;
  border-bottom: 2px #5578bb solid;
}
.point-page .con_bg #p02 .box01 .f_en {
  border-bottom: 2px #36807c solid;
  background-color: #f7f8f8;
  color: #36807c;
}
.point-page .con_bg #p02 .box01 .f_en::after {
  background-color: #36807c;
}
.point-page .con_bg #p02 .box02 {
  border-right: 2px #36807c solid;
  border-bottom: 2px #36807c solid;
}
.point-page .con_bg #p03 .box01 .f_en {
  border-bottom: 2px #deba46 solid;
  background-color: #fdfbf6;
  color: #deba46;
}
.point-page .con_bg #p03 .box01 .f_en::after {
  background-color: #deba46;
}
.point-page .con_bg #p03 .box02 {
  border-left: 2px #deba46 solid;
  border-bottom: 2px #deba46 solid;
}
.point-page .con_bg #p04 .box01 .f_en {
  border-bottom: 2px #ce7c5a solid;
  background-color: #fcf8f6;
  color: #ce7c5a;
}
.point-page .con_bg #p04 .box01 .f_en::after {
  background-color: #ce7c5a;
}
.point-page .con_bg #p04 .box02 {
  border-right: 2px #ce7c5a solid;
  border-bottom: 2px #ce7c5a solid;
}
.point-page .con_bg #p05 .box01 .f_en {
  border-bottom: 2px #ae4362 solid;
  background-color: #faf6f6;
  color: #ae4362;
}
.point-page .con_bg #p05 .box01 .f_en::after {
  background-color: #ae4362;
}
.point-page .con_bg #p05 .box02 {
  border-left: 2px #ae4362 solid;
  border-bottom: 2px #ae4362 solid;
}

.gallery-page .main_titl {
  margin: 120px auto 20px;
  text-align: center;
  font-size: 4rem;
}
@media (max-width: 740px) {
  .gallery-page .main_titl {
    margin: 40px auto 10px;
    text-align: center;
    font-size: 1.8rem;
  }
}
.gallery-page .titl_line {
  width: 40px;
  height: 1px;
  margin: 0 auto 30px;
  background-color: #000;
}
@media (max-width: 740px) {
  .gallery-page .titl_line {
    margin-bottom: 20px;
  }
}
.gallery-page .vr_btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  word-break: break-word;
  gap: 40px;
}
@media (max-width: 740px) {
  .gallery-page .vr_btns {
    grid-template-columns: 1fr;
  }
}
.gallery-page .vr_btns .btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery-page .vr_btns .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .gallery-page .vr_btns .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.gallery-page .link_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px;
  margin: 0 auto 40px;
}
@media (max-width: 740px) {
  .gallery-page .link_tag {
    width: 90%;
    margin-bottom: 20px;
  }
}
.gallery-page .link_tag .btn {
  width: 48%;
  line-height: 40px;
  text-align: center;
  border: 1px #817d4d solid;
  color: #817d4d;
  font-size: 2.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery-page .link_tag .btn {
    line-height: 30px;
    font-size: 1.2rem;
  }
}
.gallery-page .link_tag .btn:hover {
  background-color: #eeede3;
}
.gallery-page .link_tag .btn.on {
  pointer-events: none;
  background-color: #817d4d;
  color: #fff;
}
.gallery-page .sub_titl {
  margin-bottom: 40px;
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .gallery-page .sub_titl {
    margin-bottom: 20px;
    font-size: 1.2rem;
  }
}
.gallery-page .slider_wrap {
  width: 1200px;
  margin: 0 auto 120px;
}
@media (max-width: 1280px) {
  .gallery-page .slider_wrap {
    width: 90%;
    margin-bottom: 60px;
  }
}
.gallery-page .slide-arrow {
  width: 20px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery-page .slide-arrow {
    width: 10px;
    height: 35px;
    margin-top: -17.5px;
  }
}
.gallery-page .slide-arrow:hover {
  opacity: 0.7;
}
@media (max-width: 740px) {
  .gallery-page .slide-arrow:hover {
    opacity: 1;
  }
}
.gallery-page .prev-arrow {
  left: -40px;
}
@media (max-width: 740px) {
  .gallery-page .prev-arrow {
    left: -15px;
  }
}
.gallery-page .next-arrow {
  right: -40px;
}
@media (max-width: 740px) {
  .gallery-page .next-arrow {
    right: -15px;
  }
}
.gallery-page .thumbnail {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 740px) {
  .gallery-page .thumbnail {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
  }
}
.gallery-page .thumbnail.thumbnail_h {
  width: 700px;
  margin: 10px auto 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 740px) {
  .gallery-page .thumbnail.thumbnail_h {
    width: 100%;
  }
}
.gallery-page .thumbnail .box {
  position: relative;
  cursor: pointer;
}
.gallery-page .thumbnail .box:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
}
.gallery-page .thumbnail .box:hover:after {
  opacity: 0;
}
.gallery-page .thumbnail .box.thumbnail-current:after {
  opacity: 0;
}

.gallery_c-page .main_titl {
  margin: 120px auto 20px;
  text-align: center;
  font-size: 4rem;
}
@media (max-width: 740px) {
  .gallery_c-page .main_titl {
    margin: 40px auto 10px;
    text-align: center;
    font-size: 1.8rem;
  }
}
.gallery_c-page .titl_line {
  width: 40px;
  height: 1px;
  margin: 0 auto 30px;
  background-color: #000;
}
@media (max-width: 740px) {
  .gallery_c-page .titl_line {
    margin-bottom: 20px;
  }
}
.gallery_c-page .vr_btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  word-break: break-word;
  gap: 40px;
}
@media (max-width: 740px) {
  .gallery_c-page .vr_btns {
    grid-template-columns: 1fr;
  }
}
.gallery_c-page .vr_btns .btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery_c-page .vr_btns .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .gallery_c-page .vr_btns .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.gallery_c-page .link_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px;
  margin: 0 auto 40px;
}
@media (max-width: 740px) {
  .gallery_c-page .link_tag {
    width: 90%;
    margin-bottom: 20px;
  }
}
.gallery_c-page .link_tag .btn {
  width: 48%;
  line-height: 40px;
  text-align: center;
  border: 1px #817d4d solid;
  color: #817d4d;
  font-size: 2.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery_c-page .link_tag .btn {
    line-height: 30px;
    font-size: 1.2rem;
  }
}
.gallery_c-page .link_tag .btn:hover {
  background-color: #eeede3;
}
.gallery_c-page .link_tag .btn.on {
  pointer-events: none;
  background-color: #817d4d;
  color: #fff;
}
.gallery_c-page .sub_titl {
  margin-bottom: 40px;
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .gallery_c-page .sub_titl {
    margin-bottom: 20px;
    font-size: 1.2rem;
  }
}
.gallery_c-page .slider_wrap {
  width: 1200px;
  margin: 0 auto 120px;
}
@media (max-width: 1280px) {
  .gallery_c-page .slider_wrap {
    width: 90%;
    margin-bottom: 60px;
  }
}
.gallery_c-page .slide-arrow {
  width: 20px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery_c-page .slide-arrow {
    width: 10px;
    height: 35px;
    margin-top: -17.5px;
  }
}
.gallery_c-page .slide-arrow:hover {
  opacity: 0.7;
}
@media (max-width: 740px) {
  .gallery_c-page .slide-arrow:hover {
    opacity: 1;
  }
}
.gallery_c-page .prev-arrow {
  left: -40px;
}
@media (max-width: 740px) {
  .gallery_c-page .prev-arrow {
    left: -15px;
  }
}
.gallery_c-page .next-arrow {
  right: -40px;
}
@media (max-width: 740px) {
  .gallery_c-page .next-arrow {
    right: -15px;
  }
}
.gallery_c-page .thumbnail {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 740px) {
  .gallery_c-page .thumbnail {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
  }
}
.gallery_c-page .thumbnail.thumbnail_h {
  width: 700px;
  margin: 10px auto 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 740px) {
  .gallery_c-page .thumbnail.thumbnail_h {
    width: 100%;
  }
}
.gallery_c-page .thumbnail .box {
  position: relative;
  cursor: pointer;
}
.gallery_c-page .thumbnail .box:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
}
.gallery_c-page .thumbnail .box:hover:after {
  opacity: 0;
}
.gallery_c-page .thumbnail .box.thumbnail-current:after {
  opacity: 0;
}

.gallery_h-page .main_titl {
  margin: 120px auto 20px;
  text-align: center;
  font-size: 4rem;
}
@media (max-width: 740px) {
  .gallery_h-page .main_titl {
    margin: 40px auto 10px;
    text-align: center;
    font-size: 1.8rem;
  }
}
.gallery_h-page .titl_line {
  width: 40px;
  height: 1px;
  margin: 0 auto 30px;
  background-color: #000;
}
@media (max-width: 740px) {
  .gallery_h-page .titl_line {
    margin-bottom: 20px;
  }
}
.gallery_h-page .vr_btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  word-break: break-word;
  gap: 40px;
}
@media (max-width: 740px) {
  .gallery_h-page .vr_btns {
    grid-template-columns: 1fr;
  }
}
.gallery_h-page .vr_btns .btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery_h-page .vr_btns .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .gallery_h-page .vr_btns .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.gallery_h-page .link_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px;
  margin: 0 auto 40px;
}
@media (max-width: 740px) {
  .gallery_h-page .link_tag {
    width: 90%;
    margin-bottom: 20px;
  }
}
.gallery_h-page .link_tag .btn {
  width: 48%;
  line-height: 40px;
  text-align: center;
  border: 1px #817d4d solid;
  color: #817d4d;
  font-size: 2.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery_h-page .link_tag .btn {
    line-height: 30px;
    font-size: 1.2rem;
  }
}
.gallery_h-page .link_tag .btn:hover {
  background-color: #eeede3;
}
.gallery_h-page .link_tag .btn.on {
  pointer-events: none;
  background-color: #817d4d;
  color: #fff;
}
.gallery_h-page .sub_titl {
  margin-bottom: 40px;
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .gallery_h-page .sub_titl {
    margin-bottom: 20px;
    font-size: 1.2rem;
  }
}
.gallery_h-page .slider_wrap {
  width: 1200px;
  margin: 0 auto 120px;
}
@media (max-width: 1280px) {
  .gallery_h-page .slider_wrap {
    width: 90%;
    margin-bottom: 60px;
  }
}
.gallery_h-page .slide-arrow {
  width: 20px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .gallery_h-page .slide-arrow {
    width: 10px;
    height: 35px;
    margin-top: -17.5px;
  }
}
.gallery_h-page .slide-arrow:hover {
  opacity: 0.7;
}
@media (max-width: 740px) {
  .gallery_h-page .slide-arrow:hover {
    opacity: 1;
  }
}
.gallery_h-page .prev-arrow {
  left: -40px;
}
@media (max-width: 740px) {
  .gallery_h-page .prev-arrow {
    left: -15px;
  }
}
.gallery_h-page .next-arrow {
  right: -40px;
}
@media (max-width: 740px) {
  .gallery_h-page .next-arrow {
    right: -15px;
  }
}
.gallery_h-page .thumbnail {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 740px) {
  .gallery_h-page .thumbnail {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
  }
}
.gallery_h-page .thumbnail.thumbnail_h {
  width: 700px;
  margin: 10px auto 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 740px) {
  .gallery_h-page .thumbnail.thumbnail_h {
    width: 100%;
  }
}
.gallery_h-page .thumbnail .box {
  position: relative;
  cursor: pointer;
}
.gallery_h-page .thumbnail .box:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
}
.gallery_h-page .thumbnail .box:hover:after {
  opacity: 0;
}
.gallery_h-page .thumbnail .box.thumbnail-current:after {
  opacity: 0;
}

.top-page .main_slider .sp_cap {
  font-size: 1rem;
  text-align: right;
}
.top-page .main_slider .po_img .res_btn {
  display: block;
  width: 250px;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 100;
}
@media (max-width: 1100px) {
  .top-page .main_slider .po_img .res_btn {
    width: 150px;
    left: 10px;
  }
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .res_btn {
    width: 90px;
  }
}
.top-page .main_slider .po_img .res_btn img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.4));
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .res_btn img {
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }
}
.top-page .main_slider .po_img .res_btn img:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.6));
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .res_btn img:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }
}
.top-page .main_slider .po_img .s01_titl {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 15%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  font-size: 9rem;
  color: #fff;
}
@media (max-width: 1100px) {
  .top-page .main_slider .po_img .s01_titl {
    font-size: 3rem;
  }
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .s01_titl {
    top: 10%;
    font-size: 2rem;
  }
}
.top-page .main_slider .po_img .ss01_titl {
  position: absolute;
  bottom: 50px;
  left: 50px;
  font-size: 4rem;
  color: #fff;
  text-shadow: 0 0px 10px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1100px) {
  .top-page .main_slider .po_img .ss01_titl {
    font-size: 2rem;
  }
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .ss01_titl {
    bottom: 20px;
    left: 10px;
    font-size: 1.2rem;
  }
}
.top-page .main_slider .po_img .ss01_titl span {
  font-size: 6rem;
}
@media (max-width: 1100px) {
  .top-page .main_slider .po_img .ss01_titl span {
    font-size: 3rem;
  }
}
@media (max-width: 740px) {
  .top-page .main_slider .po_img .ss01_titl span {
    font-size: 2rem;
  }
}
.top-page .info_bg {
  margin-bottom: 120px;
  padding: 80px 0;
  background-color: #ecf1ed;
}
@media (max-width: 740px) {
  .top-page .info_bg {
    margin-bottom: 60px;
    padding: 40px 0;
  }
}
.top-page .info_bg .c01 {
  text-align: center;
  border-top: 1px #fff solid;
}
.top-page .info_bg .c01 .txt01 {
  width: 200px;
  line-height: 25px;
  margin: -12.5px auto 0;
  background-color: #ecf1ed;
  font-size: 2.5rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt01 {
    width: 150px;
    line-height: 14px;
    margin: -7px auto 0;
    background-color: #ecf1ed;
    font-size: 1.4rem;
  }
}
.top-page .info_bg .c01 .txt03 {
  width: 100%;
  padding-top: 60px;
  margin-bottom: 20px;
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt03 {
    padding-top: 20px;
    font-size: 2.2rem;
  }
}
.top-page .info_bg .c01 .txt03 span {
  font-size: 3rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt03 span {
    font-size: 1.5rem;
  }
}
.top-page .info_bg .c01 .txt04 {
  width: 100%;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt04 {
    text-align: left;
    font-size: 1rem;
  }
}
.top-page .info_bg .c01 .kyu {
  width: 100%;
  padding: 60px 0;
  border-bottom: 1px #fff solid;
  font-size: 2.4rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .kyu {
    padding: 20px 0;
    font-size: 1.3rem;
  }
}
.top-page .info_bg .c01 .txt02 {
  padding: 30px 0;
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt02 {
    padding: 10px 0;
    font-size: 2.2rem;
  }
}
.top-page .info_bg .c01 .txt02 span {
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c01 .txt02 span {
    font-size: 1.2rem;
  }
}
.top-page .info_bg .c02 .info_txt {
  width: 500px;
  margin: 0 auto 30px;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .info_txt {
    width: 100%;
    margin-bottom: 20px;
  }
}
.top-page .info_bg .c02 .btn {
  display: block;
  width: 500px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  background-color: #6b9e6d;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .info_bg .c02 .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .btn {
    width: 100%;
  }
}
.top-page .info_bg .c02 .btn01 {
  font-size: 2.2rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .btn01 {
    font-size: 1.5rem;
  }
}
.top-page .info_bg .c02 .btn02 {
  margin-bottom: 80px;
  font-size: 1.5rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .btn02 {
    margin-bottom: 40px;
    font-size: 1.2rem;
  }
}
.top-page .info_bg .c02 .btn03 {
  background-color: #a19e75;
  font-size: 2.2rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .btn03 {
    font-size: 1.5rem;
  }
}
.top-page .info_bg .c02 .line {
  width: 100%;
  height: 1px;
  margin: 60px 0;
  background-color: #fff;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .line {
    margin: 30px 0;
  }
}
.top-page .info_bg .c02 .ks_txt {
  line-height: 2;
  text-align: center;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .ks_txt {
    text-align: left;
  }
}
.top-page .info_bg .c02 .ks_txt .titl {
  font-size: 2rem;
}
@media (max-width: 740px) {
  .top-page .info_bg .c02 .ks_txt .titl {
    text-align: center;
    font-size: 1.5rem;
  }
}
.top-page .online_wrap {
  padding: 60px 0;
  margin-bottom: 120px;
  text-align: center;
  background-color: #ecf1ed;
}
@media (max-width: 740px) {
  .top-page .online_wrap {
    padding: 30px 0;
    margin-bottom: 60px;
  }
}
.top-page .online_wrap .titl01 {
  margin-bottom: 20px;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .top-page .online_wrap .titl01 {
    font-size: 1.2rem;
  }
}
.top-page .online_wrap .titl02 {
  margin-bottom: 20px;
  font-size: 4.5rem;
}
@media (max-width: 740px) {
  .top-page .online_wrap .titl02 {
    font-size: 2rem;
  }
}
.top-page .online_wrap .txt01 {
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .top-page .online_wrap .txt01 {
    width: 90%;
    margin: 0 auto 30px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-align: left;
  }
}
.top-page .online_wrap .btn {
  display: block;
  width: 300px;
  line-height: 1.2;
  padding: 10px;
  margin: 0 auto;
  background-color: #6b9e6d;
  color: #fff;
  border-radius: 10px;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .online_wrap .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .online_wrap .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .online_wrap .btn {
    width: 90%;
    font-size: 1.4rem;
  }
}
.top-page .hensai_i {
  display: block;
  margin-bottom: 120px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .hensai_i:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .hensai_i:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .hensai_i {
    margin-bottom: 60px;
  }
}
.top-page .fp_bnr {
  display: block;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .top-page .fp_bnr {
    margin-bottom: 60px;
  }
}
.top-page .gw_bnr {
  display: block;
  margin-bottom: 40px;
  border: 1px #ecf1ed solid;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .gw_bnr:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .gw_bnr:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .gw_bnr {
    margin-bottom: 20px;
  }
}
.top-page .map_bnr {
  display: block;
  width: 740px;
  margin: 0 auto 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .map_bnr:hover {
  opacity: 0.8;
}
@media (max-width: 740px) {
  .top-page .map_bnr {
    width: 90%;
    margin-bottom: 20px;
  }
}
.top-page .cp_bnr {
  display: block;
  width: 1100px;
  margin: 0 auto 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .cp_bnr:hover {
  opacity: 0.8;
}
@media (max-width: 1100px) {
  .top-page .cp_bnr {
    width: 90%;
    margin-bottom: 40px;
  }
}
.top-page .setu_bnr {
  display: block;
  width: 740px;
  margin: 0 auto 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .setu_bnr:hover {
  opacity: 0.8;
}
@media (max-width: 740px) {
  .top-page .setu_bnr {
    width: 90%;
    margin-bottom: 40px;
  }
}
.top-page .kakaku {
  padding: 40px 0;
  background-color: #a19e75;
}
@media (max-width: 740px) {
  .top-page .kakaku {
    padding: 20px 0;
    margin-top: 20px;
  }
}
.top-page .kakaku img {
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.7));
}
.top-page .hensai {
  width: 100%;
  padding: 40px 0;
  background-image: url(../images/top/kakaku_bg.jpg);
  background-size: cover;
  margin-top: -1px;
}
@media (max-width: 740px) {
  .top-page .hensai {
    padding: 20px 0;
  }
}
.top-page .hensai .txt {
  display: block;
  width: 900px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .top-page .hensai .txt {
    width: 90%;
  }
}
.top-page .hensai .txt img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.6));
}
.top-page .hensai .txt img:hover {
  -webkit-filter: drop-shadow(0px 10px 10px rgb(0, 0, 0));
          filter: drop-shadow(0px 10px 10px rgb(0, 0, 0));
}
.top-page .kansei {
  width: 100%;
  margin-bottom: 60px;
  padding: 40px 0;
  background-color: #6a9e6c;
}
@media (max-width: 740px) {
  .top-page .kansei {
    margin-bottom: 30px;
    padding: 20px 0;
  }
}
.top-page .kansei .txt {
  width: 330px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .top-page .kansei .txt {
    width: 40%;
  }
}
.top-page .r_cp_bnr {
  display: block;
  margin-bottom: 10px;
}
.top-page .r_cp_bnr img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .r_cp_bnr img:hover {
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.6));
}
.top-page .cap_cp {
  text-align: justify;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .top-page .cap_cp {
    margin-bottom: 30px;
  }
}
.top-page .bnr_77 {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .bnr_77:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .bnr_77:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.top-page .bnr_77_cap {
  line-height: 1.2;
  margin-top: 5px;
  margin-bottom: 60px;
  text-align: justify;
  color: #5a322a;
}
@media (max-width: 740px) {
  .top-page .bnr_77_cap {
    margin-bottom: 30px;
    font-size: 0.8rem;
  }
}
.top-page .sin_bnr {
  display: block;
  margin-bottom: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .sin_bnr:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .sin_bnr:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .sin_bnr {
    margin-bottom: 30px;
  }
}
.top-page .set_wrap {
  margin-bottom: 60px;
  padding: 30px;
  background-color: #fff;
  border: 1px #a19e75 solid;
}
@media (max-width: 740px) {
  .top-page .set_wrap {
    margin-bottom: 30px;
    padding: 10px;
  }
}
.top-page .set_wrap .img {
  width: 80%;
  margin: 0 auto 30px;
}
@media (max-width: 740px) {
  .top-page .set_wrap .img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.top-page .set_wrap .btn {
  display: block;
  width: 100%;
  padding: 20px;
  background-color: #a19e75;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.top-page .set_wrap .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .set_wrap .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 740px) {
  .top-page .set_wrap .btn {
    padding: 10px;
  }
}
.top-page .set_wrap .btn img {
  display: block;
  width: 150px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .top-page .set_wrap .btn img {
    width: 90px;
  }
}
.top-page .ge_wrap {
  margin-bottom: 60px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .ge_wrap {
    margin-bottom: 30px;
  }
}
.top-page .ge_wrap .btn {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .ge_wrap .btn:hover {
  opacity: 0.8;
}
.top-page .online_bnr {
  display: block;
  margin-bottom: 120px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .online_bnr {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.top-page .online_bnr:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
@media (max-width: 740px) {
  .top-page .online_bnr:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 740px) {
  .top-page .online_bnr {
    margin-bottom: 30px;
  }
}
.top-page .mv_bg {
  padding: 80px 0;
  background: rgb(233, 239, 235);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 239, 235)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(233, 239, 235) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .top-page .mv_bg {
    padding: 40px 0;
  }
}
.top-page .mv_wrap {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .top-page .mv_wrap {
    width: 90%;
  }
}
.top-page .mv_wrap .titl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .top-page .mv_wrap .titl_wrap {
    margin-bottom: 10px;
  }
}
.top-page .mv_wrap .titl_wrap .titl01 {
  width: 350px;
}
@media (max-width: 740px) {
  .top-page .mv_wrap .titl_wrap .titl01 {
    width: 50%;
  }
}
@media (max-width: 740px) {
  .top-page .mv_wrap .titl_wrap .titl02 {
    font-size: 1rem;
  }
}
.top-page .mv_wrap .movie_box {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .top-page .mv_wrap .movie_box {
    margin-bottom: 30px;
  }
}
.top-page .mv_wrap .movie_box iframe {
  width: 100%;
}
.top-page .mv_wrap .movie_box02 {
  margin-bottom: 20px;
}
.top-page .con_base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 60px;
  background-size: cover;
  background-position: bottom;
}
.top-page .con_base.bg01 {
  background-image: url("../images/top/bg01.jpg");
}
.top-page .con_base.bg02 {
  background-image: url("../images/top/bg02.jpg");
}
.top-page .con_base.plan_wrap {
  padding: 60px 0;
}
@media (max-width: 740px) {
  .top-page .con_base.plan_wrap {
    padding: 0;
  }
}
.top-page .con_base .deco {
  width: 15%;
}
.top-page .con_base .deco img {
  display: block;
  width: 35%;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .top-page .con_base .deco {
    display: none;
  }
}
.top-page .con_base .txt_box {
  width: 30%;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 90%;
    margin: 0 auto;
  }
}
.top-page .con_base .txt_box .line {
  width: 1px;
  height: 90px;
  background-color: #231815;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .line {
    height: 50px;
  }
}
.top-page .con_base .txt_box .line01 {
  margin-bottom: 20px;
}
.top-page .con_base .txt_box .line02 {
  margin-left: auto;
  margin-right: 101px;
  margin-bottom: 20px;
}
.top-page .con_base .txt_box .titl01 {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .titl01 {
    font-size: 2rem;
  }
}
.top-page .con_base .txt_box .titl02 {
  margin: 20px 0;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .titl02 {
    font-size: 1.4rem;
  }
}
.top-page .con_base .txt_box .txt {
  width: 90%;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .txt {
    width: 100%;
  }
}
.top-page .con_base .txt_box .btn {
  display: block;
  width: 150px;
  margin: 30px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .btn {
    width: 120px;
  }
}
.top-page .con_base .txt_box .btn:hover {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}
.top-page .con_base .txt_box .img {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .img {
    margin-bottom: 10px;
  }
}
.top-page .con_base .txt_box .img .cap_r {
  text-align: right;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .img .cap_r {
    text-align: left;
  }
}
.top-page .con_base .txt_box .img_r {
  margin-left: 100px;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .img_r {
    margin-left: 0;
  }
}
.top-page .con_base .txt_box .img_l {
  margin-left: -150px;
}
@media (max-width: 740px) {
  .top-page .con_base .txt_box .img_l {
    margin-left: 0;
  }
}
.top-page .con_base .txt_box_r {
  margin-left: 5%;
}
.top-page .con_base .img_box {
  width: 50%;
}
@media (max-width: 740px) {
  .top-page .con_base .img_box {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 90%;
    margin: 0 auto;
  }
}
.top-page .con_base .img_box .cap_r {
  text-align: right;
}
@media (max-width: 740px) {
  .top-page .con_base .img_box .cap_r {
    text-align: left;
  }
}
.top-page .con_base .cap {
  margin: 0 10px;
}
@media (max-width: 740px) {
  .top-page .con_base .cap {
    margin: 0;
  }
}
.top-page .g_fl_bnr {
  width: 350px;
  position: fixed;
  bottom: 70px;
  left: 25px;
  z-index: 100;
}
@media (max-width: 1100px) {
  .top-page .g_fl_bnr {
    width: 200px;
    left: 10px;
  }
}
.top-page .g_fl_bnr a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.4));
}
@media (max-width: 740px) {
  .top-page .g_fl_bnr a {
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }
}
.top-page .g_fl_bnr a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.6));
}
@media (max-width: 740px) {
  .top-page .g_fl_bnr a:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }
}
.top-page .g_fl_bnr img {
  max-width: 100%;
}
.top-page .g_fl_bnr .g_fl_bnr_c {
  width: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 101;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .g_fl_bnr .g_fl_bnr_c:hover {
  opacity: 0.7;
}
.top-page .annai_wrap {
  padding: 40px;
  margin-bottom: 60px;
  background-image: url(../images/top/annai_bg.jpg);
  background-size: cover;
  background-position: top;
}
@media (max-width: 1100px) {
  .top-page .annai_wrap {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .top-page .annai_wrap {
    padding: 20px;
    margin-bottom: 30px;
  }
}
.top-page .annai_wrap .top_titl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  font-size: 4rem;
  color: #fff;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .top_titl {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}
.top-page .annai_wrap .top_titl span {
  padding: 5px;
  margin-left: 5px;
  font-size: 1.5rem;
  border: 1px #fff solid;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .top_titl span {
    font-size: 1rem;
  }
}
.top-page .annai_wrap .boxs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  word-break: break-word;
  gap: 20px;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs {
    grid-template-columns: 1fr;
  }
}
.top-page .annai_wrap .boxs .box {
  border: 1px #fff solid;
  padding: 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(215, 196, 180)), to(rgb(244, 245, 240)));
  background: linear-gradient(0deg, rgb(215, 196, 180) 0%, rgb(244, 245, 240) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  color: #333;
}
.top-page .annai_wrap .boxs .box p {
  width: 100%;
}
.top-page .annai_wrap .boxs .box .titl {
  margin-bottom: 10px;
  font-size: 3.5rem;
  text-align: center;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs .box .titl {
    font-size: 2.5rem;
  }
}
.top-page .annai_wrap .boxs .box .txt01 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px #fff solid;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs .box .txt01 {
    font-size: 1.2rem;
  }
}
.top-page .annai_wrap .boxs .box .txt02 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs .box .txt02 {
    font-size: 1.4rem;
  }
}
.top-page .annai_wrap .boxs .box .txt03 {
  text-align: center;
  font-size: 1.5rem;
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs .box .txt03 {
    font-size: 1.2rem;
  }
}
.top-page .annai_wrap .boxs .box .txt04 {
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}
.top-page .annai_wrap .boxs .box .cap {
  letter-spacing: -0.5px;
}
.top-page .annai_wrap .boxs .box .btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  padding: 10px;
  background-color: #6a9e6c;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .annai_wrap .boxs .box .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .annai_wrap .boxs .box .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.top-page .annai_wrap .tel_btn {
  display: block;
  margin-top: 20px;
  background-color: #6a9e6c;
  font-size: 2.2rem;
  padding: 10px;
  border: 1px #fff solid;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-page .annai_wrap .tel_btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .top-page .annai_wrap .tel_btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .top-page .annai_wrap .tel_btn {
    font-size: 1.5rem;
  }
}

.design-page .cap_w {
  position: relative;
}
.design-page .cap_w .cap {
  position: absolute;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.6;
  padding: 3px;
  bottom: 0;
  right: 0;
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .design-page .cap_w .cap {
    font-size: 1rem;
    padding: 2px;
  }
}
.design-page .w_txt {
  line-height: 1;
  margin-bottom: 10px;
  width: auto;
  font-family: "Playfair Display", serif;
  font-size: 6.8rem;
  color: rgb(220, 221, 221);
}
@media (max-width: 1100px) {
  .design-page .w_txt {
    font-size: 4.3rem;
  }
}
@media (max-width: 740px) {
  .design-page .w_txt {
    font-size: 3.5rem;
  }
}
.design-page .txt_box h2 {
  font-size: 1.7rem;
  margin-bottom: 25px;
  letter-spacing: 2px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .design-page .txt_box h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 740px) {
  .design-page .txt_box h2 {
    font-size: 1.5rem;
  }
}
.design-page .txt_box p {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 1px;
  line-height: 30px;
}
@media (max-width: 1100px) {
  .design-page .txt_box p {
    line-height: 22px;
  }
}
@media (max-width: 740px) {
  .design-page .txt_box p {
    font-size: 1.1rem;
    line-height: 25px;
  }
}
.design-page .main {
  width: 100%;
  margin-bottom: 80px;
}
.design-page .main02 {
  margin: 80px 0;
}
@media (max-width: 740px) {
  .design-page .main02 {
    margin: 40px 0;
  }
}
.design-page .c_bg {
  background-image: url("../images/design/c_bg_img.jpg");
  width: 100%;
  background-position: bottom;
  background-size: cover;
}
.design-page .c_bg .c01_wrap {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .design-page .c_bg .c01_wrap {
    width: 90%;
    margin: 0 auto;
  }
}
.design-page .c_bg .c01_wrap .c01_t {
  text-align: center;
  padding-top: 30px;
}
.design-page .c_bg .c01_wrap .c01_t h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 740px) {
  .design-page .c_bg .c01_wrap .c01_t h2 {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.design-page .c_bg .c01_wrap .c01_t p {
  font-size: 1.3rem;
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 740px) {
  .design-page .c_bg .c01_wrap .c01_t p {
    font-size: 1.1rem;
    margin-bottom: 30px;
  }
}
.design-page .c_bg .c01_wrap .c01_cg {
  margin-bottom: 20px;
}
.design-page .c_bg .c01_wrap .c01_m {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 70px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 740px) {
  .design-page .c_bg .c01_wrap .c01_m {
    padding-top: 30px;
  }
}
.design-page .c_bg .c01_wrap .c01_m .c01_mimg {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1100px) {
  .design-page .c_bg .c01_wrap .c01_m .c01_mimg {
    width: 50%;
  }
}
@media (max-width: 740px) {
  .design-page .c_bg .c01_wrap .c01_m .c01_mimg {
    width: 100%;
  }
}
.design-page .c_bg .c01_wrap .c01_m .c01_mimg img {
  width: 32%;
  height: auto;
}
.design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
  width: 35%;
}
@media (max-width: 1100px) {
  .design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
    width: 48%;
  }
}
@media (max-width: 740px) {
  .design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
    width: 100%;
  }
}
.design-page .c02 .c02_t {
  width: 100%;
  padding-top: 80px;
  text-align: center;
}
@media (max-width: 740px) {
  .design-page .c02 .c02_t {
    width: 90%;
    margin: 0 auto 10px;
  }
}
.design-page .c02 .c02_t h2 {
  font-size: 1.5rem;
  margin-bottom: 25px;
  line-height: 32px;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .design-page .c02 .c02_t h2 {
    font-size: 1.4rem;
  }
}
.design-page .c02 .c02_t p {
  font-size: 1.3rem;
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 740px) {
  .design-page .c02 .c02_t p {
    font-size: 1.1rem;
    margin-bottom: 30px;
  }
}
.design-page .c02 .c02_t .cap_w {
  width: 1250px;
  margin: 0 auto;
}
.design-page .c02 .c02_t .cap_w p {
  font-size: 1.2rem;
}
@media (max-width: 1280px) {
  .design-page .c02 .c02_t .cap_w {
    width: 90%;
  }
  .design-page .c02 .c02_t .cap_w p {
    font-size: 1rem;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .c02_t .cap_w {
    width: 100%;
  }
}
.design-page .c02 .c02_t .sea_lounge {
  margin-bottom: 40px;
}
.design-page .c02 .c02_t .cap {
  margin-bottom: 0;
  line-height: 13px;
}
.design-page .c02 .c02_t .darken {
  width: 80%;
  margin: 0 auto 50px;
}
.design-page .c02 .c02_t .darken img {
  mix-blend-mode: darken;
}
@media (max-width: 740px) {
  .design-page .c02 .c02_t .darken {
    width: 90%;
    margin: 0 auto;
  }
}
.design-page .c02 .cp01 {
  width: 850px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1100px) {
  .design-page .c02 .cp01 {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp01 {
    margin-bottom: 40px;
  }
}
.design-page .c02 .cp01 .txt_box {
  padding-top: 30px;
}
@media (max-width: 1100px) {
  .design-page .c02 .cp01 .txt_box {
    width: 70%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp01 .txt_box {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.design-page .c02 .cp01 .w_txt br {
  display: none;
}
.design-page .c02 .cp02 {
  width: 1310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .design-page .c02 .cp02 {
    width: 90%;
    margin: 0 auto 30px;
  }
  .design-page .c02 .cp02 .w_txt br {
    display: none;
  }
}
@media (max-width: 1350px) {
  .design-page .c02 .cp02 {
    width: 1000px;
  }
}
@media (max-width: 1100px) {
  .design-page .c02 .cp02 {
    width: 90%;
  }
}
.design-page .c02 .cp02 .txt_box {
  width: 300px;
  padding-top: 80px;
}
@media (max-width: 1350px) {
  .design-page .c02 .cp02 .txt_box {
    padding-top: 20px;
  }
}
@media (max-width: 1100px) {
  .design-page .c02 .cp02 .txt_box {
    width: 34%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp02 .txt_box {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.design-page .c02 .cp02 .cap_left {
  width: 75%;
}
@media (max-width: 1350px) {
  .design-page .c02 .cp02 .cap_left {
    width: 60%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp02 .cap_left {
    width: 100%;
  }
}
.design-page .c02 .cp03 {
  width: 1310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: auto;
}
@media (max-width: 1350px) {
  .design-page .c02 .cp03 {
    width: 1000px;
  }
}
@media (max-width: 1100px) {
  .design-page .c02 .cp03 {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp03 {
    margin: 0 auto;
  }
}
.design-page .c02 .cp03 .txt_box {
  width: 300px;
  padding-top: 80px;
}
@media (max-width: 1350px) {
  .design-page .c02 .cp03 .txt_box {
    padding-top: 20px;
  }
}
@media (max-width: 1100px) {
  .design-page .c02 .cp03 .txt_box {
    width: 34%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp03 .txt_box {
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp03 .txt_box .w_txt br {
    display: none;
  }
}
.design-page .c02 .cp03 .cap_left {
  width: 75%;
}
@media (max-width: 1350px) {
  .design-page .c02 .cp03 .cap_left {
    width: 60%;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp03 .cap_left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}
.design-page .c02 .cp04 {
  width: 1000px;
  margin: 0 auto 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1100px) {
  .design-page .c02 .cp04 {
    width: 90%;
    marign: 0 auto;
  }
}
@media (max-width: 740px) {
  .design-page .c02 .cp04 {
    margin-bottom: 100px;
  }
}
.design-page .c02 .cp04 .txt_box {
  width: 40%;
  margin-top: 50px;
}
@media (max-width: 740px) {
  .design-page .c02 .cp04 .txt_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.design-page .c02 .cp04 .v_images {
  width: 58%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 740px) {
  .design-page .c02 .cp04 .v_images {
    width: 100%;
  }
}
.design-page .c02 .cp04 .v_images .cap_w {
  width: 31%;
  margin-bottom: 15px;
}
.design-page .c02 .cp04 .v_images .cap_w p {
  font-size: 1rem;
}
.design-page .c03 {
  width: 100%;
  background-image: url("../images/design/bg03.jpg");
  background-position: bottom;
  background-size: cover;
  padding-top: 30px;
}
.design-page .c03 .c03_wrap {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .design-page .c03 .c03_wrap {
    width: 90%;
  }
}
.design-page .c03 .c03_wrap .txt_box {
  width: 50%;
}
@media (max-width: 740px) {
  .design-page .c03 .c03_wrap .txt_box {
    width: 100%;
    margin-bottom: 10px;
  }
}
.design-page .c03 .c03_wrap .img_box {
  width: 47%;
  margin-bottom: 130px;
}
@media (max-width: 740px) {
  .design-page .c03 .c03_wrap .img_box {
    width: 100%;
  }
}
.design-page .c03 .c03_wrap .img_box .i01 {
  margin-bottom: 35px;
}
.design-page .c03 .c03_wrap .img_box .i02 {
  width: 120%;
  margin-left: -60px;
}
@media (max-width: 740px) {
  .design-page .c03 .c03_wrap .img_box .i02 {
    width: 100%;
    margin: 0;
  }
}
.design-page .c01_d {
  margin-top: 80px;
}
@media (max-width: 740px) {
  .design-page .c01_d {
    margin-top: 40px;
  }
}
.design-page .c01_d .d01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
.design-page .c01_d .d01 .logo {
  width: 33%;
  text-align: center;
  padding-top: 80px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d01 .logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-top: 20px;
    width: 60%;
    margin: 0 auto;
  }
}
.design-page .c01_d .d01 img {
  width: 50%;
}
.design-page .c01_d .d01 .c01_dtxt {
  width: 66%;
}
@media (max-width: 740px) {
  .design-page .c01_d .d01 .c01_dtxt {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
  }
}
.design-page .c01_d .d02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.design-page .c01_d .d02 .d02_img {
  width: 32%;
  text-align: right;
}
@media (max-width: 740px) {
  .design-page .c01_d .d02 .d02_img {
    width: 100%;
  }
}
.design-page .c01_d .d02 .d02_img p {
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .design-page .c01_d .d02 .d02_img p {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.design-page .c01_d .d03 {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgb(232, 239, 234);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 740px) {
  .design-page .c01_d .d03 {
    padding: 10px;
    margin-top: 30px;
  }
}
.design-page .c01_d .d03 .d03_img {
  width: 33%;
}
@media (max-width: 740px) {
  .design-page .c01_d .d03 .d03_img {
    width: 100%;
  }
}
.design-page .c01_d .d03 .d03_txt {
  width: 65%;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .design-page .c01_d .d03 .d03_txt {
    margin-top: 15px;
  }
}
@media (max-width: 740px) {
  .design-page .c01_d .d03 .d03_txt {
    width: 100%;
  }
}
.design-page .c01_d .d03 .d03_txt h2 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d03 .d03_txt h2 {
    font-size: 1.5rem;
  }
}
.design-page .c01_d .d03 .d03_txt p {
  font-size: 1.3rem;
  line-height: 25px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d03 .d03_txt p {
    font-size: 1.1rem;
  }
}
.design-page .c01_d .d04_c {
  width: 100%;
  margin: 50px auto;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c {
    margin-bottom: 60px;
  }
}
.design-page .c01_d .d04_c .d04_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.design-page .c01_d .d04_c .d04_top .number {
  width: 6%;
  padding-top: 70px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_top .number {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
  }
}
.design-page .c01_d .d04_c .d04_top .number .s_number {
  border: 1px solid rgb(161, 158, 116);
  width: 50px;
  padding: 8px 5px;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_top .number .s_number {
    width: 19%;
  }
}
.design-page .c01_d .d04_c .d04_top .number .s_number.on {
  background-color: rgb(161, 158, 116);
}
.design-page .c01_d .d04_c .d04_top .number .s_number.on p {
  color: white;
}
.design-page .c01_d .d04_c .d04_top .number .s_number p {
  color: rgb(161, 158, 116);
  font-size: 1.5rem;
  text-align: center;
}
.design-page .c01_d .d04_c .d04_top .map_img {
  width: 93%;
}
.design-page .c01_d .d04_c .d04_top .map_img .map_img02,
.design-page .c01_d .d04_c .d04_top .map_img .map_img03,
.design-page .c01_d .d04_c .d04_top .map_img .map_img04,
.design-page .c01_d .d04_c .d04_top .map_img .map_img05,
.design-page .c01_d .d04_c .d04_top .map_img .map_img06 {
  display: none;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_top .map_img {
    width: 100%;
  }
}
.design-page .c01_d .d04_c .d04_bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.design-page .c01_d .d04_c .d04_bottom .map_p {
  width: 23%;
}
@media (max-width: 1100px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p {
    width: 48%;
    margin-bottom: 30px;
  }
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p {
    width: 100%;
    margin-bottom: 20px;
  }
}
.design-page .c01_d .d04_c .d04_bottom .map_p .map_p_t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 50px;
}
.design-page .c01_d .d04_c .d04_bottom .map_p .map_p_t img {
  width: 30px;
  height: 30px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p .map_p_t img {
    width: 22px;
    height: 22px;
  }
}
.design-page .c01_d .d04_c .d04_bottom .map_p .map_p_t p {
  font-size: 1.5rem;
  margin-left: 10px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p .map_p_t p {
    font-size: 1.4rem;
  }
}
.design-page .c01_d .d04_c .d04_bottom .map_p .map_p_b {
  margin-top: 10px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p .map_p_b {
    margin-top: 8px;
  }
}
.design-page .c01_d .d04_c .d04_bottom .map_p .map_p_b p {
  font-size: 1.3rem;
  line-height: 25px;
}
@media (max-width: 740px) {
  .design-page .c01_d .d04_c .d04_bottom .map_p .map_p_b p {
    font-size: 1.1rem;
  }
}

.concept-page .main_cap {
  margin-bottom: 120px;
  text-align: right;
}
@media (max-width: 1100px) {
  .concept-page .main_cap {
    text-align: left;
  }
}
@media (max-width: 740px) {
  .concept-page .main_cap {
    width: 95%;
    margin: 0 auto 60px;
  }
}
.concept-page .c01 {
  width: 1280px;
  margin: 0 auto 60px;
  text-align: center;
}
@media (max-width: 1280px) {
  .concept-page .c01 {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .concept-page .c01 {
    margin-bottom: 30px;
  }
}
.concept-page .c01 .titl01 {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .concept-page .c01 .titl01 {
    font-size: 2rem;
  }
}
.concept-page .c01 .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto;
}
@media (max-width: 740px) {
  .concept-page .c01 .line {
    margin: 20px auto;
  }
}
.concept-page .c01 .titl02 {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .concept-page .c01 .titl02 {
    font-size: 1.4rem;
  }
}
.concept-page .c01 .txt {
  line-height: 2.5;
}
@media (max-width: 740px) {
  .concept-page .c01 .txt {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.concept-page .c01 .cap {
  text-align: right;
}
.concept-page .c02 {
  margin-bottom: 60px;
  padding: 60px 0;
  background: rgb(231, 242, 245);
  background: -webkit-gradient(linear, left top, right top, from(rgb(231, 242, 245)), to(rgb(236, 243, 237)));
  background: linear-gradient(90deg, rgb(231, 242, 245) 0%, rgb(236, 243, 237) 100%);
}
@media (max-width: 740px) {
  .concept-page .c02 {
    margin-bottom: 30px;
    padding: 30px 0;
  }
}
.concept-page .c02 .main_titl {
  margin-bottom: 60px;
  text-align: center;
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .concept-page .c02 .main_titl {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}
.concept-page .c02 .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.concept-page .c02 .boxs .time {
  width: 2%;
  margin-left: 2%;
}
@media (max-width: 740px) {
  .concept-page .c02 .boxs .time {
    margin-left: 4%;
    width: 4%;
  }
}
.concept-page .c02 .boxs .box {
  width: 15%;
}
@media (max-width: 740px) {
  .concept-page .c02 .boxs .box {
    width: 42%;
    margin-bottom: 30px;
  }
}
.concept-page .c02 .boxs .box .titl {
  margin: 15px 0;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .concept-page .c02 .boxs .box .titl {
    font-size: 1.2rem;
  }
}
.concept-page .c02 .boxs .box .titl sup {
  font-size: 1rem;
}
.concept-page .c02 .boxs .box .txt {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .concept-page .c02 .boxs .box .txt {
    font-size: 1rem;
  }
}
.concept-page .c02 .boxs .box .cap {
  margin-top: 10px;
}
.concept-page .c03_bg {
  margin-bottom: 120px;
  padding: 60px 0;
  background: rgb(231, 242, 245);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 242, 245)), to(rgb(236, 243, 237)));
  background: linear-gradient(180deg, rgb(231, 242, 245) 0%, rgb(236, 243, 237) 100%);
}
@media (max-width: 740px) {
  .concept-page .c03_bg {
    margin-bottom: 60px;
  }
}
.concept-page .c03_bg .c03 {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .concept-page .c03_bg .c03 {
    width: 100%;
  }
}
.concept-page .c03_bg .titl01 {
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .concept-page .c03_bg .titl01 {
    font-size: 1.6rem;
  }
}
.concept-page .c03_bg .titl02 {
  text-align: center;
  margin: 10px 0 60px;
}
@media (max-width: 740px) {
  .concept-page .c03_bg .titl02 {
    margin: 10px 0 30px;
  }
}
.concept-page .c03_bg .txt {
  line-height: 2.5;
  text-align: center;
  margin: 60px auto 30px;
}
@media (max-width: 740px) {
  .concept-page .c03_bg .txt {
    width: 90%;
    margin: 30px auto;
    text-align: left;
  }
}
.concept-page .c03_bg .t_cap {
  text-align: right;
  margin-bottom: 60px;
}
.concept-page .c03_bg .i_cap {
  text-align: right;
  margin-right: 10px;
}
.concept-page .c04 {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .concept-page .c04 {
    margin-bottom: 60px;
  }
}
.concept-page .c04 .titl {
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 740px) {
  .concept-page .c04 .titl {
    font-size: 1.6rem;
  }
}
.concept-page .c04 .txt {
  line-height: 2;
  text-align: center;
  margin: 20px 0 40px;
}
@media (max-width: 740px) {
  .concept-page .c04 .txt {
    margin: 20px 0;
  }
}
.concept-page .c04 .cap {
  text-align: right;
}
.concept-page .slider {
  position: relative;
}
.concept-page .slider .slide-arrow {
  width: 30px;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.concept-page .slider .slide-arrow:hover {
  opacity: 0.6;
}
@media (max-width: 1100px) {
  .concept-page .slider .slide-arrow:hover {
    opacity: 1;
  }
}
@media (max-width: 1100px) {
  .concept-page .slider .slide-arrow {
    width: 20px;
    margin-top: -15px;
  }
}
.concept-page .slider .slide-arrow.prev-arrow {
  left: -40px;
}
@media (max-width: 1100px) {
  .concept-page .slider .slide-arrow.prev-arrow {
    left: -4%;
  }
}
.concept-page .slider .slide-arrow.next-arrow {
  right: -40px;
}
@media (max-width: 740px) {
  .concept-page .slider .slide-arrow.next-arrow {
    right: -4%;
  }
}
.concept-page .slider .slide .boxs {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f8f8f8;
}
@media (max-width: 740px) {
  .concept-page .slider .slide .boxs {
    padding: 20px;
  }
}
.concept-page .slider .slide .boxs .box01 {
  width: 48%;
}
@media (max-width: 740px) {
  .concept-page .slider .slide .boxs .box01 {
    width: 100%;
    margin-bottom: 10px;
  }
}
.concept-page .slider .slide .boxs .box01 .titl {
  line-height: 2;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .concept-page .slider .slide .boxs .box01 .titl {
    font-size: 1.4rem;
  }
}
.concept-page .slider .slide .boxs .box01 .txt {
  line-height: 2;
  margin: 10px 0 30px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 740px) {
  .concept-page .slider .slide .boxs .box01 .txt {
    margin: 10px 0 20px;
  }
}
.concept-page .slider .slide .boxs .box01 .map img {
  margin: 0 auto;
  text-align: center;
}
.concept-page .slider .slide .boxs .box02 {
  width: 48%;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .concept-page .slider .slide .boxs .box02 {
    width: 100%;
  }
}

.location-page .main {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .location-page .main {
    margin-bottom: 60px;
  }
}
.location-page .top_btns {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0px auto 60px;
}
@media (max-width: 740px) {
  .location-page .top_btns {
    gap: 10px;
    margin-bottom: 30px;
  }
}
.location-page .top_btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1.2;
  padding: 20px 0;
  position: relative;
  border: 1px #a09e74 solid;
  background-color: #fff;
  font-size: 2.2rem;
  color: #a09e74;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .location-page .top_btns .btn {
    padding: 5px 0;
    font-size: 1.3rem;
  }
}
.location-page .top_btns .btn span {
  display: block;
  width: 100%;
  font-size: 1.3rem;
}
@media (max-width: 740px) {
  .location-page .top_btns .btn span {
    font-size: 1rem;
  }
}
.location-page .top_btns .btn:hover {
  background-color: #ecece1;
}
.location-page .top_btns .btn.on {
  background-color: #a09e74;
  color: #fff;
}
.location-page .top_btns .btn .deco {
  width: 30px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
@media (max-width: 740px) {
  .location-page .top_btns .btn .deco {
    width: 20px;
  }
}
.location-page .top_btns .btn.on .deco {
  opacity: 1;
  bottom: -25px;
}
@media (max-width: 740px) {
  .location-page .top_btns .btn.on .deco {
    bottom: -15px;
  }
}
.location-page .cc_txts {
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .location-page .cc_txts {
    margin-bottom: 40px;
  }
}
.location-page .cc_txts .titl {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .location-page .cc_txts .titl {
    font-size: 2rem;
  }
}
.location-page .cc_txts .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto;
}
@media (max-width: 740px) {
  .location-page .cc_txts .line {
    margin: 20px auto;
  }
}
.location-page .cc_txts .txt01 {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .location-page .cc_txts .txt01 {
    font-size: 1.4rem;
  }
}
.location-page .cc_txts .txt02 {
  line-height: 2;
}
.location-page .loc_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.location-page .loc_btns .btn {
  width: 32%;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  text-align: center;
  border: 1px #231815 solid;
  font-size: 1.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .location-page .loc_btns .btn {
    width: 48%;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
}
.location-page .loc_btns .btn:hover {
  background-color: #eaefec;
}
.location-page .loc_btns .btn.on {
  background: rgb(129, 181, 193);
  background: linear-gradient(45deg, rgb(129, 181, 193) 0%, rgb(161, 195, 164) 100%);
  color: #fff;
}
.location-page .loc_btns .btn .f_en {
  font-size: 1.3rem;
}
@media (max-width: 740px) {
  .location-page .loc_btns .btn .f_en {
    font-size: 1rem;
  }
}
.location-page #c02,
.location-page #c03,
.location-page #c04,
.location-page #c05,
.location-page #c06 {
  display: none;
}
.location-page .base_loc {
  width: 100%;
  padding-top: 40px;
  margin-bottom: 60px;
  background: rgb(232, 238, 234);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 238, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(232, 238, 234) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .location-page .base_loc {
    padding-top: 0;
    margin-bottom: 30px;
  }
}
.location-page .base_loc .c01_bg {
  background-image: url("../images/location/main_c01.png");
}
.location-page .base_loc .c02_bg {
  background-image: url("../images/location/main_c02.png");
}
.location-page .base_loc .c03_bg {
  background-image: url("../images/location/main_c03.png");
}
.location-page .base_loc .c04_bg {
  background-image: url("../images/location/main_c04.png");
}
.location-page .base_loc .c05_bg {
  background-image: url("../images/location/main_c05.png");
}
.location-page .base_loc .c06_bg {
  background-image: url("../images/location/main_c06.png");
}
.location-page .base_loc .base_bg {
  margin-bottom: 60px;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media (max-width: 740px) {
  .location-page .base_loc .base_bg {
    margin-bottom: 30px;
  }
}
.location-page .base_loc .base_bg .txt_box {
  width: 50%;
  padding-top: 60px;
}
@media (max-width: 740px) {
  .location-page .base_loc .base_bg .txt_box {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 150px;
  }
}
.location-page .base_loc .base_bg .txt_box .titl01 {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .location-page .base_loc .base_bg .txt_box .titl01 {
    font-size: 2rem;
  }
}
.location-page .base_loc .base_bg .txt_box .titl02 {
  line-height: 2;
  margin: 30px 0;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .location-page .base_loc .base_bg .txt_box .titl02 {
    margin: 10px 0;
    font-size: 1.4rem;
  }
}
.location-page .base_loc .base_bg .txt_box .titl03 {
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
.location-page .base_loc .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.location-page .base_loc .boxs .box01 {
  width: 32%;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .location-page .base_loc .boxs .box01 {
    width: 48%;
  }
}
.location-page .base_loc .boxs .box02 {
  width: 24%;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .location-page .base_loc .boxs .box02 {
    width: 48%;
  }
}
.location-page .base_loc .boxs .cap {
  text-align: right;
}
.location-page .map_cap {
  margin-bottom: 120px;
  text-align: right;
}
@media (max-width: 740px) {
  .location-page .map_cap {
    margin-bottom: 60px;
  }
}
.location-page .ar_wrap {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .location-page .ar_wrap {
    margin-bottom: 30px;
  }
}
.location-page .ar_wrap .titl {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .location-page .ar_wrap .titl {
    font-size: 2rem;
  }
}
.location-page .ar_wrap .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto;
}
@media (max-width: 740px) {
  .location-page .ar_wrap .line {
    margin: 20px auto;
  }
}
.location-page .ai_wrap {
  width: 100%;
  padding: 60px 0;
  margin-bottom: 60px;
  background: rgb(232, 238, 234);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 238, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(232, 238, 234) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .location-page .ai_wrap {
    padding: 30px 0;
  }
}
.location-page .ai_wrap .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.location-page .ai_wrap .boxs .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 48%;
}
@media (max-width: 1100px) {
  .location-page .ai_wrap .boxs .box {
    width: 100%;
  }
}
.location-page .ai_wrap .boxs .box .titl {
  width: 100%;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 1.7rem;
  border-bottom: 1px #ccc solid;
}
@media (max-width: 740px) {
  .location-page .ai_wrap .boxs .box .titl {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
.location-page .ai_wrap .boxs .box .txt01 {
  width: 65%;
  margin-bottom: 5px;
}
@media (max-width: 740px) {
  .location-page .ai_wrap .boxs .box .txt01 {
    font-size: 1.1rem;
  }
}
.location-page .ai_wrap .boxs .box .txt02 {
  width: 35%;
  text-align: right;
  margin-bottom: 5px;
}
@media (max-width: 740px) {
  .location-page .ai_wrap .boxs .box .txt02 {
    font-size: 1.1rem;
  }
}
.location-page .container02 {
  display: none;
}
.location-page .container02 .s_map {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .location-page .container02 .s_map {
    margin-bottom: 40px;
  }
}
.location-page .container02 .sub_btns {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 0px auto 60px;
}
@media (max-width: 740px) {
  .location-page .container02 .sub_btns {
    gap: 5px;
    margin-bottom: 30px;
  }
}
.location-page .container02 .sub_btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1.2;
  padding: 15px 0;
  position: relative;
  font-size: 1.6rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .location-page .container02 .sub_btns .btn {
    padding: 5px 0;
    font-size: 1.2rem;
  }
}
.location-page .container02 .sub_btns .btn span {
  display: block;
  width: 100%;
  font-size: 1.3rem;
}
@media (max-width: 740px) {
  .location-page .container02 .sub_btns .btn span {
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.location-page .container02 .sub_btns .btn.btn01 {
  border: 1px #ee7963 solid;
  background-color: #fff;
  color: #ee7963;
}
.location-page .container02 .sub_btns .btn.btn01:hover {
  background-color: #f7edeb;
}
.location-page .container02 .sub_btns .btn.btn01.on {
  color: #fff;
  background-color: #ee7963;
}
.location-page .container02 .sub_btns .btn.btn02 {
  border: 1px #f5ad33 solid;
  background-color: #fff;
  color: #f5ad33;
}
.location-page .container02 .sub_btns .btn.btn02:hover {
  background-color: #f3eee5;
}
.location-page .container02 .sub_btns .btn.btn02.on {
  color: #fff;
  background-color: #f5ad33;
}
.location-page .container02 .sub_btns .btn.btn03 {
  border: 1px #90be64 solid;
  background-color: #fff;
  color: #90be64;
}
.location-page .container02 .sub_btns .btn.btn03:hover {
  background-color: #f0f5ea;
}
.location-page .container02 .sub_btns .btn.btn03.on {
  color: #fff;
  background-color: #90be64;
}
.location-page .sub_c {
  width: 100%;
  padding: 80px 0;
}
@media (max-width: 740px) {
  .location-page .sub_c {
    padding: 40px 0;
  }
}
.location-page .sub_c.sub_c01 {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(251, 219, 207)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(251, 219, 207) 100%);
}
.location-page .sub_c.sub_c02 {
  display: none;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(253, 226, 186)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(253, 226, 186) 100%);
}
.location-page .sub_c.sub_c03 {
  display: none;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(224, 236, 210)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(224, 236, 210) 100%);
}
.location-page .sub_c .titl {
  margin-bottom: 30px;
  font-size: 4.5rem;
}
@media (max-width: 740px) {
  .location-page .sub_c .titl {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
}
.location-page .sub_c .txt01 {
  margin-bottom: 30px;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .location-page .sub_c .txt01 {
    margin-bottom: 15px;
    font-size: 1.3rem;
  }
}
.location-page .sub_c .txt02 {
  margin-bottom: 60px;
  font-size: 1.3rem;
}
@media (max-width: 740px) {
  .location-page .sub_c .txt02 {
    margin-bottom: 30px;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.location-page .sub_c .boxs01 {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 740px) {
  .location-page .sub_c .boxs01 {
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
}
.location-page .sub_c .boxs01 .box .cap {
  text-align: right;
}
.location-page .sub_c .boxs02 {
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  word-break: break-word;
  grid-template-columns: 1.5fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .location-page .sub_c .boxs02 {
    margin-bottom: 20px;
  }
}
@media (max-width: 740px) {
  .location-page .sub_c .boxs02 {
    grid-template-columns: 1fr;
    gap: 20px 10px;
  }
}
.location-page .sub_c .boxs02 .box .cap {
  text-align: right;
}
.location-page .sub_c .boxs03 {
  display: grid;
  word-break: break-word;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (max-width: 740px) {
  .location-page .sub_c .boxs03 {
    gap: 20px 10px;
  }
}
.location-page .sub_c .boxs03 .box .cap {
  text-align: right;
}

.access-page .main {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .access-page .main {
    margin-bottom: 60px;
  }
}
.access-page .cc_txts {
  text-align: center;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .access-page .cc_txts {
    margin-bottom: 60px;
  }
}
.access-page .cc_txts .titl {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .access-page .cc_txts .titl {
    font-size: 2rem;
  }
}
.access-page .cc_txts .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto;
}
@media (max-width: 740px) {
  .access-page .cc_txts .line {
    margin: 20px auto;
  }
}
.access-page .cc_txts .txt01 {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .access-page .cc_txts .txt01 {
    font-size: 1.4rem;
  }
}
.access-page .cc_txts .txt02 {
  line-height: 2;
}
.access-page .c01 {
  width: 100%;
  margin-bottom: 120px;
  background: rgb(232, 238, 234);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 238, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(232, 238, 234) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .access-page .c01 {
    margin-bottom: 60px;
  }
}
.access-page .c01 .base_w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.access-page .c01 .base_w .box01 {
  width: 48%;
  margin-top: 60px;
}
@media (max-width: 740px) {
  .access-page .c01 .base_w .box01 {
    width: 100%;
  }
}
.access-page .c01 .base_w .box01 .txt {
  line-height: 2;
  margin: 20px 0 60px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 740px) {
  .access-page .c01 .base_w .box01 .txt {
    margin: 20px 0 40px;
  }
}
.access-page .c01 .base_w .box01 .txt sup {
  font-size: 1rem;
}
.access-page .c01 .base_w .box02 {
  width: 48%;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .access-page .c01 .base_w .box02 {
    width: 100%;
    margin-bottom: 40px;
  }
}
.access-page .c01 .base_w .box03 {
  width: 100%;
}
.access-page .c01 .base_w .box03 .titl {
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .access-page .c01 .base_w .box03 .titl {
    font-size: 1.4rem;
  }
}
.access-page .c01 .base_w .box03 .txt {
  line-height: 2;
  margin: 20px 0;
}
.access-page .c01 .base_w .box03 .cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.access-page .c01 .base_w .box03 .cols .col {
  width: 49%;
}
@media (max-width: 740px) {
  .access-page .c01 .base_w .box03 .cols .col {
    width: 100%;
    margin-bottom: 10px;
  }
}
.access-page .c02 {
  width: 100%;
  padding: 60px 0;
  background: rgb(232, 238, 234);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 238, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(232, 238, 234) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .access-page .c02 {
    padding: 30px 0;
  }
}
.access-page .c02 .map {
  width: 925px;
  margin: 60px auto;
}
@media (max-width: 1100px) {
  .access-page .c02 .map {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .access-page .c02 .map {
    margin: 30px auto;
  }
}

.map-page h2 {
  width: 350px;
  margin: 60px auto;
}
@media (max-width: 740px) {
  .map-page h2 {
    width: 200px;
    margin: 30px auto;
  }
}
.map-page .map01_cap {
  margin-top: 5px;
  margin-right: 10px;
  text-align: right;
}
.map-page .map02 {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .map-page .map02 {
    width: 90%;
  }
}
.map-page .gm_btn {
  display: block;
  width: 740px;
  text-align: center;
  padding: 15px 0;
  margin: 20px auto 80px;
  color: #fff;
  font-size: 1.8rem;
  background-color: #a19e75;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.map-page .gm_btn:hover {
  background-color: #817d4d;
}
@media (max-width: 740px) {
  .map-page .gm_btn {
    width: 90%;
    padding: 10px 0;
    margin: 10px auto 40px;
    font-size: 1.3rem;
  }
}

.achievements-page .main {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .achievements-page .main {
    margin-bottom: 60px;
  }
}
.achievements-page .main_txts {
  text-align: center;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .achievements-page .main_txts {
    margin-bottom: 60px;
  }
}
.achievements-page .main_txts .titl {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .achievements-page .main_txts .titl {
    font-size: 1.4rem;
  }
}
.achievements-page .main_txts .txt {
  line-height: 2;
}
.achievements-page .base_txts {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .achievements-page .base_txts {
    margin-bottom: 20px;
  }
}
.achievements-page .base_txts .titl {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .achievements-page .base_txts .titl {
    font-size: 2rem;
  }
}
.achievements-page .base_txts .txt {
  line-height: 2;
  font-size: 1.5rem;
}
@media (max-width: 740px) {
  .achievements-page .base_txts .txt {
    font-size: 1.2rem;
  }
}
.achievements-page .base_txts .txt sup {
  font-size: 1rem;
}
@media (max-width: 740px) {
  .achievements-page .base_txts .txt_sp {
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.achievements-page .base_txts .txt02 {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 2.3rem;
}
@media (max-width: 740px) {
  .achievements-page .base_txts .txt02 {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
}
.achievements-page .base_txts .txt02 sup {
  font-size: 1rem;
}
.achievements-page .base_txts .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto;
}
@media (max-width: 740px) {
  .achievements-page .base_txts .line {
    margin: 20px auto;
  }
}
.achievements-page .op_txt {
  font-size: 2.2rem;
  color: #a19e75;
}
@media (max-width: 740px) {
  .achievements-page .op_txt {
    font-size: 1.1rem;
  }
}
.achievements-page .base_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .achievements-page .base_boxs {
    margin-bottom: 40px;
  }
}
.achievements-page .base_boxs .box {
  width: 32%;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .achievements-page .base_boxs .box {
    width: 48%;
  }
}
.achievements-page .base_boxs .box .img_cap {
  text-align: right;
}
@media (max-width: 740px) {
  .achievements-page .base_boxs .box .img_cap {
    text-align: left;
  }
}
.achievements-page .map_wrap {
  text-align: center;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .achievements-page .map_wrap {
    margin-bottom: 60px;
  }
}
.achievements-page .map_wrap .titl {
  font-size: 2rem;
}
@media (max-width: 740px) {
  .achievements-page .map_wrap .titl {
    font-size: 1.5rem;
  }
}
.achievements-page .map_wrap .titl sup {
  font-size: 1rem;
}
.achievements-page .map_wrap .txt {
  line-height: 2;
  margin: 30px 0;
}
.achievements-page .map_wrap .map {
  width: 700px;
  margin: 20px auto;
}
@media (max-width: 740px) {
  .achievements-page .map_wrap .map {
    width: 90%;
  }
}
.achievements-page .map_wrap .cap {
  margin-top: 10px;
}
.achievements-page .af_titl {
  width: 100%;
  background-image: url(../images/achievements/bg.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 100px 0;
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .achievements-page .af_titl {
    padding: 40px 0;
    margin-bottom: 40px;
  }
}
.achievements-page .af_titl .titl {
  font-size: 4.2rem;
}
@media (max-width: 740px) {
  .achievements-page .af_titl .titl {
    font-size: 2rem;
  }
}
.achievements-page .af_titl .line {
  width: 60px;
  height: 1px;
  background-color: #231815;
  margin: 30px auto 0;
}
@media (max-width: 740px) {
  .achievements-page .af_titl .line {
    margin: 20px auto 0;
  }
}
.achievements-page .kurasu {
  text-align: center;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .achievements-page .kurasu {
    margin-bottom: 60px;
  }
}
.achievements-page .kurasu .k_logo {
  width: 400px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .achievements-page .kurasu .k_logo {
    width: 70%;
    margin-bottom: 30px;
  }
}
.achievements-page .kurasu .titl {
  font-size: 2rem;
}
@media (max-width: 740px) {
  .achievements-page .kurasu .titl {
    font-size: 1.5rem;
  }
}
.achievements-page .kurasu .txt {
  line-height: 2;
  margin: 30px 0 60px;
}
@media (max-width: 740px) {
  .achievements-page .kurasu .txt {
    text-align: left;
    margin: 30px 0;
  }
}

.view-page h2 {
  width: 100px;
  margin: 120px auto 50px;
}
@media (max-width: 740px) {
  .view-page h2 {
    width: 50px;
    margin: 30px auto;
  }
}
.view-page .sub_titl {
  width: 100%;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
}
@media (max-width: 740px) {
  .view-page .sub_titl {
    font-size: 1.4rem;
  }
}
.view-page .ui_box {
  width: 270px;
  margin: 60px auto 20px;
}
@media (max-width: 740px) {
  .view-page .ui_box {
    margin: 30px auto 10px;
    width: 60%;
  }
}
.view-page .tb_wrap {
  width: 100%;
  height: 1000px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .view-page .tb_wrap {
    height: 500px;
  }
}
.view-page .tb_wrap div {
  width: 3360px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .view-page .tb_wrap div {
    width: 1680px;
  }
}
.view-page .tb_wrap div img {
  width: 100%;
}
.view-page .tb_wrap .pno02 {
  display: none;
}
.view-page .td_cap {
  width: 80px;
  line-height: 20px;
  text-align: center;
  margin-top: -20px;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: relative;
  z-index: 100;
}
.view-page .ui_btns {
  width: 740px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px auto 120px;
}
@media (max-width: 740px) {
  .view-page .ui_btns {
    width: 90%;
    margin: 20px auto 60px;
  }
}
.view-page .ui_btns div {
  width: 48%;
  line-height: 1;
  text-align: center;
  padding: 20px 0;
  border: 1px #a19e75 solid;
  background-color: #fff;
  font-size: 1.8rem;
  color: #a19e75;
  cursor: pointer;
}
@media (max-width: 740px) {
  .view-page .ui_btns div {
    padding: 10px 0;
    font-size: 1.4rem;
  }
}
.view-page .ui_btns div.on {
  background-color: #a19e75;
  color: #fff;
}

.equipment-page h2 {
  width: 300px;
  margin: 120px auto;
}
@media (max-width: 740px) {
  .equipment-page h2 {
    width: 150px;
    margin: 30px auto 60px;
  }
}
.equipment-page .pl_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .equipment-page .pl_links {
    margin-bottom: 40px;
  }
}
.equipment-page .pl_links .btn {
  width: 22%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.equipment-page .pl_links .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .equipment-page .pl_links .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .equipment-page .pl_links .btn {
    width: 24%;
  }
}
.equipment-page .pl_links .btn.on {
  pointer-events: none;
}
.equipment-page .con_wrap {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap {
    margin-bottom: 40px;
  }
}
.equipment-page .con_wrap .sub_titl {
  width: 180px;
  margin: 0 auto 30px;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .sub_titl {
    width: 90px;
  }
}
.equipment-page .con_wrap .sub_txt01 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .sub_txt01 {
    font-size: 1.4rem;
  }
}
.equipment-page .con_wrap .sub_txt02 {
  margin-bottom: 40px;
  text-align: center;
}
.equipment-page .con_wrap .boxs_titl {
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #a19e75;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .boxs_titl {
    font-size: 1.8rem;
  }
}
.equipment-page .con_wrap .boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.equipment-page .con_wrap .boxs .box {
  width: 22%;
  margin-bottom: 40px;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .boxs .box {
    width: 47%;
    margin-bottom: 30px;
  }
}
.equipment-page .con_wrap .boxs .box.box_two {
  width: 48%;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .boxs .box.box_two {
    width: 100%;
  }
}
.equipment-page .con_wrap .boxs .box .titl {
  margin: 5px 0;
  color: #a19e75;
}
.equipment-page .con_wrap .boxs .box .txt {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .equipment-page .con_wrap .boxs .box .txt {
    font-size: 9px;
  }
}

.login-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .login-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.login-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .login-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.login-page .main_titl_wrap .page_titl {
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .login-page .main_titl_wrap .page_titl {
    font-size: 1.4rem;
  }
}
.login-page .bg {
  padding: 120px 0;
  background: rgb(232, 238, 234);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 238, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(232, 238, 234) 0%, rgb(255, 255, 255) 100%);
}
@media (max-width: 740px) {
  .login-page .bg {
    padding: 40px 0;
  }
}
.login-page .req_pw {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 20px 10px;
  background-color: #fff;
  letter-spacing: 2px;
  font-family: "Noto Serif JP", serif;
  border: 1px #333 solid;
}
@media (max-width: 740px) {
  .login-page .req_pw {
    width: 100%;
  }
}
.login-page .req_login_btn {
  display: block;
  width: 250px;
  padding: 10px 0;
  margin: 60px auto;
  text-align: center;
  background-color: #fff;
  border: 1px #a19e75 solid;
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: #a19e75;
  font-family: "Noto Serif JP", serif;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.login-page .req_login_btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .login-page .req_login_btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .login-page .req_login_btn {
    width: 150px;
    margin: 30px auto;
    font-size: 1.2rem;
  }
}
.login-page .sub_titl {
  line-height: 2;
  margin-bottom: 60px;
  text-align: center;
  font-size: 1.6rem;
}
@media (max-width: 740px) {
  .login-page .sub_titl {
    margin-bottom: 30px;
    text-align: left;
    font-size: 1.2rem;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.login-page .l_btn_req {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 20px 10px;
  text-align: center;
  background-color: #a19e75;
  font-size: 2rem;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.login-page .l_btn_req:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .login-page .l_btn_req:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .login-page .l_btn_req {
    width: 100%;
    padding: 10px;
    font-size: 1.2em;
  }
}

.member-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .member-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.member-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .member-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.member-page .main_titl_wrap .page_titl {
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .member-page .main_titl_wrap .page_titl {
    font-size: 1.4rem;
  }
}
.member-page .vr {
  display: block;
  width: 900px;
  margin: 0 auto 30px;
}
@media (max-width: 1100px) {
  .member-page .vr {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .member-page .vr {
    margin-bottom: 20px;
  }
}
.member-page .l_btn {
  display: block;
  width: 900px;
  margin: 0 auto 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.member-page .l_btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .member-page .l_btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1100px) {
  .member-page .l_btn {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .member-page .l_btn {
    margin-bottom: 20px;
  }
}

.member_plan-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .member_plan-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.member_plan-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .member_plan-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.member_plan-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .member_plan-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.member_plan-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.member_plan-page .plan_btns {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 740px) {
  .member_plan-page .plan_btns {
    margin-bottom: 50px;
  }
}
.member_plan-page .plan_btns a {
  display: block;
  width: 48%;
  margin-bottom: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .member_plan-page .plan_btns a {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.member_plan-page .plan_btns a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
@media (max-width: 740px) {
  .member_plan-page .plan_btns a:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 740px) {
  .member_plan-page .plan_btns a {
    width: 49%;
    margin-bottom: 10px;
  }
}
.member_plan-page .torikago {
  position: relative;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .member_plan-page .torikago {
    margin-bottom: 60px;
  }
}
.member_plan-page .torikago a {
  display: block;
  width: 8.85%;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.member_plan-page .torikago a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .member_plan-page .torikago a:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.member_plan-page .torikago .tori_a {
  top: 0.4%;
  left: 9.8%;
}
.member_plan-page .torikago .tori_d {
  top: 0.4%;
  left: 36.4%;
}
.member_plan-page .torikago .tori_eg {
  top: 90%;
  left: 45%;
}
.member_plan-page .torikago .tori_h {
  top: 20.4%;
  left: 73.4%;
}

.plan-page .main_titl_wrap {
  padding: 120px 0 60px;
}
@media (max-width: 740px) {
  .plan-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan-page .mr_btns {
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 740px) {
  .plan-page .mr_btns {
    margin-bottom: 30px;
    gap: 10px;
  }
}
.plan-page .mr_btns .titl {
  grid-column: 1/3;
  line-height: 60px;
  text-align: center;
  background-color: #a09e74;
  color: #fff;
  font-size: 2.6rem;
}
@media (max-width: 740px) {
  .plan-page .mr_btns .titl {
    line-height: 30px;
    font-size: 1.6rem;
  }
}
.plan-page .mr_btns .btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan-page .mr_btns .btn {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.plan-page .mr_btns .btn:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
@media (max-width: 740px) {
  .plan-page .mr_btns .btn:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.plan-page .kagu_bnr {
  display: block;
  margin-bottom: 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan-page .kagu_bnr {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.plan-page .kagu_bnr:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
@media (max-width: 740px) {
  .plan-page .kagu_bnr:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 740px) {
  .plan-page .kagu_bnr {
    margin-bottom: 40px;
  }
}
.plan-page .plan_btns {
  margin-bottom: 120px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 30px;
}
@media (max-width: 740px) {
  .plan-page .plan_btns {
    margin-bottom: 60px;
    gap: 10px;
  }
}
.plan-page .plan_btns a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan-page .plan_btns a {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.plan-page .plan_btns a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
@media (max-width: 740px) {
  .plan-page .plan_btns a:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
.plan-page .torikago {
  position: relative;
  margin-bottom: 30px;
}
.plan-page .torikago a {
  display: block;
  width: 8.85%;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.plan-page .torikago a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan-page .torikago a:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.plan-page .torikago .tori_a {
  top: 0.4%;
  left: 9.8%;
}
.plan-page .torikago .tori_b {
  width: 8.45%;
  top: 0.4%;
  left: 18.8%;
}
.plan-page .torikago .tori_c {
  width: 8.8%;
  top: 0.4%;
  left: 27.5%;
}
.plan-page .torikago .tori_d {
  top: 0.4%;
  left: 36.4%;
  z-index: 1;
}
.plan-page .torikago .tori_e {
  top: 0.4%;
  left: 45.1%;
}
.plan-page .torikago .tori_f {
  top: 30.2%;
  left: 54%;
}
.plan-page .torikago .tori_k {
  top: 0.4%;
  left: 54%;
}
.plan-page .torikago .tori_eg {
  top: 90%;
  left: 45%;
}
.plan-page .torikago .tori_h {
  top: 20.4%;
  left: 73.4%;
}
.plan-page .torikago .tori_i {
  top: 20.4%;
  left: 82.4%;
}
.plan-page .torikago .tori_j {
  top: 20.4%;
  right: 0%;
}
.plan-page .torikago .tori_g {
  top: 30.2%;
  left: 62.8%;
}
.plan-page .t_cap {
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .plan-page .t_cap {
    margin-bottom: 60px;
  }
}

.member_plan_a-page .plan {
  width: 950px;
  margin: 120px auto;
}
@media (max-width: 1100px) {
  .member_plan_a-page .plan {
    width: 90%;
    margin: 30px auto;
  }
}

.member_plan_d-page .plan {
  width: 950px;
  margin: 120px auto;
}
@media (max-width: 1100px) {
  .member_plan_d-page .plan {
    width: 90%;
    margin: 30px auto;
  }
}

.member_plan_eg-page .plan {
  width: 950px;
  margin: 120px auto;
}
@media (max-width: 1100px) {
  .member_plan_eg-page .plan {
    width: 90%;
    margin: 30px auto;
  }
}

.member_plan_h-page .plan {
  width: 950px;
  margin: 120px auto;
}
@media (max-width: 1100px) {
  .member_plan_h-page .plan {
    width: 90%;
    margin: 30px auto;
  }
}

.plan_a-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_a-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_a-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_a-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_a-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_a-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_a-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_a-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_a-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_a-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_a-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_a-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_a-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_a-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_a-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_a-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_a-page .plan .han {
    width: 150px;
  }
}
.plan_a-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_a-page .pano {
    margin-bottom: 30px;
  }
}
.plan_a-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_a-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_a-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_a-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_a-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_f-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_f-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_f-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_f-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_f-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_f-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_f-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_f-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_f-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_f-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_f-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_f-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_f-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_f-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_f-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_f-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_f-page .plan .han {
    width: 150px;
  }
}
.plan_f-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_f-page .pano {
    margin-bottom: 30px;
  }
}
.plan_f-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_f-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_f-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_f-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_f-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_j-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_j-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_j-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_j-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_j-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_j-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_j-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_j-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_j-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_j-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_j-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_j-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_j-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_j-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_j-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_j-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_j-page .plan .han {
    width: 150px;
  }
}
.plan_j-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_j-page .pano {
    margin-bottom: 30px;
  }
}
.plan_j-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_j-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_j-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_j-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_j-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_b-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_b-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_b-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_b-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_b-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_b-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_b-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_b-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_b-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_b-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_b-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_b-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_b-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_b-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_b-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_b-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_b-page .plan .han {
    width: 150px;
  }
}
.plan_b-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_b-page .pano {
    margin-bottom: 30px;
  }
}
.plan_b-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_b-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_b-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_b-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_b-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_c-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_c-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_c-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_c-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_c-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_c-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_c-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_c-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_c-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_c-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_c-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_c-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_c-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_c-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_c-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_c-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_c-page .plan .han {
    width: 150px;
  }
}
.plan_c-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_c-page .pano {
    margin-bottom: 30px;
  }
}
.plan_c-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_c-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_c-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_c-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_c-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_d-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_d-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_d-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_d-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_d-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_d-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_d-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_d-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_d-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_d-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_d-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_d-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_d-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_d-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_d-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_d-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_d-page .plan .han {
    width: 150px;
  }
}
.plan_d-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_d-page .pano {
    margin-bottom: 30px;
  }
}
.plan_d-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_d-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_d-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_d-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_d-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_eg-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_eg-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_eg-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_eg-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_eg-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_eg-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_eg-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_eg-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_eg-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_eg-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_eg-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_eg-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_eg-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_eg-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_eg-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_eg-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_eg-page .plan .han {
    width: 150px;
  }
}
.plan_eg-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_eg-page .pano {
    margin-bottom: 30px;
  }
}
.plan_eg-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_eg-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_eg-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_eg-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_eg-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_h-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_h-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_h-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_h-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_h-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_h-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_h-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_h-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_h-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_h-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_h-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_h-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_h-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_h-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_h-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_h-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_h-page .plan .han {
    width: 150px;
  }
}
.plan_h-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h-page .pano {
    margin-bottom: 30px;
  }
}
.plan_h-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_h-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_h-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_h-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_h-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_h-page .mr_h {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h-page .mr_h {
    margin-bottom: 30px;
  }
}
.plan_h-page .plan_h_titl {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h-page .plan_h_titl {
    margin-bottom: 30px;
  }
}
.plan_h-page .pano_h {
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .plan_h-page .pano_h {
    margin-bottom: 10px;
  }
}
@media (max-width: 740px) {
  .plan_h-page .pano_h .cap {
    text-align: right;
  }
}
.plan_h-page .h_imgs {
  display: grid;
  word-break: break-word;
  grid-template-columns: 521.8fr 445.6fr;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .plan_h-page .h_imgs {
    margin-bottom: 10px;
    gap: 10px;
  }
}
.plan_h-page .h_imgs2 {
  display: grid;
  word-break: break-word;
  grid-template-columns: 437.2fr 530.3fr;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .plan_h-page .h_imgs2 {
    margin-bottom: 10px;
    gap: 10px;
  }
}
.plan_h-page .h_imgs3 {
  display: grid;
  word-break: break-word;
  grid-template-columns: 564.8fr 405fr;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h-page .h_imgs3 {
    margin-bottom: 30px;
    gap: 10px;
  }
}
.plan_h-page .hr_txts {
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_h-page .hr_txts {
    font-size: 1.2rem;
  }
}
.plan_h-page .hr_txts .txt01 {
  margin-bottom: 20px;
  font-weight: bold;
}
.plan_h-page .hr_txts .txt02 {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #f1f0ea;
}
.plan_h-page .hr_txts .txt03 {
  margin-bottom: 30px;
  word-break: auto-phrase;
}

.plan_g_kagu-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_g_kagu-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_g_kagu-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_g_kagu-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_g_kagu-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_g_kagu-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_g_kagu-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_g_kagu-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_g_kagu-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_g_kagu-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .plan .han {
    width: 150px;
  }
}
.plan_g_kagu-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano {
    margin-bottom: 30px;
  }
}
.plan_g_kagu-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_g_kagu-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_g_kagu-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_g_kagu-page .mr_h {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .mr_h {
    margin-bottom: 30px;
  }
}
.plan_g_kagu-page .pano_h {
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano_h {
    margin-bottom: 10px;
  }
}
.plan_g_kagu-page .pano_h .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_g_kagu-page .pano_h .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano_h .txts .titl {
    font-size: 1.8rem;
  }
}
.plan_g_kagu-page .pano_h .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .pano_h .txts .txt {
    font-size: 1rem;
    letter-spacing: -1px;
  }
}
.plan_g_kagu-page .h_imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px 3%;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .h_imgs {
    margin-bottom: 30px;
    gap: 10px 3%;
  }
}
.plan_g_kagu-page .h_imgs .box01 {
  width: 100%;
}
.plan_g_kagu-page .h_imgs .box02 {
  width: 57%;
}
.plan_g_kagu-page .h_imgs .box03 {
  width: 40%;
}
.plan_g_kagu-page .hr_txts {
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .hr_txts {
    font-size: 1.2rem;
  }
}
.plan_g_kagu-page .hr_txts .txt01 {
  margin-bottom: 20px;
  font-weight: bold;
}
.plan_g_kagu-page .hr_txts .txt02 {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #f5f5f5;
}
.plan_g_kagu-page .hr_txts .txt03 {
  margin-bottom: 30px;
  word-break: auto-phrase;
}
.plan_g_kagu-page .mr_g_titl {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g_kagu-page .mr_g_titl {
    margin-bottom: 30px;
  }
}

.plan_c_903-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_c_903-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_c_903-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_c_903-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_c_903-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_c_903-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_c_903-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_c_903-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_c_903-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_c_903-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_c_903-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_c_903-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_c_903-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_c_903-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_c_903-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_c_903-page .plan .han {
    width: 150px;
  }
}
.plan_c_903-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_c_903-page .pano {
    margin-bottom: 30px;
  }
}
.plan_c_903-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_c_903-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_c_903-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_c_903-page .mr_c {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_c_903-page .mr_c {
    margin-bottom: 30px;
  }
}
.plan_c_903-page .c_img01 {
  margin-bottom: 30px;
}
.plan_c_903-page .c_imgs {
  display: grid;
  word-break: break-word;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_c_903-page .c_imgs {
    margin-bottom: 30px;
    gap: 10px;
  }
}
.plan_c_903-page .cr_txts {
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .cr_txts {
    font-size: 1.2rem;
  }
}
.plan_c_903-page .cr_txts .txt01 {
  margin-bottom: 20px;
  font-weight: bold;
}
.plan_c_903-page .cr_txts .txt02 {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #f5f5f5;
}
.plan_c_903-page .cr_txts .txt03 {
  margin-bottom: 30px;
  word-break: auto-phrase;
}
.plan_c_903-page .pano {
  width: 1100px;
  margin: 0 auto 80px;
}
@media (max-width: 1100px) {
  .plan_c_903-page .pano {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .plan_c_903-page .pano {
    margin-bottom: 40px;
  }
}
.plan_c_903-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_c_903-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_c_903-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_c_903-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_i-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_i-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_i-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_i-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_i-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_i-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_i-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_i-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_i-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_i-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_i-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_i-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_i-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_i-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_i-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_i-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_i-page .plan .han {
    width: 150px;
  }
}
.plan_i-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_i-page .pano {
    margin-bottom: 30px;
  }
}
.plan_i-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_i-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_i-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_i-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_i-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_k-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_k-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_k-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_k-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_k-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_k-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_k-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_k-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_k-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_k-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_k-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_k-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_k-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_k-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_k-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_k-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_k-page .plan .han {
    width: 150px;
  }
}
.plan_k-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_k-page .pano {
    margin-bottom: 30px;
  }
}
.plan_k-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_k-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_k-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_k-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_k-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_g-page .plan_g_bg {
  padding: 120px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(232, 238, 234)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(232, 238, 234) 100%);
}
@media (max-width: 740px) {
  .plan_g-page .plan_g_bg {
    padding: 60px 0;
  }
}
.plan_g-page .g_titl {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g-page .g_titl {
    margin-bottom: 30px;
  }
}
.plan_g-page .main_slider {
  margin-bottom: 80px;
}
@media (max-width: 1100px) {
  .plan_g-page .main_slider {
    width: 100%;
    margin-bottom: 60px;
  }
}
.plan_g-page .ls_titl {
  width: 600px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_g-page .ls_titl {
    width: 100%;
    margin-bottom: 30px;
  }
}
.plan_g-page .plan_g_wrap {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g-page .plan_g_wrap {
    margin-bottom: 30px;
  }
}
.plan_g-page .kiri_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 740px;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .plan_g-page .kiri_btns {
    width: 100%;
    margin-bottom: 40px;
  }
}
.plan_g-page .kiri_btns div {
  display: block;
  width: 48%;
  line-height: 60px;
  text-align: center;
  background-color: #fff;
  border: 1px #a19e75 solid;
  font-size: 1.8rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.plan_g-page .kiri_btns div:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan_g-page .kiri_btns div:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .plan_g-page .kiri_btns div {
    line-height: 40px;
    font-size: 1.2rem;
  }
}
.plan_g-page .kiri_btns .on {
  background-color: #a19e75;
  color: #fff;
}
.plan_g-page .plan_g02 {
  display: none;
}
.plan_g-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_g-page .pano {
    margin-bottom: 30px;
  }
}
.plan_g-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_g-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_g-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_g-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_g-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_h_kagu-page .plan_g_bg {
  padding: 120px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(232, 238, 234)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(232, 238, 234) 100%);
}
@media (max-width: 740px) {
  .plan_h_kagu-page .plan_g_bg {
    padding: 60px 0;
  }
}
.plan_h_kagu-page .g_titl {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .g_titl {
    margin-bottom: 30px;
  }
}
.plan_h_kagu-page .ls_titl {
  width: 600px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .ls_titl {
    width: 100%;
    margin-bottom: 30px;
  }
}
.plan_h_kagu-page .plan_g_wrap {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .plan_g_wrap {
    margin-bottom: 30px;
  }
}
.plan_h_kagu-page .kiri_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 740px;
  margin: 0 auto 80px;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .kiri_btns {
    width: 100%;
    margin-bottom: 40px;
  }
}
.plan_h_kagu-page .kiri_btns div {
  display: block;
  width: 48%;
  line-height: 60px;
  text-align: center;
  background-color: #fff;
  border: 1px #a19e75 solid;
  font-size: 1.8rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.plan_h_kagu-page .kiri_btns div:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 740px) {
  .plan_h_kagu-page .kiri_btns div:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media (max-width: 740px) {
  .plan_h_kagu-page .kiri_btns div {
    line-height: 40px;
    font-size: 1.2rem;
  }
}
.plan_h_kagu-page .kiri_btns .on {
  background-color: #a19e75;
  color: #fff;
}
.plan_h_kagu-page .plan_g02 {
  display: none;
}
.plan_h_kagu-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .pano {
    margin-bottom: 30px;
  }
}
.plan_h_kagu-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_h_kagu-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_h_kagu-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_h_kagu-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}

.plan_e-page .titl_e {
  width: 1000px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_e-page .titl_e {
    width: 90%;
    margin: 20px auto 30px;
  }
}
.plan_e-page .po_img {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_e-page .po_img {
    margin-bottom: 30px;
  }
}
.plan_e-page .po_img .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_e-page .po_img .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_e-page .po_img .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_e-page .po_img .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_e-page .po_img .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_e-page .pano_txts {
  width: 98%;
  margin: 0 auto;
  text-align: right;
}
.plan_e-page .pano_txts .titl {
  font-size: 2rem;
}
@media (max-width: 740px) {
  .plan_e-page .pano_txts .titl {
    font-size: 1.4rem;
  }
}
@media (max-width: 740px) {
  .plan_e-page .pano_txts .cap {
    font-size: 0.9rem;
  }
}
.plan_e-page .plan_e {
  width: 850px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_e-page .plan_e {
    width: 90%;
    margin: 50px auto 30px;
  }
}

.plan_c-page .c_titl {
  width: 1000px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_c-page .c_titl {
    width: 90%;
    margin: 20px auto 30px;
  }
}
.plan_c-page .po_img {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_c-page .po_img {
    margin-bottom: 30px;
  }
}
.plan_c-page .po_img .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_c-page .po_img .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_c-page .po_img .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_c-page .po_img .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_c-page .po_img .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_c-page .plan {
  width: 850px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_c-page .plan {
    width: 90%;
    margin: 50px auto 30px;
  }
}

.plan_ap2-page .main_titl_wrap {
  padding: 120px 0;
}
@media (max-width: 740px) {
  .plan_ap2-page .main_titl_wrap {
    padding: 40px 0;
  }
}
.plan_ap2-page .main_titl_wrap h2 {
  width: 350px;
  margin: 0 auto 60px;
}
@media (max-width: 740px) {
  .plan_ap2-page .main_titl_wrap h2 {
    width: 150px;
    margin: 0 auto 30px;
  }
}
.plan_ap2-page .main_titl_wrap .page_titl {
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.8rem;
}
@media (max-width: 740px) {
  .plan_ap2-page .main_titl_wrap .page_titl {
    font-size: 1.2rem;
  }
}
.plan_ap2-page .main_titl_wrap .page_titl sup {
  font-size: 1rem;
}
.plan_ap2-page .plan_k_wrap .titl_wrap {
  width: 100%;
  margin-bottom: 60px;
  background-image: url(../images/plan/plan_k_titl_bg.jpg);
  background-size: contain;
  background-repeat: repeat-x;
}
@media (max-width: 740px) {
  .plan_ap2-page .plan_k_wrap .titl_wrap {
    margin-bottom: 30px;
  }
}
.plan_ap2-page .plan_k_wrap .titl_wrap .titl {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 740px) {
  .plan_ap2-page .plan_k_wrap .titl_wrap .titl {
    width: 80%;
  }
}
.plan_ap2-page .plan_k_wrap .po_img {
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .plan_ap2-page .plan_k_wrap .po_img {
    margin-bottom: 30px;
  }
}
.plan_ap2-page .plan {
  width: 950px;
  margin: 0 auto 60px;
}
@media (max-width: 1100px) {
  .plan_ap2-page .plan {
    width: 90%;
    margin-bottom: 30px;
  }
}
.plan_ap2-page .plan .han {
  width: 300px;
}
@media (max-width: 740px) {
  .plan_ap2-page .plan .han {
    width: 150px;
  }
}
.plan_ap2-page .pano {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_ap2-page .pano {
    margin-bottom: 30px;
  }
}
.plan_ap2-page .pano .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_ap2-page .pano .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_ap2-page .pano .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_ap2-page .pano .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_ap2-page .pano .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_ap2-page .c_titl {
  width: 1000px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_ap2-page .c_titl {
    width: 90%;
    margin: 20px auto 30px;
  }
}
.plan_ap2-page .po_img {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .plan_ap2-page .po_img {
    margin-bottom: 30px;
  }
}
.plan_ap2-page .po_img .txts {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
          filter: drop-shadow(0px 0px 5px #000);
}
.plan_ap2-page .po_img .txts .titl {
  font-size: 2.7rem;
}
@media (max-width: 740px) {
  .plan_ap2-page .po_img .txts .titl {
    font-size: 2.1rem;
  }
}
.plan_ap2-page .po_img .txts .txt {
  font-size: 1.1rem;
}
@media (max-width: 740px) {
  .plan_ap2-page .po_img .txts .txt {
    font-size: 1rem;
    letter-spacing: -0.5px;
  }
}
.plan_ap2-page .plan {
  width: 850px;
  margin: 100px auto 60px;
}
@media (max-width: 1100px) {
  .plan_ap2-page .plan {
    width: 90%;
    margin: 50px auto 30px;
  }
}

.member_design-page .cap_w {
  position: relative;
}
.member_design-page .cap_w .cap {
  position: absolute;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.6;
  padding: 3px;
  bottom: 0;
  right: 0;
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .member_design-page .cap_w .cap {
    font-size: 1rem;
    padding: 2px;
  }
}
.member_design-page .w_txt {
  line-height: 1;
  margin-bottom: 10px;
  width: auto;
  font-family: "Playfair Display", serif;
  font-size: 6.8rem;
  color: rgb(220, 221, 221);
}
@media (max-width: 1100px) {
  .member_design-page .w_txt {
    font-size: 4.3rem;
  }
}
@media (max-width: 740px) {
  .member_design-page .w_txt {
    font-size: 3.5rem;
  }
}
.member_design-page .txt_box h2 {
  font-size: 1.7rem;
  margin-bottom: 25px;
  letter-spacing: 2px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .member_design-page .txt_box h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 740px) {
  .member_design-page .txt_box h2 {
    font-size: 1.5rem;
  }
}
.member_design-page .txt_box p {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 1px;
  line-height: 30px;
}
@media (max-width: 1100px) {
  .member_design-page .txt_box p {
    line-height: 22px;
  }
}
@media (max-width: 740px) {
  .member_design-page .txt_box p {
    font-size: 1.1rem;
    line-height: 25px;
  }
}
.member_design-page .main {
  width: 100%;
  margin-bottom: 80px;
}
.member_design-page .main02 {
  margin: 80px 0;
}
@media (max-width: 740px) {
  .member_design-page .main02 {
    margin: 40px 0;
  }
}
.member_design-page .c_bg {
  background-image: url("../images/design/c_bg_img.jpg");
  width: 100%;
  background-position: bottom;
  background-size: cover;
}
.member_design-page .c_bg .c01_wrap {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .member_design-page .c_bg .c01_wrap {
    width: 90%;
    margin: 0 auto;
  }
}
.member_design-page .c_bg .c01_wrap .c01_t {
  text-align: center;
  padding-top: 30px;
}
.member_design-page .c_bg .c01_wrap .c01_t h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_t h2 {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_t p {
  font-size: 1.3rem;
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_t p {
    font-size: 1.1rem;
    margin-bottom: 30px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_cg {
  margin-bottom: 20px;
}
.member_design-page .c_bg .c01_wrap .c01_m {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 70px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_m {
    padding-top: 30px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_m .c01_mimg {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1100px) {
  .member_design-page .c_bg .c01_wrap .c01_m .c01_mimg {
    width: 50%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_m .c01_mimg {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_m .c01_mimg img {
  width: 24%;
  height: auto;
}
.member_design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
  width: 35%;
}
@media (max-width: 1100px) {
  .member_design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
    width: 48%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_m .c01_mtxt {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d {
  width: 100%;
}
.member_design-page .c_bg .c01_wrap .c01_d .d01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
.member_design-page .c_bg .c01_wrap .c01_d .d01 .logo {
  width: 33%;
  text-align: center;
  padding-top: 80px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d01 .logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-top: 20px;
    width: 60%;
    margin: 0 auto;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d01 img {
  width: 50%;
}
.member_design-page .c_bg .c01_wrap .c01_d .d01 .c01_dtxt {
  width: 66%;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d01 .c01_dtxt {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.member_design-page .c_bg .c01_wrap .c01_d .d02 .d02_img {
  width: 32%;
  text-align: right;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d02 .d02_img {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d02 .d02_img p {
  font-size: 1.2rem;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d02 .d02_img p {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d03 {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgb(232, 239, 234);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 {
    padding: 10px;
    margin-top: 30px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_img {
  width: 33%;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_img {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt {
  width: 65%;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt {
    margin-top: 15px;
  }
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt h2 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt h2 {
    font-size: 1.5rem;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt p {
  font-size: 1.3rem;
  line-height: 25px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d03 .d03_txt p {
    font-size: 1.1rem;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c {
  width: 100%;
  margin: 50px auto;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c {
    margin-bottom: 60px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number {
  width: 6%;
  padding-top: 70px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number .s_number {
  border: 1px solid rgb(161, 158, 116);
  width: 50px;
  padding: 8px 5px;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number .s_number {
    width: 19%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number .s_number.on {
  background-color: rgb(161, 158, 116);
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number .s_number.on p {
  color: white;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .number .s_number p {
  color: rgb(161, 158, 116);
  font-size: 1.5rem;
  text-align: center;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img {
  width: 93%;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img .map_img02,
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img .map_img03,
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img .map_img04,
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img .map_img05,
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img .map_img06 {
  display: none;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_top .map_img {
    width: 100%;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p {
  width: 23%;
}
@media (max-width: 1100px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p {
    width: 48%;
    margin-bottom: 30px;
  }
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p {
    width: 100%;
    margin-bottom: 20px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 50px;
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_t img {
  width: 30px;
  height: 30px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_t img {
    width: 22px;
    height: 22px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_t p {
  font-size: 1.5rem;
  margin-left: 10px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_t p {
    font-size: 1.4rem;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_b {
  margin-top: 10px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_b {
    margin-top: 8px;
  }
}
.member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_b p {
  font-size: 1.3rem;
  line-height: 25px;
}
@media (max-width: 740px) {
  .member_design-page .c_bg .c01_wrap .c01_d .d04_c .d04_bottom .map_p .map_p_b p {
    font-size: 1.1rem;
  }
}
.member_design-page .c02 .c02_t {
  width: 100%;
  padding-top: 80px;
  text-align: center;
}
@media (max-width: 740px) {
  .member_design-page .c02 .c02_t {
    width: 90%;
    margin: 0 auto 10px;
  }
}
.member_design-page .c02 .c02_t h2 {
  font-size: 1.5rem;
  margin-bottom: 25px;
  line-height: 32px;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .member_design-page .c02 .c02_t h2 {
    font-size: 1.4rem;
  }
}
.member_design-page .c02 .c02_t p {
  font-size: 1.3rem;
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 740px) {
  .member_design-page .c02 .c02_t p {
    font-size: 1.1rem;
    margin-bottom: 30px;
  }
}
.member_design-page .c02 .c02_t .cap_w {
  width: 1250px;
  margin: 0 auto;
}
.member_design-page .c02 .c02_t .cap_w p {
  font-size: 1.2rem;
}
@media (max-width: 1280px) {
  .member_design-page .c02 .c02_t .cap_w {
    width: 90%;
  }
  .member_design-page .c02 .c02_t .cap_w p {
    font-size: 1rem;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .c02_t .cap_w {
    width: 100%;
  }
}
.member_design-page .c02 .c02_t .sea_lounge {
  margin-bottom: 40px;
}
.member_design-page .c02 .c02_t .cap {
  margin-bottom: 0;
  line-height: 13px;
}
.member_design-page .c02 .c02_t .darken {
  width: 80%;
  margin: 0 auto 50px;
}
.member_design-page .c02 .c02_t .darken img {
  mix-blend-mode: darken;
}
@media (max-width: 740px) {
  .member_design-page .c02 .c02_t .darken {
    width: 90%;
    margin: 0 auto;
  }
}
.member_design-page .c02 .cp01 {
  width: 850px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp01 {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp01 {
    margin-bottom: 40px;
  }
}
.member_design-page .c02 .cp01 .txt_box {
  padding-top: 30px;
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp01 .txt_box {
    width: 70%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp01 .txt_box {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.member_design-page .c02 .cp01 .w_txt br {
  display: none;
}
.member_design-page .c02 .cp02 {
  width: 1310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp02 {
    width: 90%;
    margin: 0 auto 30px;
  }
  .member_design-page .c02 .cp02 .w_txt br {
    display: none;
  }
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp02 {
    width: 1000px;
  }
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp02 {
    width: 90%;
  }
}
.member_design-page .c02 .cp02 .txt_box {
  width: 300px;
  padding-top: 80px;
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp02 .txt_box {
    padding-top: 20px;
  }
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp02 .txt_box {
    width: 34%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp02 .txt_box {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.member_design-page .c02 .cp02 .cap_left {
  width: 75%;
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp02 .cap_left {
    width: 60%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp02 .cap_left {
    width: 100%;
  }
}
.member_design-page .c02 .cp03 {
  width: 1310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: auto;
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp03 {
    width: 1000px;
  }
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp03 {
    width: 90%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp03 {
    margin: 0 auto;
  }
}
.member_design-page .c02 .cp03 .txt_box {
  width: 300px;
  padding-top: 80px;
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp03 .txt_box {
    padding-top: 20px;
  }
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp03 .txt_box {
    width: 34%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp03 .txt_box {
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp03 .txt_box .w_txt br {
    display: none;
  }
}
.member_design-page .c02 .cp03 .cap_left {
  width: 75%;
}
@media (max-width: 1350px) {
  .member_design-page .c02 .cp03 .cap_left {
    width: 60%;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp03 .cap_left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}
.member_design-page .c02 .cp04 {
  width: 1000px;
  margin: 0 auto 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1100px) {
  .member_design-page .c02 .cp04 {
    width: 90%;
    marign: 0 auto;
  }
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp04 {
    margin-bottom: 100px;
  }
}
.member_design-page .c02 .cp04 .txt_box {
  width: 40%;
  margin-top: 50px;
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp04 .txt_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.member_design-page .c02 .cp04 .v_images {
  width: 58%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 740px) {
  .member_design-page .c02 .cp04 .v_images {
    width: 100%;
  }
}
.member_design-page .c02 .cp04 .v_images .cap_w {
  width: 31%;
  margin-bottom: 15px;
}
.member_design-page .c02 .cp04 .v_images .cap_w p {
  font-size: 1rem;
}
.member_design-page .c02 .cp04 .v_images .cap_w img {
  height: 100%;
}
.member_design-page .c03 {
  width: 100%;
  background-image: url("../images/design/bg03.jpg");
  background-position: bottom;
  background-size: cover;
  padding-top: 30px;
}
.member_design-page .c03 .c03_wrap {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .member_design-page .c03 .c03_wrap {
    width: 90%;
  }
}
.member_design-page .c03 .c03_wrap .txt_box {
  width: 50%;
}
@media (max-width: 740px) {
  .member_design-page .c03 .c03_wrap .txt_box {
    width: 100%;
    margin-bottom: 10px;
  }
}
.member_design-page .c03 .c03_wrap .img_box {
  width: 47%;
  margin-bottom: 130px;
}
@media (max-width: 740px) {
  .member_design-page .c03 .c03_wrap .img_box {
    width: 100%;
  }
}
.member_design-page .c03 .c03_wrap .img_box .i01 {
  margin-bottom: 35px;
}
.member_design-page .c03 .c03_wrap .img_box .i02 {
  width: 120%;
  margin-left: -60px;
}
@media (max-width: 740px) {
  .member_design-page .c03 .c03_wrap .img_box .i02 {
    width: 100%;
    margin: 0;
  }
}

.member_gallery-page h2 {
  width: 230px;
  margin: 120px auto 50px;
}
@media (max-width: 740px) {
  .member_gallery-page h2 {
    width: 100px;
    margin: 30px auto;
  }
}
.member_gallery-page .sub_titl {
  width: 100%;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
}
@media (max-width: 740px) {
  .member_gallery-page .sub_titl {
    font-size: 1.4rem;
  }
}
.member_gallery-page .ui_box {
  width: 270px;
  margin: 60px auto 20px;
}
@media (max-width: 740px) {
  .member_gallery-page .ui_box {
    margin: 30px auto 10px;
    width: 60%;
  }
}
.member_gallery-page .tb_wrap {
  width: 100%;
  height: 713px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .member_gallery-page .tb_wrap {
    height: 356.5px;
  }
}
.member_gallery-page .tb_wrap div {
  width: 2656px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .member_gallery-page .tb_wrap div {
    width: 1328px;
  }
}
.member_gallery-page .tb_wrap div img {
  width: 100%;
}
.member_gallery-page .tb_wrap .pno02 {
  display: none;
}
.member_gallery-page .td_cap {
  width: 80px;
  line-height: 20px;
  text-align: center;
  margin-top: -20px;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: relative;
  z-index: 100;
}
.member_gallery-page .ui_btns {
  width: 740px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px auto 120px;
}
@media (max-width: 740px) {
  .member_gallery-page .ui_btns {
    width: 90%;
    margin: 20px auto 60px;
  }
}
.member_gallery-page .ui_btns div {
  width: 48%;
  line-height: 1;
  text-align: center;
  padding: 20px 0;
  border: 1px #a19e75 solid;
  background-color: #fff;
  font-size: 1.8rem;
  color: #a19e75;
  cursor: pointer;
}
@media (max-width: 740px) {
  .member_gallery-page .ui_btns div {
    padding: 10px 0;
    font-size: 1.4rem;
  }
}
.member_gallery-page .ui_btns div.on {
  background-color: #a19e75;
  color: #fff;
}/*# sourceMappingURL=style.css.map */