@charset "UTF-8";
/* ==========================================================================
Foundation
========================================================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

html {
  cursor: default;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  word-break: break-word;
  font-size: 62.5%;
  width: 100%;
}

body {
  line-height: 1.4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.1rem;
  font-size: 18px;
  color: #6c646a;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

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

nav ul {
  list-style: none;
}

li,
ol {
  list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change border colour to suit your needs */
html {
  overflow-y: scroll;
}

html,
body {
  width: 100%;
}

html,
body {
  min-width: 1200px;
  overflow-x: hidden;
}

@media screen and (max-width: 360px) {
  html,
  body {
    min-width: 360px;
  }
}

input,
select {
  vertical-align: middle;
  border-radius: 0;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: inherit;
  outline-width: 0;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-style: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

h1,
h2,
h3 {
  font-size: 16px;
  line-height: 1.5;
}

h4,
h5,
h6 {
  font-size: 16px;
  line-height: 1;
}

p {
  line-height: 1.6;
  font-weight: bold;
}

.spOnly {
  display: none;
}

.pcOnly {
  display: inline;
}

@media screen and (max-width: 360px) {
  .spOnly {
    display: block;
  }
  .pcOnly {
    display: none;
  }
}

.titleName {
  font-size: 24px;
}

.titleName ._g {
  color: #73a59e;
}

.titleName ._y {
  color: #ddba48;
}

.bl_titlewrap {
  position: relative;
}

@media screen and (max-width: 360px) {
  .bl_titlewrap {
    width: 90%;
    padding: 10px 20px;
  }
}

.bl_titlewrap .section_title {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .bl_titlewrap .section_title {
    font-size: 20px;
  }
}

.bl_titlewrap .section_title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_y.png) no-repeat center center/contain;
  z-index: 3;
}

.section_title {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  position: relative;
}

@media screen and (max-width: 360px) {
  .section_title {
    font-size: 20px;
  }
}

.section_title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_y.png) no-repeat center center/contain;
  z-index: 3;
}

.bl_titlewrap_center {
  position: relative;
}

@media screen and (max-width: 360px) {
  .bl_titlewrap_center {
    width: 100%;
    padding: 10px 20px;
  }
}

.bl_titlewrap_center .section_title_cen {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .bl_titlewrap_center .section_title_cen {
    font-size: 20px;
  }
}

.bl_titlewrap_center .section_title_cen::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_y.png) no-repeat center center/contain;
  z-index: 3;
}

#guesthouse .bl_titlewrap_center .section_title_cen::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
  z-index: 3;
}

.section_title2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
  line-height: 1.25;
}

@media screen and (max-width: 360px) {
  .section_title2 {
    font-size: 22px;
  }
}

.section_title2::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_y.png) no-repeat center center/contain;
  z-index: 3;
}

.section_title2 {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-top: 30px;
}

@media screen and (max-width: 360px) {
  .section_title2 {
    font-size: 24px;
  }
}

.section_subTitle2 {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #ddba48;
}

@media screen and (max-width: 360px) {
  .section_subTitle2 {
    font-size: 24px;
  }
}

.bl_list_item_link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

._white {
  color: #fff;
}

/* ==========================================================================
// module
// ========================================================================== */
/* ボタン&アニメーション============== */
.el_btn1 {
  width: auto;
  height: 36px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding: 10px 0px;
  font-size: 13px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #fff;
  font-weight: bold;
  position: relative;
  letter-spacing: 0.2em;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .el_btn1 {
    width: 100%;
  }
}

.el_btn1::before {
  content: "";
  position: absolute;
  right: -58px;
  bottom: 0px;
  top: 0px;
  width: 48px;
  height: 36px;
  background: #f6e2a1;
  border-radius: 50%;
  z-index: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  /*X方向0、Y方向1*/
  -webkit-transform-origin: left top;
          transform-origin: left top;
  /*左上基点*/
}

@media screen and (max-width: 360px) {
  .el_btn1::before {
    right: 33px;
    bottom: 0px;
    top: 3px;
    width: 36px;
    height: 28px;
  }
}

.el_btn1:hover:before {
  -webkit-transform: scale(1.2, 1);
          transform: scale(1.2, 1);
  /*X方向に0.2スケール拡大*/
}

@media screen and (max-width: 360px) {
  .el_btn1:hover:before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    /*X方向0、Y方向1*/
  }
}

.el_btn1:hover .btn_line1 {
  -webkit-transform: scale(1.2, 1);
          transform: scale(1.2, 1);
  /*X方向に0.2スケール拡大*/
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media screen and (max-width: 360px) {
  .el_btn1:hover .btn_line1 {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    /*X方向0、Y方向1*/
  }
}

.el_btn1:hover .btn_line2 {
  -webkit-transform: translateX(7px);
          transform: translateX(7px);
  /*X方向に0.2スケール拡大*/
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media screen and (max-width: 360px) {
  .el_btn1:hover .btn_line2 {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    /*X方向0、Y方向1*/
  }
}

.el_btn1 .btn_line1 {
  width: 27px;
  position: absolute;
  top: 17px;
  right: -33px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  /*X方向0、Y方向1*/
  -webkit-transform-origin: left top;
          transform-origin: left top;
  /*左上基点*/
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .el_btn1 .btn_line1 {
    right: 50px;
  }
}

.el_btn1 .btn_line2 {
  width: 8px;
  position: absolute;
  right: -40px;
  top: 10px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .el_btn1 .btn_line2 {
    right: 43px;
  }
}

.center {
  text-align: center;
}

._mdf_g::before {
  background: #a8e6dd;
}

.grad-btn {
  display: none;
  width: 90%;
  height: 54px;
  border-radius: 27px;
  text-align: center;
  line-height: 1;
  padding: 16px 66px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: #73a59e 1px solid;
  background: #73a59e;
  background-image: url(../img/texture_g.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
  color: #fff;
  margin-top: 0px;
  font-weight: bold;
  -webkit-filter: drop-shadow(0px 3px 1px #d4d4d4);
          filter: drop-shadow(0px 3px 1px #d4d4d4);
  position: absolute;
  z-index: 100;
  left: 5%;
  bottom: -4em;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  .grad-btn {
    display: block;
  }
}

.grad-btn::before {
  content: "もっと読む";
}

@media screen and (max-width: 360px) {
  .grad-item {
    position: relative;
    overflow: hidden;
    height: 80px;
    /*隠した状態の高さ*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}

.grad-item::before {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}

@media screen and (max-width: 360px) {
  .grad-item::before {
    display: block;
  }
}

.grad-trigger {
  display: none;
  /*チェックボックスは常に非表示*/
}

.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる";
  /*チェックされていたら、文言を変更する*/
}

.grad-trigger:checked ~ .grad-item {
  height: auto;
  /*チェックされていたら、高さを戻す*/
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.grad-trigger:checked ~ .grad-item::before {
  display: none;
  /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  width: 100%;
  margin: 0 auto;
}

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
}

.sliderArea.w300 {
  max-width: 300px;
}

.slick-slide {
  margin: 0 15px;
}

@media screen and (max-width: 360px) {
  .slick-slide {
    margin: 0 5px;
  }
}

.slick-slide img {
  width: 100%;
  height: 40vw;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.slick-prev,
.slick-next {
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  color: #000;
}

.slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.thumb {
  margin: 20px 0 0;
}

.thumb .slick-slide {
  cursor: pointer;
}

.thumb .slick-slide:hover {
  opacity: 0.7;
}

.slick-dotted .slick-dots {
  position: absolute;
  bottom: -45px;
  right: 10%;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: right;
}

@media screen and (max-width: 360px) {
  .slick-dotted .slick-dots {
    bottom: -40px;
  }
}

.slick-dotted .slick-dots .slick-active button::before {
  font-family: "slick";
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #ddba48 !important;
  border-radius: 50% !important;
  height: 14px;
  width: 20px;
  content: "" !important;
  text-align: center;
  opacity: 0.25;
  filter: alpha(opacity=25);
  color: black;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 360px) {
  .slick-dotted .slick-dots .slick-active button::before {
    height: 10px;
    width: 15px;
  }
}

.slick-dotted .slick-dots li button::before {
  font-family: "slick";
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6e2a1 !important;
  border-radius: 50% !important;
  height: 12px;
  width: 17px;
  content: "" !important;
  text-align: center;
  opacity: 0.9 !important;
  filter: alpha(opacity=25);
  color: black;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 360px) {
  .slick-dotted .slick-dots li button::before {
    height: 8px;
    width: 12px;
  }
}

.bl_media_flex .sliderArea {
  max-width: 100%;
  width: 55%;
  margin: 0 auto;
  padding: 0 0px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 360px) {
  .bl_media_flex .sliderArea {
    width: 75%;
  }
}

.bl_media_flex .sliderArea.w300 {
  max-width: 300px;
}

.bl_media_flex .slick-slide {
  margin: 0 5px;
}

.bl_media_flex .slick-slide img {
  width: 100%;
  height: auto;
  min-height: auto;
  aspect-ratio: 4/3;
}

.bl_media_flex .slick-prev,
.bl_media_flex .slick-next {
  z-index: 1;
}

.bl_media_flex .slick-prev:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -15px;
  padding: 25px;
  background: url(../img/slider_forward.png) no-repeat center center/contain;
  z-index: 3;
  opacity: 1;
}

.bl_media_flex .slick-next:before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -15px;
  padding: 25px;
  background: url(../img/slider_next.png) no-repeat center center/contain;
  z-index: 3;
  opacity: 1;
}

.bl_media_flex .slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
}

.bl_media_flex .slick-slider {
  margin-bottom: 0px;
}

.bl_media_flex .slick-active {
  opacity: 1;
}

.bl_media_flex .slick-current {
  opacity: 1;
}

.bl_media_flex .thumb {
  margin: 20px 0 0;
}

.bl_media_flex .thumb .slick-slide {
  cursor: pointer;
}

.bl_media_flex .thumb .slick-slide:hover {
  opacity: 0.7;
}

.img_ef {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
}

.img_ef::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.img_ef::after {
  content: "記事を読む";
  position: absolute;
  width: 130px;
  padding: 12px;
  top: 45%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  font-weight: bold;
  color: #ddba48;
  background: #faf6ea;
  border-radius: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
  -webkit-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
}

.img_ef:hover img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.img_ef:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
}

.img_ef img {
  position: relative;
  z-index: -5;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#about .img_ef {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
}

#about .img_ef::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#about .img_ef::after {
  content: "記事を読む";
  position: absolute;
  width: 130px;
  padding: 12px;
  top: 45%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  font-weight: bold;
  color: #ddba48;
  background: #faf6ea;
  border-radius: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
  -webkit-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
}

#about .img_ef:hover img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

#about .img_ef:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  top: 43%;
}

#about .img_ef img {
  position: relative;
  z-index: -5;
}

.wp-pagenavi {
  /* 全体 */
  margin: 120px auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  width: 500px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .wp-pagenavi {
    width: 100%;
  }
}

.wp-pagenavi .last {
  position: relative;
  visibility: hidden;
  margin-left: 20px;
}

.wp-pagenavi .last::before {
  content: "";
  background-image: url(../img/triangle_b.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 15px;
  z-index: 1;
  visibility: visible;
}

.wp-pagenavi a {
  /* フォント色 */
  color: #0f3282;
}

.pages {
  /* 左の表記 */
  margin-right: 20px;
  display: none;
}

.wp-pagenavi .current,
.wp-pagenavi a.page {
  /* ボタン */
  margin: 0 6px 6px 0;
  display: inline-block;
  border: solid 1px #fff;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  line-height: 40px;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.wp-pagenavi .current {
  /* カレント数字 */
  border: none;
  background: #0f3282;
  color: #fff;
}

.wp-pagenavi a.page:hover {
  /* マウスオーバー */
  background: #0f3282;
  border: solid 1px #0f3282;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.wp-pagenavi .first,
.wp-pagenavi .extend {
  /* ... */
  margin-right: 10px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  /* 記号の削除 */
  display: none;
}

/* ==========================================================================
// effect
// ========================================================================== */
.fadein {
  -webkit-animation-name: fadein;
          animation-name: fadein;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*========= ナビゲーションのためのCSS ===============*/
.header {
  position: absolute;
}

#g-nav {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  /*ナビのスタート位置と形状*/
  top: 0;
  right: -120%;
  width: 55%;
  height: 100vh;
  /*ナビの高さ*/
  background: #ddba48;
  /*動き*/
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (max-width: 360px) {
  #g-nav {
    width: 100%;
  }
}

#g-nav #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#g-nav #g-nav-list .navlist_items {
  /*ナビゲーション天地中央揃え*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 999;
  width: 55%;
  padding: 11% 6%;
}

@media screen and (max-width: 1023px) {
  #g-nav #g-nav-list .navlist_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .navlist_items {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 21% 6%;
  }
}

#g-nav #g-nav-list .navlist_items .navlist_item {
  width: 50%;
  list-style: none;
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .navlist_items .navlist_item {
    white-space: normal;
  }
}

#g-nav #g-nav-list .navlist_items .navlist_item a {
  color: #faf9f7;
  text-decoration: none;
  padding: 10px;
  display: block;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 15px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .navlist_items .navlist_item a {
    font-size: 12px;
  }
}

#g-nav #g-nav-list .navlist_items .navlist_item:hover a {
  opacity: 0.5;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#g-nav #g-nav-list ._nav2 {
  padding: 3% 6%;
  margin-top: -10%;
}

#g-nav #g-nav-list .site_info {
  background: #faf9f7;
  width: 55%;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info {
    width: 100%;
    text-align: center;
  }
}

#g-nav #g-nav-list .site_info .ft_logo {
  width: 105px;
  display: block;
  margin: 50px auto 0;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .ft_logo {
    margin: 50px auto 0;
  }
}

#g-nav #g-nav-list .site_info .bl_list_item_titel {
  font-size: 18px;
  font-weight: bold;
  margin-top: 16px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .bl_list_item_titel {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .bl_list_item_titel {
    width: 90%;
    margin: 0 auto;
  }
}

#g-nav #g-nav-list .site_info .bl_list_item_txt {
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .bl_list_item_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .bl_list_item_txt {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}

#g-nav #g-nav-list .site_info .bl_list_item_txt span {
  font-size: 12px;
  font-weight: 300px;
  margin-left: 20px;
}

#g-nav #g-nav-list .site_info .btn_icon {
  width: 100px;
  margin-top: 19px;
  margin-bottom: 104px;
}

@media screen and (max-width: 360px) {
  #g-nav #g-nav-list .site_info .btn_icon {
    margin-bottom: 50px;
  }
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive {
  right: 0;
  opacity: 1;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: fixed;
  z-index: 9999;
  /*ボタンを最前面に*/
  top: 55px;
  right: 60px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .openbtn {
    top: 35px;
    right: 60px;
  }
}

@media screen and (max-width: 360px) {
  .openbtn {
    top: 15px;
    right: 14px;
  }
}

.openbtn::before {
  content: "MENU";
  position: absolute;
  font-size: 10px;
  bottom: 5px;
  left: 15px;
  color: #ddba48;
  font-weight: bold;
  letter-spacing: 0.2em;
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 2px;
  background-color: #ddba48;
  width: 37px;
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
  opacity: 0;
}

.openbtn.active::before {
  content: "CLOSE";
  position: absolute;
  font-size: 10px;
  bottom: -6px;
  left: 16px;
  color: #faf9f7;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 37px;
  background-color: #faf9f7;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 37px;
  background-color: #faf9f7;
  opacity: 1;
}

/* ==========================================================================
// Layout
// ========================================================================== */
.headerLogo {
  margin-left: 2%;
  position: fixed;
  z-index: 10;
}

.headerLogo .logoimg {
  width: 150px;
}

@media screen and (max-width: 360px) {
  .headerLogo .logoimg {
    width: 80px;
  }
}

.ky_header {
  background: #faf9f7;
  padding-top: 128px;
  position: relative;
  z-index: 0;
  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;
}

@media screen and (max-width: 360px) {
  .ky_header {
    height: 100vh;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: 0;
  }
}

.ky_header::before {
  content: "";
  background-image: url(../img/maru.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 30%;
  left: -13%;
  padding: 200px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .ky_header::before {
    top: 57%;
    left: -43%;
    padding: 180px;
  }
}

.ky_header .header_desc_wrap {
  width: 40%;
  min-width: 580px;
  padding: 0px 0px 0px 3%;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .ky_header .header_desc_wrap {
    min-width: auto;
    width: 70%;
    right: 50px;
    top: 5%;
    padding: 34px 35px 34px 5%;
    position: relative;
  }
}

.ky_header .header_desc_wrap .ky_txt {
  width: 460px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media screen and (max-width: 360px) {
  .ky_header .header_desc_wrap .ky_txt {
    width: 80%;
    display: none;
  }
}

.ky_header .header_desc_wrap .ky_txt2 {
  display: none;
}

@media screen and (max-width: 360px) {
  .ky_header .header_desc_wrap .ky_txt2 {
    display: block;
    width: 250px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    margin-top: 27px;
  }
}

.ky_header .header_desc_wrap .scroll {
  position: absolute;
  bottom: 5%;
  width: 120px;
}

@media screen and (max-width: 360px) {
  .ky_header .header_desc_wrap .scroll {
    display: none;
  }
}

.ky_header .header_desc_wrap .scroll2 {
  display: none;
}

@media screen and (max-width: 360px) {
  .ky_header .header_desc_wrap .scroll2 {
    display: block;
    position: absolute;
    bottom: -60%;
    width: 74px;
    right: -45%;
    z-index: 1;
  }
}

.ky_header .ky_header_content {
  width: 40%;
  height: 80%;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ky_header .ky_header_content {
    width: 93%;
    height: 55%;
    margin-top: 0px;
    margin-right: -25px;
  }
}

.ky_header .ky_header_content .top_fv {
  width: 100%;
  -webkit-transform: translateY(12%);
          transform: translateY(12%);
}

@media screen and (max-width: 360px) {
  .ky_header .ky_header_content .top_fv {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.ky_header_child {
  padding-top: 128px;
  position: relative;
  z-index: 0;
  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;
}

@media screen and (max-width: 360px) {
  .ky_header_child {
    height: 75vh;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 0;
  }
}

.ky_header_child .ky_header_content {
  width: 100%;
  height: 80%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(12%);
          transform: translateY(12%);
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content {
    width: 100%;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ky_header_child .ky_header_content .imgWrap {
  width: 56%;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .imgWrap {
    width: 100%;
  }
}

.ky_header_child .ky_header_content .imgWrap .child_fv {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .imgWrap .child_fv {
    height: 490px;
  }
}

.ky_header_child .ky_header_content .imgWrap .bg_w {
  background: #fff;
  height: 70px;
  width: 33%;
  position: absolute;
  bottom: -35px;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .imgWrap .bg_w {
    background: inherit;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: -235px;
  }
}

.ky_header_child .ky_header_content .imgWrap .bg_w .txtpng {
  width: 262px;
  margin: 13px 0px 13px 20%;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .imgWrap .bg_w .txtpng {
    width: 80%;
    margin: 13px 5% 13px 10%;
  }
}

.ky_header_child .ky_header_content .header_desc_wrap {
  width: 40%;
  min-width: 580px;
  padding: 0px 0px 0px 56px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .header_desc_wrap {
    min-width: auto;
    width: 100%;
    left: 20px;
    top: 100%;
    padding: 0;
    position: absolute;
  }
}

.ky_header_child .ky_header_content .header_desc_wrap::before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -53px;
  width: 390px;
  padding-top: 10%;
  background: url(../img/Round_line.png) no-repeat center center/contain;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .header_desc_wrap::before {
    left: 2px;
    bottom: -23px;
    width: 258px;
    padding-top: 10%;
  }
}

.ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
  color: #ddba48;
  font-size: 18px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
    font-size: 18px;
  }
}

.ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
  font-size: 36px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  .ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
    font-size: 24px;
  }
}

.link_img {
  position: fixed;
  width: 10%;
  z-index: 100;
  bottom: 15px;
  right: 15px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.link_img:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
          transform: scale(1.1) rotate(4deg);
}

@media screen and (max-width: 360px) {
  .link_img {
    width: 25%;
    bottom: 15px;
    right: 10px;
  }
}

#retreat .ky_header_child {
  padding-top: 128px;
  position: relative;
  z-index: 0;
  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;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child {
    height: 75vh;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 0;
  }
}

#retreat .ky_header_child .ky_header_content {
  width: 100%;
  height: 80%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(12%);
          transform: translateY(12%);
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content {
    width: 100%;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#retreat .ky_header_child .ky_header_content .imgWrap {
  width: 56%;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .imgWrap {
    width: 100%;
  }
}

#retreat .ky_header_child .ky_header_content .imgWrap .child_fv {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .imgWrap .child_fv {
    height: 490px;
    display: none;
  }
}

#retreat .ky_header_child .ky_header_content .imgWrap .child_fv2 {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .imgWrap .child_fv2 {
    height: 490px;
    display: block;
  }
}

#retreat .ky_header_child .ky_header_content .imgWrap .bg_w {
  background: #fff;
  height: 70px;
  width: 33%;
  position: absolute;
  bottom: -35px;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .imgWrap .bg_w {
    background: inherit;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: -285px;
  }
}

#retreat .ky_header_child .ky_header_content .imgWrap .bg_w .txtpng {
  width: 262px;
  margin: 13px 0px 13px 20%;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .imgWrap .bg_w .txtpng {
    width: 80%;
    margin: 13px 5% 13px 10%;
  }
}

#retreat .ky_header_child .ky_header_content .header_desc_wrap {
  width: 40%;
  min-width: 580px;
  padding: 0px 0px 0px 56px;
  position: relative;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .header_desc_wrap {
    min-width: auto;
    background: #fff;
    width: 290px;
    left: 0px;
    top: 114%;
    padding: 10px 10px 30px 10px;
    position: absolute;
  }
}

#retreat .ky_header_child .ky_header_content .header_desc_wrap::before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -53px;
  width: 390px;
  padding-top: 10%;
  background: url(../img/Round_line.png) no-repeat center center/contain;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .header_desc_wrap::before {
    left: 14px;
    bottom: 6px;
    width: 258px;
    padding-top: 10%;
  }
}

#retreat .ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
  color: #ddba48;
  font-size: 18px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
    font-size: 18px;
  }
}

#retreat .ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
  font-size: 36px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  #retreat .ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
    font-size: 24px;
  }
}

#guesthouse .ky_header_child .ky_header_content .header_desc_wrap {
  width: 40%;
  min-width: 580px;
  padding: 0px 0px 0px 56px;
  position: relative;
}

@media screen and (max-width: 360px) {
  #guesthouse .ky_header_child .ky_header_content .header_desc_wrap {
    min-width: auto;
    background: #fff;
    width: 290px;
    left: 0px;
    top: 109%;
    padding: 10px 10px 30px 10px;
    position: absolute;
  }
}

#guesthouse .ky_header_child .ky_header_content .header_desc_wrap::before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -53px;
  width: 390px;
  padding-top: 10%;
  background: url(../img/Round_line_g.png) no-repeat center center/contain;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  #guesthouse .ky_header_child .ky_header_content .header_desc_wrap::before {
    left: 14px;
    bottom: 6px;
    width: 258px;
    padding-top: 10%;
  }
}

#guesthouse .ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
  color: #73a59e;
  font-size: 18px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  #guesthouse .ky_header_child .ky_header_content .header_desc_wrap .fvTitle {
    font-size: 18px;
  }
}

#guesthouse .ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
  font-size: 36px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 360px) {
  #guesthouse .ky_header_child .ky_header_content .header_desc_wrap .fvTitle2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 360px) {
  #guesthouse .ky_header_child .ky_header_content .imgWrap .bg_w {
    bottom: -285px;
  }
}

#gFooter {
  z-index: 2;
  background: #fff;
}

@media screen and (max-width: 360px) {
  #gFooter {
    padding: 0;
  }
}

#gFooter .bg_color {
  background: #f7f2e1;
  height: 226px;
}

@media screen and (max-width: 360px) {
  #gFooter .bg_color {
    height: 120px;
  }
}

#gFooter #gContact {
  z-index: 2;
  position: relative;
  width: 100%;
  margin: -226px auto 0;
  max-width: 1000px;
}

@media screen and (max-width: 360px) {
  #gFooter #gContact {
    margin: -120px auto 0;
  }
}

@media screen and (max-width: 360px) {
  #gFooter #gContact {
    width: 100%;
  }
}

#gFooter #gContact .bl_center_img {
  width: 858px;
  height: 400px;
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_center_img {
    margin-top: 30px;
    height: 200px;
    width: 90%;
  }
}

#gFooter #gContact .bl_media_txtwrap {
  background-image: url(../img/bg_daen2.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 320px;
  height: 178px;
  margin-left: 73%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_media_txtwrap {
    margin-right: 0px;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
    width: 50%;
    height: 178px;
    margin-left: 25%;
  }
}

#gFooter #gContact .bl_media_txtwrap .bl_media_txt {
  width: 370px;
  font-weight: bold;
  text-align: center;
  margin-top: 36px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_media_txtwrap .bl_media_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_media_txtwrap .bl_media_txt {
    width: 100%;
    margin-top: 24px;
    text-align: center;
  }
}

#gFooter #gContact .bl_media_txtwrap .center {
  margin-top: 16px;
  margin-left: 150px;
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_media_txtwrap .center {
    margin-top: 5px;
    margin-left: 0;
  }
}

@media screen and (max-width: 360px) {
  #gFooter #gContact .bl_media_txtwrap .center .el_btn1::before {
    right: -53px;
  }
}

#gFooter #gContact .bl_media_txtwrap .center .el_btn1 .btn_line1 {
  right: -33px;
}

#gFooter #gContact .bl_media_txtwrap .center .el_btn1 .btn_line2 {
  right: -41px;
}

#gFooter .footer_sec {
  z-index: 2;
  margin: 0px auto 0;
  position: relative;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec {
    padding: 0px;
    margin: 50px 0 20px;
  }
}

#gFooter .footer_sec .ft_top_link {
  position: absolute;
  top: -93px;
  left: 5%;
  z-index: 1;
}

#gFooter .footer_sec .ft_top_link .top_link {
  width: 40px;
}

#gFooter .footer_sec .wrapper {
  color: #6c646a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper {
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#gFooter .footer_sec .wrapper .site_info {
  background: #faf9f7;
  width: 50%;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info {
    width: 100%;
    text-align: center;
  }
}

#gFooter .footer_sec .wrapper .site_info .ft_logo {
  width: 105px;
  display: block;
  margin: 104px auto 0;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .ft_logo {
    margin: 50px auto 0;
  }
}

#gFooter .footer_sec .wrapper .site_info .bl_list_item_titel {
  font-size: 18px;
  font-weight: bold;
  margin-top: 16px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .bl_list_item_titel {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .bl_list_item_titel {
    width: 90%;
    margin: 0 auto;
  }
}

#gFooter .footer_sec .wrapper .site_info .bl_list_item_txt {
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .bl_list_item_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .bl_list_item_txt {
    width: 90%;
    margin: 0 auto;
  }
}

#gFooter .footer_sec .wrapper .site_info .bl_list_item_txt span {
  font-size: 12px;
  font-weight: 300px;
  margin-left: 20px;
}

#gFooter .footer_sec .wrapper .site_info .note_btn {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
  margin-top: 19px;
  margin-bottom: 104px;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .site_info .note_btn {
    margin-bottom: 50px;
  }
}

#gFooter .footer_sec .wrapper .site_info .note_btn .btn_icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#gFooter .footer_sec .wrapper .site_info .note_btn:hover .btn_icon:nth-of-type(2) {
  opacity: 0;
}

#gFooter .footer_sec .wrapper .snswrap {
  background: #f7f2e1;
  width: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap {
    width: 100%;
    text-align: center;
    padding: 50px 0;
  }
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap .wraps {
    width: 50%;
  }
}

#gFooter .footer_sec .wrapper .snswrap .wraps .snsTitle {
  font-size: 15px;
  color: #ddba48;
}

#gFooter .footer_sec .wrapper .snswrap .wraps .bl_list_item_txt {
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap .wraps .bl_list_item_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap .wraps .bl_list_item_txt {
    width: 90%;
    margin: 4px auto;
  }
}

#gFooter .footer_sec .wrapper .snswrap .wraps .ft_sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 230px;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap .wraps .ft_sns_list {
    margin: 10px auto 0;
    width: auto;
  }
}

#gFooter .footer_sec .wrapper .snswrap .wraps .ft_sns_list .sns_btn {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

#gFooter .footer_sec .wrapper .snswrap .wraps .ft_sns_list .sns_btn .sns_icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#gFooter .footer_sec .wrapper .snswrap .wraps .ft_sns_list .sns_btn:hover .sns_icon:nth-of-type(2) {
  opacity: 0;
}

#gFooter .footer_sec .wrapper .snswrap ._la {
  margin-top: 62px;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .wrapper .snswrap ._la {
    margin-top: 30px;
  }
}

#gFooter .footer_sec .wrapper .snswrap ._la .snsTitle2 {
  font-size: 15px;
  color: #73a59e;
}

#gFooter .footer_sec .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 18px;
  color: #6c646a;
  gap: 12px;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: none;
  }
}

#gFooter .footer_sec .nav-list li {
  color: #6c646a;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-decoration: none;
  opacity: 0.6;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .nav-list li {
    padding: 0.5rem;
  }
}

#gFooter .footer_sec .nav-list li:hover {
  text-decoration: none;
  border-bottom: #6c646a 2px solid;
  color: black;
  background-color: transparent;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#gFooter .footer_sec .copyright {
  margin: 0px 0 21px;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  color: #6c646a;
  opacity: 0.6;
}

@media screen and (max-width: 360px) {
  #gFooter .footer_sec .copyright {
    margin: 0px 0 20px;
  }
}

#top #gFooter .footer_sec {
  margin: 0 auto 0;
}

#retreat #gFooter .bg_color {
  background: #faf9f7;
  height: 226px;
}

@media screen and (max-width: 360px) {
  #retreat #gFooter .bg_color {
    height: 120px;
  }
}

#guesthouse #gFooter .bg_color {
  background: #faf9f7;
  height: 226px;
}

@media screen and (max-width: 360px) {
  #guesthouse #gFooter .bg_color {
    height: 120px;
  }
}

#transaction #gFooter .bg_color {
  background: #faf9f7;
  height: 226px;
}

@media screen and (max-width: 360px) {
  #transaction #gFooter .bg_color {
    height: 120px;
  }
}

/* ==========================================================================
// page
// ========================================================================== */
.top_about {
  max-width: 1870px;
  margin: 50px auto;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .top_about {
    margin: 40px 0 0px;
  }
}

.top_about .bl_media_centerArea_bg {
  background: rgba(255, 255, 255, 0.2);
  background-image: url(../img/lacoma_top2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: lighten;
  height: 830px;
  position: relative;
  width: 76%;
  margin: 0 auto;
  -webkit-box-shadow: inset 0 0 100px 80px #fff;
          box-shadow: inset 0 0 100px 80px #fff;
}

@media screen and (max-width: 360px) {
  .top_about .bl_media_centerArea_bg {
    height: 700px;
    width: 100%;
  }
}

.top_about .bl_media_centerArea_bg .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 720px;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 360px) {
  .top_about .bl_media_centerArea_bg .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.top_about .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
  margin-top: 50px;
  line-height: 2.2;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .top_about .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 360px) {
  .top_about .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
    margin-top: 14px;
  }
}

.top_mess {
  margin: 100px auto 0;
  max-width: 1870px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_mess {
    margin: 50px auto 0;
  }
}

.top_mess .bl_flex {
  margin: 0px auto;
  width: 88%;
  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;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.top_mess .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 40%;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.top_mess .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: calc(80% - 60px);
  min-width: 200px;
  max-width: 220px;
  margin-left: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 40%;
    min-width: auto;
  }
}

.top_mess .bl_flex .bl_vercolm_imgwrap ._lWrap {
  -webkit-transform: translate(170px, 30px);
          transform: translate(170px, 30px);
  z-index: 0;
  position: relative;
  width: 500px;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_vercolm_imgwrap ._lWrap {
    width: auto;
    -webkit-transform: translate(120px, 30px);
            transform: translate(120px, 30px);
  }
}

.top_mess .bl_flex .bl_vercolm_imgwrap ._lWrap::before {
  content: "";
  background: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 70px;
  position: absolute;
  top: 350px;
  right: 60px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_vercolm_imgwrap ._lWrap::before {
    padding: 130px;
    position: absolute;
    top: 30px;
    left: -120px;
  }
}

.top_mess .bl_flex .bl_txtwrap {
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap {
    padding: 0px 20px;
    width: 100%;
    margin: 0px;
  }
}

.top_mess .bl_flex .bl_txtwrap::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: -50px;
  padding: 70px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap::before {
    padding: 40px;
    left: -20px;
  }
}

.top_mess .bl_flex .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.top_mess .bl_flex .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  margin-top: 60px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap .bl_media_txt {
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.top_mess .bl_flex .bl_txtwrap .el_btn1 {
  -webkit-transform: translateX(-59px);
          transform: translateX(-59px);
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .top_mess .bl_flex .bl_txtwrap .el_btn1 {
    margin-top: 20px;
    -webkit-transform: translateX(-82px);
            transform: translateX(-82px);
  }
}

.top_future {
  margin: 100px auto 0;
  position: relative;
  background: #faf9f7;
  padding: 196px 0 0px;
}

@media screen and (max-width: 360px) {
  .top_future {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 360px) {
  .top_future {
    padding: 50px 0 0px;
  }
}

.top_future .bl_titlewrap {
  text-align: right;
  position: relative;
  width: 76%;
  margin: 0 auto 20px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_titlewrap {
    padding: 0px 5%;
    width: 100%;
    margin: 0px;
  }
}

.top_future .bl_titlewrap::after {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  right: -50px;
  padding: 70px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .top_future .bl_titlewrap::after {
    padding: 40px;
    right: -20px;
    top: -30px;
  }
}

.top_future .bl_titlewrap .section_title {
  text-align: right;
  white-space: nowrap;
  display: inline;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .top_future .bl_titlewrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.top_future .bl_titlewrap .section_title::before {
  left: 135px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_titlewrap .section_title::before {
    left: 118px;
  }
}

.top_future .bl_flex {
  max-width: 1870px;
  margin: 0px auto;
  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;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0px auto;
    width: 100%;
    padding: 20px 0 0;
  }
}

.top_future .bl_flex .bl_media_txtwrap {
  background-image: url(../img/bg_daen.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 530px;
  height: 452px;
  margin-left: 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -200px;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap {
    margin-right: 0px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    width: 90%;
    height: 340px;
    margin-left: 0%;
    margin-top: 20px;
  }
}

.top_future .bl_flex .bl_media_txtwrap .bl_media_title {
  position: relative;
  color: #ddba48;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .bl_media_title {
    font-size: 14px;
  }
}

.top_future .bl_flex .bl_media_txtwrap .bl_media_title::before {
  content: "";
  background-image: url(../img/popup1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  left: -50px;
  padding: 35px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .bl_media_title::before {
    padding: 30px;
    top: -45px;
    left: -40px;
  }
}

.top_future .bl_flex .bl_media_txtwrap .bl_media_txtimg {
  width: 262px;
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .bl_media_txtimg {
    margin-top: 14px;
    width: 70%;
  }
}

.top_future .bl_flex .bl_media_txtwrap .bl_media_txt {
  width: 370px;
  font-weight: bold;
  text-align: center;
  margin-top: 36px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .bl_media_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .bl_media_txt {
    width: 100%;
    margin-top: 24px;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.top_future .bl_flex .bl_media_txtwrap .center {
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_media_txtwrap .center {
    margin-top: 20px;
    width: 260px;
  }
}

.top_future .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 81%;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
    margin-top: 20px;
  }
}

.top_future .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  height: 474px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 90%;
    min-width: auto;
    margin: 0px auto 0;
    height: 200px;
  }
}

.top_future ._bti_left {
  text-align: left;
  margin-top: 196px;
}

@media screen and (max-width: 360px) {
  .top_future ._bti_left {
    margin-top: 50px;
  }
}

.top_future ._bti_left::after {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  padding: 70px;
  z-index: 0;
  content: "";
  background-image: url(../img/maru_s_g.png);
  right: 90%;
}

@media screen and (max-width: 360px) {
  .top_future ._bti_left::after {
    padding-top: 20px;
    right: 80%;
  }
}

.top_future ._bti_left .section_title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
  z-index: 3;
}

.top_future ._mdf_rev {
  max-width: 1870px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 360px) {
  .top_future ._mdf_rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.top_future ._mdf_rev .bl_media_txtwrap {
  margin-right: 7%;
  margin-left: -200px;
}

@media screen and (max-width: 360px) {
  .top_future ._mdf_rev .bl_media_txtwrap {
    margin-right: 0%;
    margin-left: 0px;
  }
}

.top_future ._mdf_rev .bl_media_txtwrap .bl_media_title {
  color: #73a59e;
}

.top_future ._mdf_rev .bl_media_txtwrap .bl_media_title::before {
  display: none;
}

.top_future .bti_mind {
  text-align: left;
  margin-top: 196px;
}

@media screen and (max-width: 360px) {
  .top_future .bti_mind {
    margin-top: 50px;
  }
}

.top_future .bti_mind::after {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 70px;
  padding: 70px;
  z-index: 0;
  content: "";
  background-image: url(../img/maru_s_w.png);
  right: 80%;
}

@media screen and (max-width: 360px) {
  .top_future .bti_mind::after {
    top: 100px;
    padding-top: 50px;
  }
}

.top_future .bti_mind .section_title::before {
  display: none;
}

.top_future .bl_flex_mediaLarge {
  margin: 0px auto;
  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;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap {
  background-image: url(../img/maru_w.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 750px;
  height: 680px;
  margin-left: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -200px;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  padding: 450px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap {
    margin-right: 0px;
    margin-left: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    padding: 0px;
    width: 90%;
    height: 380px;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap {
  text-align: left;
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_title {
  position: relative;
  color: #ddba48;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_title {
    font-size: 14px;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_title::before {
  display: none;
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .section_title {
  margin-top: 4px;
  text-align: left;
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .section_title::before {
  top: 24px;
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_txtimg {
  width: 262px;
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_txtimg {
    margin-top: 14px;
    width: 60%;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_txt {
  width: 520px;
  font-weight: bold;
  text-align: left;
  margin-top: 36px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .bl_media_txt {
    width: 100%;
    margin-top: 36px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .center {
  margin-top: 36px;
  text-align: right;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .center {
    margin-top: 20px;
  }
}

.top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .center .el_btn1 {
  -webkit-transform: translateX(-70px);
          transform: translateX(-70px);
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_media_txtwrap .wrap .center .el_btn1 {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    width: 80%;
  }
}

.top_future .bl_flex_mediaLarge .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.top_future .bl_flex_mediaLarge .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  height: 852px;
}

@media screen and (max-width: 360px) {
  .top_future .bl_flex_mediaLarge .bl_vercolm_imgwrap .bl_media_img {
    width: 90%;
    min-width: auto;
    margin: 0px auto 0;
    height: 200px;
  }
}

.top_product {
  position: relative;
  background: #faf9f7;
  padding: 160px 0 120px;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .top_product {
    padding: 50px 0;
  }
}

.top_product .bl_flex_mediaSmall {
  margin: 0px auto;
  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;
  position: relative;
  width: 37%;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.top_product .bl_flex_mediaSmall .wrap {
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap {
    margin-top: 36px;
  }
}

.top_product .bl_flex_mediaSmall .wrap .section_title {
  text-align: left;
}

.top_product .bl_flex_mediaSmall .wrap .section_title::before {
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
}

.top_product .bl_flex_mediaSmall .wrap .bl_media_txtimg {
  width: 262px;
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap .bl_media_txtimg {
    margin-top: 14px;
    width: 60%;
  }
}

.top_product .bl_flex_mediaSmall .wrap .bl_media_txt {
  width: 520px;
  font-weight: bold;
  text-align: left;
  margin-top: 36px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap .bl_media_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap .bl_media_txt {
    width: 100%;
    margin-top: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 0 20px;
  }
}

.top_product .bl_flex_mediaSmall .wrap .center {
  margin-top: 36px;
  text-align: right;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap .center {
    margin-top: 20px;
  }
}

.top_product .bl_flex_mediaSmall .wrap .center .el_btn1 {
  -webkit-transform: translateX(-110px);
          transform: translateX(-110px);
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .wrap .center .el_btn1 {
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
    width: 68%;
  }
}

.top_product .bl_flex_mediaSmall .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.top_product .bl_flex_mediaSmall .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  max-width: 350px;
  min-width: 350px;
}

@media screen and (max-width: 360px) {
  .top_product .bl_flex_mediaSmall .bl_vercolm_imgwrap .bl_media_img {
    width: 90%;
    min-width: auto;
    margin: 0px auto 0;
  }
}

.top_product ._bti_left {
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_product ._bti_left {
    margin-top: 0px;
    padding: 0px 20px;
  }
}

.top_product ._bti_left::after {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  padding: 70px;
  z-index: 0;
  content: "";
  background-image: url(../img/maru_s_g.png);
  right: 90%;
}

@media screen and (max-width: 360px) {
  .top_product ._bti_left::after {
    padding-top: 50px;
  }
}

.top_product ._bti_left .section_title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
  z-index: 3;
}

@media screen and (max-width: 360px) {
  .top_product .el_btn1::before {
    right: 33px;
    bottom: 0px;
    top: 4px;
    width: 36px;
    height: 28px;
  }
}

.top_news {
  background: #f7f2e1;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 360px) {
  .top_news {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_titlewrap {
    margin: 0 auto;
  }
}

.top_news .section_title::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/ilu_pill_y.png) no-repeat center center/contain;
}

.top_news #sb_instagram {
  padding-bottom: 0 !important;
}

.top_news #sbi_images {
  padding: 20px 20px 0 !important;
}

@media screen and (max-width: 360px) {
  .top_news #sbi_images {
    padding: 10px !important;
  }
}

@media screen and (max-width: 360px) {
  .top_news .sbi_photo {
    height: 320px !important;
  }
}

.top_news .title {
  width: 94%;
  display: block;
  margin: 100px auto 0;
  font-size: 20px;
}

@media screen and (max-width: 360px) {
  .top_news .title {
    width: 100%;
    padding: 0 20px;
    margin: 40px auto 0;
    text-align: center;
  }
}

.top_news .bl_mediaPosts {
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1870px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 94%;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    margin: 20px auto 20px;
  }
}

.top_news .bl_mediaPosts .bl_mediaPosts_item {
  width: 31%;
  margin: 0 0px 60px;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item {
    width: 100%;
    margin: 0 20px 10px 20px;
  }
}

.top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_img {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta1.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_img2 {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta2.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_img3 {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta3.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 19px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
    padding: 0 10px;
  }
}

.top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_txt {
  font-size: 16px;
  font-weight: 300;
  margin-top: 12px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_txt {
    font-size: 16px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_txt {
    padding: 0 10px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts .bl_mediaPosts_item + .bl_mediaPosts_item {
    margin-top: 10px;
  }
}

.top_news .bl_mediaPosts2 {
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1870px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 94%;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    margin: 20px auto 20px;
  }
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item {
  width: 31%;
  margin: 0 0px 60px;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item {
    width: 100%;
    margin: 0 20px 10px 20px;
  }
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_img {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta2_1.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_img2 {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta2_2.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_img3 {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/lacoma_insta2_3.png);
  padding-top: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 19px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_title {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_title {
    padding: 0 10px;
  }
}

.top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_txt {
  font-size: 16px;
  font-weight: 300;
  margin-top: 12px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_txt {
    font-size: 16px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item .bl_mediaPosts_item_txt {
    padding: 0 10px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .bl_mediaPosts2 .bl_mediaPosts_item + .bl_mediaPosts_item {
    margin-top: 10px;
  }
}

.top_news .center ._mdf_g::before {
  background: #a8e6dd;
}

@media screen and (max-width: 360px) {
  .top_news .el_btn1::before {
    width: 36px;
    height: 28px;
    top: 5px;
    right: 91px;
    bottom: 0px;
  }
}

@media screen and (max-width: 360px) {
  .top_news .el_btn1 .btn_line1 {
    right: 110px;
    top: 18px;
  }
  .top_news .el_btn1 .btn_line2 {
    right: 103px;
    top: 11px;
  }
}

.about_fv {
  margin: 0px auto;
  position: relative;
  padding: 150px 0 0;
  z-index: 0;
  background: #faf9f7;
}

@media screen and (max-width: 360px) {
  .about_fv {
    padding: 20px 0 0px;
  }
}

.about_fv .bl_media_centerArea_bg {
  background: url(../img/lacoma_about_fv.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 830px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .about_fv .bl_media_centerArea_bg {
    height: 730px;
    width: 100%;
  }
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 720px;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 360px) {
  .about_fv .bl_media_centerArea_bg .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_titlewrap {
  position: relative;
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_titlewrap::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -70px;
  left: -70px;
  padding: 110px;
  z-index: -1;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

@media screen and (max-width: 360px) {
  .about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_titlewrap::before {
    padding: 40px;
    left: -20px;
    display: none;
  }
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_titlewrap .section_title {
  letter-spacing: 0.2em;
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_titlewrap .section_title::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
  margin-top: 36px;
  line-height: 2.2;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 360px) {
  .about_fv .bl_media_centerArea_bg .bl_media_centerArea_content .bl_media_centerArea_txt {
    margin-top: 14px;
  }
}

.about_story {
  margin: 0px auto 0;
  position: relative;
  margin: 0px auto 560px;
  position: relative;
  background: #fff;
  padding: 160px 0 20px;
}

@media screen and (max-width: 360px) {
  .about_story {
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 360px) {
  .about_story {
    padding: 80px 0 30px;
    margin: 0px auto 300px;
  }
}

.about_story .bl_flex {
  margin: 0px auto;
  width: 72%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.about_story .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
    margin-top: 50px;
  }
}

.about_story .bl_flex .bl_vercolm_imgwrap::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -70px;
  right: -150px;
  padding: 90px;
  z-index: 0;
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_vercolm_imgwrap::before {
    padding: 40px;
    left: -20px;
    display: none;
  }
}

.about_story .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  margin-left: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 100%;
    min-width: auto;
    margin: 20px auto 0;
    height: 300px;
  }
}

.about_story .bl_flex .bl_txtwrap {
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_txtwrap {
    padding: 0px 20px;
    width: 100%;
    margin: 0px;
  }
}

.about_story .bl_flex .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_txtwrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.about_story .bl_flex .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  margin-top: 60px;
  line-height: 2.4;
  font-size: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex .bl_txtwrap .bl_media_txt {
    margin-top: 0px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.about_story .bl_flex2 {
  margin: 120px auto 0 0;
  width: 82%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.about_story .bl_flex2 .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_vercolm_imgwrap {
    width: 100%;
    margin: 20px auto 0;
  }
}

.about_story .bl_flex2 .bl_vercolm_imgwrap::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -60px;
  left: 30px;
  padding: 70px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_vercolm_imgwrap::before {
    padding: 40px;
    left: -20px;
  }
}

.about_story .bl_flex2 .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  height: 410px;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_vercolm_imgwrap .bl_media_img {
    width: 100%;
    min-width: auto;
    height: 210px;
  }
}

.about_story .bl_flex2 .bl_txtwrap {
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_txtwrap {
    padding: 60px 20px;
    width: 100%;
    margin: 0px;
  }
}

.about_story .bl_flex2 .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_txtwrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.about_story .bl_flex2 .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  line-height: 2.4;
  margin-left: 120px;
  font-size: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex2 .bl_txtwrap .bl_media_txt {
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-left: 0px;
  }
}

.about_story .bl_flex3 {
  margin: 120px 0 60px auto;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.about_story .bl_flex3 .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.about_story .bl_flex3 .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  height: 526px;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_vercolm_imgwrap .bl_media_img {
    width: 100%;
    min-width: auto;
    margin: 20px auto 0;
    height: 300px;
  }
}

.about_story .bl_flex3 .bl_txtwrap {
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_txtwrap {
    padding: 60px 20px;
    width: 100%;
    margin: 0px;
  }
}

.about_story .bl_flex3 .bl_txtwrap::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: -50px;
  padding: 70px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_txtwrap::before {
    padding: 40px;
    left: -20px;
    top: 260px;
  }
}

.about_story .bl_flex3 .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_txtwrap .section_title {
    white-space: normal;
  }
}

.about_story .bl_flex3 .bl_txtwrap .section_title::before {
  display: none;
}

.about_story .bl_flex3 .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  margin-bottom: 40px;
  line-height: 2.4;
  font-size: 15px;
  position: relative;
  width: 375px;
  margin-right: 120px;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .about_story .bl_flex3 .bl_txtwrap .bl_media_txt {
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.parallax {
  position: relative;
  z-index: -3;
}

.parallax .parallax_img::before {
  background-image: url(../img/about_para.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: fixed;
  height: 560px;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .parallax .parallax_img::before {
    background-size: cover;
    height: 300px;
    background-image: url(../img/sp_about_parallax.jpg);
  }
}

.about_mess {
  margin: 0px auto 0;
  position: relative;
  background: #fff;
  padding: 110px 0 110px;
}

@media screen and (max-width: 360px) {
  .about_mess {
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 360px) {
  .about_mess {
    padding: 80px 0 80px;
  }
}

.about_mess .bl_flex {
  margin: 0px auto;
  width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.about_mess .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 80px;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.about_mess .bl_flex .bl_vercolm_imgwrap::before {
  content: "";
  background: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px;
  position: absolute;
  bottom: -100px;
  right: 100px;
  z-index: 0;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_vercolm_imgwrap::before {
    padding: 130px;
    position: absolute;
    top: 30px;
    left: -120px;
    display: none;
  }
}

.about_mess .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: 231px;
  min-width: 200px;
  max-width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 40%;
    min-width: auto;
    display: none;
  }
}

.about_mess .bl_flex .bl_vercolm_imgwrap ._lWrap {
  -webkit-transform: translate(100px, 20px);
          transform: translate(100px, 20px);
  z-index: 1;
  position: relative;
  width: 500px;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_vercolm_imgwrap ._lWrap {
    width: 100%;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

.about_mess .bl_flex .bl_vercolm_imgwrap ._lWrap ._l {
  width: 291px;
  min-width: 200px;
  max-width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_vercolm_imgwrap ._lWrap ._l {
    width: 100%;
    min-width: auto;
    max-width: auto;
    height: 300px;
  }
}

.about_mess .bl_flex .bl_txtwrap {
  min-width: 520px;
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap {
    padding: 0px 20px;
    width: 100%;
    margin: 0px;
    min-width: auto;
  }
}

.about_mess .bl_flex .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.about_mess .bl_flex .bl_txtwrap .section_title2 {
  text-align: center;
}

.about_mess .bl_flex .bl_txtwrap .section_title2::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .section_title2 {
    margin-top: 40px;
  }
}

.about_mess .bl_flex .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  margin-top: 60px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .bl_media_txt {
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    min-width: auto;
  }
}

.about_mess .bl_flex .bl_txtwrap ._mt_mdf {
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap ._mt_mdf {
    margin-top: 18px;
  }
}

.about_mess .bl_flex .bl_txtwrap .el_btn1 {
  -webkit-transform: translateX(-59px);
          transform: translateX(-59px);
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .el_btn1 {
    margin-top: 20px;
    -webkit-transform: translateX(-82px);
            transform: translateX(-82px);
  }
}

.about_mess .bl_flex .bl_txtwrap .name {
  width: 141px;
  margin-top: 60px;
}

@media screen and (max-width: 360px) {
  .about_mess .bl_flex .bl_txtwrap .name {
    margin-top: 20px;
    width: 90px;
  }
}

.about_media {
  margin: 0px auto 0;
  position: relative;
  background: #faf9f7;
  padding: 110px 0 140px;
}

@media screen and (max-width: 360px) {
  .about_media {
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 360px) {
  .about_media {
    padding: 50px 0;
  }
}

.about_media .bl_list_wrap {
  width: 676px;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .bl_titlewrap {
    width: 100%;
    padding: 0px 0px;
  }
}

.about_media .bl_list_wrap .bl_titlewrap .section_title {
  text-align: left;
}

.about_media .bl_list_wrap .bl_titlewrap .section_title::before {
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
}

.about_media .bl_list_wrap .bl_list_items {
  margin-top: 60px;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .bl_list_items {
    margin-top: 30px;
  }
}

.about_media .bl_list_wrap .bl_list_items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about_media .bl_list_wrap .bl_list_items .item .contentTitle {
  color: #73a59e;
  margin-right: 16px;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .bl_list_items .item .contentTitle {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .bl_list_items .item .contentTxt {
    font-size: 14px;
  }
}

.about_media .bl_list_wrap .bl_list_items .item ._lh {
  line-height: 2;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

.about_media .bl_list_wrap .bl_list_items .item + .item {
  margin-top: 16px;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .bl_list_items .item + .item {
    margin-top: 14px;
  }
}

.about_media .bl_list_wrap .mediaTitle {
  color: #73a59e;
  margin-top: 36px;
  font-size: 18px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .mediaTitle {
    margin-top: 18px;
  }
}

.about_media .bl_list_wrap .mediaTxt {
  margin-top: 20px;
  font-size: 15px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .mediaTxt {
    margin-top: 12px;
    font-size: 13px;
  }
}

.about_media .bl_list_wrap .mediaTxt::before {
  content: "";
  background: url(../img/maru_l_g.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px;
  position: absolute;
  bottom: -10px;
  right: 100px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .about_media .bl_list_wrap .mediaTxt::before {
    padding: 80px;
    position: absolute;
    left: -170px;
    bottom: 52px;
  }
}

.about_profile {
  position: relative;
  background: #f7f2e1;
  padding: 110px 0 120px;
}

@media screen and (max-width: 360px) {
  .about_profile {
    padding: 50px 0;
  }
}

.about_profile .bl_list_wrap {
  width: 650px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.about_profile .bl_list_wrap::before {
  content: "";
  background: url(../img/maru_s_w.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 70px;
  position: absolute;
  bottom: -20px;
  left: -50px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap::before {
    padding: 130px;
    position: absolute;
    top: 30px;
    left: -120px;
  }
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap .bl_titlewrap {
    width: 100%;
    padding: 0px 0px;
  }
}

.about_profile .bl_list_wrap .bl_titlewrap .section_title {
  text-align: left;
}

.about_profile .bl_list_wrap .bl_list_items {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap .bl_list_items {
    margin-top: 30px;
  }
}

.about_profile .bl_list_wrap .bl_list_items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about_profile .bl_list_wrap .bl_list_items .item .contentTitle {
  color: #ddba48;
  width: 62px;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap .bl_list_items .item .contentTitle {
    font-size: 14px;
    width: 42px;
    white-space: nowrap;
  }
}

.about_profile .bl_list_wrap .bl_list_items .item .contentTxt {
  margin-left: 40px;
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap .bl_list_items .item .contentTxt {
    margin-left: 14px;
    font-size: 13px;
  }
}

.about_profile .bl_list_wrap .bl_list_items .item ._lh {
  line-height: 2;
}

.about_profile .bl_list_wrap .bl_list_items .item + .item {
  margin-top: 16px;
}

@media screen and (max-width: 360px) {
  .about_profile .bl_list_wrap .bl_list_items .item + .item {
    margin-top: 14px;
  }
}

.ret_about {
  margin: 0px auto;
  position: relative;
  z-index: -1;
  background-color: #faf9f7;
  padding: 300px 0 165px;
}

@media screen and (max-width: 360px) {
  .ret_about {
    margin: 0px 0 0px;
    padding: 280px 0 80px;
  }
}

.ret_about .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_about .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.ret_about .bl_media_centerArea_content::before {
  content: "";
  background-image: url(../img/maru_sm.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 220px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .ret_about .bl_media_centerArea_content::before {
    top: 100px;
    padding: 100px;
  }
}

.ret_about .bl_media_centerArea_content .bl_titlewrap_center::before {
  content: "";
  background-image: url(../img/popup1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  left: -50px;
  padding: 35px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .ret_about .bl_media_centerArea_content .bl_titlewrap_center::before {
    padding: 30px;
    top: -35px;
    left: 0px;
  }
}

.ret_about .bl_media_centerArea_content .bl_media_centerArea_txt {
  margin-top: 36px;
  line-height: 2.2;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .ret_about .bl_media_centerArea_content .bl_media_centerArea_txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 360px) {
  .ret_about .bl_media_centerArea_content .bl_media_centerArea_txt {
    margin-top: 14px;
  }
}

.ret_sche {
  max-width: 1870px;
  margin: 0px auto;
  position: relative;
  z-index: -1;
  padding: 130px 0 165px;
}

@media screen and (max-width: 360px) {
  .ret_sche {
    padding: 50px 0 50px;
  }
}

.ret_sche .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.ret_sche .bl_media_centerArea_content::before {
  content: "";
  background-image: url(../img/maru_s_grey.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -50px;
  left: 100px;
  padding: 110px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content::before {
    display: none;
  }
}

.ret_sche .bl_media_centerArea_content ._cenmod::before {
  display: none;
}

.ret_sche .bl_media_centerArea_content .img_flex {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 124px;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content .img_flex {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin: 20px auto 0;
  }
}

.ret_sche .bl_media_centerArea_content .img_flex .schedule {
  width: 50%;
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content .img_flex .schedule {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content .img_flex ._2 {
    display: none;
  }
}

.ret_sche .bl_media_centerArea_content .img_flex ._2sp {
  display: none;
}

@media screen and (max-width: 360px) {
  .ret_sche .bl_media_centerArea_content .img_flex ._2sp {
    display: block;
  }
}

.ret_schemedia {
  max-width: 1870px;
  margin: 0px auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_schemedia {
    margin: 0px auto 50px;
  }
}

.ret_schemedia .mediasectionWrap {
  width: 64%;
  margin: 0 auto;
  background-image: url(../img/sche_arrow.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 0;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap {
    width: 100%;
    padding: 50px 20px;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .mediaimg {
  position: relative;
  text-align: right;
  width: 858px;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .mediaimg {
    width: 100%;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .mediaimg::before {
  content: "";
  position: absolute;
  top: -150px;
  left: -2%;
  background-image: url(../img/sch1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 150px;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .mediaimg::before {
    content: "";
    position: absolute;
    top: -110px;
    padding: 110px;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .mediaimg::after {
  content: "";
  background-image: url(../img/maru_sr_grey.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -50px;
  right: 100px;
  padding: 110px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .mediaimg::after {
    display: none;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .mediaimg .bl_center_img {
  width: 858px;
  height: 400px;
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .mediaimg .bl_center_img {
    height: 200px;
    width: 100%;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .mediaimg .caption {
  margin-top: 12px;
  font-size: 15px;
  color: #b1a2ad;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .mediaimg .caption {
    margin-top: 8px;
    font-size: 12px;
    text-align: center;
  }
}

.ret_schemedia .mediasectionWrap .mediaWrap .txt {
  width: 676px;
  margin: 36px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap .mediaWrap .txt {
    padding: 0 10px;
    margin: 12px auto 0;
    font-size: 14px;
    width: 100%;
  }
}

.ret_schemedia .mediasectionWrap ._2 {
  margin-top: 60px;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap ._2 {
    margin-top: 60px;
  }
}

.ret_schemedia .mediasectionWrap ._2 .mediaimg::before {
  content: "";
  background-image: url(../img/sch2.png);
}

.ret_schemedia .mediasectionWrap ._2 .mediaimg::after {
  content: "";
  background-image: url(../img/maru_sr_grey.png);
  display: none;
}

.ret_schemedia .mediasectionWrap ._3 {
  margin-top: 60px;
}

@media screen and (max-width: 360px) {
  .ret_schemedia .mediasectionWrap ._3 {
    margin-top: 60px;
  }
}

.ret_schemedia .mediasectionWrap ._3 .mediaimg::before {
  content: "";
  background-image: url(../img/sch3.png);
}

.ret_schemedia .mediasectionWrap ._3 .mediaimg::after {
  content: "";
  background-image: url(../img/maru_sr_grey.png);
  bottom: 0px;
  right: -260px;
  padding: 100px;
}

.ret_inn {
  margin: 0px auto;
  position: relative;
  background: #faf9f7;
  padding: 120px 0;
}

@media screen and (max-width: 360px) {
  .ret_inn {
    padding: 50px 0 80px;
  }
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_titlewrap_center {
    width: 100%;
    padding: 10px 20px;
  }
}

.ret_inn .bl_flex {
  margin: 120px auto 0;
  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;
  position: relative;
  width: 60%;
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0px auto;
    width: 100%;
    padding: 20px 0 0;
  }
}

.ret_inn .bl_flex .bl_media_txtwrap {
  background-image: url(../img/ret_daen1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 330px;
  height: 350px;
  margin-left: 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -200px;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex .bl_media_txtwrap {
    margin-right: 0px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    width: 90%;
    height: 140px;
    margin-left: 0%;
    margin-top: 20px;
  }
}

.ret_inn .bl_flex .bl_media_txtwrap .bl_media_txt {
  width: 370px;
  font-weight: bold;
  text-align: center;
  margin-top: 36px;
  line-height: 1.8;
  font-size: 15px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex .bl_media_txtwrap .bl_media_txt {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex .bl_media_txtwrap .bl_media_txt {
    width: 100%;
    margin-top: 0px;
    padding: 0 20px;
    text-align: center;
  }
}

.ret_inn .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 81%;
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
  }
}

.ret_inn .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  height: 474px;
}

@media screen and (max-width: 360px) {
  .ret_inn .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 90%;
    min-width: auto;
    margin: 0px auto 0;
    height: 200px;
  }
}

.ret_inn ._mdf_rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 360px) {
  .ret_inn ._mdf_rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.ret_inn ._mdf_rev .bl_media_txtwrap {
  background-image: url(../img/ret_daen2.png);
  margin-right: 7%;
  margin-left: -200px;
}

@media screen and (max-width: 360px) {
  .ret_inn ._mdf_rev .bl_media_txtwrap {
    margin-right: 0%;
    margin-left: 0px;
  }
}

.ret_inn ._mdf_rev .bl_media_txtwrap .bl_media_title {
  color: #73a59e;
}

.ret_inn ._mdf_rev .bl_media_txtwrap .bl_media_title::before {
  display: none;
}

.ret_inn .info {
  margin: 120px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 984px;
}

@media screen and (max-width: 360px) {
  .ret_inn .info {
    margin: 50px auto;
    gap: 40px;
    width: 100%;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ret_inn .info .info_contentbox {
  position: relative;
  text-align: center;
  width: 480px;
  height: 144px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  background: #fff;
}

@media screen and (max-width: 360px) {
  .ret_inn .info .info_contentbox {
    width: 100%;
    height: 124px;
  }
}

.ret_inn .info .info_contentbox::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/info_con1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 80px;
}

@media screen and (max-width: 360px) {
  .ret_inn .info .info_contentbox::before {
    content: "";
    position: absolute;
    top: -90px;
    padding: 90px;
  }
}

.ret_inn .info .info_contentbox .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .ret_inn .info .info_contentbox .infotxt {
    margin-top: 8px;
    font-size: 11px;
    text-align: center;
  }
}

.ret_inn .info .info_contentbox .infotxt::before {
  content: "";
  position: absolute;
  background: #ddba48;
  top: 9px;
  left: -12px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

@media screen and (max-width: 360px) {
  .ret_inn .info .info_contentbox .infotxt::before {
    width: 5px;
    height: 5px;
    top: 6px;
    left: -10px;
  }
}

.ret_inn .info .info_contentbox .infotxt + .infotxt {
  margin-left: 16px;
}

@media screen and (max-width: 360px) {
  .ret_inn .info .info_contentbox .infotxt + .infotxt {
    margin-left: 10px;
  }
}

.ret_inn .info ._info2::before {
  background-image: url(../img/info_con2.png);
}

.ret_inn .please {
  position: relative;
  text-align: center;
  width: 600px;
  height: 144px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .ret_inn .please {
    width: 100%;
    padding: 0 20px 0 30px;
  }
}

.ret_inn .please .p_title {
  text-align: center;
  color: #ddba48;
  font-weight: bold;
  margin-bottom: 36px;
}

@media screen and (max-width: 360px) {
  .ret_inn .please .p_title {
    margin-bottom: 16px;
  }
}

.ret_inn .please .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .ret_inn .please .infotxt {
    margin-top: 8px;
    font-size: 12px;
    text-align: left;
  }
}

.ret_inn .please .infotxt::before {
  content: "";
  position: absolute;
  background: #ddba48;
  top: 9px;
  left: -12px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

@media screen and (max-width: 360px) {
  .ret_inn .please .infotxt::before {
    top: 6px;
    left: -10px;
    width: 5px;
    height: 5px;
  }
}

.ret_inn .please .infotxt + .infotxt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .ret_inn .please .infotxt + .infotxt {
    margin-top: 10px;
  }
}

.ret_overview {
  margin: 0 auto;
  position: relative;
  background: #f7f2e1;
  padding: 110px 0 110px;
}

@media screen and (max-width: 360px) {
  .ret_overview {
    padding: 50px 0;
  }
}

.ret_overview .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85%;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .mediaflex_img {
  width: 50%;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .mediaflex_img {
    width: 100%;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items {
  position: relative;
  z-index: 1;
  margin-left: 40px;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items::before {
  content: "";
  background: url(../img/maru_w.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 150px;
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items::before {
    padding: 130px;
    position: absolute;
    top: 100px;
    left: -50px;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item .contentTitle {
  color: #ddba48;
  width: 120px;
  line-height: 1.8;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item .contentTitle {
    font-size: 12px;
    width: 50px;
    white-space: nowrap;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item .contentTxt {
  margin-left: 40px;
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item .contentTxt {
    margin-left: 0px;
    font-size: 12px;
  }
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item ._lh {
  line-height: 2;
}

.ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item + .item {
  margin-top: 16px;
}

@media screen and (max-width: 360px) {
  .ret_overview .bl_list_wrap .bl_media_flex .bl_list_items .item + .item {
    margin-top: 14px;
  }
}

.ret_reserve {
  position: relative;
  background: #faf9f7;
  padding: 120px 0 120px;
}

@media screen and (max-width: 360px) {
  .ret_reserve {
    padding: 60px 0 60px;
  }
}

.ret_voice {
  max-width: 1870px;
  margin: 0 auto;
  position: relative;
  padding: 110px 0 110px;
}

@media screen and (max-width: 360px) {
  .ret_voice {
    padding: 50px 0;
  }
}

.ret_voice .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 85%;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex .txtItem {
  position: relative;
  text-align: center;
  padding: 36px 24px;
  width: 334px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  background: #faf9f7;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex .txtItem {
    width: 100%;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex .txtItem .p_title {
  text-align: center;
  color: #ddba48;
  font-weight: bold;
}

.ret_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt {
  margin-top: 20px;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-align: left;
  line-height: 2;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt {
    margin-top: 14px;
    font-size: 12px;
    text-align: center;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt + .infotxt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt + .infotxt {
    margin-top: 10px;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex .txtItem + .txtItem {
  margin-left: 14px;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex .txtItem + .txtItem {
    margin-left: 0px;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex ._2 {
  margin-top: 70px;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex ._2 {
    margin-top: 10px;
  }
}

.ret_voice .bl_list_wrap .bl_txt_flex ._3 {
  margin-top: 143px;
}

@media screen and (max-width: 360px) {
  .ret_voice .bl_list_wrap .bl_txt_flex ._3 {
    margin-top: 10px;
  }
}

.ret_gallery {
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_gallery {
    width: 100%;
    height: auto;
    padding: 30px 0 0;
  }
}

.ret_gallery .slider2 {
  position: relative;
  z-index: 1;
}

.ret_map {
  margin: 0 auto;
  position: relative;
  background: #faf9f7;
  padding: 110px 0 40px;
}

@media screen and (max-width: 360px) {
  .ret_map {
    margin: 80px 0 0;
    padding: 50px 0;
  }
}

.ret_map .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.ret_map .bl_list_wrap .bl_media_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85%;
  margin: 60px auto 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap .bl_media_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.ret_map .bl_list_wrap .bl_media_flex iframe {
  width: 50%;
  height: 540px;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap .bl_media_flex iframe {
    width: 100%;
    height: 300px;
  }
}

.ret_map .bl_list_wrap .bl_media_flex .map_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 160px 92px;
  width: 50%;
  background: #fff;
  height: 540px;
  margin-top: 100px;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap .bl_media_flex .map_txt {
    padding: 20px;
    width: 100%;
    height: 220px;
    margin-top: 20px;
  }
}

.ret_map .bl_list_wrap .bl_media_flex .map_txt .txt {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap .bl_media_flex .map_txt .txt {
    font-size: 13px;
  }
}

.ret_map .bl_list_wrap .bl_media_flex .txt + .txt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_list_wrap .bl_media_flex .txt + .txt {
    margin-top: 14px;
  }
}

.ret_map .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 120px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    margin: 90px auto 0;
  }
}

.ret_map .bl_media_centerArea_content::before {
  content: "";
  position: absolute;
  top: -175px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/accessTitle1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 160px;
}

.ret_map .bl_media_centerArea_content::before .map_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 160px 92px;
  width: 50%;
  background: #fff;
  height: 540px;
  margin-top: 100px;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content::before .map_txt {
    padding: 0px;
    width: 100%;
    height: 300px;
    margin-top: 20px;
  }
}

.ret_map .bl_media_centerArea_content::before .map_txt .txt {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content::before .map_txt .txt {
    font-size: 14px;
  }
}

.ret_map .bl_media_centerArea_content::before .txt + .txt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content::before .txt + .txt {
    margin-top: 14px;
  }
}

.ret_map .bl_media_centerArea_content .img_flex {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content .img_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 20px auto 0;
    width: 100%;
  }
}

.ret_map .bl_media_centerArea_content .img_flex .accessimg {
  width: 33%;
}

@media screen and (max-width: 360px) {
  .ret_map .bl_media_centerArea_content .img_flex .accessimg {
    width: 100%;
    margin-top: 10px;
  }
}

.ret_map ._2::before {
  background-image: url(../img/accessTitle2.png);
}

.ret_map ._3::before {
  background-image: url(../img/accessTitle3.png);
}

.ret_map .access_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 120px auto;
}

@media screen and (max-width: 360px) {
  .ret_map .access_txt {
    padding: 20px;
    width: 100%;
    margin: 20px auto 0;
  }
}

.ret_map .access_txt .txt {
  font-size: 15px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .ret_map .access_txt .txt {
    font-size: 14px;
  }
}

.ret_map .txt + .txt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .ret_map .txt + .txt {
    margin-top: 14px;
  }
}

.gh_about {
  margin: 0px auto;
  position: relative;
  z-index: -1;
  background-color: #faf9f7;
  padding: 300px 0 165px;
}

@media screen and (max-width: 360px) {
  .gh_about {
    margin: 0px 0 0px;
    padding: 280px 0 80px;
  }
}

.gh_about .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_about .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

.gh_about .bl_media_centerArea_content::before {
  content: "";
  background-image: url(../img/maru_l_g.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 220px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .gh_about .bl_media_centerArea_content::before {
    top: 100px;
    padding: 100px;
  }
}

@media screen and (max-width: 360px) {
  .gh_about .bl_media_centerArea_content .bl_titlewrap_center {
    padding: 10px 0px;
  }
}

.gh_about .bl_media_centerArea_content .bl_titlewrap_center .section_title_cen::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -28px;
  padding: 16px;
  height: 6px;
  background: url(../img/ilu_pill_g.png) no-repeat center center/contain;
  z-index: 3;
}

.gh_about .bl_media_centerArea_content .bl_media_centerArea_txt {
  margin-top: 36px;
  line-height: 2.2;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .gh_about .bl_media_centerArea_content .bl_media_centerArea_txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 360px) {
  .gh_about .bl_media_centerArea_content .bl_media_centerArea_txt {
    margin-top: 20px;
  }
}

.gh_charm {
  margin: 160px auto 120px;
  max-width: 1870px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_charm {
    margin: 80px auto 50px;
  }
}

.gh_charm .bl_flex {
  margin: 60px auto 0;
  width: 85%;
  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;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto;
    width: 100%;
    padding: 0px 0;
  }
}

.gh_charm .bl_flex .bl_vercolm_imgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_vercolm_imgwrap {
    width: 100%;
    margin-right: 0px;
  }
}

.gh_charm .bl_flex .bl_vercolm_imgwrap .bl_media_img {
  width: 100%;
  margin-left: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_vercolm_imgwrap .bl_media_img {
    width: 100%;
    min-width: auto;
    margin: 20px auto 0;
    height: 300px;
  }
}

.gh_charm .bl_flex .bl_txtwrap {
  max-width: 522px;
  text-align: right;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_txtwrap {
    padding: 0px 20px;
    width: 100%;
    margin: 0px;
  }
}

.gh_charm .bl_flex .bl_txtwrap::before {
  content: "";
  background-image: url(../img/maru_l_g.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -70px;
  left: -150px;
  padding: 170px;
  z-index: 0;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_txtwrap::before {
    padding: 40px;
    left: -20px;
    display: none;
  }
}

.gh_charm .bl_flex .bl_txtwrap .section_title {
  text-align: left;
  white-space: nowrap;
  color: #73a59e;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_txtwrap .section_title {
    text-align: center;
    white-space: normal;
  }
}

.gh_charm .bl_flex .bl_txtwrap .section_title::before {
  display: none;
}

.gh_charm .bl_flex .bl_txtwrap .bl_media_txt {
  font-weight: bold;
  text-align: left;
  margin-top: 36px;
  line-height: 1.6;
  font-size: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_txtwrap .bl_media_txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .gh_charm .bl_flex .bl_txtwrap .bl_media_txt {
    margin-top: 14px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 360px) {
  .gh_charm ._rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 40px auto 20px;
  }
}

.gh_charm ._rev .bl_txtwrap {
  margin-left: 100px;
}

@media screen and (max-width: 360px) {
  .gh_charm ._rev .bl_txtwrap {
    margin-left: 0px;
  }
}

.gh_charm ._rev .bl_txtwrap::before {
  top: 40px;
  left: 270px;
  padding: 150px;
  z-index: 0;
  -webkit-transform: rotate(95deg);
          transform: rotate(95deg);
}

.gh_charm ._rev .bl_vercolm_imgwrap .bl_media_img {
  margin-left: 0;
}

.gh_charm ._mofmaru {
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .gh_charm ._mofmaru {
    margin: 40px auto 20px;
  }
}

.gh_charm ._mofmaru .bl_txtwrap::before {
  content: "";
  background-image: url(../img/maru_l_g.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -300px;
  left: -350px;
  padding: 270px;
  z-index: -1;
}

.gh_room {
  margin: 0px auto;
  position: relative;
  background: #faf9f7;
  padding: 120px 0;
  z-index: 2;
}

@media screen and (max-width: 360px) {
  .gh_room {
    padding: 80px 0 80px;
  }
}

@media screen and (max-width: 360px) {
  .gh_room .bl_titlewrap_center {
    width: 100%;
    padding: 10px 20px;
  }
}

.gh_room .wrap {
  background: #fff;
  margin: 60px auto 0;
  width: 85%;
  padding-bottom: 60px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap {
    margin: 20px auto 0;
    width: 100%;
  }
}

.gh_room .wrap .txt {
  padding-top: 60px;
  text-align: center;
  line-height: 1.6;
  font-size: 15px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .txt {
    padding-top: 30px;
    margin: 0 20px;
  }
}

.gh_room .wrap .bl_media_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.gh_room .wrap .bl_media_flex .mediaflex_img {
  width: 50%;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .mediaflex_img {
    width: 100%;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items {
  position: relative;
  z-index: 1;
  margin-left: 40px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items {
    margin-left: 0px;
    margin-top: 50px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox {
  position: relative;
  text-align: center;
  width: 353px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox {
    width: 100%;
    height: 124px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox::before {
  content: "";
  position: absolute;
  top: -185px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/price1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 165px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox::before {
    content: "";
    position: absolute;
    top: -160px;
    padding: 150px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box {
  width: 56%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .infotxt {
    margin-top: 8px;
    font-size: 11px;
    text-align: center;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .infotxt + .infotxt {
  margin-left: 16px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .infotxt + .infotxt {
    margin-left: 10px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .right {
  margin-top: 12px;
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  margin-left: 12px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox .box .right {
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox + .info_contentbox {
  margin-top: 66px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .info_contentbox + .info_contentbox {
    margin-top: 40px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items ._2::before {
  background-image: url(../img/price2.png);
  top: -187px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items ._2::before {
    top: -170px;
  }
}

.gh_room .wrap .bl_media_flex .bl_list_items ._2 .box {
  width: 70%;
}

.gh_room .wrap .bl_media_flex .bl_list_items ._2 .box .right {
  margin-left: 17px;
}

.gh_room .wrap .bl_media_flex .bl_list_items ._2 .box ._modf {
  margin-left: 37px;
}

.gh_room .wrap .bl_media_flex .bl_list_items .an {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .gh_room .wrap .bl_media_flex .bl_list_items .an {
    margin-top: 20px;
    font-size: 12px;
  }
}

.gh_room .center {
  padding-top: 60px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .gh_room .center {
    padding-top: 40px;
  }
}

.gh_room .center .el_btn1::before {
  background: #a8e6dd;
}

@media screen and (max-width: 360px) {
  .gh_room .center .el_btn1::before {
    right: 95px;
  }
}

@media screen and (max-width: 360px) {
  .gh_room .center .el_btn1 .btn_line1 {
    right: 115px;
  }
}

@media screen and (max-width: 360px) {
  .gh_room .center .el_btn1 .btn_line2 {
    right: 105px;
  }
}

.gh_room .payment {
  position: relative;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 137px auto 0;
}

@media screen and (max-width: 360px) {
  .gh_room .payment {
    width: 100%;
    padding: 0 20px 0 30px;
    margin: 80px auto 0;
  }
}

.gh_room .payment::before {
  content: "";
  position: absolute;
  top: -236px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/payment.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 175px;
}

@media screen and (max-width: 360px) {
  .gh_room .payment::before {
    content: "";
    position: absolute;
    top: -180px;
    padding: 150px;
  }
}

.gh_room .payment .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .gh_room .payment .infotxt {
    margin-top: 8px;
    font-size: 12px;
    text-align: center;
  }
}

.gh_room .payment .infotxt + .infotxt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .gh_room .payment .infotxt + .infotxt {
    margin-top: 10px;
  }
}

.gh_room .info {
  margin: 120px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 984px;
}

@media screen and (max-width: 360px) {
  .gh_room .info {
    margin: 50px auto;
    gap: 40px;
    width: 100%;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.gh_room .info .info_contentbox {
  position: relative;
  text-align: center;
  width: 480px;
  height: 144px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  background: #fff;
}

@media screen and (max-width: 360px) {
  .gh_room .info .info_contentbox {
    width: 100%;
    height: 124px;
  }
}

.gh_room .info .info_contentbox::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/info_an1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 80px;
}

@media screen and (max-width: 360px) {
  .gh_room .info .info_contentbox::before {
    content: "";
    position: absolute;
    top: -90px;
    padding: 90px;
  }
}

.gh_room .info .info_contentbox .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .gh_room .info .info_contentbox .infotxt {
    margin-top: 8px;
    font-size: 11px;
    text-align: center;
  }
}

.gh_room .info .info_contentbox .infotxt::before {
  content: "";
  position: absolute;
  background: #73a59e;
  top: 9px;
  left: -12px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

@media screen and (max-width: 360px) {
  .gh_room .info .info_contentbox .infotxt::before {
    width: 5px;
    height: 5px;
    top: 6px;
    left: -10px;
  }
}

.gh_room .info .info_contentbox .infotxt + .infotxt {
  margin-left: 16px;
}

@media screen and (max-width: 360px) {
  .gh_room .info .info_contentbox .infotxt + .infotxt {
    margin-left: 10px;
  }
}

.gh_room .info ._info2::before {
  background-image: url(../img/info_an2.png);
}

.gh_room .please {
  position: relative;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .gh_room .please {
    width: 100%;
    padding: 0 20px 0 30px;
  }
}

.gh_room .please .p_title {
  text-align: center;
  color: #73a59e;
  font-weight: bold;
  font-size: 18px;
}

.gh_room .please .an {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .gh_room .please .an {
    margin-top: 20px;
  }
}

.gh_room .please .wraper {
  width: 400px;
  margin-top: 36px;
}

@media screen and (max-width: 360px) {
  .gh_room .please .wraper {
    width: 100%;
    margin-top: 20px;
  }
}

.gh_room .please .wraper .infotxt {
  margin-top: 12px;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .gh_room .please .wraper .infotxt {
    margin-top: 8px;
    font-size: 12px;
    text-align: left;
  }
}

.gh_room .please .wraper .infotxt::before {
  content: "";
  position: absolute;
  background: #73a59e;
  top: 9px;
  left: -12px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

@media screen and (max-width: 360px) {
  .gh_room .please .wraper .infotxt::before {
    top: 6px;
    left: -10px;
    width: 5px;
    height: 5px;
  }
}

.gh_room .please .wraper .infotxt + .infotxt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .gh_room .please .wraper .infotxt + .infotxt {
    margin-top: 10px;
  }
}

.gh_environment {
  margin: 0 auto;
  position: relative;
  background: #e2f5f3;
  padding: 120px 0 120px;
}

@media screen and (max-width: 360px) {
  .gh_environment {
    padding: 50px 0;
  }
}

.gh_environment .bl_list_wrap {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .gh_environment .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.gh_environment .bl_list_wrap .list_wrap {
  width: 588px;
  margin: 60px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}

@media screen and (max-width: 360px) {
  .gh_environment .bl_list_wrap .list_wrap {
    width: 100%;
    margin: 20px auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

.gh_environment .bl_list_wrap .list_wrap::before {
  content: "";
  background-image: url(../img/maru_s_w.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -150px;
  padding: 170px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .gh_environment .bl_list_wrap .list_wrap::before {
    padding: 100px;
    left: 60px;
  }
}

.gh_environment .bl_list_wrap .list_wrap .list_items .list_item {
  display: block;
}

.gh_environment .bl_list_wrap .list_wrap .list_items .list_item .title {
  position: relative;
  color: #73a59e;
  display: block;
}

.gh_environment .bl_list_wrap .list_wrap .list_items .list_item .title::before {
  content: "";
  position: absolute;
  background-image: url(../img/check.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  top: 3px;
  left: -30px;
  padding: 12px;
}

.gh_environment .bl_list_wrap .list_wrap .list_items .list_item + .list_item {
  margin-top: 20px;
}

.gh_environment .bl_list_wrap .list_wrap .list_items + .list_items {
  margin-left: 60px;
}

@media screen and (max-width: 360px) {
  .gh_environment .bl_list_wrap .list_wrap .list_items + .list_items {
    margin-left: 55px;
    margin-top: 20px;
  }
}

.gh_neighborhood {
  margin: 0 auto;
  position: relative;
  background: #e2f5f3;
  padding: 120px 0 120px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood {
    padding: 50px 0;
  }
}

.gh_neighborhood .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap {
  width: 85%;
  margin: 60px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap {
    width: 100%;
    margin: 30px auto 0;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap::before {
  content: "";
  background-image: url(../img/ret_daen2.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  right: -150px;
  padding: 170px;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap::before {
    padding: 70px;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  gap: 38px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items {
    gap: 10px;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 45%;
  margin-bottom: 60px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item {
    width: 45%;
    margin-bottom: 20px;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .medialist_img {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .medialist_img img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .medialist_img::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -15px;
  width: 200px;
  height: 32px;
  background: url(../img/gh_medialist1.png) no-repeat center center/contain;
  z-index: 3;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .medialist_img::before {
    width: 100px;
    display: none;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._1::before {
  background: url(../img/gh_medialist2.png) no-repeat center center/contain;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._1::before {
    display: none;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._2::before {
  background: url(../img/gh_medialist3.png) no-repeat center center/contain;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._2::before {
    display: none;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._3::before {
  background: url(../img/gh_medialist4.png) no-repeat center center/contain;
  width: 336px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._3::before {
    display: none;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._4::before {
  background: url(../img/gh_medialist5.png) no-repeat center center/contain;
  width: 336px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item ._4::before {
    display: none;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap {
  text-align: right;
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .medialist_title {
  display: none;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .medialist_title {
    display: block;
    font-size: 11px;
    text-align: left;
    margin-top: 8px;
    height: 30px;
    color: #73a59e;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .medialist_txt {
  margin-top: 40px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .medialist_txt {
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 5px;
    font-size: 10px;
    height: 100px;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .el_btn1 {
  margin-top: 20px;
  margin-right: 60px;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .el_btn1 {
    margin-right: 0px;
    margin-top: 0px;
    font-size: 10px;
    text-align: left;
  }
}

.gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item .post_txtWrap .el_btn1::before {
  background: #fff;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .medialist_wrap .medialist_items .medialist_item + .medialist_item {
    margin-left: 0;
    margin-top: 0px;
  }
}

.gh_neighborhood .bl_list_wrap .txt {
  display: block;
  margin: 60px auto 0;
  width: 65%;
}

@media screen and (max-width: 360px) {
  .gh_neighborhood .bl_list_wrap .txt {
    margin: 10px auto 0;
    width: 100%;
    font-size: 15px;
  }
}

.gh_reserve {
  position: relative;
  background: #faf9f7;
  padding: 120px 0 120px;
}

@media screen and (max-width: 360px) {
  .gh_reserve {
    padding: 60px 0 60px;
  }
}

.gh_reserve .el_btn1::before {
  background: #a8e6dd;
}

@media screen and (max-width: 360px) {
  .gh_reserve .el_btn1::before {
    right: 95px;
    bottom: 0px;
    top: 7px;
    width: 28px;
    height: 23px;
  }
}

@media screen and (max-width: 360px) {
  .gh_reserve .el_btn1 .btn_line1 {
    right: 110px;
  }
  .gh_reserve .el_btn1 .btn_line2 {
    right: 103px;
    top: 11px;
  }
}

.gh_voice {
  max-width: 1870px;
  margin: 0 auto;
  position: relative;
  padding: 110px 0 110px;
}

@media screen and (max-width: 360px) {
  .gh_voice {
    padding: 50px 0;
  }
}

.gh_voice .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 85%;
  margin: 60px auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex .txtItem {
  position: relative;
  text-align: center;
  padding: 36px 24px;
  width: 374px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #e2f5f3;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex .txtItem {
    width: 100%;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex .txtItem .p_title {
  text-align: center;
  color: #73a59e;
  font-weight: bold;
  line-height: 1.4;
}

.gh_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt {
  margin-top: 20px;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-align: left;
  line-height: 2;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt {
    margin-top: 14px;
    font-size: 12px;
    text-align: center;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt + .infotxt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex .txtItem .infotxt + .infotxt {
    margin-top: 10px;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex .txtItem + .txtItem {
  margin-left: 14px;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex .txtItem + .txtItem {
    margin-left: 0px;
  }
}

.gh_voice .bl_list_wrap .bl_txt_flex ._3 {
  margin-top: 70px;
}

@media screen and (max-width: 360px) {
  .gh_voice .bl_list_wrap .bl_txt_flex ._3 {
    margin-top: 10px;
  }
}

.gh_gallery {
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_gallery {
    width: 100%;
    height: auto;
    padding: 30px 0 0;
  }
}

.gh_gallery .slider2 {
  position: relative;
  z-index: 1;
}

.gh_gallery .slick-dotted .slick-dots {
  position: absolute;
  bottom: -45px;
  right: 10%;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: right;
}

@media screen and (max-width: 360px) {
  .gh_gallery .slick-dotted .slick-dots {
    bottom: -40px;
  }
}

.gh_gallery .slick-dotted .slick-dots .slick-active button::before {
  font-family: "slick";
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #73a59e !important;
  border-radius: 50% !important;
  height: 14px;
  width: 20px;
  content: "" !important;
  text-align: center;
  opacity: 0.25;
  filter: alpha(opacity=25);
  color: black;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 360px) {
  .gh_gallery .slick-dotted .slick-dots .slick-active button::before {
    height: 10px;
    width: 15px;
  }
}

.gh_gallery .slick-dotted .slick-dots li button::before {
  font-family: "slick";
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #a8e6dd !important;
  border-radius: 50% !important;
  height: 12px;
  width: 17px;
  content: "" !important;
  text-align: center;
  opacity: 0.9 !important;
  filter: alpha(opacity=25);
  color: black;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 360px) {
  .gh_gallery .slick-dotted .slick-dots li button::before {
    height: 8px;
    width: 12px;
  }
}

.gh_map {
  margin: 0 auto;
  position: relative;
  background: #faf9f7;
  padding: 110px 0 160px;
}

@media screen and (max-width: 360px) {
  .gh_map {
    margin: 80px 0 0;
    padding: 50px 0;
  }
}

.gh_map .bl_list_wrap {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.gh_map .bl_list_wrap .bl_media_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85%;
  margin: 60px auto 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap .bl_media_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px auto 0;
    width: 100%;
  }
}

.gh_map .bl_list_wrap .bl_media_flex iframe {
  width: 50%;
  height: 540px;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap .bl_media_flex iframe {
    width: 100%;
    height: 300px;
  }
}

.gh_map .bl_list_wrap .bl_media_flex .map_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 160px 62px;
  width: 50%;
  background: #fff;
  margin-top: 100px;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap .bl_media_flex .map_txt {
    padding: 20px;
    width: 100%;
    height: 220px;
    margin-top: 20px;
  }
}

.gh_map .bl_list_wrap .bl_media_flex .map_txt .txt {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap .bl_media_flex .map_txt .txt {
    font-size: 13px;
  }
}

.gh_map .bl_list_wrap .bl_media_flex .txt + .txt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_list_wrap .bl_media_flex .txt + .txt {
    margin-top: 14px;
  }
}

.gh_map .bl_media_centerArea_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 140px auto 0;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content {
    width: 100%;
    padding: 0 20px;
    margin: 90px auto 0;
  }
}

.gh_map .bl_media_centerArea_content::before {
  content: "";
  position: absolute;
  top: -175px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/gh_accessTitle1.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 160px;
}

.gh_map .bl_media_centerArea_content::before .map_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 160px 92px;
  width: 50%;
  background: #fff;
  height: 540px;
  margin-top: 100px;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content::before .map_txt {
    padding: 0px;
    width: 100%;
    height: 300px;
    margin-top: 20px;
  }
}

.gh_map .bl_media_centerArea_content::before .map_txt .txt {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content::before .map_txt .txt {
    font-size: 14px;
  }
}

.gh_map .bl_media_centerArea_content::before .txt + .txt {
  margin-top: 20px;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content::before .txt + .txt {
    margin-top: 14px;
  }
}

.gh_map .bl_media_centerArea_content .img_flex {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
  margin: 60px auto 0;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content .img_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 20px auto 0;
    width: 100%;
  }
}

.gh_map .bl_media_centerArea_content .img_flex .accessimg {
  width: 33%;
}

@media screen and (max-width: 360px) {
  .gh_map .bl_media_centerArea_content .img_flex .accessimg {
    width: 100%;
    margin-top: 10px;
  }
}

.gh_map ._2::before {
  background-image: url(../img/gh_accessTitle2.png);
}

.gh_map ._2 .img_flex .accessimg2 {
  width: 40%;
}

@media screen and (max-width: 360px) {
  .gh_map ._2 .img_flex .accessimg2 {
    width: 100%;
    margin-top: 10px;
  }
}

.ky_header_pro {
  background: #ffffff;
  padding-top: 247px;
  position: relative;
  z-index: 0;
  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;
}

@media screen and (max-width: 360px) {
  .ky_header_pro {
    height: 75vh;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
  }
}

.ky_header_pro::before {
  content: "";
  background-image: url(../img/maru_s_grey.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 120px;
  z-index: -1;
}

@media screen and (max-width: 360px) {
  .ky_header_pro::before {
    top: 55%;
  }
}

.ky_header_pro ._title {
  font-size: 36px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 360px) {
  .ky_header_pro ._title {
    font-size: 18px;
  }
}

.ky_header_pro ._title::before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 90%;
  height: 50%;
  background: url(../img/Round_line.png) no-repeat center center/contain;
  z-index: 3;
}

@media screen and (max-width: 360px) {
  .ky_header_pro ._title::before {
    bottom: -16px;
  }
}

.article_main {
  margin: 200px auto 0;
  width: 100%;
  background: #faf9f7;
  padding: 120px 0;
}

@media screen and (max-width: 360px) {
  .article_main {
    margin: 0px auto 0;
    padding: 20px 0;
  }
}

@media screen and (max-width: 360px) {
  .article_main {
    width: 100%;
  }
}

.article_main .article_title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .article_main .article_title {
    font-size: 20px;
  }
}

.article_main .article-info {
  display: block;
  width: 80%;
  margin: 30px auto;
}

.article_main .article_head_image {
  width: 100% !important;
}

.article_main .article-content_title {
  font-size: 32px;
  font-weight: 600;
  line-height: 2;
  line-height: 2;
  letter-spacing: 1px;
  width: 600px;
  margin: 3em auto -1.5em;
}

@media screen and (max-width: 360px) {
  .article_main .article-content_title {
    font-size: 24px;
  }
}

.article_main img {
  width: 50%;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  .article_main img {
    width: 100%;
  }
}

.article_main h3 {
  letter-spacing: 2px;
  text-align: left;
  width: 600px;
  margin: 3em auto 0em;
  color: #ddba48;
  font-size: 18px;
}

@media screen and (max-width: 360px) {
  .article_main h3 {
    margin: 1em auto 0em;
  }
}

@media screen and (max-width: 360px) {
  .article_main h3 {
    width: 90%;
  }
}

.article_main p {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 2px;
  text-align: left;
  width: 600px;
  margin: 8px auto 1.8em;
}

@media screen and (max-width: 360px) {
  .article_main p {
    width: 90%;
  }
}

.announcement_post_link {
  width: 50%;
  margin: 100px auto 30px;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .announcement_post_link {
    width: 100%;
  }
}

.announcement_post_link a + a {
  margin-left: 30px;
}

.announcement_arcpost_link {
  text-align: center;
}

.wp-block-embed {
  text-align: center;
}

.transaction {
  background: rgba(225, 225, 225, 0.5);
}

#news .arc_title {
  margin: 0px auto 0;
  position: relative;
  background: #faf6ea;
  z-index: 1;
}

@media screen and (max-width: 360px) {
  #news .arc_title {
    margin: 0px auto 0;
  }
}

#news .arc_title::after {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(20%, transparent), color-stop(22%, #fff)), url(../img/wakayamashirahama_wave_t01.svg);
  background: linear-gradient(to top, transparent 0%, transparent 20%, #fff 22%), url(../img/wakayamashirahama_wave_t01.svg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -150px;
  left: 0px;
  padding: 2000px;
  width: 2500px;
  z-index: -1;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 360px) {
  #news .arc_title::after {
    padding: 1650px;
  }
}

#news .arc_title .bl_media_centerArea_content {
  width: 67%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 100px 0;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 360px) {
  #news .arc_title .bl_media_centerArea_content {
    width: 100%;
    padding: 40px 20px;
  }
}

#news .arc_title .bl_media_centerArea_content .titleName {
  font-size: 60px;
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  #news .arc_title .bl_media_centerArea_content .titleName {
    font-size: 40px;
  }
}

#news .column2 {
  z-index: 2;
  padding-top: 0;
  margin: 0px auto 0;
  max-width: none;
  position: relative;
  background: #faf6ea;
}

@media screen and (max-width: 360px) {
  #news .column2 {
    margin: 0px auto 0;
  }
}

#news .column2::before {
  content: "";
  background: url(../img/parasol.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 152px;
  position: absolute;
  bottom: -100px;
  left: 50px;
  z-index: 101;
}

@media screen and (max-width: 360px) {
  #news .column2::before {
    display: none;
  }
}

#news .column2 .bl_column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#news .column2 .bl_column2 .bl_col_l {
  width: 340px;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_l {
    width: 100%;
    padding-bottom: 100px;
    margin-top: 20px;
  }
}

#news .column2 .bl_column2 .bl_col_l .bl_titlewrap {
  width: 100%;
  padding: 25px 0;
  border-top: #e7c240 2px solid;
  border-bottom: #e7c240 2px solid;
  margin-bottom: 20px;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_l .bl_titlewrap {
    width: 90%;
    margin: 0 auto 20px;
  }
}

#news .column2 .bl_column2 .bl_col_l .bl_titlewrap .section_title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

#news .column2 .bl_column2 .bl_col_l .bl_titlewrap .section_subTitle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #e7c240;
  margin-top: 10px;
}

#news .column2 .bl_column2 .bl_col_l .center {
  text-align: center;
}

#news .column2 .bl_column2 .bl_col_l .center .el_btn_topics {
  font-weight: bold;
  width: 338px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding: 16px 66px;
  font-size: 18px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 1px solid #1a1a1a;
  color: #ddba48;
  border-color: #fff;
  background: #fff;
  margin-top: 20px;
  border-radius: 40px;
  -webkit-filter: drop-shadow(0px 3px 1px #d4d4d4);
          filter: drop-shadow(0px 3px 1px #d4d4d4);
  font-weight: bold;
}

#news .column2 .bl_column2 .bl_col_l .center .el_btn_topics:hover {
  color: #fff;
  border-color: #ddba48;
  background: #ddba48;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_l .center .el_btn_topics {
    margin: 20px auto;
    width: 90%;
  }
}

#news .column2 .bl_column2 .bl_col_l .center .tag_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  font-weight: bold;
  color: #ddba48;
}

#news .column2 .bl_column2 .bl_col_l .center .tag_wrap ._tag {
  position: relative;
  text-align: left;
  width: 120px;
  margin: 20px auto 0;
}

#news .column2 .bl_column2 .bl_col_l .center .tag_wrap ._tag::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 7px;
  left: -20px;
  border-radius: 100%;
  -webkit-filter: drop-shadow(0px 3px 1px #d4d4d4);
          filter: drop-shadow(0px 3px 1px #d4d4d4);
}

#news .column2 .bl_column2 .bl_col_r {
  width: calc(100% - 340px);
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r {
    width: 100%;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 {
  width: 100%;
  margin-left: 5%;
  background: #fff;
  border-radius: 40px 0 0 40px;
  padding: 25px 0 25px 128px;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 {
    margin: 0 auto;
    width: 90%;
    border-radius: 40px;
    padding: 16px 16px;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 .section_subTitle2 {
  font-size: 45px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 .section_subTitle2 {
    font-size: 35px;
  }
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_titlewrap2 .section_subTitle2 {
    text-align: center;
  }
}

#news .column2 .bl_column2 .bl_col_r .el_btn1 {
  display: none;
  margin-top: 50px;
  width: auto;
  height: 54px;
  border-radius: 27px;
  text-align: center;
  line-height: 1;
  padding: 16px 26px;
  font-size: 18px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: #ddba48 1px solid;
  background: #ddba48;
  color: #fff;
  font-weight: bold;
  background-image: url(../img/texture_y.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .el_btn1 {
    width: 90%;
    margin: 20px auto;
    display: block;
  }
}

#news .column2 .bl_column2 .bl_col_r .btn_icon {
  margin-right: 10px;
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts {
  margin: 60px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1870px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 90%;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px;
    width: 100%;
    margin: 40px auto 0;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item {
  width: calc(50% - 20px);
  margin: 0 5px 60px;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
  text-align: center;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item {
    width: 90%;
    margin: 0 0px 40px;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_img {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_img img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .list_categorys {
  font-weight: bold;
  position: absolute;
  top: -20px;
  left: 0;
  padding: 5px 20px;
  z-index: 1;
  background: #faf6ea;
  color: #ddba48;
  border-radius: 14px;
  font-size: 12px;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .list_categorys {
    top: -10px;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_list_item_link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
  text-align: left;
  height: 58px;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title {
    margin-top: 10px;
    padding: 0 0px;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title2 {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #ddba48;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_title2 {
    padding: 0 0px;
  }
}

#news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_txt {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
  text-align: left;
}

@media screen and (max-width: 360px) {
  #news .column2 .bl_column2 .bl_col_r .bl_mediaPosts .bl_mediaPosts_item .bl_mediaPosts_item_txt {
    padding: 0 0px;
  }
}

#news .column2 .wp-pagenavi {
  margin: -50px auto;
  padding-bottom: 100px;
}

@media screen and (max-width: 360px) {
  #news .column2 .wp-pagenavi {
    margin: -50px auto 80px;
  }
}

#news .column2 .wp-pagenavi .last {
  position: relative;
  visibility: hidden;
  margin-left: 20px;
}

#news .column2 .wp-pagenavi .last::before {
  content: "";
  background-image: url(../img/triangle_y.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 15px;
  z-index: 1;
  visibility: visible;
}

#news .column2 .wp-pagenavi a {
  /* フォント色 */
  color: #ddba48;
}

#news .column2 .pages {
  /* 左の表記 */
  margin-right: 20px;
  display: none;
}

#news .column2 .wp-pagenavi .current,
#news .column2 .wp-pagenavi a.page {
  /* ボタン */
  margin: 0 6px 6px 0;
  display: inline-block;
  border: solid 1px #fff;
  background: #fff;
  width: 50px;
  height: 46px;
  border-radius: 100%;
  line-height: 40px;
  text-align: center;
}

#news .column2 .wp-pagenavi .current {
  /* カレント数字 */
  border: none;
  background: #ddba48;
  color: #fff;
}

#news .column2 .wp-pagenavi a.page:hover {
  /* マウスオーバー */
  background: #ddba48;
  color: #fff;
}

.user-content {
  letter-spacing: 2px;
}

.user-content .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 360px) {
  .user-content .col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.user-content .col2 .c1,
.user-content .col2 .c2 {
  width: calc(100% / 2 - 20px);
}

@media screen and (max-width: 360px) {
  .user-content .col2 .c1,
  .user-content .col2 .c2 {
    width: 100%;
  }
}

.user-content > *:not(.large):not(.link):not(.alignfull):not(.alignwide) {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 360px) {
  .user-content > *:not(.large):not(.link):not(.alignfull):not(.alignwide) {
    padding: 0 20px;
  }
}

.user-content .has-red-color {
  color: red;
}

.user-content .has-red-background {
  background-color: red;
  color: white;
}

.user-content .has-small-font-size {
  font-size: 12px;
}

.user-content .has-large-font-size {
  font-size: 20px;
}

.user-content .link.button {
  margin-top: 30px;
}

.user-content .wp-block-embed__wrapper,
.user-content .embed-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.user-content .wp-block-embed__wrapper iframe,
.user-content .embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.user-content .wp-block-button__link {
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding: 17px 20px;
  font-size: 18px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 1px solid #1a1a1a;
  color: #04212e;
  border-color: #04212e;
  margin: 5px 10px 0;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 3;
  background-color: #ddba48;
}

.user-content .wp-block-button__link:hover {
  color: #faf6ea;
  background: #000;
  border-color: #000;
}

@media screen and (max-width: 360px) {
  .user-content .wp-block-button__link {
    margin: 15px 0 0;
  }
}

.user-content figure,
.user-content .embed-wrapper {
  margin-top: 60px;
  margin-bottom: 20px;
}

.user-content figure figcaption {
  margin-top: 0.8em;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: DarkGray;
}

.user-content p {
  margin: 3.5em 0 0;
  line-height: 2;
}

.user-content img {
  display: block;
}

.user-content strong,
.user-content .bold {
  font-weight: 500;
}

.user-content em,
.user-content .italic {
  font-style: italic;
}

.user-content a:not(.button) {
  display: inline-block;
  padding: 0 0.2em -0.2em;
  border-bottom: 1px solid Black;
  word-break: break-all;
}

.user-content iframe {
  max-width: 100%;
}

.user-content figure a:not(.button) {
  border: none;
  padding: 0;
  position: relative;
}

.user-content figure a:not(.button):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: Black;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.user-content figure a:not(.button):hover:before {
  opacity: 0.2;
}

.user-content h3 {
  font-size: 22px;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.user-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.user-content h5 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.user-content .wp-block-separator {
  border: none;
  margin-top: 80px;
}

@media screen and (max-width: 360px) {
  .user-content .wp-block-separator {
    margin-top: 30px;
  }
}

.user-content ul li:before {
  content: "・";
  padding-right: 5px;
}

.user-content .large,
.user-content .alignfull,
.user-content .alignwide {
  margin: 50px 0 35px;
}

.column2 {
  padding-top: 280px;
  margin: 0px auto 0;
  max-width: 1870px;
  position: relative;
  background: #faf6ea;
}

@media screen and (max-width: 360px) {
  .column2 {
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 360px) {
  .column2 {
    padding-top: 40px;
  }
}

.column2::before {
  content: "";
  background: url(../img/hana.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 152px;
  position: absolute;
  bottom: -100px;
  left: 50px;
  z-index: 101;
}

@media screen and (max-width: 360px) {
  .column2::before {
    display: none;
  }
}

.column2 .bl_column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.column2 .bl_column2 .bl_col_l {
  width: 340px;
  padding-bottom: 300px;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_l {
    width: 100%;
    padding-bottom: 0px;
  }
}

.column2 .bl_column2 .bl_col_l .bl_titlewrap {
  width: 100%;
  padding: 25px 0;
  border-top: #e7c240 2px solid;
  border-bottom: #e7c240 2px solid;
  margin-bottom: 20px;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_l .bl_titlewrap {
    width: 95%;
    margin: 0 auto 20px;
  }
}

.column2 .bl_column2 .bl_col_l .bl_titlewrap .section_title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.column2 .bl_column2 .bl_col_l .bl_titlewrap .section_subTitle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #e7c240;
  margin-top: 10px;
}

.column2 .bl_column2 .bl_col_l .center {
  text-align: center;
}

.column2 .bl_column2 .bl_col_l .center .el_btn_topics {
  font-weight: bold;
  width: 338px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding: 16px 66px;
  font-size: 18px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 1px solid #1a1a1a;
  color: #ddba48;
  border-color: #fff;
  background: #fff;
  margin-top: 20px;
  border-radius: 40px;
  -webkit-filter: drop-shadow(0px 3px 1px #d4d4d4);
          filter: drop-shadow(0px 3px 1px #d4d4d4);
  font-weight: bold;
}

.column2 .bl_column2 .bl_col_l .center .el_btn_topics:hover {
  color: #fff;
  border-color: #ddba48;
  background: #ddba48;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_l .center .el_btn_topics {
    margin: 20px auto;
  }
}

.column2 .bl_column2 .bl_col_l .center .tag_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  font-weight: bold;
  color: #ddba48;
}

.column2 .bl_column2 .bl_col_l .center .tag_wrap ._tag {
  position: relative;
  text-align: left;
  width: 120px;
  margin: 20px auto 0;
}

.column2 .bl_column2 .bl_col_l .center .tag_wrap ._tag::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 7px;
  left: -20px;
  border-radius: 100%;
  -webkit-filter: drop-shadow(0px 3px 1px #d4d4d4);
          filter: drop-shadow(0px 3px 1px #d4d4d4);
}

.column2 .bl_column2 .bl_col_r {
  width: calc(100% - 340px);
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_r {
    width: 100%;
  }
}

.column2 .bl_column2 .bl_col_r .single_head .art_wrap {
  width: 93%;
  margin: 0 0 0 auto;
}

.column2 .bl_column2 .bl_col_r .single_head .art_wrap .art_img {
  height: 500px;
  border-radius: 40px 0 0 40px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.column2 .bl_column2 .bl_col_r .single_head .art_wrap .__tag {
  font-weight: bold;
  padding: 5px 20px;
  z-index: 1;
  color: #ddba48;
  border-radius: 14px;
  font-size: 12px;
  margin-top: 33px;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_r .single_head .art_wrap .__tag {
    top: -10px;
  }
}

.column2 .bl_column2 .bl_col_r .single_head .art_wrap .title {
  font-weight: bold;
  font-size: 36px;
  margin-top: 20px;
}

.column2 .bl_column2 .bl_col_r .single_head .art_wrap .daytime {
  font-weight: bold;
  font-size: 12px;
  margin-top: 14px;
  color: #ddba48;
}

.column2 .bl_column2 .bl_col_r .article_main {
  max-width: 1150px;
  margin: 60px 0 0 auto;
  width: 93%;
  padding: 20px 10px 90px;
  background: #fff;
  border-radius: 50px 0 0px 50px;
  position: relative;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_r .article_main {
    width: 100%;
    margin: 30px auto 60px;
    padding: 5px 0 90px;
  }
}

.column2 .bl_column2 .bl_col_r .article_main .article-info {
  display: block;
  width: 80%;
  margin: 30px auto;
}

.column2 .bl_column2 .bl_col_r .article_main .article_head_image {
  width: 100% !important;
}

.column2 .bl_column2 .bl_col_r .article_main .article-content_title {
  font-size: 32px;
  font-weight: 600;
  line-height: 2;
  line-height: 2;
  letter-spacing: 1px;
  width: 600px;
  margin: 3em auto -1.5em;
}

@media screen and (max-width: 360px) {
  .column2 .bl_column2 .bl_col_r .article_main .article-content_title {
    font-size: 24px;
  }
}

.column2 .center {
  text-align: center;
  padding-bottom: 100px;
}

@media screen and (max-width: 360px) {
  .column2 .center {
    padding-bottom: 50px;
  }
}

.column2 .el_btn1 {
  margin-top: 60px;
  width: auto;
  height: 54px;
  border-radius: 27px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  padding: 16px 66px;
  font-size: 18px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: #ddba48 1px solid;
  background: #ddba48;
  color: #fff;
  font-weight: bold;
  background-image: url(../img/texture_y.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
}

@media screen and (max-width: 360px) {
  .column2 .el_btn1 {
    margin-top: 10px;
    font-size: 16px;
    width: 100%;
  }
}

.column2 .btn_icon {
  margin-right: 10px;
}

.announcement_post_link {
  width: 50%;
  margin: 100px auto 30px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 360px) {
  .announcement_post_link {
    width: 100%;
  }
}

.announcement_post_link a + a {
  margin-left: 30px;
}

.wp-block-embed {
  text-align: center;
}

/* IE================================================= */
/*# sourceMappingURL=styles.css.map */