@charset "UTF-8";

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

/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
  outline: none;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

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

/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */
/* !HTML5 elements
---------------------------------------------------------- */
header,
footer,
nav,
section,
aside,
article {
  display: block;
}

/* !Reseting
---------------------------------------------------------- */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  color: #353a3c;
  background: #fff;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
input,
a,
textarea,
select,
span,
nav,
section,
header {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
  max-width: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

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

a,
input {
  /* outline: none; */
}

abbr,
acronym {
  border: 0;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1%;
}

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

* html .clearfix {
  height: 1%;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
}

@media print {

  html,
  html body {
    *zoom: 0.65;
  }
}

/* link
------------------------------------------------ */
a {
  color: #353a3c;
  text-decoration: none;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

a:hover {
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.op,
.op a,
.op img,
.op input {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=50)";
  /* IE 8 */
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

/* !fs
------------------------------------------------ */
.visible-pc {
  display: block !important;
}

.visible-ts {
  display: none !important;
}

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

  .visible-ts {
    display: block !important;
  }
}

/* !fonts
------------------------------------------------ */
.fwb {
  font-weight: 700;
}

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.tal {
  text-align: left !important;
}

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

.tar {
  text-align: right !important;
}

/* !fc
------------------------------------------------ */
.ff_raleway {
  font-family: "Raleway", sans-serif;
}

.ff_zenkaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.fc_red {
  color: #c6453a;
}

.fc_orange {
  color: #eb6d11;
}

/* wrapper
----------------------------------------------- */
#wrapper {
  overflow: hidden;
  padding: 130px 0 0;
}

.inner {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

@media (max-width: 1024px) {
  #wrapper {
    padding: 86px 0 75px;
  }
}

/* header
----------------------------------------------- */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  color: #676464;
  z-index: 99;
}

#header a {
  color: #676464;
}

#header .header_in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 10px;
  position: relative;
}

#header .header_logo {
  margin-right: 10px;
}

#header .header_logo a {
  display: flex;
  align-items: center;
}

#header .header_logo .logo01 {
  max-width: 130px;
  margin-right: 5px;
}

#header .header_logo .logo02 {
  max-width: 75px;
}

#header .header_mess {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}

#header .header_up {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

#header .header_link {
  display: flex;
  align-items: center;
}

#header .header_link li {
  margin-right: 20px;
  font-size: 14px;
  font-weight: 500;
}

#header .header_key {
  margin-right: 20px;
}

#header .header_key a {
  font-size: 12px;
  font-weight: 500;
  padding-left: 30px;
  display: block;
  position: relative;
}

#header .header_key a:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/common/key_header.svg) center center #f0eae4 no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

#header .header_tel a {
  background: #676464;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

#header .header_tel .tel_num {
  background: url(../img/common/tel_header.svg) 0 center no-repeat;
  padding: 0 0 0 22px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-right: 3px;
}

#header .header_tel .tel_txt {
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
}

#header .gnavi {
  display: flex;
  align-items: stretch;
  padding: 0 15px 0 0;
}

#header .gnavi>li+li {
  margin-left: 32px;
}

#header .gnavi>li>a,
#header .gnavi>li>span {
  display: block;
  font-size: 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding: 0 0 26px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

#header .gnavi>li>span:hover {
  cursor: pointer;
}

#header .gnavi>li>a:before,
#header .gnavi>li>span:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #ded4c9;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}

#header .gnavi>li:hover>a:before,
#header .gnavi>li:hover>span:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

#header .gnavi .parents:after {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_gnavi.svg) center center no-repeat;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 8px;
  z-index: 0;
}

#header .gnavi .pulldownmenu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: none;
  background: #f8f8f8;
  padding: 40px 20px;
  z-index: 9;
}

#header .gnavi .pull_box {
  max-width: 1170px;
  margin: 0 auto;
}

#header .gnavi .pull_hd {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 40px;
}

#header .gnavi .pull_link {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: -40px;
}

#header .gnavi .pull_link .link_inner {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 40px 0;
}

#header .gnavi .pull_link .link_inner:nth-child(3n) {
  margin-right: 0;
}

#header .gnavi .pull_link .link_tit {
  border-bottom: 1px #676464 dashed;
  padding: 0 0 10px;
}

#header .gnavi .pull_link .link_tit a {
  display: block;
  padding: 0 30px 0 0;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

#header .gnavi .pull_link .link_tit .tit_mid {
  font-size: 16px;
}

#header .gnavi .pull_link .link_tit .tit_sml {
  display: block;
  font-size: 14px;
}

#header .gnavi .pull_link .link_tit a:hover {
  opacity: 0.5;
}

#header .gnavi .pull_link .link_tit a:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_wh.svg) center center no-repeat #676464;
  width: 24px;
  height: 24px;
  right: 0;
  bottom: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

#header .gnavi .pull_link .link_list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 -20px;
}

#header .gnavi .pull_link .link_list li {
  margin: 0 20px 10px 0;
}

#header .gnavi .pull_link .link_list li a {
  display: block;
  padding: 0 25px 0 0;
  font-size: 16px;
  line-height: 1.3;
  background: url(../img/common/arrow_bk.svg) right center no-repeat;
}

#header .gnavi .pull_link .link_list li a:hover {
  opacity: 0.5;
}

.navbar-toggle {
  display: none;
}

.navbar-collapse {
  display: none;
}

@media (max-width: 1024px) {
  #header .header_in {
    height: 56px;
    padding: 5px 10px;
  }

  #header .header_logo .logo01 {
    max-width: 118px;
  }

  #header .header_logo .logo02 {
    max-width: 50px;
  }

  #header .header_mess {
    align-items: center;
    flex-direction: row;
  }

  #header .header_up {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }

  #header .header_link {
    display: none;
  }

  #header .header_key {
    margin-right: 10px;
  }

  #header .header_key a {
    font-size: 10px;
    padding-left: 33px;
  }

  #header .header_key a:before {
    width: 30px;
    height: 30px;
    background: url(../img/common/key_header.svg) center center #f0eae4 no-repeat;
    background-size: 16px 16px;
  }

  #header .header_tel {
    display: none;
  }

  #header .gnavi {
    display: none;
  }

  .navbar-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    position: relative;
    z-index: 99;
  }

  .navbar-toggle .toggle-in {
    display: block;
    width: 30px;
    height: 18px;
    position: relative;
  }

  .navbar-toggle .toggle-in span {
    position: absolute;
    left: 0;
    transition: all 0.4s;
    background-color: #676464;
    width: 30px;
    height: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }

  .navbar-toggle .toggle-in span:nth-of-type(1) {
    top: 0;
  }

  .navbar-toggle .toggle-in span:nth-of-type(2) {
    top: 9px;
  }

  .navbar-toggle .toggle-in span:nth-of-type(3) {
    top: 18px;
  }

  .navbar-toggle.on .toggle-in span:nth-of-type(1) {
    top: 0;
    transform: translateY(9px) rotate(-30deg);
  }

  .navbar-toggle.on .toggle-in span:nth-of-type(2) {
    opacity: 0;
  }

  .navbar-toggle.on .toggle-in span:nth-of-type(3) {
    top: 18px;
    transform: translateY(-9px) rotate(30deg);
  }

  .navbar-toggle .toggle-txt {
    font-size: 10px;
    color: #676464;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 5px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    height: calc(100vh - 56px);
    width: 100%;
    background: #fff;
    z-index: 90;
  }

  .navbar_in {
    height: 100%;
    padding: 20px 20px 40px;
  }

  .navbar_in .navbar_box {
    height: 100%;
    overflow-y: scroll;
  }

  .navbar_in .navbar_box {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }

  .navbar_in .navbar_box::-webkit-scrollbar {
    display: none;
  }

  .navbar_in .navbar_box {
    scrollbar-width: none;
  }

  .navbar_in .navbar_list>li>a,
  .navbar_in .navbar_list>li>span {
    display: block;
    padding: 20px 40px 20px 0;
    font-size: 14px;
    color: #676464;
    font-weight: 700;
    border-bottom: 1px #676464 dashed;
    position: relative;
  }

  .navbar_in .navbar_list>li>a:before,
  .navbar_in .navbar_list>li>span:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/common/arrow_wh.svg) center center no-repeat #676464;
    background-size: 4px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 0;
  }

  .navbar_in .navbar_list>li>a.comtoggle:before,
  .navbar_in .navbar_list>li>span.comtoggle:before {
    position: absolute;
    content: "";
    background: #676464;
    width: 14px;
    height: 2px;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 0;
  }

  .navbar_in .navbar_list>li>a.comtoggle:after,
  .navbar_in .navbar_list>li>span.comtoggle:after {
    position: absolute;
    content: "";
    background: #676464;
    width: 2px;
    height: 15px;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
    z-index: 0;
  }

  .navbar_in .navbar_list>li>a.comtoggle.on:after,
  .navbar_in .navbar_list>li>span.comtoggle.on:after {
    opacity: 0;
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
  }

  .navbar_in .navbar_sub {
    display: none;
    background: #f8f8f8;
  }

  .navbar_in .navbar_sub>li>a {
    display: block;
    padding: 20px 40px 20px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #676464;
    border-bottom: 1px #eaeaea solid;
    position: relative;
  }

  .navbar_in .navbar_sub>li>a .sub_sml {
    display: block;
    font-size: 12px;
  }

  .navbar_in .navbar_sub>li>a:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/common/arrow_wh.svg) center center no-repeat #676464;
    background-size: 4px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 0;
  }

  .navbar_in .navbar_sub .sub_list li a {
    display: block;
    background: #efefef;
    padding: 20px 40px 20px 30px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #676464;
  }

  .navbar_in .navbar_sub .sub_list li a:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/common/arrow_bk.svg) center center no-repeat;
    background-size: 4px auto;
    z-index: 0;
  }

  .navbar_in .navbar_sub .sub_list li:nth-child(2n) a {
    background: #e3e3e3;
  }
}

html.html-lock {
  overflow: hidden;
  touch-action: none;
}

/* footer
----------------------------------------------- */
#footer .footer_sub {
  padding: 15px 0;
  background: #dedede;
}

#footer .footer_sub .sub_inner {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#footer .footer_sub .sub_link {
  display: flex;
  align-items: center;
}

#footer .footer_sub .sub_link li {
  margin-right: 85px;
  font-size: 12px;
}

#footer .footer_sub .sub_link li a {
  display: block;
}

#footer .copyright {
  font-size: 12px;
}

#footer .footer_cont {
  background: #fff;
}

#footer .footer_mess {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}

#footer .footer_logo {
  max-width: 372px;
  margin-right: 60px;
  flex-shrink: 0;
}

#footer .footer_mess .mess_cont {
  font-size: 14px;
  line-height: 1.5;
}

#footer .footer_other {
  padding: 25px 0;
  display: flex;
  align-items: stretch;
}

#footer .footer_other li {
  width: 33.333333%;
  padding: 15px 20px 0;
}

#footer .footer_other li+li {
  border-left: 1px #676464 dashed;
}

#footer .footer_other .other_link {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #676464;
  margin-bottom: 20px;
}

#footer .footer_other .other_txt {
  font-size: 14px;
  text-align: center;
}

#footer .footer_navi {
  background: #f8f8f8;
}

#footer .footer_navi .navi_inner {
  padding: 60px 0;
  border-bottom: 1px #676464 dashed;
  font-size: 14px;
  color: #676464;
}

#footer .footer_navi .navi_inner a {
  color: #676464;
}

#footer .footer_navi .navi_inner a:hover {
  opacity: 0.5;
}

#footer .footer_navi .navi_tit {
  font-weight: 700;
}

#footer .footer_navi .navi_home {
  margin-bottom: 15px;
}

#footer .footer_navi .navi_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#footer .footer_navi .navi_box .navi_cont {
  width: calc((100% - 60px) / 5);
}

#footer .footer_navi .navi_box .navi_sub+.navi_sub {
  margin-top: 20px;
}

#footer .footer_navi .navi_box .navi_list {
  padding: 15px 0 0 10px;
}

#footer .footer_navi .navi_box .navi_list>li+li {
  margin-top: 10px;
}

#footer .footer_navi .navi_box .navi_tag_no {
  display: block;
}

#footer .footer_navi .navi_box .navi_tag_on {
  display: none;
}

#footer .footer_navi .navi_box .navi_item {
  padding: 8px 0 0 8px;
  display: none;
}

#footer .footer_navi .navi_box .navi_item li+li {
  margin-top: 8px;
}

#footer .footer_navi .navi_box .navi_item a {
  display: block;
  padding: 0 0 0 20px;
  position: relative;
}

#footer .footer_navi .navi_box .navi_item a:before {
  position: absolute;
  content: "・";
  left: 0;
  top: 0;
  z-index: 0;
}

@media (max-width: 1024px) {
  #footer .footer_sub .sub_link li {
    margin-right: 40px;
  }

  #footer .footer_sub .sub_link li a {
    display: block;
  }
}

@media (max-width: 767px) {
  #footer .footer_sub {
    padding: 20px 0 10px;
  }

  #footer .footer_sub .sub_inner {
    flex-direction: column;
    align-items: center;
  }

  #footer .footer_sub .sub_link {
    justify-content: center;
    margin-bottom: 20px;
  }

  #footer .footer_sub .sub_link li {
    margin-right: 0;
    font-size: 12px;
    line-height: 1.2;
    padding: 0 10px;
  }

  #footer .footer_sub .sub_link li+li {
    border-left: 1px #353a3c solid;
  }

  #footer .copyright {
    font-size: 10px;
    text-align: center;
  }

  #footer .footer_mess {
    flex-direction: column;
    padding: 30px 0;
  }

  #footer .footer_logo {
    width: 270px;
    margin: 0 0 20px;
  }

  #footer .footer_mess .mess_cont {
    font-size: 12px;
    text-align: center;
  }

  #footer .footer_other {
    padding: 0 20px;
    display: block;
  }

  #footer .footer_other li {
    width: auto;
    padding: 20px 0;
  }

  #footer .footer_other li+li {
    border-left: none;
    border-top: 1px #676464 dashed;
  }

  #footer .footer_other .other_link {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
  }

  #footer .footer_other .other_txt {
    text-align: left;
  }

  #footer .footer_navi .navi_inner {
    padding: 155px 20px 50px 0;
  }

  #footer .footer_navi .navi_home {
    margin-bottom: 20px;
  }

  #footer .footer_navi .navi_box {
    display: block;
  }

  #footer .footer_navi .navi_box .navi_cont {
    width: auto;
  }

  #footer .footer_navi .navi_box .navi_cont+.navi_cont {
    margin-top: 20px;
  }

  #footer .footer_navi .navi_box .navi_list {
    padding: 10px 0 0 20px;
  }

  #footer .footer_navi .navi_box .navi_tag_no {
    display: none;
  }

  #footer .footer_navi .navi_box .navi_tag_on {
    display: block;
    position: relative;
  }

  #footer .footer_navi .navi_box .navi_tag_on:before {
    position: absolute;
    content: "";
    background: #676464;
    width: 14px;
    height: 2px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 0;
  }

  #footer .footer_navi .navi_box .navi_tag_on:after {
    position: absolute;
    content: "";
    background: #676464;
    width: 2px;
    height: 14px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
    z-index: 0;
  }

  #footer .footer_navi .navi_box .navi_tag_on.on:after {
    opacity: 0;
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
  }

  #footer .footer_navi .navi_box .navi_item {
    padding: 10px 0 0 10px;
  }
}

@media (min-width: 768px) {
  #footer .footer_navi .navi_box .navi_item {
    display: block !important;
  }
}

.com_cta {
  padding: 60px 0 0;
  margin-bottom: -30px;
  position: relative;
}

.com_cta .cta_box {
  background: #fff;
  border: 4px #e8e1d8 solid;
  padding: 65px 90px 55px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.com_cta .cta_box:before {
  position: absolute;
  content: "";
  background: url(../img/common/flower_cta.webp) center center no-repeat;
  width: 156px;
  height: 132px;
  left: -38px;
  top: -60px;
  z-index: 0;
}

.com_cta .cta_peo {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 148px;
  z-index: 1;
}

.com_cta .cta_inner {
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.com_cta .cta_left .hdl {
  align-items: flex-start;
  margin-bottom: 35px;
}

.com_cta .cta_left .cta_txt {
  font-size: 16px;
  line-height: 2;
}

.com_cta .cta_right {
  flex-shrink: 0;
  margin-left: 40px;
}

.cta_btn+.cta_btn {
  margin-top: 10px;
}

.cta_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 370px;
  height: 64px;
  padding: 0 50px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  position: relative;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.cta_btn .btn_ico {
  position: absolute;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.cta_btn .btn_price {
  background: #eed574;
  border: 2px solid #eed574;
  color: #676464;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
}

.cta_btn .btn_price:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  width: 8px;
  height: 14px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.cta_btn .btn_price .btn_ico {
  background-image: url(../img/common/price_cta.svg);
}

.cta_btn .btn_price:hover {
  background: #fff;
  color: #676464;
  border-color: #666464;
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

.cta_btn .btn_price:hover:before {
  right: 10px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
}

.cta_btn .btn_price:hover .btn_ico {
  background-color: #676464;
  background-image: url(../img/common/price_cta_on.svg);
}

.cta_btn .btn_doc {
  background: #c8c8ad;
  color: #676464;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_doc:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  width: 8px;
  height: 14px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.cta_btn .btn_doc .btn_ico {
  background-image: url(../img/common/doc_cta.svg);
}

.cta_btn .btn_doc:hover {
  background: #e3e3d7;
  border: 2px #e3e3d7 solid;
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_doc:hover:before {
  right: 10px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.cta_btn .btn_tel {
  background: #e4e4e4;
  color: #676464;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_tel .btn_ico {
  background-color: #676464;
  background-image: url(../img/common/tel_cta_wh.svg);
}

.cta_btn .btn_tel .tel_num {
  color: #676464;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
}

.cta_btn .btn_tel .tel_note {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
}

.cta_btn .btn_tel:hover {
  background: #f1f1f1;
  border: 2px #f1f1f1 solid;
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_customer {
  background: #fff;
  border: 2px #666464 solid;
  color: #676464;
  font-size: 12px;
  padding: 0 40px;
  font-weight: 700;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_customer:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  width: 8px;
  height: 14px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.cta_btn .btn_customer .cust_lar {
  font-size: 16px;
}

.cta_btn .btn_customer .cust_sml {
  font-size: 10px;
  display: inline-block;
}

.cta_btn .btn_customer:hover {
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.cta_btn .btn_customer:hover:before {
  right: 10px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

@media (max-width: 1024px) {
  .com_cta .cta_inner {
    flex-direction: column;
    align-items: center;
  }

  .com_cta .cta_right {
    margin: 50px 0 0;
  }
}

@media (max-width: 767px) {
  .com_cta {
    padding: 30px 0 0;
    margin-bottom: -130px;
  }

  .com_cta .cta_box {
    padding: 30px 15px 110px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
  }

  .com_cta .cta_box:before {
    position: absolute;
    content: "";
    background: url(../img/common/flower_cta_sp.webp) center center no-repeat;
    background-size: 138px 118px;
    width: 138px;
    height: 118px;
    left: auto;
    right: -35px;
    top: -35px;
  }

  .com_cta .cta_peo {
    right: 3px;
    width: 80px;
  }

  .com_cta .cta_left .hdl {
    margin-bottom: 20px;
  }

  .com_cta .cta_left .cta_txt {
    font-size: 14px;
    line-height: 1.5;
  }

  .cta_btn a {
    width: 100%;
  }

  .com_cta .cta_right {
    width: 310px;
    max-width: 100%;
  }

  .cta_btn .btn_customer {
    padding: 0 30px 0 10px;
    line-height: 1.3;
    text-align: center;
  }

  .cta_btn .btn_customer .cust_lar {
    font-size: 12px;
  }
}

@media (max-width: 320px) {
  .cta_btn a {
    font-size: 12px;
  }

  .cta_btn .btn_tel .tel_num {
    font-size: 20px;
  }
}

.com_fix .fix_inner {
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
}

@media screen and (max-width: 1024px) {
  .com_fix .fix_inner {
    bottom: 0;
    transform: translateY(0);
  }
}

.com_fix .fix_banner {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1024px) {
  .com_fix .fix_banner {
    bottom: 80px;
  }
}

.com_fix .fix_ico {
  background: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.com_fix .fix_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 110px;
  height: 110px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
}

.com_fix .fix_yoyaku a {
  background: #eed574;
  line-height: 0.9;
  color: #676464;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -ms-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

.com_fix .fix_som a {
  background: #c8c8ad;
  color: #676464;
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -ms-border-radius: 0 0 0 10px;
  -o-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.com_fix .pagetop a {
  display: block;
  width: 55px;
  height: 32px;
  background: url(../img/common/pagetop.svg) center center no-repeat #fff;
}

@media (max-width: 767px) {
  .com_fix {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    z-index: 9;
  }

  .com_fix .fix_ico {
    margin-bottom: 5px;
  }

  .com_fix .fix_box a {
    width: 100%;
    height: 75px;
    font-size: 13px;
  }

  .com_fix .fix_yoyaku {
    width: 50%;
  }

  .com_fix .fix_yoyaku a {
    line-height: 1.4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .com_fix .fix_som {
    width: 50%;
  }

  .com_fix .fix_som a {
    line-height: 1.4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .com_fix .pagetop {
    position: absolute;
    right: 10px;
    bottom: 100%;
    transform: translateY(50%);
    z-index: 1;
  }

  .com_fix .pagetop a {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/common/pagetop.svg) center center no-repeat #fff;
  }
}

/* teaser
----------------------------------------------- */
.teaser {
  max-width: 1366px;
  margin: 0 auto 10px;
  padding: 0 20px;
}

.teaser .teaser_box {
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.teaser .teaser_box:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.teaser .teaser_eng {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.teaser .teaser_jps {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 400;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .teaser .teaser_box {
    height: 160px;
  }

  .teaser .teaser_eng {
    font-size: 12px;
  }

  .teaser .teaser_jps {
    font-size: min(28px, 7.17vw);
    margin-top: 5px;
  }
}

.teaser_other {
  background: #f0eae4;
  height: 162px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  margin: -20px 0 10px;
}

.teaser_other .teaser_in {
  width: 1170px;
  max-width: 100%;
  color: #676464;
}

.teaser_other .teaser_eng {
  font-size: 20px;
  padding: 0 10px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.teaser_other .teaser_jps {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .teaser_other {
    height: 114px;
    margin: -30px 0 10px;
  }

  .teaser_other .teaser_eng {
    font-size: 12px;
  }

  .teaser_other .teaser_jps {
    font-size: min(28px, 7.17vw);
    margin-top: 5px;
  }
}

/* contents
----------------------------------------------- */
.contents {
  padding: 0 0 40px;
}

/* breadcrumb
----------------------------------------------- */
.breadcrumb {
  max-width: 1210px;
  margin: 0 auto 80px;
  padding: 0 20px;
}

.breadcrumb .bread_in {
  font-size: 12px;
}

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

.breadcrumb .home {
  text-decoration: underline;
}

.breadcrumb .home:hover {
  text-decoration: none;
}

.breadcrumb .arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  height: 10px;
  width: 5px;
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  background-size: 5px 9px;
}

@media (max-width: 767px) {
  .breadcrumb {
    margin: 0 auto 50px;
  }
}

/* anchor
----------------------------------------------- */
.anchor {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 110px;
  margin-top: -110px;
  z-index: 0;
}

@media (max-width: 1024px) {
  .anchor {
    padding-top: 56px;
    margin-top: -56px;
  }
}

/* H
----------------------------------------------- */
.hdl {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #676464;
  font-weight: 500;
  text-align: center;
}

.hdl .hdl_eng {
  font-size: 16px;
  line-height: 1.2;
  padding: 0 18px;
  font-family: "Raleway", sans-serif;
  position: relative;
}

.hdl .hdl_eng:before {
  position: absolute;
  content: "";
  background: url(../img/common/left_hdl.svg) center center no-repeat;
  width: 12px;
  height: 22px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.hdl .hdl_eng:after {
  position: absolute;
  content: "";
  background: url(../img/common/right_hdl.svg) center center no-repeat;
  width: 11px;
  height: 24px;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.hdl .hdl_jps {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .hdl .hdl_eng {
    font-size: 12px;
    padding: 0 15px;
  }

  .hdl .hdl_eng:before {
    background: url(../img/common/left_hdl.svg) center center no-repeat;
    background-size: 8px 15px;
    width: 8px;
    height: 15px;
  }

  .hdl .hdl_eng:after {
    background: url(../img/common/right_hdl.svg) center center no-repeat;
    background-size: 8px 17px;
    width: 8px;
    height: 17px;
  }

  .hdl .hdl_jps {
    font-size: 28px;
    margin-top: 5px;
  }
}

.hdm {
  font-size: 28px;
  font-weight: 500;
  color: #676464;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media (max-width: 767px) {
  .hdm {
    font-size: 20px;
  }
}

.hds {
  font-size: 28px;
  font-weight: 500;
  color: #676464;
  display: flex;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.hds.hds_center {
  justify-content: center;
  text-align: center;
}

.hds .hds_in {
  padding: 0 0 0 35px;
  position: relative;
}

.hds .hds_in:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -17px;
  z-index: 0;
}

@media (max-width: 767px) {
  .hds {
    font-size: min(22px, 5.64vw);
  }

  .hds .hds_in {
    padding: 40px 0 0 15px;
  }

  .hds .hds_in:before {
    top: 0;
  }

  .hds.hds_dec_sp .hds_in {
    padding: 18px 0 0 30px;
  }
}

/* animation
----------------------------------------------- */
@keyframes fadeInUpLit {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpLit {
  animation-name: fadeInUpLit;
}

/* com
----------------------------------------------- */
.com_bnr {
  margin-top: 40px;
}

.com_bnr .bnr_list {
  display: flex;
  align-items: stretch;
}

.com_bnr .bnr_list li {
  width: calc((100% - 60px) / 3);
  margin: 0 30px 0 0;
}

.com_bnr .bnr_list li:nth-child(3n) {
  margin-right: 0;
}

.com_bnr .bnr_list li a {
  display: block;
}

.com_bnr .bnr_list li a:hover {
  opacity: 0.5;
}

.com_bnr .bnr_list .bnr_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.com_bnr .bnr_list .bnr_txt {
  border: 1px #e4e4e4 solid;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #676464;
  background: url(../img/common/arrow_bk.svg) right 20px center no-repeat;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

@media (max-width: 767px) {
  .com_bnr .bnr_list {
    display: block;
  }

  .com_bnr .bnr_list li {
    width: auto;
    margin: 0;
  }

  .com_bnr .bnr_list li+li {
    margin-top: 20px;
  }
}

.com_live {
  margin-top: 40px;
}

.com_live .live_box {
  background: #f0eae5;
  padding: 40px;
  -webkit-box-shadow: 6px 6px 0 #e8e1d8;
  -moz-box-shadow: 6px 6px 0 #e8e1d8;
  -ms-box-shadow: 6px 6px 0 #e8e1d8;
  -o-box-shadow: 6px 6px 0 #e8e1d8;
  box-shadow: 6px 6px 0 #e8e1d8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.com_live .live_inner {
  max-width: 820px;
  margin: 0 auto;
}

.com_live .live_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.com_live .live_tit .tit_ico {
  width: 90px;
  height: 90px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 20px;
  flex-shrink: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.com_live .live_tit .tit_txt {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  color: #676464;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

/* 20250128修正 */
.com_live .live_note {
  background: #fff;
  padding: 15px 30px;
  text-align: center;
  font-size: 16px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.com_live .live_note_max {
  margin: 0 -60px 0 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.com_live .live_note_in {
  display: block;
}

@media (max-width: 1024px) {
  .com_live .live_note_max {
    margin: 0;
    display: block;
    height: auto;
  }
}

/* 20250128修正ここまで */
.com_live .live_note .fc_red {
  color: #353a3c;
}

.com_live .live_det {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.com_live .live_det li {
  width: 50%;
  padding: 20px 5% 20px 0;
}

.com_live .live_det li+li {
  padding: 20px 0 20px 5%;
  border-left: 1px #666464 dashed;
}

.com_live .live_det .det_tit {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .com_live .live_det {
    display: block;
  }

  .com_live .live_det li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    padding: 0 0 30px;
  }

  .com_live .live_det li+li {
    padding: 30px 0 0;
    border-left: none;
    border-top: 1px #666464 dashed;
  }
}

@media (max-width: 767px) {
  .com_live .live_box {
    padding: 40px 20px;
  }

  .com_live .live_tit {
    margin-bottom: 40px;
  }

  .com_live .live_tit .tit_ico {
    width: 64px;
    height: 64px;
  }

  .com_live .live_tit .tit_ico img {
    width: 48px;
  }

  .com_live .live_tit .tit_txt {
    font-size: min(28px, 7vw);
    text-align: center;
    line-height: 1.5;
  }

  .com_live .live_note {
    padding: 30px;
  }

  .com_live .live_det li .cta_btn {
    width: 310px;
    max-width: 100%;
  }

  .com_live .live_det .det_tit {
    margin-bottom: 30px;
  }
}

.com_btn {
  display: flex;
  justify-content: center;
}

.com_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #676464;
  padding: 0 30px;
  width: 210px;
  height: 56px;
  max-width: 100%;
  background: #fff;
  border: 2px #666464 solid;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  position: relative;
}

.com_btn a:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  width: 8px;
  height: 14px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.com_btn a:hover {
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.com_btn a:hover:before {
  right: 10px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.com_txt {
  line-height: 2;
}

.com_det {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #676464;
}

@media (max-width: 767px) {
  .com_det {
    font-size: 18px;
  }
}

.com_note {
  font-size: 12px;
}

.com_reservation {
  margin: 90px 0 100px;
}

.com_reservation .reser_box {
  background: #f8f8f8;
  padding: 48px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.com_reservation .hdl {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.com_reservation .hdl .hdl_eng {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media (max-width: 767px) {
  .com_reservation {
    margin: 55px 0 40px;
  }

  .com_reservation .reser_box {
    padding: 34px 20px 40px;
  }

  .com_reservation .hdl .hdl_eng {
    font-size: 16px;
    padding: 0 30px;
  }

  .com_reservation .hdl .hdl_eng:before {
    background-size: 12px 22px;
    width: 12px;
    height: 22px;
    bottom: 50%;
    transform: translateY(50%);
  }

  .com_reservation .hdl .hdl_eng:after {
    background-size: 12px 22px;
    width: 12px;
    height: 22px;
    bottom: 50%;
    transform: translateY(50%);
  }

  .com_reservation .cta_btn {
    width: 310px;
    max-width: 100%;
  }
}

/* event
----------------------------------------------- */
.teaser_event .teaser_box {
  background-image: url(../img/event/teaser_event.webp);
}

@media (max-width: 767px) {
  .teaser_event .teaser_box {
    background-image: url(../img/event/teaser_event_sp.webp);
  }
}

.event_filter {
  display: flex;
  align-items: stretch;
  margin-bottom: 80px;
}

.event_filter li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 226px;
  height: 64px;
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 700;
  background: #f8f8f8;
  margin-right: 10px;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  cursor: pointer;
}

.event_filter li.is-active {
  background: #f0eae4;
  color: #676464;
}

.event_cate .event_cate_in {
  display: none;
}

.event_cate .event_cate_in.is-show {
  display: block;
}

@media (max-width: 767px) {
  .event_filter {
    justify-content: space-between;
    margin: 0 -20px 50px;
  }

  .event_filter li {
    width: calc((100% - 10px) / 2);
    height: 54px;
    padding: 0 10px;
    font-size: 13px;
    margin-right: 0;
  }
}

/* post
----------------------------------------------- */
.post_hd {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
  line-height: 1.4;
  margin-bottom: 30px;
}

.post_event .event_navi {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 20px;
  border-bottom: 1px #676464 dashed;
  margin-bottom: 80px;
}

.post_event .event_navi li {
  margin: 0 10px 10px 0;
}

.post_event .event_navi li .navi_item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px #676464 solid;
  padding: 5px 10px;
  color: #676464;
  font-size: 16px;
  line-height: 1.4;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.post_event .event_navi li .navi_item:hover,
.post_event .event_navi li .navi_item.current {
  background: #676464;
  color: #fff;
}

.event_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: -30px;
}

.event_list li {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 30px 0;
}

.event_list li:nth-child(3n) {
  margin-right: 0;
}

.event_list .list_item {
  height: 100%;
  display: block;
  border: 1px #e4e4e4 solid;
  background: #fff;
  overflow: hidden;
  color: #676464;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.event_list .list_item:hover {
  opacity: 0.5;
}

.event_list .list_img img {
  width: 100%;
}

.event_list .list_inner {
  padding: 20px;
}

.event_list .list_tit {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 50px;
}

.event_list .list_mess {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.event_list .list_date .date_txt {
  font-size: 12px;
}

.event_list .list_date .date_txt+.date_txt {
  margin-top: 5px;
}

.event_list .list_map {
  padding: 0 0 0 22px;
  background: url(../img/common/ico_map.svg) 0 center no-repeat;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .post_hd {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .post_event .event_navi {
    padding: 0 0 10px;
    margin-bottom: 40px;
  }

  .post_event .event_navi li {
    margin: 0 10px 7px 0;
  }

  .post_event .event_navi li .navi_item {
    font-size: 12px;
    padding: 5px 15px;
  }

  .event_list {
    display: block;
    margin-bottom: 0;
  }

  .event_list li {
    width: auto;
    margin: 0;
  }

  .event_list li+li {
    margin-top: 40px;
  }

  .event_list .list_inner {
    padding: 15px 20px 10px;
  }

  .event_list .list_tit {
    margin-bottom: 20px;
  }
}

.post_news {
  max-width: 1080px;
  margin: 0 auto;
}

.post_news .news_navi {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.post_news .news_navi li {
  margin: 0 0 10px;
  position: relative;
}

.post_news .news_navi li:before {
  position: absolute;
  content: "";
  border-left: 1px #676464 dashed;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.post_news .news_navi li:after {
  position: absolute;
  content: "";
  border-left: 1px #676464 dashed;
  width: 1px;
  height: 100%;
  right: -2px;
  top: 0;
  z-index: 0;
}

.post_news .news_navi .navi_item {
  padding: 0 40px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #676464;
  font-size: 16px;
  font-weight: 700;
}

.post_news .news_navi .navi_item.current,
.post_news .news_navi .navi_item:hover {
  background: #f0eae4;
}

.news_list {
  border-top: 1px #676464 dashed;
}

.news_list li {
  border-bottom: 1px #676464 dashed;
  padding: 40px 0;
  display: flex;
  align-items: flex-start;
}

.news_list .list_mess {
  display: flex;
  align-items: center;
  width: 330px;
  flex-shrink: 0;
}

.news_list .list_date {
  width: 110px;
  color: #676464;
  font-size: 16px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}

.news_list .list_cn {
  display: flex;
  align-items: center;
}

.news_list .list_cate {
  border: 1px #676464 solid;
  font-size: 12px;
  padding: 5px 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.news_list .list_new {
  margin-left: 10px;
  border: 1px #676464 solid;
  background: #676464;
  font-size: 12px;
  padding: 5px 10px;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.news_list .list_link {
  font-size: 16px;
  font-weight: 700;
}

.news_list .list_link a {
  display: block;
}

.news_list .list_link a:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .post_news .news_navi {
    margin-bottom: 20px;
  }

  .post_news .news_navi .navi_item {
    padding: 0 10px;
    height: 40px;
    font-size: min(12px, 3vw);
    min-width: min(65px, 17vw);
  }

  .news_list li {
    padding: 30px 20px;
    display: block;
  }

  .news_list .list_mess {
    width: auto;
    margin-bottom: 20px;
  }

  .news_list .list_cn {
    flex-direction: row-reverse;
  }

  .news_list .list_new {
    margin: 0 10px 0 0;
  }
}

/* wp-pagenavi
----------------------------------------------- */
.wp-pagenavi {
  padding: 80px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.wp-pagenavi .page,
.wp-pagenavi .page-numbers,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  background: #ded4c9;
  color: #676464;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 5px 10px;
  font-size: 22px;
  line-height: 1.2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.wp-pagenavi a:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi .current {
  background: #676464;
  color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  position: relative;
}

.wp-pagenavi .previouspostslink {
  background: url(../img/common/prev_post.svg) center center no-repeat #676464;
}

.wp-pagenavi .previouspostslink:hover {
  background: url(../img/common/prev_post.svg) center center no-repeat #676464;
}

.wp-pagenavi .nextpostslink {
  background: url(../img/common/next_post.svg) center center no-repeat #676464;
}

.wp-pagenavi .nextpostslink:hover {
  background: url(../img/common/next_post.svg) center center no-repeat #676464;
}

@media (max-width: 768px) {
  .wp-pagenavi {
    padding: 40px 0 0;
  }

  .wp-pagenavi .page,
  .wp-pagenavi .page-numbers,
  .wp-pagenavi .current,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 38px;
    height: 38px;
    margin: 5px;
    font-size: 14px;
  }

  .wp-pagenavi .previouspostslink {
    background: url(../img/common/prev_post.svg) center center no-repeat #676464;
    background-size: 8px auto;
  }

  .wp-pagenavi .previouspostslink:hover {
    background: url(../img/common/prev_post.svg) center center no-repeat #676464;
    background-size: 8px auto;
  }

  .wp-pagenavi .nextpostslink {
    background: url(../img/common/next_post.svg) center center no-repeat #676464;
    background-size: 8px auto;
  }

  .wp-pagenavi .nextpostslink:hover {
    background: url(../img/common/next_post.svg) center center no-repeat #676464;
    background-size: 8px auto;
  }
}

/* detail
----------------------------------------------- */
.post_detail {
  max-width: 800px;
  margin: 0 auto 160px;
  padding: 0 20px;
}

.post_detail .detail_inner {
  padding: 0 20px;
}

.post-body h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 40px 0;
  color: #676464;
}

.post-body h3 {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin: 40px 0 20px;
}

.post-body div {
  font-size: 16px;
  line-height: 2;
}

.post-body .post_img {
  text-align: center;
  margin: 40px 0;
}

.post-body .post_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.post_table {
  border-top: 1px #676464 dashed;
  margin: 40px 0 60px;
}

.post_table li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px #676464 dashed;
}

.post_table .table_th {
  width: 24%;
  padding: 0 20px;
}

.post_table .table_td {
  padding: 0 20px;
}

.detail_link {
  margin: 40px 0;
  display: flex;
  justify-content: flex-start;
}

ul.detail_link {
  margin: 60px 0 0;
  display: block;
}

ul.detail_link li {
  display: flex;
  justify-content: flex-start;
}

ul.detail_link li+li {
  margin-top: 20px;
}

.detail_link a {
  color: #666464;
  font-size: 16px;
  line-height: 2;
  display: block;
  border-bottom: 1px #707070 solid;
  padding: 0 0 0 20px;
  font-weight: 700;
  background: url(../img/common/arrow_yl.svg) 1px 10px no-repeat;
  position: relative;
}

.detail_link a:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .post_detail {
    margin: 0 auto 60px;
  }

  .post-body h2 {
    font-size: 24px;
    margin: 40px 0 20px;
  }

  .post-body h3 {
    font-size: 18px;
    margin: 20px 0;
  }

  .post-body div {
    font-size: 14px;
  }

  .post-body .post_img {
    margin: 40px -20px;
  }

  ul.detail_link {
    margin: 40px 0 0;
  }

  .detail_link a {
    font-size: 14px;
    line-height: 1.5;
    background: url(../img/common/arrow_yl.svg) 1px 3px no-repeat;
  }

  .post_table {
    margin: 30px -20px 50px;
  }

  .post_table li {
    justify-content: space-between;
    font-size: 14px;
    padding: 20px;
  }

  .post_table .table_th {
    width: auto;
    flex-shrink: 0;
    padding: 0;
    margin-right: 20px;
  }

  .post_table .table_td {
    padding: 0;
    text-align: right;
  }
}

.post_detail .detail_news_cap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.post_detail .detail_news_cap .news_date {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Raleway", sans-serif;
  color: #676464;
  margin-right: 30px;
}

.post_detail .detail_news_cap .news_cate {
  display: flex;
  align-items: center;
}

.post_detail .detail_news_cap .news_cate .cate_in {
  border: 1px #676464 solid;
  background: #fff;
  color: #676464;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  margin-right: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.post_detail .detail_news_cap .news_cate .cate_in_new {
  background: #676464;
  color: #fff;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.post_detail .detail_news_name {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 28px;
  color: #676464;
  font-weight: 400;
  line-height: 1.5;
  border-bottom: 1px #676464 dashed;
  padding: 0 0 40px;
  margin: 0 0 40px;
}

@media (max-width: 767px) {
  .post_detail .detail_news_cap {
    flex-direction: column;
    padding: 0 20px;
    align-items: flex-start;
  }

  .post_detail .detail_news_cap .news_date {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .post_detail .detail_news_cap .news_cate {
    flex-wrap: wrap;
  }

  .post_detail .detail_news_name {
    font-size: 22px;
    padding: 0 20px 30px;
    margin: 0 0 30px;
  }
}

.post_detail .event_main {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}

.post_detail .event_main .main_pic {
  width: 37%;
  margin-right: 4%;
}

.post_detail .event_main .main_pic img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.post_detail .event_main .main_in {
  flex: 1;
}

.post_detail .event_main .main_cap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.post_detail .event_main .main_cap .main_date {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Raleway", sans-serif;
  color: #676464;
  margin-right: 30px;
}

.post_detail .event_main .main_cap .main_cate {
  display: flex;
  align-items: center;
}

.post_detail .event_main .main_cap .main_cate .cate_in {
  border: 1px #676464 solid;
  background: #fff;
  color: #676464;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  margin-right: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.post_detail .event_main .main_cap .main_cate .cate_in_new {
  background: #676464;
  color: #fff;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.post_detail .event_main .main_name {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 28px;
  color: #676464;
  font-weight: 400;
  line-height: 1.5;
}

.post_detail .event_map {
  margin: 40px 0;
}

.post_detail .event_map iframe {
  width: 100%;
  height: 400px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.post_detail .event_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px -20px 80px;
}

.post_detail .event_btn .cta_btn .btn_price .btn_ico {
  background-image: url(../img/common/flag_cta.svg);
}

.post_detail .event_btn .cta_btn .btn_price:hover .btn_ico {
  background-image: url(../img/common/flag_cta_on.svg);
}

@media (max-width: 1024px) {
  .post_detail .event_btn {
    flex-direction: column;
    align-items: center;
    margin: 40px 0 80px;
  }

  .post_detail .event_btn li+li {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .post_detail .event_main {
    display: block;
    margin-bottom: 30px;
  }

  .post_detail .event_main .main_pic {
    width: auto;
    margin: 0 0 30px;
  }

  .post_detail .event_main .main_pic img {
    width: 100%;
  }

  .post_detail .event_main .main_in {
    padding: 0 20px;
  }

  .post_detail .event_main .main_cap {
    display: block;
  }

  .post_detail .event_main .main_cap .main_date {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .post_detail .event_main .main_cap .main_cate {
    display: flex;
    align-items: center;
  }

  .post_detail .event_main .main_name {
    font-size: 22px;
  }

  .post_detail .event_map {
    margin: 40px -20px 30px;
  }

  .post_detail .event_map iframe {
    height: 200px;
  }

  .post_detail .event_btn {
    margin: 30px -20px 60px;
  }

  .post_detail .event_btn li {
    width: 350px;
    max-width: 100%;
  }

  .post_detail .event_btn .cta_btn .btn_price {
    font-size: 14px;
  }
}

.post_apply {
  max-width: 1170px;
  margin: 0 auto;
  background: #f8f8f8;
  padding: 40px;
}

.post_apply .apply_tit {
  text-align: center;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
}

.post_apply .apply_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
}

.post_apply .apply_btn .cta_btn .btn_price .btn_ico {
  background-image: url(../img/common/flag_cta.svg);
}

.post_apply .apply_btn .cta_btn .btn_price:hover .btn_ico {
  background-image: url(../img/common/flag_cta_on.svg);
}

@media (max-width: 1024px) {
  .post_apply .apply_btn {
    flex-direction: column;
  }

  .post_apply .apply_btn li+li {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .post_apply .apply_tit {
    margin-bottom: 25px;
    font-size: 18px;
  }

  .post_apply .apply_btn {
    column-gap: 0;
  }

  .post_apply .apply_btn li {
    width: 310px;
    max-width: 100%;
  }

  .post_apply .apply_btn .cta_btn .btn_price {
    font-size: 12px;
    padding-right: 30px;
  }
}

/* detail_navi
----------------------------------------------- */
.detail_navi {
  max-width: 680px;
  margin: 40px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.detail_navi a {
  font-size: 16px;
  color: #676464;
  font-weight: 700;
}

.detail_navi .navi_back {
  width: 210px;
  height: 56px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border: 2px #666464 solid;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  position: relative;
}

.detail_navi .navi_back:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  background-size: 6px 11px;
  width: 6px;
  height: 12px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.detail_navi .navi_back:hover {
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.detail_navi .navi_back:hover:before {
  right: 10px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.detail_navi .navi_prev {
  position: absolute;
  padding: 0 0 0 46px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.detail_navi .navi_prev:hover {
  opacity: 0.5;
}

.detail_navi .navi_prev:before {
  position: absolute;
  content: "";
  background: url(../img/common/prev_detail.svg) center center no-repeat #676464;
  width: 36px;
  height: 36px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.detail_navi .navi_next {
  position: absolute;
  padding: 0 46px 0 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.detail_navi .navi_next:hover {
  opacity: 0.5;
}

.detail_navi .navi_next:before {
  position: absolute;
  content: "";
  background: url(../img/common/next_detail.svg) center center no-repeat #676464;
  width: 36px;
  height: 36px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

@media (max-width: 767px) {
  .detail_navi {
    max-width: 310px;
    margin: 60px auto 40px;
    padding: 0 0 60px;
  }

  .detail_navi a {
    font-size: 14px;
  }

  .detail_navi .navi_back {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
  }

  .detail_navi .navi_prev {
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateY(0);
  }

  .detail_navi .navi_next {
    right: 0;
    top: auto;
    bottom: 0;
    transform: translateY(0);
  }
}

/* contact
----------------------------------------------- */
.teaser_cta .teaser_box {
  background-image: url(../img/contact/teaser_contact.webp);
}

@media (max-width: 767px) {
  .teaser_cta .teaser_box {
    background-image: url(../img/contact/teaser_contact_sp.webp);
  }
}

.contact_det {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 40px;
}

.contact_box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.contact_box .box_inner {
  width: 570px;
  max-width: 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 4px #f0eae4 solid;
  padding: 40px 20px 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.contact_box .box_tit {
  font-size: 28px;
  color: #676464;
  font-weight: 500;
  margin-bottom: 20px;
}

.contact_box .box_txt {
  font-weight: 500;
  color: #676464;
  font-size: 16px;
  margin-bottom: 40px;
}

.contact_box .box_note {
  margin-top: 30px;
  font-size: 12px;
}

@media (max-width: 1024px) {
  .contact_box {
    flex-direction: column;
  }

  .contact_box .box_inner {
    width: 100%;
    max-width: none;
    display: flex;
    padding: 40px 20px;
  }

  .contact_box .box_inner+.box_inner {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .contact_det {
    margin-bottom: 30px;
  }

  .contact_box .box_tit {
    font-size: min(28px, 6.9vw);
    margin-bottom: 30px;
  }

  .contact_box .box_txt {
    margin-bottom: 30px;
  }

  .contact_box .box_note {
    margin-top: 20px;
    text-align: left;
  }

  .contact_box .cta_btn {
    width: 310px;
    max-width: 100%;
  }
}

.contact_other {
  margin: 60px 0 80px;
}

.contact_other .other_note {
  border-top: 1px #676464 dashed;
  margin: 40px 0 0;
  padding: 20px 0 0;
}

.contact_other .other_note li {
  font-size: 12px;
}

.contact_other .other_mess {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact_other .other_mess .mess_cont {
  width: 570px;
  max-width: 49%;
}

.contact_other .other_mess .mess_tit {
  color: #676464;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 30px;
}

.contact_other .other_mess .mess_txt {
  font-size: 16px;
  color: #666464;
  font-weight: 700;
}

.contact_other .other_mess .mess_txt a {
  color: #666464;
  position: relative;
}

.contact_other .other_mess .mess_txt a:before {
  position: absolute;
  content: "";
  background: #666464;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -2px;
  z-index: 0;
}

.contact_other .other_mess .mess_txt a:hover:before {
  display: none;
}

.contact_other .other_mess .mess_txt img {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}

.contact_other .other_mess .mess_txt+.mess_txt {
  margin-top: 10px;
}

.contact_other .other_mess .mess_tel {
  width: 570px;
  max-width: 49%;
  border: 4px #e8e1d8 solid;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.contact_other .other_mess .mess_tel .tel_ico {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #e8e1d8;
  margin-right: 25px;
  flex-shrink: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.contact_other .other_mess .mess_tel .tel_inner {
  color: #666464;
}

.contact_other .other_mess .mess_tel .tel_cap {
  font-size: 16px;
  font-weight: 700;
}

.contact_other .other_mess .mess_tel .tel_num {
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.contact_other .other_mess .mess_tel .tel_num a {
  color: #666464;
}

.contact_other .other_mess .mess_tel .tel_time {
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .contact_other .other_mess {
    flex-direction: column;
  }

  .contact_other .other_mess .mess_cont {
    max-width: 100%;
    margin: 0 0 25px;
  }

  .contact_other .other_mess .mess_tel {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .contact_other .other_note {
    margin: 20px 0 0;
  }

  .contact_other .other_mess .mess_tit {
    text-align: center;
  }

  .contact_other .other_mess .mess_txt {
    text-align: center;
  }

  .contact_other .other_mess .mess_txt+.mess_txt {
    margin-top: 5px;
  }

  .contact_other .other_mess .mess_tel {
    padding: 30px 20px;
  }

  .contact_other .other_mess .mess_tel .tel_ico {
    width: 64px;
    height: 64px;
    margin-right: 15px;
  }

  .contact_other .other_mess .mess_tel .tel_num {
    font-size: 32px;
  }

  .contact_other .other_mess .mess_tel .tel_time {
    margin-top: 5px;
    font-size: min(11px, 2.93vw);
  }
}

@media (max-width: 320px) {
  .contact_other .other_mess .mess_tel .tel_num {
    font-size: 24px;
  }
}

/* top
----------------------------------------------- */
.top_news {
  background: #f8f8f8;
  padding: 100px 0 80px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  margin: 100px 0 0;
}

.top_news .hdl {
  margin-bottom: 40px;
}

.top_news .com_btn {
  margin-top: 40px;
}

.top_news .com_btn a {
  width: 320px;
}

.top_news .news_bnr {
  max-width: 800px;
  margin: 80px auto 0;
}

.top_news .news_bnr .slick-slide {
  padding: 0 15px;
}

.top_news .news_bnr .slick-slide img {
  width: 100%;
}

@media (max-width: 767px) {
  .top_news {
    padding: 60px 0 50px;
    margin: 60px 0 0;
  }

  .top_news .com_btn a {
    width: 310px;
  }

  .top_news .news_bnr {
    max-width: none;
    margin: 50px -20px 0;
  }

  .top_news .news_bnr .slick-slide {
    padding: 0 10px;
  }
}

.top_living {
  margin-top: 100px;
}

.top_living .living_head {
  width: 160px;
  height: 160px;
  background: url(../img/top/bg_living.webp) center center no-repeat;
  margin: 0 auto -80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 6px 6px 0 #e8e1d8;
  -moz-box-shadow: 6px 6px 0 #e8e1d8;
  -ms-box-shadow: 6px 6px 0 #e8e1d8;
  -o-box-shadow: 6px 6px 0 #e8e1d8;
  box-shadow: 6px 6px 0 #e8e1d8;
}

.top_living .living_head .head_ico {
  position: absolute;
  left: 0;
  top: 25px;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.top_living .living_head .head_ico img {
  width: 82px;
}

.top_living .living_box {
  padding: 60px 20px;
  background: url(../img/top/bg_living.webp) center center repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 6px 6px 0 #e8e1d8;
  -moz-box-shadow: 6px 6px 0 #e8e1d8;
  -ms-box-shadow: 6px 6px 0 #e8e1d8;
  -o-box-shadow: 6px 6px 0 #e8e1d8;
  box-shadow: 6px 6px 0 #e8e1d8;
}

.top_living .living_hd {
  text-align: center;
  color: #676464;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}

.top_living .living_txt {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .top_living {
    margin-top: 60px;
  }

  .top_living .living_head {
    width: 100px;
    height: 100px;
    margin: 0 auto -50px;
  }

  .top_living .living_head .head_ico {
    top: 20px;
  }

  .top_living .living_head .head_ico img {
    width: 72px;
  }

  .top_living .living_box {
    padding: 60px 20px;
    background: url(../img/top/bg_living.webp) center center repeat;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 6px 6px 0 #e8e1d8;
    -moz-box-shadow: 6px 6px 0 #e8e1d8;
    -ms-box-shadow: 6px 6px 0 #e8e1d8;
    -o-box-shadow: 6px 6px 0 #e8e1d8;
    box-shadow: 6px 6px 0 #e8e1d8;
    position: relative;
    z-index: 1;
  }

  .top_living .living_hd {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .top_living .living_txt {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.top_infor {
  margin-top: 200px;
}

.top_infor .infor_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.top_infor .infor_box li {
  width: 570px;
  max-width: 49%;
  background: #f8f8f8;
  padding: 120px 20px 40px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.top_infor .infor_box .infor_img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  border: 10px #f8f8f8 solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.top_infor .infor_box .infor_tit {
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 500;
  margin-bottom: 20px;
}

.top_infor .infor_box .infor_txt {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .top_infor {
    margin-top: 150px;
  }

  .top_infor .infor_box {
    display: block;
  }

  .top_infor .infor_box li+li {
    margin-top: 110px;
  }

  .top_infor .infor_box li {
    width: auto;
    max-width: none;
    padding: 90px 20px 40px;
  }

  .top_infor .infor_box .infor_img img {
    width: 140px;
  }

  .top_infor .infor_box .infor_txt {
    font-size: 14px;
  }
}

.top_about {
  background: #f0eae6;
  padding: 260px 0 0;
}

.top_about .about_box {
  max-width: 1366px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
}

.top_about .about_box .com_btn a {
  width: 320px;
}

.top_about .about_reno {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px 45px;
  background: url(../img/top/bg_about.webp) center center no-repeat;
  background-size: cover;
}

.top_about .about_reno .hdl {
  color: #fff;
  margin-bottom: 40px;
}

.top_about .about_reno .reno_img {
  text-align: center;
  margin-bottom: 20px;
}

.top_about .about_reno .reno_img img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.top_about .about_reno .reno_txt {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}

.top_about .about_col {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 20px 45px;
}

.top_about .about_col .hdl {
  margin-bottom: 20px;
}

.top_about .about_col .col_det {
  max-width: 21em;
  margin: 0 auto 40px;
  text-align: center;
}

.top_about .about_col .col_list {
  width: 560px;
  max-width: 100%;
  margin-bottom: 80px;
}

.top_about .about_col .col_list li+li {
  margin-top: 20px;
}

.top_about .about_col .col_list li a {
  display: flex;
  align-items: flex-start;
}

.top_about .about_col .col_list .col_pic {
  width: 210px;
  flex-shrink: 0;
  margin-right: 20px;
}

.top_about .about_col .col_list .col_pic img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.top_about .about_col .col_list .col_cont {
  flex: 1;
  padding: 5px 0 0;
}

.top_about .about_col .col_list .col_sp {
  display: none;
}

.top_about .about_col .col_list .col_cap {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #676464;
}

.top_about .about_col .col_list .col_txt {
  padding: 0 20px 0 0;
  font-weight: 500;
  font-size: 16px;
  background: url(../img/common/arrow_bk.svg) right center no-repeat;
}

.top_about .about_col .col_list .col_cate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: -5px;
}

.top_about .about_col .col_list .col_cate .cate_in {
  margin: 0 5px 5px 0;
  font-size: 12px;
  color: #676464;
  display: block;
  padding: 5px 10px;
  border: 1px #676464 solid;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .top_about .about_box {
    display: block;
  }

  .top_about .about_reno {
    width: auto;
  }

  .top_about .about_col {
    width: auto;
  }
}

@media (max-width: 767px) {
  .top_about .about_box .com_btn a {
    width: 310px;
  }

  .top_about .about_reno {
    padding: 60px 40px;
    background: url(../img/top/bg_about_sp.webp) center center no-repeat;
    background-size: cover;
  }

  .top_about .about_reno .hdl {
    margin-bottom: 30px;
  }

  .top_about .about_reno .reno_img {
    padding: 0 20px;
  }

  .top_about .about_reno .reno_img img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .top_about .about_reno .reno_txt {
    text-align: left;
    margin-bottom: 15px;
  }

  .top_about .about_col {
    display: block;
    padding: 60px 20px;
  }

  .top_about .about_col .col_det {
    max-width: none;
    margin: 0 0 40px;
  }

  .top_about .about_col .col_list {
    width: auto;
    margin-bottom: 40px;
  }

  .top_about .about_col .col_list li a {
    display: block;
  }

  .top_about .about_col .col_list .col_pic {
    display: none;
  }

  .top_about .about_col .col_list .col_cont {
    padding: 0;
  }

  .top_about .about_col .col_list .col_inner {
    display: flex;
    align-items: flex-start;
  }

  .top_about .about_col .col_list .col_sp {
    display: block;
    width: 130px;
    flex-shrink: 0;
    margin-right: 15px;
  }

  .top_about .about_col .col_list .col_sp img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .top_about .about_col .col_list .col_item {
    flex: 1;
  }

  .top_about .about_col .col_list .col_cap {
    margin-bottom: 5px;
  }

  .top_about .about_col .col_list .col_txt {
    padding: 0 15px 0 0;
  }

  .top_about .about_col .col_list .col_cate .cate_in {
    margin: 0 8px 5px 0;
  }
}

.top_exp {
  margin: 165px 0 -175px;
  position: relative;
  z-index: 1;
}

.top_exp .exp_inner {
  background: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 45px 40px 45px 80px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.top_exp .exp_inner .exp_img {
  flex-shrink: 0;
  margin-left: 20px;
  transform: translateY(-120px);
  margin-bottom: -120px;
}

.top_exp .exp_inner .exp_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.top_exp .exp_inner .exp_cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.top_exp .exp_inner .exp_link {
  margin-bottom: 20px;
}

.top_exp .exp_inner .exp_link a {
  display: block;
  color: #676464;
  font-size: 28px;
  font-weight: 400;
  padding: 0 75px 0 0;
  position: relative;
}

.top_exp .exp_inner .exp_link a:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_wh.svg) center center no-repeat #676464;
  width: 36px;
  height: 36px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

@media (max-width: 1024px) {
  .top_exp .exp_inner {
    flex-direction: column-reverse;
    align-items: center;
    padding: 40px;
  }

  .top_exp .exp_inner .exp_img {
    transform: translateY(0);
    margin: 0 0 40px;
  }
}

@media (max-width: 767px) {
  .top_exp {
    margin: 80px 0 -200px;
  }

  .top_exp .exp_inner {
    padding: 0 20px 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .top_exp .exp_inner .exp_img img {
    width: 100%;
  }

  .top_exp .exp_inner .exp_cont {
    align-items: center;
  }

  .top_exp .exp_inner .exp_link {
    width: 100%;
  }

  .top_exp .exp_inner .exp_link a {
    font-size: 20px;
    padding: 0 45px 0 0;
  }

  .top_exp .exp_inner .exp_note {
    text-align: center;
  }

  .top_exp .exp_inner .exp_cap {
    text-align: center;
  }
}


.top_cm {
  margin-top: -40px;
  background: #F8F8F8;
  padding: 60px 20px 60px;
  border-radius: 40px 40px 0 0;
  color: #676464;
}

@media (max-width: 767px) {
  .top_cm {
    padding: 50px 20px 75px;
  }
}

.top_cm .inner {
  text-align: center;
  padding: 0;
}

.top_cm .cm-title .sub {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  padding: 0 15px;
  color: #676464;
  font-weight: 500;
  font-family: "Raleway";
}

@media (max-width: 767px) {
  .top_cm .cm-title .sub {
    font-size: 12px;
  }
}

.top_cm .cm-title .sub:before {
  position: absolute;
  content: "";
  background: url(../img/common/left_hdl.svg) center center no-repeat;
  width: 12px;
  height: 22px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.top_cm .cm-title .sub:after {
  position: absolute;
  content: "";
  background: url(../img/common/right_hdl.svg) center center no-repeat;
  width: 11px;
  height: 24px;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.top_cm .cm-title .main {
  margin-top: 10px;
  font-size: 40px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .top_cm .cm-title .main {
    font-size: 28px;
  }
}

@media (max-width: 400px) {
  .top_cm .cm-title .main {
    font-size: 25px;
  }
}

.top_cm .text01 {
  margin-top: 40px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .top_cm .text01 {
    margin-top: 20px;
    font-size: 14px;
  }
}

.top_cm .movie {
  margin-top: 30px;
}

.top_cm .movie iframe {
  max-width: 430px;
  width: 100%;
  aspect-ratio: 430 / 323;
}

.top_cm .movie-caption {
  margin-top: 10px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .top_cm .movie-caption {
    font-size: 14px;
  }
}



.top_case {
  margin-top: 100px;
}

.top_case .hdl {
  margin-bottom: 40px;
}

.top_case .com_btn {
  margin-top: 40px;
}

.top_case .com_btn a {
  width: 320px;
}

.top_case .case_det {
  text-align: center;
  margin-bottom: 40px;
}

.top_case .case_slider {
  margin: 0 -15px;
}

.top_case .case_slider .slick-slide {
  padding: 0 15px;
  outline: none;
}

.top_case .case_slider .case_item {
  display: block;
  color: #676464;
}

.top_case .case_slider .case_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.top_case .case_slider .case_cont {
  border: 1px #e4e4e4 solid;
  border-top: none;
  padding: 20px;
  color: #676464;
  background: #fff;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.top_case .case_slider .case_tit {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 20px;
  height: 99px;
}

.top_case .case_slider .case_mess {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.top_case .case_slider .case_price {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 700;
  text-align: right;
}

.top_case .case_slider .case_price .price_mid {
  font-size: 12px;
}

.top_case .case_slider .case_price .price_lar {
  font-size: 16px;
}

.top_case .case_slider .case_cate {
  font-size: 12px;
  padding: 5px 10px;
  border: 1px #676464 solid;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.top_case .case_slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: 56px;
  height: 56px;
  outline: none;
  cursor: pointer;
  background-color: #676464;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
  text-indent: -999999px;
  border: none;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.top_case .case_slider .slick-prev {
  left: -13px;
  background-image: url(../img/common/prev_detail.svg);
}

.top_case .case_slider .slick-next {
  right: -13px;
  background-image: url(../img/common/next_detail.svg);
}

.top_case .case_slider .case_cate_sp {
  display: none;
}

@media (max-width: 1024px) {
  .top_case .case_slider .slick-prev {
    left: 10px;
  }

  .top_case .case_slider .slick-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .top_case {
    margin-top: 60px;
  }

  .top_case .inner {
    padding: 0;
  }

  .top_case .hdl {
    margin-bottom: 20px;
  }

  .top_case .com_btn a {
    width: 310px;
  }

  .top_case .case_slider {
    margin: 0;
  }

  .top_case .case_slider .slick-slide {
    padding: 0 10px;
  }

  .top_case .case_slider .case_cont {
    padding: 15px 15px 10px;
  }

  .top_case .case_slider .case_tit {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .top_case .case_slider .case_mess {
    justify-content: flex-end;
  }

  .top_case .case_slider .case_price {
    font-size: 10px;
  }

  .top_case .case_slider .case_price .price_mid {
    font-size: 10px;
  }

  .top_case .case_slider .case_price .price_lar {
    font-size: 18px;
  }

  .top_case .case_slider .case_cate {
    display: none;
  }

  .top_case .case_slider .slick-prev {
    left: 10px;
  }

  .top_case .case_slider .slick-next {
    right: 10px;
  }

  .top_case .case_slider .case_cate_sp {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
  }

  .top_case .case_slider .case_cate_in {
    font-size: 10px;
    display: block;
    padding: 5px 10px;
    border: 1px #676464 solid;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
  }
}

.top_theme {
  background: #f0eae5;
}

.top_theme .theme_inner {
  background: #f8f8f8;
  padding: 65px 0 70px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.top_theme .hdl {
  margin-bottom: 40px;
}

.top_theme .theme_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -16px;
}

.top_theme .theme_box li {
  width: 570px;
  max-width: 49%;
  margin-bottom: 16px;
}

.top_theme .theme_box li a {
  height: 100%;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  background: url(../img/common/arrow_bk.svg) right 20px center no-repeat #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.top_theme .theme_box li.no_link a {
  background-image: none;
  pointer-events: none;
}

.top_theme .theme_box .theme_ico {
  background: #f0eae5;
  width: 102px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  margin-right: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.top_theme .theme_box .theme_cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.top_theme .theme_box .theme_cap {
  background: #676464;
  padding: 2px 12px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.top_theme .theme_box .theme_tit {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .top_theme .theme_inner {
    padding: 60px 0;
  }

  .top_theme .theme_box {
    display: block;
    margin-bottom: 0;
  }

  .top_theme .theme_box li {
    width: auto;
    max-width: none;
    margin-bottom: 0;
  }

  .top_theme .theme_box li+li {
    margin-top: 10px;
  }

  .top_theme .theme_box li a {
    padding: 30px 35px 30px 10px;
    background: url(../img/common/arrow_bk.svg) right 10px center no-repeat #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .top_theme .theme_box .theme_ico {
    width: 62px;
    height: 62px;
    margin-right: 10px;
  }

  .top_theme .theme_box .theme_ico.ico_01 img {
    width: 36px;
  }

  .top_theme .theme_box .theme_ico.ico_02 img {
    width: 48px;
  }

  .top_theme .theme_box .theme_ico.ico_03 img {
    width: 36px;
  }

  .top_theme .theme_box .theme_ico.ico_04 img {
    width: 56px;
  }

  .top_theme .theme_box .theme_tit {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .top_theme .theme_box .theme_txt {
    font-size: 14px;
  }
}

.top_ec {
  background: #f0eae5;
  padding: 80px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.top_ec .ec_mess {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 70px;
}

.top_ec .ec_mess .hdl {
  text-align: left;
  align-items: flex-start;
}

.top_ec .ec_mess .com_btn a {
  width: 320px;
}

.top_ec .ec_slider {
  margin: 0 -15px;
}

.top_ec .ec_slider .slick-slide {
  padding: 0 15px;
  outline: none;
}

.top_ec .ec_slider .ec_item {
  display: block;
  color: #676464;
}

.top_ec .ec_slider .ec_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.top_ec .ec_slider .ec_cont {
  background: #fff;
  border: 1px #e4e4e4 solid;
  border-top: none;
  padding: 20px;
  color: #676464;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.top_ec .ec_slider .ec_tit {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 50px;
}

.top_ec .ec_slider .ec_infor {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.top_ec .ec_slider .ec_date .date_in {
  font-size: 12px;
}

.top_ec .ec_slider .ec_date .date_in+.date_in {
  margin-top: 5px;
}

.top_ec .ec_slider .ec_map {
  padding: 0 0 0 22px;
  background: url(../img/common/ico_map.svg) 0 center no-repeat;
  font-size: 12px;
  font-weight: 700;
}

.top_ec .ec_slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: 56px;
  height: 56px;
  outline: none;
  cursor: pointer;
  background-color: #676464;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
  text-indent: -999999px;
  border: none;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.top_ec .ec_slider .slick-prev {
  left: 10px;
  background-image: url(../img/common/prev_detail.svg);
}

.top_ec .ec_slider .slick-next {
  right: 10px;
  background-image: url(../img/common/next_detail.svg);
}

@media (max-width: 1024px) {
  .top_ec .inner {
    padding-bottom: 100px;
  }

  .top_ec .ec_mess {
    flex-direction: column;
    align-items: center;
  }

  .top_ec .ec_mess .hdl {
    text-align: center;
    align-items: center;
  }

  .top_ec .ec_mess .com_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .top_ec {
    padding: 60px 0 80px;
  }

  .top_ec .ec_mess {
    margin-bottom: 40px;
  }

  .top_ec .ec_mess .com_btn a {
    width: 310px;
  }

  .top_ec .ec_slider {
    margin: 0 -20px;
  }

  .top_ec .ec_slider .slick-slide {
    padding: 0 10px;
  }

  .top_ec .ec_slider .ec_cont {
    padding: 15px 15px 10px;
  }

  .top_ec .ec_slider .ec_tit {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .top_ec .ec_slider .ec_map {
    margin-left: 10px;
  }
}

.top_main {
  max-width: 1366px;
  margin: 0 auto 40px;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
}

.top_main .main_slider {
  width: 70%;
  position: relative;
  z-index: 1;
}

.top_main .main_slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.top_main .main_slider .slick-dots li {
  margin: 0 10px;
  padding: 0;
  pointer-events: initial !important;
}

.top_main .main_slider .slick-dots li button {
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  background: #676464;
  opacity: 0.6;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.top_main .main_slider .slick-dots .slick-active button {
  opacity: 1;
}

@media (max-width: 1024px) {
  .top_main {
    display: block;
  }

  .top_main .main_slider {
    width: auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .top_main {
    margin: 0 0 30px;
    padding: 0;
  }

  .top_main .main_slider {
    margin-bottom: -110px;
    position: relative;
  }

  .top_main .main_slider img {
    width: 100%;
  }

  .top_main .main_slider .slick-slide {
    padding: 0 5px;
  }

  .top_main .main_slider .slick-dots {
    margin-top: 13px;
  }

  .top_main .main_slider .slick-dots li {
    margin: 0 10px;
    font-size: 0;
  }
}

/* form
----------------------------------------------- */
.inquiry .contents {
  padding: 0 0 120px;
}

.form_mess {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.form_mess .form_hd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #676464;
  margin-right: 10px;
}

.form_mess .form_hd .hd_eng {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Raleway", sans-serif;
}

.form_mess .form_hd .hd_jps {
  font-size: 40px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.form_mess .form_step {
  display: flex;
  align-items: center;
}

.form_mess .form_step li {
  width: 210px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8f8f8;
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 700;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
}

.form_mess .form_step li+li {
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 18px 50%);
  margin-left: -10px;
}

.form_mess .form_step li.current {
  background: #676464;
  color: #fff;
}

.form_mess .form_step.two_row {
  flex-wrap: wrap;
  width: 420px;
  max-width: 100%;
  margin-bottom: -10px;
}

.form_mess .form_step.two_row li {
  margin: 0 -10px 10px 0;
}

.form_mess .form_step.two_row li+li {
  margin-left: 0;
}

@media (max-width: 1024px) {
  .form_mess {
    display: block;
    margin-bottom: 30px;
  }

  .form_mess .form_hd {
    margin: 0 0 20px;
  }
}

@media (max-width: 767px) {
  .inquiry #footer .footer_navi .navi_inner {
    padding-top: 50px;
  }

  .form_mess .form_hd .hd_eng {
    font-size: 12px;
  }

  .form_mess .form_hd .hd_jps {
    font-size: 28px;
  }

  .form_mess .form_step {
    flex-wrap: wrap;
    justify-content: center;
  }

  .form_mess .form_step li {
    width: 50%;
    height: 28px;
    font-size: 12px;
    margin: 0 -5px 5px;
  }

  .form_mess .form_step li+li {
    margin: 0 -5px 5px;
  }

  .form_mess .form_step li.current {
    background: #676464;
    color: #fff;
  }
}

.form_box {
  max-width: 720px;
  margin: 0 auto;
}

.form_box+.form_box {
  margin-top: 40px;
}

.form_box .form_inner+.form_inner {
  margin-top: 30px;
}

.form_box .form_item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.form_box .form_item .item_txt {
  font-size: 16px;
  font-weight: 700;
}

.form_box .must {
  flex-shrink: 0;
  width: 44px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-right: 15px;
  background: #eb6d11;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.form_box .any {
  flex-shrink: 0;
  width: 44px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-right: 15px;
  background: #676464;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.form_box input[type=text],
.form_box input[type=tel],
.form_box input[type=email] {
  border: 1px #c1c1c1 solid;
  background: #fff;
  width: 100%;
  height: 45px;
  padding: 10px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.form_box input[type=text]:focus,
.form_box input[type=tel]:focus,
.form_box input[type=email]:focus {
  background: #f5ffea;
}

.form_box input::placeholder {
  color: #c1c1c1;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.form_box textarea {
  border: 1px #c1c1c1 solid;
  background: #fff;
  width: 100%;
  height: 190px;
  padding: 10px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.form_box .check_nopic {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: -12px;
}

.form_box .check_nopic li {
  width: calc((100% - 36px) / 4);
  margin: 0 0 12px;
}

.form_box .check_nopic.radio_nopic li {
  width: calc((100% - 12px) / 2);
}

.form_box .check_nopic li.half {
  width: calc(50% - 6px);
}

.form_box .check_nopic label span {
  border: 1px #c1c1c1 solid;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 10px 0 44px;
  font-size: 14px;
  height: 45px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.form_box .check_nopic label span:before {
  position: absolute;
  content: "";
  border: 1px #c1c1c1 solid;
  width: 22px;
  height: 22px;
  background: #fff;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.form_box .check_nopic.radio_nopic label span:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.form_box .check_nopic label input:checked+span {
  background: #f0eae4;
  border: 1px #676464 solid;
}

.form_box .check_nopic label input:checked+span:before {
  border: 1px #676464 solid;
  background: url(../img/common/ico_check.svg) center center no-repeat #676464;
}

.form_box .check_nopic.radio_nopic label input:checked+span:before {
  background: url(../img/common/ico_radio.svg) center center no-repeat;
}

.form_box .check_nopic input[type=checkbox],
.form_box .check_nopic input[type=radio] {
  display: none;
}

.form_box .error_txt {
  display: block;
  padding: 0 0 0 25px;
  font-size: 12px;
  color: #eb6d11;
  margin-bottom: 13px;
  position: relative;
}

.form_box div+.error_txt {
  margin-top: 10px;
}

.form_box .error_txt:before {
  position: absolute;
  content: "";
  background: url(../img/common/ico_error.svg) center center no-repeat;
  width: 19px;
  height: 19px;
  left: 0;
  top: 0;
  z-index: 0;
}

.form_box .for_addr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.form_box .for_addr .addr_box {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.form_box .for_addr input {
  width: 354px;
  max-width: 100%;
}

.form_box .for_addr .addr_ico {
  font-size: 14px;
  margin-right: 10px;
}

.form_box .for_addr .addr_link a {
  display: block;
  font-size: 14px;
  padding: 0 20px 0 0;
  position: relative;
}

.form_box .for_addr .addr_link a:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_yl.svg) center center no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  z-index: 0;
}

.form_btn {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form_btn .btn_box {
  margin: 0 15px;
  position: relative;
}

.form_btn .btn_box input {
  width: 100%;
  height: 56px;
  text-align: center;
  border: 2px #666464 solid;
  font-family: "Noto Sans JP", sans-serif;
  padding: 0 30px;
  font-size: 16px;
  color: #676464;
  font-weight: 700;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.form_btn .btn_box input:hover {
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.form_btn .btn_box.btn_back {
  width: 210px;
}

.form_btn .btn_box.btn_back input {
  background: url(../img/common/prev_inquiry.svg) 20px center no-repeat #fff;
}

.form_btn .btn_box.btn_back input:hover {
  background: url(../img/common/prev_inquiry.svg) 10px center no-repeat #fff;
}

.form_btn .btn_box.btn_next {
  width: 320px;
}

.form_btn .btn_box.btn_next input {
  background: url(../img/common/next_inquiry.svg) right 20px center no-repeat #fff;
}

.form_btn .btn_box.btn_next input:hover {
  background: url(../img/common/next_inquiry.svg) right 10px center no-repeat #fff;
}

@media (max-width: 767px) {
  .form_box .must {
    width: 30px;
    height: 24px;
    color: #fff;
    font-size: 10px;
    margin-right: 5px;
  }

  .form_box .any {
    width: 30px;
    height: 24px;
    font-size: 10px;
    margin-right: 5px;
  }

  .form_box .check_nopic {
    margin-bottom: -10px;
  }

  .form_box .check_nopic li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 10px;
  }

  .form_box .check_nopic.radio_nopic li {
    width: 100%;
  }

  .form_box .check_nopic li.half {
    width: 100%;
  }

  .form_box .for_addr {
    flex-direction: column;
    align-items: flex-start;
  }

  .form_box .for_addr .addr_box {
    width: 100%;
    margin: 0 0 20px;
  }

  .form_btn {
    margin-top: 40px;
    justify-content: space-between;
  }

  .form_btn.btn_only {
    justify-content: center;
  }

  .form_btn .btn_box {
    margin: 0;
  }

  .form_btn .btn_box.btn_back {
    width: 40%;
  }

  .form_btn .btn_box.btn_next {
    width: 57%;
  }

  .form_box textarea {
    height: 130px;
  }
}

/* confirm
----------------------------------------------- */
.form_detail {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.confirm_tit {
  background: #c1c1c1;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #676464;
}

.confirm_inner {
  background: #f8f8f8;
  padding: 20px 30px;
}

.confirm_row li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.confirm_row .confirm_td {
  align-self: center;
}

.confirm_row .confirm_th {
  width: 145px;
  margin-bottom: 0;
  flex-shrink: 0;
}

.confirm_td {
  font-size: 14px;
}

.confirm_td .name+.name {
  margin-top: 20px;
}

.confirm_td .name .name_in {
  margin-right: 25px;
}

.confirm_col li {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.confirm_th {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.confirm_td {
  font-size: 14px;
}

.confirm_td+.confirm_td {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .form_detail {
    font-size: 14px;
  }

  .confirm_tit {
    padding: 5px 20px;
    font-size: 12px;
  }

  .confirm_inner {
    padding: 20px;
  }

  .confirm_row li {
    display: block;
  }

  .confirm_th {
    font-size: 16px;
    width: auto;
    margin-bottom: 10px;
  }

  .confirm_row .confirm_th {
    width: auto;
    margin-bottom: 10px;
  }

  .confirm_td .name+.name {
    margin-top: 10px;
  }

  .confirm_td .name .name_in {
    margin-right: 1em;
  }
}

.photo_box {
  margin: 30px 0 50px;
}

.photo_box .photo_inner+.photo_inner {
  margin-top: 30px;
}

.photo_box .photo_cont+.photo_cont {
  margin-top: 20px;
}

.photo_box .photo_tit {
  background: #e4e4e4;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 20px;
  margin-bottom: 20px;
}

.photo_box .photo_img {
  margin-top: 10px;
}

/* thanks
----------------------------------------------- */
.thanks_box {
  background: #f8f8f8;
  padding: 80px 20px;
  margin-top: 25px;
}

.thanks_box .thanks_txt {
  text-align: center;
  font-size: 14px;
  line-height: 2;
}

.thanks_btn {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.thanks_btn a {
  color: #676464;
  width: 210px;
  height: 56px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 2px #666464 solid;
  background: url(../img/common/prev_inquiry.svg) 20px center no-repeat #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.thanks_btn a:hover {
  transform: translateY(4px);
  background: url(../img/common/prev_inquiry.svg) 10px center no-repeat #fff;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

@media (max-width: 767px) {
  .thanks_box {
    padding: 40px 20px;
    margin-top: 20px;
  }

  .thanks_box .thanks_txt {
    text-align: left;
  }

  .thanks_btn {
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }

  .thanks_btn a {
    width: 210px;
    height: 56px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 2px #666464 solid;
    background: url(../img/common/prev_inquiry.svg) 20px center no-repeat #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
  }

  .thanks_btn a:hover {
    transform: translateY(4px);
    background: url(../img/common/prev_inquiry.svg) 10px center no-repeat #fff;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    /* Firefox */
    -webkit-transition: all 0.3s !important;
    /* Chrome&Safari */
  }
}

/* customer
----------------------------------------------- */
.cust_hd {
  margin-bottom: 20px;
  background: #f8f8f8;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #676464;
}

.cust_hds {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.cust_list li+li {
  margin-top: 20px;
}

.cust_list li {
  display: flex;
  align-items: flex-start;
}

.cust_list li .cust_th {
  width: 180px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.cust_list li .cust_cont {
  flex: 1;
}

.cust_list li .cust_note {
  font-size: 12px;
  margin-top: 10px;
}

.cust_list li .cust_name {
  display: flex;
  flex-wrap: wrap;
}

.cust_list li .cust_name .name_in {
  width: 50%;
  margin: 0 -1px -1px 0;
}

.cust_list li .cust_name.kanji .name_in:nth-child(1) input {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -ms-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

.cust_list li .cust_name.kanji .name_in:nth-child(2) input {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -ms-border-radius: 0 10px 0 0;
  -o-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}

.cust_list li .cust_name.furigana .name_in:nth-child(1) input {
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -ms-border-radius: 0 0 0 10px;
  -o-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.cust_list li .cust_name.furigana .name_in:nth-child(2) input {
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -ms-border-radius: 0 0 10px 0;
  -o-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

.form_box .select_box select {
  outline: none;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/common/ico_select.svg) right 10px center no-repeat #fff;
  border: 1px #c1c1c1 solid;
  font-size: 14px;
  width: 232px;
  max-width: 100%;
  height: 44px;
  padding: 10px 25px 10px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .cust_hd {
    padding: 6px 20px;
    font-size: 12px;
  }

  .cust_list li {
    display: block;
  }

  .cust_list li .cust_th {
    width: auto;
    padding: 0;
    margin-bottom: 10px;
  }

  .form_box .select_box select {
    width: 100%;
  }
}

.form_box .check_pic {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: -10px;
}

.form_box .check_pic li {
  width: calc((100% - 12px) / 2);
  margin: 0 0 10px;
}

.form_box .check_pic label span {
  border: 1px #c1c1c1 solid;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 10px 0 124px;
  overflow: hidden;
  font-size: 14px;
  height: 60px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.form_box .check_pic label input[type=checkbox]+span:before {
  position: absolute;
  content: "";
  border: 1px #c1c1c1 solid;
  width: 22px;
  height: 22px;
  background: #fff;
  left: 90px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.form_box .check_pic label input[type=radio]+span:before {
  position: absolute;
  content: "";
  border: 1px #c1c1c1 solid;
  width: 22px;
  height: 22px;
  background: #fff;
  left: 90px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.form_box .check_pic label input[type=checkbox]:checked+span {
  background: #f0eae4;
  border: 1px #676464 solid;
}

.form_box .check_pic label input[type=checkbox]:checked+span:before {
  border: 1px #676464 solid;
  background: url(../img/common/ico_check.svg) center center no-repeat #676464;
}

.form_box .check_pic label input[type=radio]:checked+span {
  background: #f0eae4;
  border: 1px #676464 solid;
}

.form_box .check_pic label input[type=radio]:checked+span:before {
  border: 1px #676464 solid;
  background: url(../img/common/ico_radio.svg) center center no-repeat;
}

.form_box .check_pic input[type=checkbox],
.form_box .check_pic input[type=radio] {
  display: none;
}

.form_box .check_pic label .check_ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  font-size: 0;
  z-index: 1;
}

.form_box .check_pic label .check_ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .form_box .check_pic {
    display: block;
    margin-bottom: 0;
  }

  .form_box .check_pic li {
    width: 100%;
    margin: 0;
  }

  .form_box .check_pic li+li {
    margin-top: 10px;
  }

  .form_box .check_pic label span {
    height: 50px;
  }
}

.form_ssl {
  max-width: 720px;
  margin: 50px auto 0;
  border: 1px #c1c1c1 solid;
  padding: 30px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.form_ssl .ssl_tit {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px;
}

.form_ssl .ssl_tit a {
  text-decoration: underline;
}

.form_ssl .ssl_img {
  text-align: center;
  margin-bottom: 20px;
}

.form_ssl .ssl_note {
  text-align: center;
  font-size: 12px;
  line-height: 1.66;
}

.form_ssl .ssl_agree {
  margin: 25px 0 0;
}

.form_ssl .ssl_agree label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form_ssl .ssl_agree .agree_check {
  margin: 0 10px 0 0;
  display: block;
  font-size: 0;
  flex-shrink: 0;
}

.form_ssl .ssl_agree .agree_txt {
  font-size: 14px;
  display: block;
}

.form_ssl .ssl_agree .agree_check input[type=checkbox] {
  border: 1px #c1c1c1 solid;
  width: 24px;
  height: 24px;
  background: #fff;
  z-index: 0;
  position: relative;
}

.form_ssl .ssl_agree .agree_check input[type=checkbox]:checked {
  background: #676464;
  border: 1px #676464 solid;
}

.form_ssl .ssl_agree .agree_check input[type=checkbox]:checked:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/common/ico_check.svg) center center no-repeat;
}

@media (max-width: 767px) {
  .form_ssl {
    margin: 30px auto 0;
    padding: 20px;
  }

  .form_ssl .ssl_tit {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .form_ssl .ssl_note {
    font-size: 10px;
  }
}

/* inquiry_yoyaku customer
----------------------------------------------- */
.form_note {
  color: #eb6d11;
  font-size: 12px;
  margin-top: 20px;
}

.form_note_lar {
  color: #eb6d11;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}

.form_note_bk {
  color: #353a3c;
}

.form_note_gr {
  margin-bottom: 20px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
  color: #4b9379;
  line-height: 1.3;
  font-weight: 700;
}

.form_note_gr a {
  color: #4b9379;
  text-decoration: underline;
}

.form_note_gr a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .form_note {
    font-size: 10px;
    margin-top: 10px;
  }

  .form_note_lar {
    font-size: 12px;
  }
}

.form_box .form_choice {
  border-top: 1px #676464 dashed;
}

.form_box .form_choice>li {
  display: flex;
  align-items: center;
  padding: 20px 60px 20px 0;
  border-bottom: 1px #676464 dashed;
}

.form_box .form_choice .choice_tit {
  width: 180px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}

.form_box .form_choice .choice_cont {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.form_box .form_choice .choice_cont li {
  width: calc((100% - 12px) / 2);
}

@media (max-width: 767px) {
  .form_box .form_choice>li {
    display: block;
    padding: 20px 0;
  }

  .form_box .form_choice .choice_tit {
    width: auto;
    margin-bottom: 20px;
  }

  .form_box .form_choice .choice_cont {
    display: block;
  }

  .form_box .form_choice .choice_cont li {
    width: auto;
  }

  .form_box .form_choice .choice_cont li+li {
    margin-top: 10px;
  }
}

.form_send {
  margin: 60px 0;
}

.form_send .send_mess {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.form_send .send_mess .form_item {
  margin-bottom: 0;
}

.form_send .send_mess .send_pop {
  flex-shrink: 0;
}

.form_send .send_mess .send_pop a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #676464;
  width: 182px;
  height: 40px;
  border: 2px #666464 solid;
  background: #fff;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.form_send .send_mess .send_pop a img {
  margin-right: 5px;
}

.form_send .send_mess .send_pop a:hover {
  transform: translateY(4px);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.form_send .send_box {
  margin: 30px -30px 0;
  border: 1px #c1c1c1 solid;
  background: #f8f8f8;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.form_send .send_box .send_tit {
  background: #cdebdf;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #4b9379;
  text-align: center;
  border-bottom: 1px #c1c1c1 solid;
}

.form_send .send_box .send_tit a {
  color: #4b9379;
  text-decoration: underline;
}

.form_send .send_box .send_tit a:hover {
  text-decoration: none;
}

.form_send .send_box .send_inner {
  padding: 30px 20px;
}

.form_send .send_box .send_cont {
  max-width: 600px;
  margin: 0 auto;
}

.form_send .send_box .send_cont li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form_send .send_box .send_cont li+li {
  margin-top: 12px;
}

.form_send .send_box .send_name {
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
}

.form_send .send_box .send_choose {
  flex-shrink: 0;
}

.form_send .send_box .send_choose input {
  display: none;
}

.form_send .send_box .send_choose .choose_txt {
  padding: 0 0 0 128px;
  min-height: 44px;
  display: flex;
  align-items: center;
  font-size: 12px;
  position: relative;
}

.form_send .send_box .send_choose .choose_txt:before {
  position: absolute;
  content: "写真を選択する";
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  background: #f8f8f8;
  border: 1px #c1c1c1 solid;
  width: 118px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

@media (max-width: 1024px) {
  .form_send .send_box {
    margin: 30px 0 0;
  }
}

@media (max-width: 767px) {
  .form_send {
    margin: 40px 0 30px;
  }

  .form_send .send_mess {
    flex-direction: column;
    align-items: center;
  }

  .form_send .send_mess .form_item {
    margin-bottom: 20px;
  }

  .form_send .send_mess .send_pop a {
    font-size: 10px;
    width: 162px;
    height: 36px;
  }

  .form_send .send_mess .send_pop a img {
    width: 16px;
  }

  .form_send .send_box {
    margin: 30px -10px 0;
  }

  .form_send .send_box .send_tit {
    padding: 20px;
    font-size: 14px;
  }

  .form_send .send_box .send_inner {
    padding: 30px 20px;
  }

  .form_send .send_box .send_cont li {
    flex-direction: column;
    align-items: flex-start;
  }

  .form_send .send_box .send_cont li+li {
    margin-top: 30px;
  }

  .form_send .send_box .send_name {
    margin: 0 0 20px;
  }
}

/* pop
----------------------------------------------- */
.fancybox-close {
  background: url(../img/common/close_pop.svg) center center no-repeat !important;
  width: 36px !important;
  height: 45px !important;
  right: 5px !important;
  bottom: calc(100% + 10px) !important;
  top: auto !important;
}

.fancybox-inner {
  max-height: 70vh;
}

.fancybox-skin {
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  border-radius: 15px !important;
}

.fancybox-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}

#pop_box {
  display: none;
}

.pop_box {
  background: #fff;
  width: 780px;
  max-width: 100%;
  padding: 35px 30px 55px;
}

.pop_box .pop_hd {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #676464;
  margin-bottom: 30px;
}

.pop_box .pop_det {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 30px;
}

.pop_box .pop_inner {
  margin-top: 30px;
}

.pop_box .pop_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.pop_box .pop_item {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.pop_box .pop_item li {
  width: calc((100% - 12px) / 2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  padding: 0 40px 0 10px;
  background: #fff;
  border: 1px #c1c1c1 solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

.pop_box .pop_item li:before {
  position: absolute;
  content: "";
  background: url(../img/common/up_pop.webp) center center no-repeat;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 1;
}

.pop_box .pop_item li.on:before {
  background: url(../img/common/down_pop.webp) center center no-repeat;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.pop_box .pop_item li.on {
  background: #f0eae4;
  border: 1px #676464 solid;
}

.pop_box .tab_inner {
  display: none;
  max-width: 605px;
  margin: 60px auto 0;
}

.pop_box .tab_inner .tab_cont {
  margin-top: 20px;
}

.pop_box .tab_inner .tab_cont+.tab_cont {
  margin-top: 40px;
}

.pop_box .tab_inner .tab_hd {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 20px;
}

.pop_box .tab_inner .tab_det {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.pop_box .tab_inner .tab_tit {
  background: #e4e4e4;
  text-align: center;
  padding: 7px 20px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.pop_box .tab_inner .tab_list li+li {
  margin-top: 40px;
}

.pop_box .tab_inner .tab_pic {
  text-align: center;
}

.pop_box .tab_inner .tab_note {
  text-align: center;
  margin-top: 20px;
  color: #676464;
  font-size: 14px;
}

@media (max-width: 767px) {
  .fancybox-close {
    right: 10px !important;
  }

  .pop_box {
    padding: 25px 5px;
  }

  .pop_box .pop_hd {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .pop_box .pop_det {
    font-size: 14px;
  }

  .pop_box .pop_item li {
    font-size: 12px;
    width: calc((100% - 10px) / 2);
    height: 45px;
    padding: 0 35px 0 10px;
  }

  .pop_box .pop_item li:before {
    background: url(../img/common/up_pop.webp) center center no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
  }

  .pop_box .pop_item li.on:before {
    background: url(../img/common/down_pop.webp) center center no-repeat;
    background-size: 24px 24px;
  }

  .pop_box .tab_inner {
    margin: 50px auto 0;
  }

  .pop_box .tab_inner .tab_cont {
    margin-top: 30px;
  }

  .pop_box .tab_inner .tab_hd {
    font-size: 16px;
  }

  .pop_box .tab_inner .tab_det {
    font-size: 14px;
  }

  .pop_box .tab_inner .tab_det+.tab_det {
    margin-top: 10px;
  }

  .pop_box .tab_inner .tab_tit {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .pop_box .tab_inner .tab_list li+li {
    margin-top: 30px;
  }

  .pop_box .tab_inner .tab_note {
    margin-top: 10px;
    font-size: 12px;
  }
}

#addr_pop {
  display: none;
}

.addr_pop_inner {
  width: 690px;
  padding: 35px 0;
  background: #fff;
  max-width: 100%;
}

.addr_pop_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  color: #676464;
  margin-bottom: 40px;
}

.addr_pop_back {
  display: flex;
  justify-content: center;
}

.addr_pop_back a {
  color: #676464;
  width: 210px;
  height: 56px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 2px #666464 solid;
  background: url(../img/common/prev_inquiry.svg) 20px center no-repeat #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

.addr_pop_back a:hover {
  transform: translateY(4px);
  background: url(../img/common/prev_inquiry.svg) 10px center no-repeat #fff;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

@media (max-width: 767px) {
  .addr_pop_inner {
    padding: 25px 0;
  }

  .addr_pop_tit {
    margin-bottom: 30px;
  }

  .addr_pop_back a {
    width: 310px;
    max-width: 100%;
  }
}

/* reason
----------------------------------------------- */
.teaser_reason .teaser_box {
  background-image: url(../img/reason/teaser_reason.webp);
}

@media (max-width: 767px) {
  .teaser_reason .teaser_box {
    background-image: url(../img/reason/teaser_reason_sp.webp);
  }
}

.reason_main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -40px 0 40px;
}

.reason_main .main_logo {
  flex-shrink: 0;
  margin-right: 40px;
}

.reason_main .reason_hd {
  font-size: 40px;
  color: #676464;
}

.reason_det {
  font-size: 16px;
  text-align: center;
  line-height: 2;
}

.reason_point {
  margin-top: 130px;
}

@media (max-width: 767px) {
  .reason_main {
    flex-direction: column;
    align-items: center;
    margin: 0 0 20px;
  }

  .reason_main .main_logo {
    margin: 0 0 20px;
    width: 170px;
  }

  .reason_main .reason_hd {
    font-size: min(28px, 7.1vw);
    text-align: center;
  }

  .reason_point {
    margin-top: 80px;
  }
}

.reason_point .point_hd {
  margin-bottom: 100px;
  border-bottom: 1px #676464 dashed;
  padding: 0 0 50px;
  display: flex;
  justify-content: center;
}

.reason_point .point_hd .hdm {
  padding: 0 0 0 22px;
  position: relative;
}

.reason_point .point_hd .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -20px;
  z-index: 0;
}

@media (max-width: 767px) {
  .reason_point .point_hd {
    margin-bottom: 50px;
    padding: 0 0 30px;
  }

  .reason_point .point_hd .hdm {
    padding: 0 0 0 20px;
  }
}

.reason_point .point_item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.reason_point .point_item .item_ico {
  border: 1px #676464 solid;
  flex-shrink: 0;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 70px;
  height: 70px;
  line-height: 1;
  color: #676464;
  padding: 5px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.reason_point .point_item .ico_eng {
  font-size: 12px;
}

.reason_point .point_item .ico_num {
  font-size: 28px;
}

.reason_point .point_item .item_tit {
  font-size: 28px;
  font-weight: 500;
  color: #676464;
}

.reason_point .point_txt {
  line-height: 2;
}

@media (max-width: 1024px) {
  .reason_point .point_item .item_tit {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .reason_point .point_item {
    padding: 0 20px;
    margin-bottom: 20px;
  }

  .reason_point .point_item .item_ico {
    margin-right: 10px;
    width: 52px;
    height: 52px;
    padding: 5px 0 0;
  }

  .reason_point .point_item .ico_eng {
    font-size: 10px;
  }

  .reason_point .point_item .ico_num {
    font-size: 20px;
  }

  .reason_point .point_item .item_tit {
    font-size: 20px;
  }

  .reason_point .point_txt {
    padding: 0 20px;
  }
}

.reason_point .one_mess {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.reason_point .one_mess .mess_note {
  font-size: 12px;
  margin-top: 10px;
}

.reason_point .one_pic {
  width: 570px;
  max-width: 49%;
  margin-left: 50px;
  flex-shrink: 0;
}

.reason_point .one_box {
  display: flex;
  align-items: stretch;
}

.reason_point .one_box li {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  color: #666464;
}

.reason_point .one_box li:nth-child(3n) {
  margin-right: 0;
}

.reason_point .one_box .box_img {
  margin-bottom: 30px;
}

.reason_point .one_box .box_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_point .one_box .box_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}

.reason_point .one_box .box_txt {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

.reason_point .one_box .box_txt img {
  vertical-align: middle;
}

.reason_point .one_box .box_date {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .reason_point .one_box .box_tit {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .reason_point .one_mess {
    display: block;
    margin-bottom: 60px;
  }

  .reason_point .one_mess .mess_in {
    margin-bottom: 50px;
  }

  .reason_point .one_mess .mess_note {
    font-size: 10px;
    padding: 0 20px;
    font-weight: 700;
  }

  .reason_point .one_pic {
    width: auto;
    max-width: none;
    text-align: center;
    margin-left: 0;
  }

  .reason_point .one_box {
    display: block;
    padding: 0 20px;
  }

  .reason_point .one_box li {
    width: auto;
    margin-right: 0;
  }

  .reason_point .one_box li+li {
    margin-top: 40px;
  }

  .reason_point .one_box .box_img {
    text-align: center;
  }

  .reason_point .one_box .box_tit {
    font-size: 20px;
    margin-bottom: 2px;
  }

  .reason_point .one_box .box_txt {
    font-size: 20px;
  }

  .reason_point .one_box .box_txt img {
    height: 50px;
    margin: 0 5px;
  }

  .reason_point .one_box .box_date {
    font-size: 14px;
  }
}

.reason_point .two_box {
  display: flex;
  margin-top: 60px;
}

.reason_point .two_box li {
  width: calc((100% - 60px) / 3);
  margin: 0 30px 0 0;
  text-align: center;
}

.reason_point .two_box .box_img {
  margin-bottom: 30px;
}

.reason_point .two_box .box_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_point .two_box .box_cap {
  margin-bottom: 2px;
  color: #666464;
  font-size: 14px;
  font-weight: 700;
}

.reason_point .two_box .box_tit {
  font-size: 22px;
  font-weight: 700;
  color: #4b9379;
  margin-bottom: 20px;
}

.reason_point .two_box .box_txt {
  font-size: 14px;
  text-align: left;
  max-width: 300px;
  margin: 0 auto;
}

.reason_point .two_act {
  background: #f8f8f8;
  margin-top: 60px;
  padding: 80px 0 60px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.reason_point .two_act .act_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 35px 0 0;
}

.reason_point .two_act .act_left {
  width: 50%;
}

.reason_point .two_act .act_right {
  width: 45%;
}

.reason_point .two_act .hdm {
  margin-bottom: 40px;
}

.reason_point .two_act .act_lar {
  text-align: center;
}

.reason_point .two_act .act_lar img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_point .two_act .act_note {
  text-align: center;
  margin-top: 20px;
  font-weight: 700;
  color: #666464;
}

.reason_point .two_act .act_inner {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}

.reason_point .two_act .act_inner li {
  max-width: 48.5%;
}

.reason_point .two_act .act_img {
  text-align: center;
}

.reason_point .two_act .act_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_point .two_act .act_sp {
  display: none;
}

@media (max-width: 1024px) {
  .reason_point .two_act .act_box {
    display: block;
    padding: 0;
  }

  .reason_point .two_act .act_left {
    width: auto;
  }

  .reason_point .two_act .act_right {
    display: none;
  }

  .reason_point .two_act .act_sp {
    display: block;
    margin-top: 50px;
  }

  .reason_point .two_act .act_inner {
    justify-content: center;
    column-gap: 30px;
  }
}

@media (max-width: 767px) {
  .reason_point .two_box {
    margin-top: 50px;
    padding: 0 20px;
    display: block;
  }

  .reason_point .two_box li {
    width: auto;
    margin: 0;
  }

  .reason_point .two_box li+li {
    margin-top: 40px;
  }

  .reason_point .two_box .box_img {
    margin-bottom: 20px;
  }

  .reason_point .two_box .box_tit {
    font-size: min(20px, 5.1vw);
  }

  .reason_point .two_act {
    padding: 50px 20px;
  }

  .reason_point .two_act .hdm {
    margin-bottom: 20px;
  }

  .reason_point .two_act .act_inner {
    display: block;
  }

  .reason_point .two_act .act_inner li {
    max-width: none;
    margin-top: 40px;
  }

  .reason_point .two_act .act_inner li img {
    width: 310px;
  }

  .reason_point .two_act .point_txt {
    padding: 0;
  }

  .reason_point .two_act .act_sp {
    max-width: 310px;
    margin: 50px auto 0;
  }
}

.reason_point .three_max {
  max-width: 770px;
}

.reason_point .three_box {
  max-width: 1100px;
  margin: 60px auto -40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.reason_point .three_box li {
  width: 500px;
  max-width: 46%;
  text-align: center;
  margin-bottom: 40px;
}

.reason_point .three_box .box_img {
  text-align: center;
}

.reason_point .three_box .box_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_point .three_box .box_cap {
  font-size: 18px;
  font-weight: 700;
  color: #666464;
  margin-top: 30px;
}

.reason_point .three_box .box_tit {
  font-size: 29px;
  font-weight: 700;
  color: #4b9379;
  margin-top: 5px;
}

.reason_point .three_box .box_txt {
  margin-top: 15px;
  padding: 0 20px;
  font-size: 16px;
  text-align: left;
  line-height: 1.3125;
}

.reason_point .three_arch {
  background: #f8f8f8;
  margin-top: 80px;
  padding: 60px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.reason_point .three_arch .hdm {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .reason_point .three_box {
    margin: 20px auto 0;
    display: block;
    padding: 0 20px;
  }

  .reason_point .three_box li {
    width: auto;
    max-width: none;
    margin-bottom: 0;
  }

  .reason_point .three_box li+li {
    margin-top: 40px;
  }

  .reason_point .three_box .box_cap {
    font-size: 14px;
    margin-top: 20px;
  }

  .reason_point .three_box .box_tit {
    font-size: 22px;
    margin-top: 3px;
  }

  .reason_point .three_box .box_txt {
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }

  .reason_point .three_arch {
    margin-top: 60px;
    padding: 50px 0;
  }

  .reason_point .three_arch .hdm {
    margin-bottom: 20px;
    padding: 0 20px;
  }
}

.reason_honor {
  max-width: 1170px;
  margin: 120px auto 0;
  padding: 60px 20px;
  background: #f0eae5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_honor .honor_inner {
  max-width: 970px;
  margin: 0 auto;
}

.reason_honor .honor_inner .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.reason_honor .honor_item {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.reason_honor .honor_item .item_list {
  margin: 0 25px;
}

.reason_honor .honor_item .item_list li+li {
  margin-top: 10px;
}

.reason_honor .honor_item .item_list li {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 0 17px;
}

.reason_honor .honor_item .item_list li:before {
  position: absolute;
  content: "";
  background: #82b9a5;
  width: 12px;
  height: 12px;
  left: 0;
  top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.reason_honor .honor_cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px #676464 dashed;
  padding: 40px 0;
  margin-bottom: 40px;
}

.reason_honor .honor_cont li {
  line-height: 2;
  width: calc((100% - 30px) / 2);
}

.reason_honor .honor_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 40px;
}

.reason_honor .honor_date {
  text-align: right;
  font-size: 12px;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .reason_honor .honor_item .item_list {
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .reason_honor {
    margin: 80px auto 0;
  }

  .reason_honor .honor_item {
    display: block;
    padding: 25px 20px;
  }

  .reason_honor .honor_item .item_list {
    margin: 0;
  }

  .reason_honor .honor_item .item_list+.item_list {
    margin-top: 10px;
  }

  .reason_honor .honor_item .item_list li {
    font-size: 14px;
  }

  .reason_honor .honor_item .item_list li:before {
    top: 5px;
  }

  .reason_honor .honor_cont {
    display: block;
    padding: 40px 20px;
    margin-bottom: 40px;
  }

  .reason_honor .honor_cont li {
    width: auto;
  }

  .reason_honor .honor_cont li+li {
    margin-top: 30px;
  }

  .reason_honor .honor_tit {
    font-size: 18px;
  }
}

.reason_case {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .reason_case {
    margin-bottom: 130px;
  }
}

/* flow
----------------------------------------------- */
.flow_mess {
  margin-bottom: 80px;
}

.flow_mess .hdm {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .flow_mess {
    margin-bottom: 60px;
  }

  .flow_mess .hdm {
    margin-bottom: 20px;
  }

  .flow_mess .com_txt {
    font-size: 16px;
  }
}

.flow_inner {
  max-width: 1040px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.flow_inner:before {
  position: absolute;
  content: "";
  border-left: 1px #676464 dashed;
  left: 90px;
  top: 0;
  width: 1px;
  height: 100%;
  z-index: 0;
}

.flow_inner .flow_box {
  display: flex;
  align-items: center;
  padding: 0 0 90px;
}

.flow_inner .flow_box .flow_img {
  flex-shrink: 0;
  margin-right: 6.7%;
  position: relative;
}

.flow_inner .flow_box:first-child .flow_img:before {
  position: absolute;
  content: "";
  background: #fff;
  left: 50%;
  bottom: 100%;
  width: 1px;
  height: 100vh;
  z-index: 0;
}

.flow_inner .flow_box:last-child .flow_img:before {
  position: absolute;
  content: "";
  background: #fff;
  left: 50%;
  top: 100%;
  width: 1px;
  height: 100vh;
  z-index: 0;
}

.flow_inner .flow_box .flow_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.flow_inner .flow_box .flow_in {
  flex: 1;
}

.flow_inner .flow_box .flow_cont {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.flow_inner .flow_box .flow_sp {
  display: none;
}

.flow_inner .flow_box .flow_step {
  display: flex;
  align-items: center;
}

.flow_inner .flow_box .flow_step .step_ico {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #676464;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  margin-right: 30px;
  border: 1px #676464 solid;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  padding: 5px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.flow_inner .flow_box .flow_step .step_ico .ico_eng {
  font-size: 14px;
  line-height: 1;
}

.flow_inner .flow_box .flow_step .step_ico .ico_num {
  font-size: 28px;
  line-height: 1;
}

.flow_inner .flow_box .flow_step .step_txt {
  font-size: 28px;
  font-weight: 500;
  color: #676464;
}

.flow_inner .flow_box .flow_txt {
  line-height: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.flow_inner .flow_box .flow_note {
  margin-top: 5px;
  color: #4b9379;
  font-size: 12px;
  font-weight: 500;
}

.flow_inner .flow_box .flow_benefit {
  border-top: 1px #676464 dashed;
  padding: 30px 0 0;
  margin: 30px 0 0;
  display: flex;
  align-items: flex-start;
}

.flow_inner .flow_box .flow_benefit .benefit_pop {
  flex-shrink: 0;
  margin-right: 30px;
  background: #cdebde;
  padding: 7px 25px;
  font-size: 12px;
  font-weight: 700;
  color: #4b9379;
  line-height: 1.375;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

.flow_inner .flow_box .flow_benefit .benefit_pop:before {
  position: absolute;
  content: "";
  background: #cdebde;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  z-index: 1;
}

.flow_inner .flow_box .flow_benefit .benefit_txt {
  font-size: 14px;
  line-height: 2;
}

@media (max-width: 767px) {
  .flow_inner {
    padding: 0 20px;
    overflow: visible;
  }

  .flow_inner:before {
    display: none;
  }

  .flow_inner .flow_box {
    display: block;
    padding: 0 0 60px;
  }

  .flow_inner .flow_box .flow_img {
    display: none;
  }

  .flow_inner .flow_box .flow_in {
    flex: 1;
  }

  .flow_inner .flow_box .flow_cont {
    margin-bottom: 20px;
  }

  .flow_inner .flow_box .flow_sp {
    display: block;
    width: min(140px, 35.8vw);
    flex-shrink: 0;
    margin-right: min(15px, 3.8vw);
  }

  .flow_inner .flow_box .flow_sp img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .flow_inner .flow_box .flow_step {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .flow_inner .flow_box .flow_step .step_ico {
    width: 52px;
    height: 52px;
    margin: 0 0 10px;
    padding: 5px 0 0;
  }

  .flow_inner .flow_box .flow_step .step_ico .ico_eng {
    font-size: 10px;
  }

  .flow_inner .flow_box .flow_step .step_ico .ico_num {
    font-size: 20px;
  }

  .flow_inner .flow_box .flow_step .step_txt {
    font-size: min(20px, 5.1vw);
    text-align: center;
  }

  .flow_inner .flow_box .flow_step .step_txt.txt_sml {
    font-size: min(16px, 4.1vw);
  }

  .flow_inner .flow_box .flow_benefit {
    flex-direction: column;
    align-items: center;
  }

  .flow_inner .flow_box .flow_benefit .benefit_pop {
    margin: 0 0 20px;
    padding: 5px 10px;
    font-size: 14px;
  }

  .flow_inner .flow_box .flow_benefit .benefit_pop:before {
    right: 50%;
    transform: translateX(50%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 1;
  }

  .flow_inner .flow_box .flow_note {
    font-size: 10px;
  }

  .flow_inner .flow_box .flow_benefit .benefit_txt {
    font-size: 13px;
  }
}

/* menu
----------------------------------------------- */
.teaser_menu .teaser_box {
  background-image: url(../img/menu/teaser_menu.webp);
}

@media (max-width: 767px) {
  .teaser_menu .teaser_box {
    background-image: url(../img/menu/teaser_menu_sp.webp);
  }
}

.menu_mess {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #676464;
  margin-bottom: 40px;
}

.menu_mess .menu_eng {
  font-size: 16px;
  font-weight: 500;
}

.menu_mess .menu_jps {
  font-size: 40px;
}

.menu_det {
  text-align: center;
  line-height: 2;
  font-size: 16px;
}

@media (max-width: 767px) {
  .menu_mess {
    margin-bottom: 20px;
  }

  .menu_mess .menu_eng {
    font-size: 12px;
  }

  .menu_mess .menu_jps {
    font-size: 28px;
  }
}

.menu_anchor {
  background: #f8f8f8;
  margin-top: 50px;
  padding: 90px 20px 75px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.menu_anchor .anchor_box {
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.menu_anchor.no_ico_anchor .anchor_box .anchor_item {
  padding: 30px 10px;
}

.menu_anchor .anchor_box li {
  width: 22.5%;
  margin: 0 3.33% 0 0;
}

.menu_anchor .anchor_box li:last-child {
  margin-right: 0;
}

.menu_anchor .anchor_box .anchor_item {
  height: 100%;
  background: #fff;
  padding: 60px 10px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.menu_anchor .anchor_box .anchor_item:before {
  position: absolute;
  content: "";
  background: url(../img/menu/arrow_anchor.webp) center center #676464 no-repeat;
  width: 44px;
  height: 44px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.menu_anchor .anchor_box .anchor_ico {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background: #f0eae4;
  width: 102px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.menu_anchor .anchor_box .anchor_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
}

@media (max-width: 1024px) {
  .menu_anchor .anchor_box .anchor_tit {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .menu_anchor {
    margin-top: 40px;
    padding: 70px 20px 80px;
  }

  .menu_anchor .anchor_box {
    margin: 0 auto -70px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .menu_anchor .anchor_box li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 70px;
  }

  .menu_anchor .anchor_box .anchor_item {
    padding: 40px 10px 30px;
  }

  .menu_anchor .anchor_box .anchor_item:before {
    background: url(../img/menu/arrow_anchor.webp) center center #676464 no-repeat;
    background-size: 16px auto;
    width: 36px;
    height: 36px;
  }

  .menu_anchor .anchor_box .anchor_ico {
    width: 62px;
    height: 62px;
  }

  .menu_anchor .anchor_box .anchor_ico.ico_01 img {
    width: 46px;
  }

  .menu_anchor .anchor_box .anchor_ico.ico_02 img {
    width: 38px;
  }

  .menu_anchor .anchor_box .anchor_ico.ico_03 img {
    width: 20px;
  }

  .menu_anchor .anchor_box .anchor_ico.ico_04 img {
    width: 44px;
  }

  .menu_anchor .anchor_box .anchor_tit {
    font-size: 20px;
  }
}

.menu_inner {
  margin: 110px 0 120px;
}

.menu_inner .menu_box {
  display: flex;
  align-items: center;
  position: relative;
}

.menu_inner .menu_box.reverse {
  flex-direction: row-reverse;
}

.menu_inner .menu_box+.menu_box {
  margin-top: 100px;
}

.menu_inner .menu_box .menu_cont {
  flex: 1;
}

.menu_inner .menu_box .hdm {
  margin-bottom: 40px;
}

.menu_inner .menu_box .com_btn {
  justify-content: flex-start;
  margin-top: 40px;
}

.menu_inner .menu_box .menu_img {
  align-self: flex-start;
  width: 570px;
  max-width: 49%;
  margin: 0 0 0 30px;
  flex-shrink: 0;
}

.menu_inner .menu_box .menu_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 20px 20px 0 #cdebde;
  -moz-box-shadow: 20px 20px 0 #cdebde;
  -ms-box-shadow: 20px 20px 0 #cdebde;
  -o-box-shadow: 20px 20px 0 #cdebde;
  box-shadow: 20px 20px 0 #cdebde;
}

.menu_inner .menu_box.reverse .menu_img {
  margin: 0 30px 0 0;
}

.menu_inner .menu_box.reverse .menu_img img {
  -webkit-box-shadow: -20px 20px 0 #cdebde;
  -moz-box-shadow: -20px 20px 0 #cdebde;
  -ms-box-shadow: -20px 20px 0 #cdebde;
  -o-box-shadow: -20px 20px 0 #cdebde;
  box-shadow: -20px 20px 0 #cdebde;
}

.menu_inner .menu_box .menu_img_sp {
  display: none;
}

.menu_inner .menu_box .menu_img_sp img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .menu_inner {
    margin: 60px 0 120px;
  }

  .menu_inner .menu_box {
    display: block;
  }

  .menu_inner .menu_box+.menu_box {
    margin-top: 60px;
  }

  .menu_inner .menu_box .hdm {
    font-size: min(28px, 7.1vw);
    margin-bottom: 20px;
  }

  .menu_inner .menu_box .com_btn {
    justify-content: center;
  }

  .menu_inner .menu_box .menu_img {
    display: none;
  }

  .menu_inner .menu_box .com_txt {
    font-size: 16px;
  }

  .menu_inner .menu_box .menu_img_sp {
    display: block;
    margin-bottom: 40px;
  }

  .menu_inner .menu_box .menu_img_sp img {
    -webkit-box-shadow: 10px 10px 0 #cdebde;
    -moz-box-shadow: 10px 10px 0 #cdebde;
    -ms-box-shadow: 10px 10px 0 #cdebde;
    -o-box-shadow: 10px 10px 0 #cdebde;
    box-shadow: 10px 10px 0 #cdebde;
  }

  .menu_inner .menu_box.reverse .menu_img_sp img {
    -webkit-box-shadow: -10px 10px 0 #cdebde;
    -moz-box-shadow: -10px 10px 0 #cdebde;
    -ms-box-shadow: -10px 10px 0 #cdebde;
    -o-box-shadow: -10px 10px 0 #cdebde;
    box-shadow: -10px 10px 0 #cdebde;
  }
}

/* sub top
----------------------------------------------- */
.sub_top {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .sub_top {
    margin-bottom: 80px;
  }

  .sub_top .hdm {
    font-size: 22px;
  }
}

.sub_top .sub_main {
  padding-bottom: 60px;
}

.sub_top .sub_reno+.sub_main {
  padding-top: 60px;
}

.sub_top .sub_main .main_flex {
  display: flex;
  align-items: center;
}

.sub_top .sub_main .main_cont {
  flex: 1;
}

.sub_top .sub_main .main_img {
  width: 570px;
  max-width: 49%;
  align-self: flex-start;
  flex-shrink: 0;
  margin-left: 20px;
}

.sub_top .sub_main .main_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_top .sub_main .main_tit {
  color: #676464;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 40px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.sub_top .sub_main .main_det {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 20px;
}

.sub_top .sub_main .main_txt {
  line-height: 2;
  font-size: 16px;
}

@media (max-width: 767px) {
  .sub_top .sub_main .main_flex {
    display: block;
  }

  .sub_top .sub_main .main_img {
    width: auto;
    text-align: center;
    max-width: none;
    margin: 40px 0 0;
  }

  .sub_top .sub_main .main_tit {
    font-size: 22px;
    margin-bottom: 30px;
  }

  .sub_top .sub_main .main_det {
    font-size: 18px;
  }
}

.sub_top .sub_reno {
  background: #f8f8f8;
  padding: 60px 0 110px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.sub_top .sub_reno .hdm {
  text-align: center;
  margin-bottom: 75px;
}

.sub_top .reno_box {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 0 -15px;
}

.sub_top .reno_box li {
  width: calc((100% - 90px) / 4);
  margin: 0 15px;
}

.sub_top .reno_box .reno_nolink {
  pointer-events: none;
}

.sub_top .reno_box .reno_nolink .reno_cont {
  background: none;
}

.sub_top .reno_box .reno_item {
  background: #fff;
  display: flex;
  align-items: center;
  height: 130px;
  padding: 25px 20px 0;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_top .reno_box .reno_item:hover {
  opacity: 0.5;
}

.sub_top .reno_box .reno_ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.sub_top .reno_box .reno_cont {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: center;
  color: #676464;
  font-size: 22px;
  font-weight: 700;
  padding: 0 20px 0 0;
  background: url(../img/common/arrow_bk.svg) right center no-repeat;
}

@media (max-width: 1024px) {
  .sub_top .reno_box .reno_cont {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .sub_top .sub_reno {
    padding: 30px 0 60px;
  }

  .sub_top .sub_reno .hdm {
    margin-bottom: 90px;
  }

  .sub_top .reno_box {
    flex-wrap: wrap;
    margin: 0 -10px -55px;
  }

  .sub_top .reno_box li {
    width: calc((100% - 20px) / 2);
    margin: 0 5px 55px;
  }

  .sub_top .reno_box .reno_item {
    height: auto;
    padding: 56px 10px 20px;
  }

  .sub_top .reno_box .reno_cont {
    font-size: 20px;
    height: auto;
  }
}

.sub_top .sub_way {
  background: #f8f8f8;
}

.sub_top .sub_way .way_inner {
  padding: 80px 0 260px;
  overflow: hidden;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  position: relative;
}

.sub_top .sub_way .way_inner:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sub_top .sub_way .way_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sub_top .sub_way .way_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_top .sub_way .way_pic {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.sub_top .sub_way .hdm {
  color: #fff;
  margin-bottom: 40px;
}

.sub_top .sub_way .inner {
  position: relative;
  z-index: 1;
}

.sub_top .sub_way .way_box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.sub_top .sub_way .way_box li {
  width: calc((100% - 90px) / 4);
  background: #fff;
  height: 160px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width: 1024px) {
  .sub_top .sub_way .way_box {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }

  .sub_top .sub_way .way_box li {
    width: calc((100% - 10px) / 2);
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .sub_top .sub_way .way_inner {
    padding: 40px 0 300px;
  }

  .sub_top .sub_way .hdm {
    margin-bottom: 30px;
  }

  .sub_top .sub_way .way_box li {
    height: auto;
    min-height: 174px;
    padding: 10px 20px;
    font-size: min(18px, 4.6vw);
  }
}

.sub_feature {
  margin-top: 90px;
}

.sub_feature .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sub_feature .hdm {
  text-align: center;
  padding: 0 0 0 35px;
  position: relative;
}

.sub_feature .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -17px;
  z-index: 0;
}

.sub_feature .feat_box {
  margin-top: 160px;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sub_feature .feat_box li {
  width: 370px;
  max-width: 32%;
  background: #cdebde;
  padding: 130px 20px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.sub_feature .feat_box .feat_img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 220px;
  transform: translate(-50%, -50%);
  border: 10px #cdebde solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.sub_feature .feat_box .feat_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 25px;
}

.sub_feature .feat_box .feat_txt {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .sub_feature .feat_box .feat_img {
    width: 150px;
  }

  .sub_feature .feat_box .feat_tit {
    font-size: 17px;
  }

  .sub_feature .feat_box li {
    padding: 100px 20px 30px;
  }
}

@media (max-width: 767px) {
  .sub_feature {
    margin-top: 100px;
  }

  .sub_feature .hdm {
    padding: 0;
  }

  .sub_feature .hdm:before {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }

  .sub_feature .feat_box {
    display: block;
    margin-top: 130px;
  }

  .sub_feature .feat_box li {
    width: auto;
    max-width: none;
    padding: 100px 20px 40px;
  }

  .sub_feature .feat_box li+li {
    margin-top: 110px;
  }

  .sub_feature .feat_box .feat_img {
    width: 160px;
  }

  .sub_feature .feat_box .feat_tit {
    font-size: 22px;
  }
}

.sub_top .sub_if {
  overflow: hidden;
  margin-top: 150px;
  padding: 80px 0 270px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  position: relative;
}

.sub_top .sub_if:before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.75);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sub_top .sub_if .inner {
  position: relative;
  z-index: 1;
}

.sub_top .sub_if .if_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sub_top .sub_if .if_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.sub_top .sub_if .if_pic {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.sub_top .sub_if .hdm {
  margin-bottom: 40px;
}

.sub_top .sub_if .if_box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.sub_top .sub_if .if_box li {
  width: 270px;
  max-width: 23%;
  background: #fff;
  border: 4px #cdebde solid;
  padding: 30px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_top .sub_if .if_box .if_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
}

.sub_top .sub_if .if_box .if_cap {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #4b9379;
}

@media (max-width: 1024px) {
  .sub_top .sub_if .if_box {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }

  .sub_top .sub_if .if_box li {
    width: calc((100% - 10px) / 2);
    max-width: none;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .sub_top .sub_if {
    margin-top: 60px;
    padding: 40px 0 270px;
  }

  .sub_top .sub_if .hdm {
    margin-bottom: 30px;
  }

  .sub_top .sub_if .if_box li {
    padding: 20px 15px;
  }

  .sub_top .sub_if .if_box .if_txt {
    font-size: min(14px, 3.6vw);
  }

  .sub_top .sub_if .if_box .if_cap {
    font-size: 12px;
  }

  .sub_top .sub_if .if_pic img {
    width: 288px;
  }
}

.sub_exp {
  margin-top: 100px;
}

.sub_exp .com_btn {
  margin: 40px 0 0;
}

.sub_exp .com_btn a {
  width: 320px;
}

.sub_exp .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.sub_exp .exp_inner {
  padding: 0 0 80px;
  position: relative;
}

.sub_exp .exp_inner:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  width: 100%;
  height: calc(100% - 90px);
  left: 0;
  bottom: 0;
  z-index: 0;
}

.sub_exp .exp_box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: -30px;
}

.sub_exp .exp_box li {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 30px 0;
}

.sub_exp .exp_box li:nth-child(3n) {
  margin-right: 0;
}

.sub_exp .exp_box li a {
  display: block;
  padding: 0 20px 40px;
  position: relative;
}

.sub_exp .exp_box li a:hover {
  opacity: 0.5;
}

.sub_exp .exp_box li a:before {
  position: absolute;
  content: "";
  background: #fff;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  z-index: 0;
}

.sub_exp .exp_box li a.exp_nolink {
  pointer-events: none;
}

.sub_exp .exp_box li a.exp_nolink .exp_link:before {
  display: none;
}

.sub_exp .exp_box .exp_img {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.sub_exp .exp_box .exp_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_exp .exp_box .exp_link {
  padding: 0 40px 0 0;
  font-size: 22px;
  display: flex;
  align-items: center;
  color: #676464;
  font-weight: 700;
  position: relative;
}

.sub_exp .exp_box .exp_link:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_wh.svg) center center no-repeat #676464;
  width: 36px;
  height: 36px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

@media (max-width: 1024px) {
  .sub_exp .exp_box li {
    width: calc((100% - 20px) / 3);
    margin: 0 10px 30px 0;
  }
}

@media (max-width: 767px) {
  .sub_exp {
    padding: 40px 0;
    margin-top: 60px;
    background: #f8f8f8;
  }

  .sub_exp .hdm {
    margin-bottom: 35px;
  }

  .sub_exp .exp_inner {
    padding: 0;
    position: relative;
  }

  .sub_exp .exp_inner:before {
    display: none;
  }

  .sub_exp .exp_box {
    display: block;
    margin-bottom: 0;
  }

  .sub_exp .exp_box li {
    width: auto;
    margin: 0;
  }

  .sub_exp .exp_box li+li {
    margin-top: 40px;
  }

  .sub_exp .exp_box li a {
    padding: 0 20px 20px;
  }

  .sub_exp .exp_box li a:before {
    height: 67%;
  }

  .sub_exp .exp_box .exp_img {
    margin-bottom: 20px;
  }
}

/* sub_low
----------------------------------------------- */
.sub_low {
  padding: 0 0 80px;
  margin: -30px 0 0;
  position: relative;
}

@media (max-width: 767px) {
  .sub_low {
    padding: 0 0 20px;
    margin: 0;
  }

  .sub_low .hdm {
    font-size: 22px;
  }
}

.sub_low .low_name {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #676464;
  margin-bottom: 40px;
}

.sub_low .low_name .name_eng {
  font-size: 16px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}

.sub_low .low_name .name_jps {
  font-size: 40px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media (max-width: 767px) {
  .sub_low .low_name {
    margin-bottom: 20px;
  }

  .sub_low .low_name .name_eng {
    font-size: 12px;
  }

  .sub_low .low_name .name_jps {
    margin-top: 5px;
    font-size: min(28px, 7.17vw);
  }
}

.sub_low .low_main {
  margin-bottom: 40px;
}

.sub_low .low_main .main_img {
  text-align: center;
}

.sub_low .low_main .main_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_main .main_cont {
  width: 520px;
  max-width: 100%;
  background: #fff;
  font-size: 22px;
  color: #676464;
  font-weight: 500;
  line-height: 2;
  padding: 40px 50px 40px 0;
  -webkit-border-radius: 0 15px 15px 15px;
  -moz-border-radius: 0 15px 15px 15px;
  -ms-border-radius: 0 15px 15px 15px;
  -o-border-radius: 0 15px 15px 15px;
  border-radius: 0 15px 15px 15px;
  position: relative;
  margin-top: -166px;
}

@media (max-width: 1024px) {
  .sub_low .low_main .main_cont {
    width: 430px;
    font-size: 20px;
    padding: 30px 30px 30px 0;
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_main {
    margin-bottom: 60px;
  }

  .sub_low .low_main .main_img {
    margin: 0 -20px;
  }

  .sub_low .low_main .main_img img {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .sub_low .low_main .main_cont {
    width: auto;
    font-size: 16px;
    padding: 30px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    margin-top: -70px;
  }
}

.sub_low .low_detail {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
}

@media (max-width: 767px) {
  .sub_low .low_detail {
    font-size: 18px;
  }
}

.sub_low .low_time {
  margin-top: 40px;
  padding: 60px 0 90px;
  overflow: hidden;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  position: relative;
}

.sub_low .low_time .time_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sub_low .low_time:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sub_low .low_time .time_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_low .low_time .inner {
  position: relative;
  z-index: 1;
}

.sub_low .low_time .hdm {
  color: #fff;
  margin-bottom: 40px;
}

.sub_low .low_time .low_detail {
  color: #fff;
  margin-bottom: 40px;
  font-weight: 500;
}

.sub_low .low_time .time_note {
  color: #fff;
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  margin-top: 40px;
}

.sub_low .low_time .time_slider {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.sub_low .low_time .time_slider .time_inner {
  width: 370px;
  max-width: 32%;
}

.sub_low .low_time .time_slider .slick-slide {
  outline: none;
}

.sub_low .low_time .time_slider .time_cap {
  background: #cdebde;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 10px;
}

.sub_low .low_time .time_slider .time_cap:before {
  position: absolute;
  content: "";
  background: #cdebde;
  width: 30px;
  height: 20px;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
}

.sub_low .low_time .time_slider .time_img {
  position: relative;
}

.sub_low .low_time .time_slider .time_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.sub_low .low_time .time_slider .time_cont {
  padding: 20px 20px 35px;
  background: #fff;
  border: 1px #e4e4e4 solid;
  border-top: none;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.sub_low .low_time .time_slider .time_tit {
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 15px;
}

.sub_low .low_time .time_slider .time_txt {
  font-size: 14px;
}

@media (max-width: 1024px) {
  .sub_low .low_time .time_slider .time_cap {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_time {
    margin-top: 60px;
    padding: 40px 0 60px;
  }

  .sub_low .low_time .hdm {
    color: #fff;
    margin-bottom: 30px;
  }

  .sub_low .low_time .low_detail {
    margin-bottom: 30px;
  }

  .sub_low .low_time .time_note {
    font-size: 14px;
    line-height: 2;
    margin-top: 30px;
  }

  .sub_low .low_time .time_slider {
    margin: 0 -20px;
    display: block;
  }

  .sub_low .low_time .time_slider .time_inner {
    width: auto;
    max-width: none;
  }

  .sub_low .low_time .time_slider .slick-slide {
    padding: 0 10px;
  }

  .sub_low .low_time .time_slider .time_cap {
    font-size: min(14px, 3.58vw);
  }

  .sub_low .low_time .time_slider .time_cont {
    padding: 15px 15px 25px;
  }

  .sub_low .low_time .time_slider .time_tit {
    font-size: min(18px, 4.6vw);
    margin-bottom: 10px;
  }

  .sub_low .low_time .time_slider .slick-arrow {
    position: absolute;
    bottom: calc((100% - 100px) / 2);
    transform: translateY(50%);
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .sub_low .low_time .time_slider .slick-prev {
    left: 10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .sub_low .low_time .time_slider .slick-next {
    right: 10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.sub_low .low_tips {
  margin-top: 100px;
  position: relative;
}

.sub_low .low_tips .hdm {
  padding: 0 0 0 40px;
  margin-bottom: 35px;
  position: relative;
}

.sub_low .low_tips .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -18px;
  z-index: 0;
}

.sub_low .low_tips .low_detail {
  margin-bottom: 15px;
}

.sub_low .low_tips .com_txt {
  max-width: 770px;
}

.sub_low .low_tips .tips_box {
  margin-top: 180px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sub_low .low_tips .tips_box li {
  width: 370px;
  max-width: 32%;
  background: #cdebde;
  padding: 130px 20px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.sub_low .low_tips .tips_box .tips_img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 220px;
  transform: translate(-50%, -50%);
  border: 10px #cdebde solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.sub_low .low_tips .tips_box .tips_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 25px;
}

.sub_low .low_tips .tips_box .tips_txt {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .sub_low .low_tips .tips_box .tips_img {
    width: 150px;
  }

  .sub_low .low_tips .tips_box .tips_tit {
    font-size: 17px;
  }

  .sub_low .low_tips .tips_box li {
    padding: 100px 20px 30px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_tips {
    margin-top: 120px;
  }

  .sub_low .low_tips .hdm {
    padding: 0;
    margin-bottom: 30px;
  }

  .sub_low .low_tips .hdm:before {
    top: auto;
    bottom: calc(100% + 5px);
  }

  .sub_low .low_tips .com_txt {
    max-width: none;
  }

  .sub_low .low_tips .tips_box {
    display: block;
    margin-top: 130px;
  }

  .sub_low .low_tips .tips_box li {
    width: auto;
    max-width: none;
    padding: 100px 20px 40px;
  }

  .sub_low .low_tips .tips_box li+li {
    margin-top: 110px;
  }

  .sub_low .low_tips .tips_box .tips_img {
    width: 160px;
  }

  .sub_low .low_tips .tips_box .tips_tit {
    font-size: 22px;
  }
}

.sub_low .low_type {
  margin-top: 120px;
}

.sub_low .low_type .hdm {
  padding: 0 0 0 40px;
  margin-bottom: 35px;
  position: relative;
}

.sub_low .low_type .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -18px;
  z-index: 0;
}

.sub_low .low_type .low_detail {
  margin-bottom: 75px;
}

.sub_low .low_type .type_box .type_inner {
  outline: none;
}

.sub_low .low_type .type_box .type_inner+.type_inner {
  margin-top: 40px;
}

.sub_low .low_type .type_box .type_tit {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 35px;
}

.sub_low .low_type .type_box .type_flex {
  display: flex;
  align-items: center;
}

.sub_low .low_type .type_box .type_img {
  align-self: flex-start;
  width: 370px;
  max-width: 32%;
  flex-shrink: 0;
  margin-right: 30px;
}

.sub_low .low_type .type_box .type_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_type .type_box .type_cont {
  width: 100%;
  display: flex;
  align-items: flex-start;
  column-gap: 30px;
}

.sub_low .low_type .type_box .type_cont.wrap {
  flex-wrap: wrap;
}

.sub_low .low_type .type_box .type_cont.wrap .type_item {
  width: 50%;
}

.sub_low .low_type .type_box .type_cont.wrap .caution {
  width: 100%;
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
}

.sub_low .low_type .type_box .type_item {
  flex: 1;
}

.sub_low .low_type .type_box .type_name {
  font-size: 22px;
  color: #4b9379;
  font-weight: 700;
  margin-bottom: 15px;
}

.sub_low .low_type .type_box .type_list li {
  font-size: 16px;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 1024px) {
  .sub_low .low_type .type_box .type_img {
    margin-right: 20px;
  }

  .sub_low .low_type .type_box .type_cont {
    column-gap: 20px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_type .hdm {
    padding: 0;
    margin-bottom: 30px;
  }

  .sub_low .low_type .hdm:before {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }

  .sub_low .low_type .low_detail {
    margin-bottom: 35px;
  }

  .sub_low .low_type .type_box {
    margin: 0 -20px;
  }

  .sub_low .low_type .type_box .type_inner {
    padding: 0 5px;
  }

  .sub_low .low_type .type_box .type_inner+.type_inner {
    margin-top: 0;
  }

  .sub_low .low_type .type_box .type_tit {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .sub_low .low_type .type_box .type_flex {
    display: block;
  }

  .sub_low .low_type .type_box .type_img {
    width: auto;
    max-width: none;
    margin: 0 0 20px;
  }

  .sub_low .low_type .type_box .type_img img {
    width: 100%;
  }

  .sub_low .low_type .type_box .type_cont {
    display: block;
    column-gap: 0;
    padding: 0 20px;
  }

  .sub_low .low_type .type_box .type_cont.wrap .type_item {
    width: 100%;
  }

  .sub_low .low_type .type_box .type_item+.type_item {
    margin-top: 20px;
  }

  .sub_low .low_type .type_box .type_name {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .sub_low .low_type .type_box .slick-arrow {
    position: absolute;
    top: 36vw;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .sub_low .low_type .type_box .slick-prev {
    left: 10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .sub_low .low_type .type_box .slick-next {
    right: 10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.sub_low .low_suit {
  margin-top: 120px;
  padding: 80px 0 0;
  position: relative;
}

.sub_low .low_suit .top_case {
  margin: 0;
}

.sub_low .low_suit:before {
  position: absolute;
  content: "";
  background: #f0eae4;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 60px);
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  z-index: 0;
}

.sub_low .low_suit .inner {
  position: relative;
  z-index: 1;
}

.sub_low .low_suit .hdm {
  margin-bottom: 80px;
}

.sub_low .low_suit .suit_slider {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sub_low .low_suit .suit_inner {
  width: 370px;
  max-width: 32%;
  outline: none;
}

.sub_low .low_suit .suit_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.sub_low .low_suit .suit_cont {
  border: 1px #e4e4e4 solid;
  background: #fff;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  border-top: none;
  padding: 20px 20px 15px;
}

.sub_low .low_suit .suit_tit {
  font-size: 18px;
  color: #676464;
  font-weight: 700;
  padding: 0 20px 0 0;
  margin-bottom: 30px;
}

.sub_low .low_suit .suit_mess {
  text-align: right;
  color: #676464;
  font-weight: 700;
  font-size: 10px;
}

.sub_low .low_suit .suit_mess .txt_mid {
  font-size: 12px;
}

.sub_low .low_suit .suit_mess .txt_lar {
  font-size: 16px;
}

@media (max-width: 767px) {
  .sub_low .low_suit {
    margin-top: 80px;
    padding: 40px 0 50px;
    background: #f0eae4;
    -webkit-border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    -ms-border-radius: 40px 40px 0 0;
    -o-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
    position: relative;
  }

  .sub_low .low_suit:before {
    display: none;
  }

  .sub_low .low_suit .hdm {
    margin-bottom: 40px;
  }

  .sub_low .low_suit .suit_slider {
    display: block;
    margin: 0 -20px;
  }

  .sub_low .low_suit .suit_inner {
    width: auto;
    max-width: none;
    outline: none;
    padding: 0 10px;
  }

  .sub_low .low_suit .suit_cont {
    padding: 15px 15px 10px;
  }

  .sub_low .low_suit .suit_tit {
    padding: 0;
    margin-bottom: 40px;
  }

  .sub_low .low_suit .suit_mess .txt_mid {
    font-size: 10px;
  }

  .sub_low .low_suit .suit_mess .txt_lar {
    font-size: 18px;
  }

  .sub_low .low_suit .suit_slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .sub_low .low_suit .suit_slider .slick-prev {
    left: 10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .sub_low .low_suit .suit_slider .slick-next {
    right: 10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.sub_low .low_voice {
  margin-top: 120px;
  background: #f0eae4;
  padding: 80px 0 75px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.sub_low .low_voice .hdm {
  margin-bottom: 15px;
}

.sub_low .low_voice .com_txt {
  margin-bottom: 35px;
}

.sub_low .low_voice .voice_slider {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.sub_low .low_voice .voice_slider .voice_inner {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 30px 0;
  background: #fff;
  padding: 20px 20px 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_voice .voice_slider .voice_inner:nth-child(3n) {
  margin-right: 0;
}

.sub_low .low_voice .voice_slider .voice_txt {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}

.sub_low .low_voice .voice_slider .voice_age {
  text-align: right;
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .sub_low .low_voice .voice_slider .voice_inner {
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0;
  }
}

@media (max-width: 767px) {
  .sub_low .low_voice {
    margin-top: 60px;
    padding: 40px 0 80px;
  }

  .sub_low .low_voice .com_txt {
    font-size: 16px;
  }

  .sub_low .low_voice .voice_slider {
    display: block;
    margin: 0 -20px;
  }

  .sub_low .low_voice .voice_slider .voice_inner {
    width: auto;
    margin: 0 10px;
    padding: 20px;
  }

  .sub_low .low_voice .voice_slider .voice_inner:nth-child(3n) {
    margin-right: 10px;
  }

  .sub_low .low_voice .voice_slider .voice_txt {
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .sub_low .low_voice .voice_slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .sub_low .low_voice .voice_slider .slick-prev {
    left: 10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .sub_low .low_voice .voice_slider .slick-next {
    right: 10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.sub_low .low_case {
  margin-top: 100px;
  padding: 0 0 80px;
  position: relative;
}

.sub_low .low_case:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  width: 100%;
  height: 250px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.sub_low .low_case .inner {
  position: relative;
  z-index: 1;
}

.sub_low .low_case .hdm {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .sub_low .low_case {
    background: #f8f8f8;
    margin-top: 100px;
    padding: 40px 0 30px;
  }

  .sub_low .low_case:before {
    display: none;
  }

  .sub_low .low_case .hdm {
    font-size: 28px;
  }
}

.sub_low .low_column {
  background: #f8f8f8;
  padding: 80px 0;
}

.sub_low .low_column .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.sub_low .low_column .com_btn {
  margin-top: 50px;
}

.sub_low .low_column .com_btn a {
  width: 320px;
}

.sub_low .low_column .col_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sub_low .low_column .col_list li {
  width: 570px;
  max-width: 49%;
}

.sub_low .low_column .col_list li a {
  display: flex;
  align-items: flex-start;
}

.sub_low .low_column .col_list .col_pic {
  width: 210px;
  flex-shrink: 0;
  margin-right: 30px;
}

.sub_low .low_column .col_list .col_pic img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_column .col_list .col_cont {
  flex: 1;
}

.sub_low .low_column .col_list .col_sp {
  display: none;
}

.sub_low .low_column .col_list .col_cap {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #676464;
}

.sub_low .low_column .col_list .col_txt {
  padding: 0 20px 0 0;
  font-weight: 500;
  font-size: 16px;
  background: url(../img/common/arrow_bk.svg) right center no-repeat;
}

.sub_low .low_column .col_list .col_cate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0 -5px;
}

.sub_low .low_column .col_list .col_cate .cate_in {
  margin: 0 5px 5px 0;
  font-size: 12px;
  color: #676464;
  display: block;
  padding: 5px 10px;
  border: 1px #676464 solid;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .sub_low .low_column .col_list {
    display: block;
  }

  .sub_low .low_column .col_list li {
    width: auto;
    max-width: none;
  }

  .sub_low .low_column .col_list li+li {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_column {
    padding: 30px 0 50px;
  }

  .sub_low .low_column .hdm {
    font-size: 28px;
  }

  .sub_low .low_column .com_btn {
    margin-top: 40px;
  }

  .sub_low .low_column .com_btn a {
    width: 310px;
  }

  .sub_low .low_column .col_list {
    width: auto;
  }

  .sub_low .low_column .col_list li a {
    display: block;
  }

  .sub_low .low_column .col_list .col_pic {
    display: none;
  }

  .sub_low .low_column .col_list .col_cont {
    padding: 0;
  }

  .sub_low .low_column .col_list .col_inner {
    display: flex;
    align-items: flex-start;
  }

  .sub_low .low_column .col_list .col_sp {
    display: block;
    width: 130px;
    flex-shrink: 0;
    margin-right: 15px;
  }

  .sub_low .low_column .col_list .col_sp img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .sub_low .low_column .col_list .col_item {
    flex: 1;
  }

  .sub_low .low_column .col_list .col_cap {
    margin-bottom: 5px;
  }

  .sub_low .low_column .col_list .col_txt {
    padding: 0 15px 0 0;
    font-weight: 700;
  }

  .sub_low .low_column .col_list .col_cate .cate_in {
    margin: 0 8px 5px 0;
  }
}

.sub_low .low_faq {
  padding: 80px 0;
}

.sub_low .low_faq .hdm {
  margin-bottom: 60px;
  text-align: center;
}

.sub_low .low_faq .faq_box .q_box {
  border-top: 1px #676464 dashed;
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.sub_low .low_faq .faq_box .a_box {
  border-top: 1px #676464 dashed;
  padding: 20px 0 20px 85px;
  display: flex;
  align-items: center;
}

.sub_low .low_faq .faq_box .faq_ico {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  align-self: flex-start;
  font-family: "Raleway", sans-serif;
  flex-shrink: 0;
  margin-right: 30px;
}

.sub_low .low_faq .faq_box .faq_txt {
  font-size: 16px;
}

.sub_low .low_faq .faq_box .q_box .faq_ico {
  color: #676464;
}

.sub_low .low_faq .faq_box .a_box .faq_ico {
  color: #c1c1c1;
}

.sub_low .low_faq .faq_box .q_box .faq_txt {
  font-weight: 700;
}

.sub_low .low_faq .com_btn {
  margin-top: 20px;
}

.sub_low .low_faq .com_btn a {
  width: 320px;
}

@media (max-width: 767px) {
  .sub_low .low_faq {
    padding: 40px 0 90px;
  }

  .sub_low .low_faq .hdm {
    margin-bottom: 40px;
    font-size: 28px;
  }

  .sub_low .low_faq .faq_box .a_box {
    padding: 20px 0 20px 20px;
  }

  .sub_low .low_faq .faq_box .faq_ico {
    font-size: 32px;
    margin-right: 10px;
  }

  .sub_low .low_faq .com_btn a {
    width: 310px;
  }
}

.sub_low .low_exp {
  margin-top: 120px;
}

@media (max-width: 767px) {
  .sub_low .low_exp {
    margin-top: 0;
  }
}

.sub_low .low_product {
  position: relative;
  margin-top: 120px;
}

.sub_low .low_product .hdm {
  margin-bottom: 40px;
}

.sub_low .low_product .pro_fac {
  background: #fff;
  border: 2px #cdebde solid;
  padding: 40px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_product .pro_fac .fac_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #82b9a5;
  margin-bottom: 25px;
}

.sub_low .low_product .pro_fac .fac_logo {
  text-align: center;
  margin-bottom: 15px;
}

.sub_low .low_product .pro_fac .fac_txt {
  text-align: center;
}

@media (max-width: 767px) {
  .sub_low .low_product {
    margin-top: 80px;
  }

  .sub_low .low_product .hdm {
    margin-bottom: 20px;
  }

  .sub_low .low_product .pro_fac {
    padding: 40px 10px;
  }

  .sub_low .low_product .pro_fac .fac_tit {
    margin-bottom: 15px;
  }
}

.sub_low .low_product .pro_inner {
  margin-top: 80px;
  padding: 0 0 40px;
  position: relative;
}

.sub_low .low_product .pro_inner:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 270px);
  z-index: 0;
}

.sub_low .low_product .pro_slider {
  max-width: 720px;
  margin: 0 auto;
}

.sub_low .low_product .pro_slider img {
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_product .pro_slider .slick-arrow {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: none;
  background-color: #676464;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.sub_low .low_product .pro_slider .slick-prev {
  left: 0;
  transform: translate(-50%, -50%);
  background-image: url(../img/common/prev_detail.svg);
}

.sub_low .low_product .pro_slider .slick-next {
  right: 0;
  transform: translate(50%, -50%);
  background-image: url(../img/common/next_detail.svg);
}

.sub_low .low_product .pro_slider .slick-dots {
  position: absolute;
  left: 0;
  top: calc(100% + 20px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.sub_low .low_product .pro_slider .slick-dots li {
  margin: 0 10px;
  padding: 0;
  font-size: 0;
}

.sub_low .low_product .pro_slider .slick-dots button {
  width: 10px;
  height: 10px;
  background: rgba(103, 100, 100, 0.6);
  font-size: 0;
  text-indent: -9999px;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.sub_low .low_product .pro_slider .slick-dots .slick-active button {
  background: rgb(103, 100, 100);
}

.sub_low .low_product .pro_mess {
  margin-top: 70px;
  border-bottom: 10px #f0eae4 solid;
  padding: 0 0 40px;
}

.sub_low .low_product .pro_mess_in {
  max-width: 810px;
  margin: 0 auto;
}

.sub_low .low_product .pro_mess .mess_tit {
  display: flex;
  align-items: flex-start;
}

.sub_low .low_product .pro_mess .tit_logo {
  flex-shrink: 0;
  margin-right: 30px;
}

.sub_low .low_product .pro_mess .tit_cont {
  font-size: 28px;
  color: #676464;
  font-weight: 700;
}

.sub_low .low_product .pro_mess .mess_cap {
  padding: 0 0 0 220px;
  font-size: 16px;
  font-weight: 700;
  color: #4b9379;
}

.sub_low .low_product .pro_detail {
  margin-top: 40px;
}

.sub_low .low_product .pro_tag {
  height: 60px;
  font-size: 16px;
  color: #676464;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f0eae4;
  border: 1px #676464 solid;
  max-width: 570px;
  margin: 0 auto;
  padding: 0 40px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

.sub_low .low_product .pro_tag .tag_plus {
  position: absolute;
  background: #676464;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.sub_low .low_product .pro_tag .tag_plus:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 17px;
  height: 1px;
  left: 7px;
  top: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  z-index: 0;
}

.sub_low .low_product .pro_tag .tag_plus:after {
  position: absolute;
  content: "";
  background: #fff;
  width: 1px;
  height: 17px;
  left: 15px;
  top: 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}

.sub_low .low_product .pro_tag.on .tag_plus:after {
  opacity: 0;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
}

@media (max-width: 767px) {
  .sub_low .low_product .pro_inner {
    margin-top: 40px;
    padding: 0 0 40px;
  }

  .sub_low .low_product .pro_inner:before {
    height: calc(100% - 46vw);
  }

  .sub_low .low_product .pro_slider .slick-prev {
    left: -10px;
    transform: translate(0, -50%);
  }

  .sub_low .low_product .pro_slider .slick-next {
    right: -10px;
    transform: translate(0, -50%);
  }

  .sub_low .low_product .pro_mess {
    margin-top: 50px;
    padding: 0 0 20px;
  }

  .sub_low .low_product .pro_mess .mess_tit {
    display: flex;
    align-items: center;
  }

  .sub_low .low_product .pro_mess .tit_logo {
    width: 100px;
    margin-right: 10px;
  }

  .sub_low .low_product .pro_mess .tit_cont {
    font-size: 18px;
  }

  .sub_low .low_product .pro_mess .mess_cap {
    margin-top: 20px;
    padding: 0;
  }

  .sub_low .low_product .pro_detail {
    margin-top: 20px;
  }

  .sub_low .low_product .pro_tag {
    height: 45px;
    font-size: 12px;
    max-width: 210px;
  }

  .sub_low .low_product .pro_tag .tag_plus {
    width: 24px;
    height: 24px;
  }

  .sub_low .low_product .pro_tag .tag_plus:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 15px;
    height: 1px;
    left: 4px;
    top: 11px;
  }

  .sub_low .low_product .pro_tag .tag_plus:after {
    height: 15px;
    left: 11px;
    top: 4px;
  }
}

.sub_low .low_product .pro_detail .pro_sub {
  display: none;
  margin-top: 40px;
}

.sub_low .low_product .pro_price {
  margin-bottom: 40px;
}

.sub_low .low_product .pro_price .price_tab {
  width: 100%;
  border-top: 1px #676464 dashed;
}

.sub_low .low_product .pro_price .price_tab th,
.sub_low .low_product .pro_price .price_tab td {
  padding: 20px 0;
  vertical-align: middle;
  font-size: 16px;
  border-bottom: 1px #676464 dashed;
  line-height: 24px;
}

.sub_low .low_product .pro_price .price_tab th {
  width: 200px;
}

.sub_low .low_product .pro_price .price_tab .fc_red {
  font-size: 18px;
}

.sub_low .low_product .pro_price .price_note {
  margin-top: 20px;
}

.sub_low .low_product .pro_price .price_note li {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}

.sub_low .low_product .pro_option {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}

.sub_low .low_product .pro_option .option_mess {
  width: 31.5%;
  margin-right: 2.5%;
}

.sub_low .low_product .pro_option .option_cap {
  font-size: 16px;
  color: #4b9379;
  font-weight: 700;
  margin-bottom: 10px;
}

.sub_low .low_product .pro_option .option_tit {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 35px;
}

.sub_low .low_product .pro_option .option_txt {
  font-size: 16px;
  line-height: 2;
}

.sub_low .low_product .pro_option .option_in {
  width: 66%;
}

.sub_low .low_product .pro_option .option_cate {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.sub_low .low_product .pro_option .option_cate li {
  border: 1px #676464 solid;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #676464;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.sub_low .low_product .pro_option .option_cont {
  border-top: 1px #676464 dashed;
}

.sub_low .low_product .pro_option .option_item {
  padding: 20px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px #676464 dashed;
}

.sub_low .low_product .pro_option .option_exp {
  width: 100%;
  font-size: 12px;
  color: #4b9379;
  margin-bottom: 10px;
}

.sub_low .low_product .pro_option .option_dot {
  font-size: 12px;
  width: 100%;
}

.sub_low .low_product .pro_option .option_est {
  font-size: 16px;
  font-weight: 700;
  color: #676464;
  flex-shrink: 0;
  width: 200px;
}

.sub_low .low_product .pro_option .option_num {
  font-size: 18px;
  font-weight: 700;
}

.sub_low .low_product .pro_option .option_note {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .sub_low .low_product .pro_detail .pro_sub {
    margin-top: 20px;
  }

  .sub_low .low_product .pro_price .price_tab th,
  .sub_low .low_product .pro_price .price_tab td {
    font-size: 14px;
  }

  .sub_low .low_product .pro_price .price_tab th {
    width: 100px;
  }

  .sub_low .low_product .pro_price .price_tab .fc_red {
    font-size: 18px;
  }

  .sub_low .low_product .pro_price .price_tab .fwb {
    font-size: 16px;
  }

  .sub_low .low_product .pro_option {
    display: block;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 10px #f0eae4 solid;
  }

  .sub_low .low_product .pro_option .option_mess {
    width: auto;
    margin: 0 0 20px;
  }

  .sub_low .low_product .pro_option .option_cap {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .sub_low .low_product .pro_option .option_tit {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .sub_low .low_product .pro_option .option_txt {
    font-size: 14px;
  }

  .sub_low .low_product .pro_option .option_in {
    width: auto;
  }

  .sub_low .low_product .pro_option .option_est {
    width: 100px;
  }

  .sub_low .low_product .pro_option .option_note {
    margin-top: 10px;
  }
}

.sub_low .low_product .pro_point {
  background: #fff;
  border: 1px #c1c1c1 solid;
  padding: 80px 60px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_product .pro_point .point_box+.point_box {
  margin-top: 80px;
}

.sub_low .low_product .pro_point .point_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.sub_low .low_product .pro_point .point_in {
  width: 43%;
}

.sub_low .low_product .pro_point .point_mess {
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
}

.sub_low .low_product .pro_point .point_circle {
  margin-right: 30px;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border: 1px #676464 solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  color: #676464;
  padding: 5px 0 0;
  font-family: "Raleway", sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.sub_low .low_product .pro_point .point_eng {
  font-size: 14px;
  line-height: 1.2;
}

.sub_low .low_product .pro_point .point_num {
  font-size: 28px;
  line-height: 1;
}

.sub_low .low_product .pro_point .point_tit {
  font-size: 28px;
  font-weight: 500;
  padding: 15px 0 0;
  color: #676464;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.sub_low .low_product .pro_point .point_txt {
  font-size: 16px;
  line-height: 2;
}

.sub_low .low_product .pro_point .point_img {
  width: 43%;
  text-align: center;
}

.sub_low .low_product .pro_point .point_img img {
  border: 1px #c1c1c1 solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_low .low_product .pro_point .point_det {
  border-top: 1px #676464 dashed;
  margin-top: 60px;
  padding: 30px 0 0;
}

.sub_low .low_product .pro_point .point_cate {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.sub_low .low_product .pro_point .point_cate li {
  border: 1px #676464 solid;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #676464;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.sub_low .low_product .pro_point .point_note li+li {
  margin-top: 10px;
}

.sub_low .low_product .pro_point .point_note li {
  padding: 0 0 0 20px;
  font-size: 20px;
  position: relative;
}

.sub_low .low_product .pro_point .point_note li:before {
  position: absolute;
  content: "";
  background: #82b9a5;
  width: 12px;
  height: 12px;
  left: 0;
  top: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

@media (max-width: 1024px) {
  .sub_low .low_product .pro_point .point_box {
    display: block;
  }

  .sub_low .low_product .pro_point .point_in {
    width: auto;
    margin-bottom: 30px;
  }

  .sub_low .low_product .pro_point .point_img {
    width: auto;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .sub_low .low_product .pro_point {
    padding: 50px 20px;
  }

  .sub_low .low_product .pro_point .point_box+.point_box {
    margin-top: 50px;
  }

  .sub_low .low_product .pro_point .point_mess {
    margin-bottom: 20px;
  }

  .sub_low .low_product .pro_point .point_circle {
    margin-right: 20px;
    width: 52px;
    height: 52px;
  }

  .sub_low .low_product .pro_point .point_eng {
    font-size: 10px;
  }

  .sub_low .low_product .pro_point .point_num {
    font-size: 20px;
  }

  .sub_low .low_product .pro_point .point_tit {
    font-size: 20px;
    padding: 0;
  }

  .sub_low .low_product .pro_point .point_txt {
    font-size: 14px;
  }

  .sub_low .low_product .pro_point .point_det {
    margin-top: 30px;
  }

  .sub_low .low_product .pro_point .point_note li {
    font-size: 16px;
  }

  .sub_low .low_product .pro_point .point_note li:before {
    top: 6px;
  }
}

/* outward
----------------------------------------------- */
.sub_exp.exp_center .exp_box {
  justify-content: center;
}

.sub_types {
  margin-top: 100px;
}

.sub_types .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sub_types .hdm {
  padding: 0 0 0 35px;
  margin-bottom: 80px;
  position: relative;
  text-align: center;
}

.sub_types .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -17px;
  z-index: 0;
}

.sub_types .types_det {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin: -60px 0 60px;
}

.sub_types .types_box+.types_box {
  margin-top: 40px;
}

.sub_types .types_box {
  display: flex;
  align-items: center;
  width: 100%;
}

.sub_types .types_box.reverse {
  flex-direction: row-reverse;
}

.sub_types .types_box .types_img {
  width: 570px;
  max-width: 49%;
  flex-shrink: 0;
  align-self: flex-start;
  margin: 0 30px 0 0;
}

.sub_types .types_box.reverse .types_img {
  margin: 0 0 0 30px;
}

.sub_types .types_box .types_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.sub_types .types_box .types_in {
  flex: 1;
}

.sub_types .types_box .types_tit {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin-bottom: 10px;
}

.sub_types .types_box .types_txt {
  font-size: 16px;
  line-height: 2;
}

.sub_types .types_box .types_txt+.types_txt {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .sub_types {
    margin-top: 110px;
  }

  .sub_types .hdm {
    padding: 0;
    margin-bottom: 40px;
  }

  .sub_types .hdm:before {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }

  .sub_types .types_det {
    font-size: 18px;
    margin: -20px 0 30px;
  }

  .sub_types .types_box {
    display: block;
  }

  .sub_types .types_box .types_img {
    text-align: center;
    width: auto;
    max-width: none;
    margin: 0 0 40px;
  }

  .sub_types .types_box.reverse .types_img {
    margin: 0 0 40px;
  }

  .sub_types .types_box .types_in {
    padding: 0 20px;
  }

  .sub_types .types_box .types_tit {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

/* v2h
----------------------------------------------- */
.v2h_product {
  margin-bottom: 120px;
}

.v2h_product .hdm {
  margin-bottom: 20px;
}

.v2h_product .v2h_probox {
  display: flex;
  align-items: flex-start;
}

.v2h_product .v2h_probox .v2h_logo {
  width: 34%;
  flex-shrink: 0;
}

.v2h_product .v2h_probox .v2h_cont {
  flex: 1;
}

.v2h_product .v2h_probox .v2h_cont_tit {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 15px;
}

.v2h_product .v2h_probox .v2h_cont_txt {
  font-size: 16px;
  font-weight: 700;
  color: #4b9379;
  line-height: 2;
}

@media (max-width: 767px) {
  .v2h_product {
    margin-bottom: 80px;
  }

  .v2h_product .v2h_probox {
    display: block;
    padding: 0 0 20px;
  }

  .v2h_product .v2h_probox .v2h_logo {
    width: auto;
    margin-bottom: 10px;
  }

  .v2h_product .v2h_probox .v2h_logo img {
    width: 100px;
  }

  .v2h_product .v2h_probox .v2h_cont_tit {
    font-size: 18px;
  }

  .v2h_product .v2h_probox .v2h_cont_txt {
    line-height: 1.25;
  }
}

/* outward
----------------------------------------------- */
.renowall {
  margin-top: 100px;
}

.renowall .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.renowall .inner .hdm {
  text-align: center;
  padding: 0 0 0 40px;
  position: relative;
  margin-bottom: 60px;
}

.renowall .inner .hdm:before {
  position: absolute;
  content: "";
  background: url(../img/common/dec_sub.svg) center center no-repeat;
  width: 31px;
  height: 36px;
  left: 0;
  top: -18px;
  z-index: 0;
}

.renowall .renowall_box {
  width: 100%;
  display: flex;
}

.renowall .renowall_box .renowall_inner {
  width: calc((100% - 60px) / 3);
  margin: 0 30px 0 0;
}

.renowall .renowall_box .renowall_inner:nth-child(3n) {
  margin-right: 0;
}

.renowall .renowall_box .renowall_img {
  text-align: center;
  margin-bottom: 20px;
}

.renowall .renowall_box .renowall_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renowall .renowall_box .renowall_tit {
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 10px;
}

.renowall .renowall_box .renowall_txt {
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 767px) {
  .renowall {
    margin: 100px -10px 0;
  }

  .renowall .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .renowall .inner .hdm {
    padding: 0;
    margin-bottom: 30px;
  }

  .renowall .inner .hdm:before {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }

  .renowall .renowall_box {
    display: block;
  }

  .renowall .renowall_box .renowall_inner {
    outline: none;
    width: auto;
    margin: 0 10px;
  }

  .renowall .renowall_box .renowall_inner:nth-child(3n) {
    margin-right: 10px;
  }

  .renowall .renowall_box .renowall_img img {
    width: 100%;
  }

  .renowall .renowall_box .slick-arrow {
    position: absolute;
    top: 18vw;
    transform: translateY(0);
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .renowall .renowall_box .slick-prev {
    left: 0;
    background-image: url(../img/common/prev_detail.svg);
  }

  .renowall .renowall_box .slick-next {
    right: 0;
    background-image: url(../img/common/next_detail.svg);
  }
}

.prowall .prowall_det {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 20px;
}

.prowall .prowall_txt {
  max-width: 800px;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 40px;
}

.prowall .prowall_anchor {
  display: flex;
  justify-content: space-between;
}

.prowall .prowall_anchor .anchor_item {
  width: 370px;
  max-width: 32%;
  height: 40px;
  font-size: 14px;
  color: #676464;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border: 1px #676464 solid;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.prowall .prowall_anchor .anchor_item:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .prowall .prowall_det {
    font-size: 18px;
  }

  .prowall .prowall_anchor {
    flex-direction: column;
  }

  .prowall .prowall_anchor .anchor_item {
    width: 100%;
    max-width: none;
    margin: 5px 0;
  }
}

.prowall .prowall_intro {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 70px;
}

.prowall .prowall_intro .intro_flex {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.prowall .prowall_intro .intro_left {
  width: 400px;
  flex-shrink: 0;
}

.prowall .prowall_intro .intro_tit {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 40px;
}

.prowall .prowall_intro .intro_det {
  font-size: 16px;
  color: #4b9379;
  font-weight: 700;
  line-height: 2;
}

.prowall .prowall_intro .intro_det.light_green {
  color: #82b9a5;
  max-width: 350px;
  margin: 0 20px 0 0;
}

.prowall .prowall_intro .intro_right {
  flex: 1;
}

.prowall .prowall_intro .intro_cate {
  display: flex;
  flex-wrap: wrap;
}

.prowall .prowall_intro .intro_cate li {
  margin: 0 10px 10px 0;
  border: 1px #676464 solid;
  padding: 5px 10px;
  font-size: 12px;
  color: #676464;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.prowall .prowall_intro .intro_cont {
  border-top: 1px #676464 dashed;
  padding: 20px 0 0;
  margin: 5px 0 0;
  font-size: 16px;
}

.prowall .prowall_intro .intro_dot li {
  line-height: 2;
}

.prowall .prowall_intro .intro_note {
  line-height: 2;
}

.prowall .prowall_process {
  border-top: 10px #f0eae4 solid;
  border-bottom: 10px #f0eae4 solid;
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  padding: 40px 0;
}

.prowall .prowall_process .process_left {
  width: 400px;
  flex-shrink: 0;
}

.prowall .prowall_process .process_tit {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
}

.prowall .prowall_process .process_right {
  flex: 1;
  font-size: 16px;
}

.prowall .prowall_process .process_dot li {
  line-height: 2;
}

.prowall .prowall_process .process_note {
  line-height: 2;
}

.prowall .prowall_price {
  padding: 20px 0;
  border-bottom: 1px #676464 dashed;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.prowall .prowall_price .price_tit {
  font-size: 24px;
  font-weight: 700;
  color: #676464;
  margin-right: 140px;
}

.prowall .prowall_price .price_num {
  font-size: 28px;
  color: #c6453a;
  font-weight: 700;
}

.prowall .prowall_price_note {
  text-align: right;
  font-size: 12px;
  line-height: 2;
  margin-top: 10px;
}

.prowall .cta_btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .prowall .prowall_intro {
    display: block;
    margin-top: 85px;
  }

  .prowall .prowall_intro .intro_flex {
    display: block;
  }

  .prowall .prowall_intro .intro_left {
    width: auto;
    margin-bottom: 30px;
  }

  .prowall .prowall_intro .intro_tit {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .prowall .prowall_intro .intro_det.light_green {
    max-width: none;
    margin: 0;
  }

  .prowall .prowall_intro .intro_cont {
    font-size: 14px;
  }

  .prowall .prowall_process {
    display: block;
    padding: 20px 0;
  }

  .prowall .prowall_process .process_left {
    width: auto;
    margin-bottom: 20px;
  }

  .prowall .prowall_process .process_tit {
    font-size: 18px;
  }

  .prowall .prowall_process .process_right {
    font-size: 14px;
  }

  .prowall .prowall_price {
    display: block;
  }

  .prowall .prowall_price .price_tit {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .prowall .prowall_price .price_num {
    font-size: 18px;
  }

  .prowall .prowall_price_note {
    margin-top: 20px;
  }
}

.prowall .prowall_note {
  margin-top: 20px;
}

.prowall .prowall_note_in li {
  font-size: 12px;
}

.prowall .cover_block {
  margin-top: 120px;
  background: #f8f8f8;
  padding: 80px 0 50px;
  position: relative;
}

.prowall .cover_block .cover_hdl {
  font-size: 28px;
  color: #676464;
  font-weight: 700;
}

.prowall .cover_block .cover_hds {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 20px;
}

.prowall .cover_block .cover_what {
  display: flex;
  align-items: flex-start;
}

.prowall .cover_block .cover_what .cover_hdl {
  width: 400px;
  flex-shrink: 0;
}

.prowall .cover_block .cover_what .what_in {
  flex: 1;
}

@media (max-width: 767px) {
  .prowall .cover_block {
    margin-top: 60px;
    padding: 60px 0 40px;
  }

  .prowall .cover_block .cover_hdl {
    font-size: 22px;
  }

  .prowall .cover_block .cover_hds {
    font-size: 16px;
  }

  .prowall .cover_block .cover_what {
    display: block;
  }

  .prowall .cover_block .cover_what .cover_hdl {
    width: auto;
    margin-bottom: 25px;
  }
}

.prowall .cover_feat {
  margin-top: 100px;
}

.prowall .cover_feat .cover_hdl {
  margin-bottom: 35px;
}

.prowall .cover_feat .feat_box li+li {
  margin-top: 30px;
}

.prowall .cover_feat .feat_box li {
  display: flex;
  align-items: center;
}

.prowall .cover_feat .feat_box .feat_img {
  margin-right: 30px;
  align-self: flex-start;
  flex-shrink: 0;
}

.prowall .cover_feat .feat_box .feat_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.prowall .cover_feat .feat_box .feat_in {
  flex: 1;
}

@media (max-width: 767px) {
  .prowall .cover_feat {
    margin-top: 40px;
  }

  .prowall .cover_feat .cover_hdl {
    margin-bottom: 20px;
  }

  .prowall .cover_feat .feat_box li+li {
    margin-top: 40px;
  }

  .prowall .cover_feat .feat_box li {
    display: block;
  }

  .prowall .cover_feat .feat_box .feat_img {
    margin: 0 0 20px;
    text-align: center;
  }
}

.prowall .cover_recom {
  margin-top: 80px;
}

.prowall .cover_recom .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.prowall .cover_recom .recom_box {
  background: #fff;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.prowall .cover_recom .recom_list {
  margin: 0 20px;
}

.prowall .cover_recom .recom_list li {
  padding: 0 0 0 22px;
  font-size: 20px;
  position: relative;
}

.prowall .cover_recom .recom_list li+li {
  margin-top: 10px;
}

.prowall .cover_recom .recom_list li:before {
  position: absolute;
  content: "";
  background: #82b9a5;
  width: 14px;
  height: 14px;
  left: 0;
  top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

@media (max-width: 767px) {
  .prowall .cover_recom .hdm {
    margin-bottom: 30px;
  }

  .prowall .cover_recom .recom_box {
    padding: 30px 20px;
    display: block;
  }

  .prowall .cover_recom .recom_list {
    margin: 0;
  }

  .prowall .cover_recom .recom_list li {
    padding: 0 0 0 22px;
    font-size: 16px;
  }

  .prowall .cover_recom .recom_list li+li {
    margin-top: 15px;
  }

  .prowall .cover_recom .recom_list+.recom_list {
    margin-top: 15px;
  }

  .prowall .cover_recom .recom_list li:before {
    width: 16px;
    height: 16px;
    left: 0;
    top: 5px;
  }
}

.prowall .cover_note {
  font-size: 12px;
}

.prowall .cover_note_r {
  text-align: right;
}

.prowall .cover_tab {
  border-top: 1px #676464 dashed;
  margin: 80px 0 20px;
}

.prowall .cover_tab .tab_box {
  border-bottom: 1px #676464 dashed;
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
}

.prowall .cover_tab .tab_box .tab_th {
  font-size: 16px;
  font-weight: 700;
  width: 400px;
  color: #676464;
  flex-shrink: 0;
}

.prowall .cover_tab .tab_box.tab_other .tab_th {
  font-weight: 400;
}

.prowall .cover_tab .tab_box .tab_td {
  flex: 1;
}

.prowall .cover_tab .tab_box .tab_txt+.cover_note {
  margin-top: 10px;
}

.prowall .cover_tab .tab_box .tab_cate {
  display: flex;
  flex-wrap: wrap;
}

.prowall .cover_tab .tab_box .tab_cate li {
  padding: 5px 10px;
  margin: 10px 10px 0 0;
  font-size: 12px;
  text-align: center;
  color: #676464;
  border: 1px #676464 solid;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.prowall .cover_tab .tab_box .tab_price {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  color: #c6453a;
}

@media (max-width: 767px) {
  .prowall .cover_note_r {
    text-align: left;
  }

  .prowall .cover_tab {
    margin: 40px 0 20px;
  }

  .prowall .cover_tab .tab_box .tab_th {
    font-size: 14px;
    width: 100px;
  }

  .prowall .cover_tab .tab_box .tab_cate {
    display: flex;
    flex-wrap: wrap;
  }

  .prowall .cover_tab .tab_box.tab_other {
    display: block;
  }

  .prowall .cover_tab .tab_box .tab_price {
    margin-top: 10px;
    text-align: right;
  }

  .prowall .cover_tab .tab_box.tab_other .tab_th {
    width: auto;
  }
}

/* solarpower
----------------------------------------------- */
.spsb_anchor {
  margin-top: 60px;
  background: #f8f8f8;
  padding: 90px 0 75px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.spsb_anchor+.low_main {
  margin: 40px 0 0;
}

.spsb_anchor .anchor_box {
  display: flex;
  justify-content: center;
  column-gap: 30px;
}

.spsb_anchor .anchor_box .anchor_item {
  background: #fff;
  width: 210px;
  height: 190px;
  padding: 20px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.spsb_anchor .anchor_box .anchor_item:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_anchor.svg) center center no-repeat #676464;
  width: 44px;
  height: 44px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%) rotate(90deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.spsb_anchor .anchor_box .anchor_ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.spsb_anchor .anchor_box .anchor_item:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .spsb_anchor {
    margin-top: 40px;
    padding: 70px 0 75px;
  }

  .spsb_anchor .anchor_box {
    padding: 10px 20px 0;
    column-gap: 10px;
  }

  .spsb_anchor .anchor_box .anchor_item {
    width: 170px;
    height: 130px;
    padding: 0 10px;
    font-size: 20px;
  }

  .spsb_anchor .anchor_box .anchor_item:before {
    width: 36px;
    height: 36px;
  }

  .spsb_anchor .anchor_box .anchor_ico img {
    width: 62px;
  }
}

.spsb_block {
  position: relative;
}

.solar_recom {
  margin-top: 80px;
}

.solar_recom .recom_cap {
  width: 370px;
  height: 52px;
  background: #f0eae4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: #676464;
  font-weight: 500;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.solar_recom .recom_box {
  border: 4px #f0eae4 solid;
  padding: 40px;
  -webkit-border-radius: 0 15px 15px 15px;
  -moz-border-radius: 0 15px 15px 15px;
  -ms-border-radius: 0 15px 15px 15px;
  -o-border-radius: 0 15px 15px 15px;
  border-radius: 0 15px 15px 15px;
}

.solar_recom .recom_box .recom_head {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.solar_recom .recom_left {
  margin: 0 30px 0 0;
}

.solar_recom .recom_point {
  display: flex;
  align-items: center;
  color: #676464;
}

.solar_recom .recom_point+.recom_point {
  margin-top: 30px;
}

.solar_recom .recom_point .point_circle {
  margin-right: 20px;
  flex-shrink: 0;
  padding: 5px 0 0;
  border: 1px #676464 solid;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.solar_recom .recom_point .point_eng {
  font-size: 14px;
  line-height: 1.2;
}

.solar_recom .recom_point .point_num {
  font-size: 28px;
  line-height: 1;
}

.solar_recom .recom_point .point_in {
  flex: 1;
}

.solar_recom .recom_point .point_cap {
  font-size: 16px;
}

.solar_recom .recom_point .point_tit {
  font-size: 28px;
  font-weight: 700;
}

.solar_recom .recom_note {
  font-size: 12px;
  margin-top: 20px;
}

.solar_recom .recom_right {
  width: 570px;
  max-width: 100%;
}

.solar_recom .recom_img {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  margin-bottom: 20px;
}

.solar_recom .recom_img li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solar_recom .recom_img li img {
  border: 1px #e4e4e4 solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.solar_recom .recom_img .img_txt {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  color: #4b9379;
  font-weight: 700;
}

.solar_recom .recom_txt {
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 767px) {
  .solar_recom {
    margin-top: 40px;
  }

  .solar_recom .recom_cap {
    width: 180px;
    height: 40px;
    font-size: 16px;
  }

  .solar_recom .recom_box {
    padding: 40px 20px;
    display: block;
  }

  .solar_recom .recom_left {
    margin: 0 0 30px;
  }

  .solar_recom .recom_point+.recom_point {
    margin-top: 20px;
  }

  .solar_recom .recom_point .point_circle {
    margin-right: 10px;
    width: 52px;
    height: 52px;
  }

  .solar_recom .recom_point .point_eng {
    font-size: 10px;
  }

  .solar_recom .recom_point .point_num {
    font-size: 20px;
  }

  .solar_recom .recom_point .point_cap {
    font-size: 14px;
  }

  .solar_recom .recom_point .point_tit {
    font-size: 22px;
  }

  .solar_recom .recom_right {
    width: auto;
    max-width: none;
  }

  .solar_recom .recom_img {
    display: block;
    column-gap: 0;
  }

  .solar_recom .recom_img li+li {
    margin-top: 10px;
  }

  .solar_recom .recom_img li {
    flex-direction: row;
  }

  .solar_recom .recom_img li img {
    width: 180px;
    margin-right: 10px;
  }

  .solar_recom .recom_img .img_txt {
    text-align: left;
    margin-top: 0;
  }
}

.spsb_intro {
  margin-top: 120px;
}

.spsb_intro .inner {
  position: relative;
  z-index: 1;
}

.spsb_intro .hdm {
  margin-bottom: 20px;
}

.spsb_intro .cta_btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.spsb_intro .intro_det {
  max-width: 800px;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 50px;
}

.spsb_intro .intro_block {
  padding: 0 0 40px;
  position: relative;
}

.spsb_intro .intro_block:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  width: 100%;
  height: calc(100% - 270px);
  left: 0;
  bottom: 0;
  z-index: 0;
}

.spsb_intro .intro_pic {
  text-align: center;
  margin-bottom: 40px;
}

.spsb_intro .intro_pic img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.spsb_intro .intro_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 10px #f0eae4 solid;
  padding: 0 0 25px;
}

.spsb_intro .intro_box .box_left {
  width: 31.5%;
}

.spsb_intro .intro_box .box_right {
  width: 66%;
}

.spsb_intro .intro_box .box_name {
  font-size: 28px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 35px;
}

.spsb_intro .intro_box .box_tit {
  font-size: 16px;
  color: #676464;
  font-weight: 700;
}

.spsb_intro .intro_box .box_insta {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px #676464 dashed;
  margin-top: 20px;
  padding: 20px 0 30px;
}

.spsb_intro .intro_box .box_insta li {
  width: 48%;
  height: 40px;
  padding: 0 5px;
  background: #cdebde;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #4b9379;
  font-weight: 700;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.spsb_intro .intro_box .box_price {
  border-bottom: 1px #676464 dashed;
  border-top: 1px #676464 dashed;
  padding: 20px 0;
}

.spsb_intro .intro_box .box_price .price_cont {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.spsb_intro .intro_box .box_price .price_cont .box_tit {
  margin-right: 70px;
}

.spsb_intro .intro_box .box_price .price_num {
  font-size: 18px;
  color: #c6453a;
  font-weight: 700;
}

.spsb_intro .intro_box .box_price .price_lar {
  text-align: right;
  font-size: 18px;
  color: #c6453a;
  font-weight: 700;
  margin-bottom: 20px;
}

.spsb_intro .intro_box .box_price .price_txt {
  text-align: right;
  font-size: 12px;
}

.spsb_intro .intro_box .box_note {
  margin-top: 20px;
  font-size: 12px;
}

@media (max-width: 767px) {
  .spsb_intro {
    margin-top: 100px;
  }

  .spsb_intro .intro_det {
    margin-bottom: 10px;
  }

  .spsb_intro .intro_block:before {
    height: calc(100% - 46vw);
  }

  .spsb_intro .intro_box {
    display: block;
    padding: 0 0 20px;
  }

  .spsb_intro .intro_box .box_left {
    width: auto;
    margin: 0 0 40px;
  }

  .spsb_intro .intro_box .box_right {
    width: auto;
  }

  .spsb_intro .intro_box .box_name {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .spsb_intro .intro_box .box_insta {
    padding: 20px 0 10px;
  }

  .spsb_intro .intro_box .box_insta li {
    width: 48.5%;
    height: 40px;
    font-size: 12px;
  }

  .spsb_intro .intro_box .box_price .price_cont {
    display: block;
  }

  .spsb_intro .intro_box .box_price .price_cont .box_tit {
    margin: 0 0 20px;
  }
}

.solar_stru {
  margin-top: 80px;
}

.solar_stru .hdm {
  margin-bottom: 40px;
}

.solar_stru .stru_inner {
  border-bottom: 1px #676464 dashed;
}

.solar_stru .stru_det {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 20px;
}

.solar_stru .stru_txt {
  max-width: 770px;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 80px;
}

.solar_stru .stru_item+.stru_item {
  margin-top: 40px;
}

.solar_stru .stru_item {
  display: flex;
  align-items: center;
}

.solar_stru .stru_item:nth-child(2n) {
  flex-direction: row-reverse;
}

.solar_stru .stru_img {
  width: 570px;
  max-width: 49%;
  align-self: flex-start;
  margin: 0 30px 0 0;
}

.solar_stru .stru_item:nth-child(2n) .stru_img {
  margin: 0 0 0 30px;
}

.solar_stru .stru_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.solar_stru .stru_img.img_bor img {
  border: 1px #e4e4e4 solid;
}

.solar_stru .stru_cont {
  flex: 1;
}

.solar_stru .stru_point {
  display: flex;
  align-items: center;
  color: #676464;
  margin-bottom: 40px;
}

.solar_stru .stru_point .point_circle {
  margin-right: 20px;
  flex-shrink: 0;
  padding: 5px 0 0;
  border: 1px #676464 solid;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.solar_stru .stru_point .point_eng {
  font-size: 14px;
  line-height: 1.2;
}

.solar_stru .stru_point .point_num {
  font-size: 28px;
  line-height: 1;
}

.solar_stru .stru_point .point_tit {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
}

@media (max-width: 767px) {
  .solar_stru .hdm {
    margin-bottom: 30px;
  }

  .solar_stru .stru_det {
    font-size: 18px;
  }

  .solar_stru .stru_txt {
    margin-bottom: 40px;
  }

  .solar_stru .stru_box {
    margin: 0 -10px;
  }

  .solar_stru .stru_item+.stru_item {
    margin-top: 0;
  }

  .solar_stru .stru_item {
    margin: 0 10px;
    display: block;
  }

  .solar_stru .stru_img {
    width: auto;
    max-width: none;
    margin: 0 0 30px;
  }

  .solar_stru .stru_item:nth-child(2n) .stru_img {
    margin: 0 0 30px;
  }

  .solar_stru .stru_img img {
    width: 100%;
  }

  .solar_stru .stru_point {
    margin-bottom: 20px;
  }

  .solar_stru .stru_point .point_circle {
    margin-right: 10px;
    width: 52px;
    height: 52px;
  }

  .solar_stru .stru_point .point_eng {
    font-size: 10px;
  }

  .solar_stru .stru_point .point_num {
    font-size: 20px;
  }

  .solar_stru .stru_point .point_tit {
    font-size: 18px;
  }

  .solar_stru .com_txt {
    font-size: 14px;
  }

  .solar_stru .stru_box .slick-arrow {
    position: absolute;
    top: 18vw;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .solar_stru .stru_box .slick-prev {
    left: -5px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .solar_stru .stru_box .slick-next {
    right: -5px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.spsb_mv {
  max-width: 960px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spsb_mv .mv_in {
  width: 570px;
  max-width: 60%;
}

.spsb_mv .mv_in iframe {
  width: 100%;
  height: 320px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .spsb_mv {
    padding: 40px 0 80px;
    display: block;
  }

  .spsb_mv .hdm {
    margin-bottom: 40px;
  }

  .spsb_mv .mv_in {
    width: auto;
    max-width: none;
  }

  .spsb_mv .mv_in iframe {
    height: 200px;
  }
}

.battery_mv {
  padding: 0 0 40px;
}

.battery_mv .hdm {
  line-height: 2;
}

@media (max-width: 767px) {
  .battery_mv .hdm {
    line-height: 1.5;
  }
}

.battery_time {
  background: #f8f8f8;
  padding: 60px 0;
  margin-top: 80px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.battery_time .hdm {
  text-align: center;
  margin-bottom: 60px;
}

.battery_time .time_note {
  font-size: 12px;
}

.battery_time .time_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.battery_time .time_box li {
  width: 570px;
  max-width: 49%;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
}

.battery_time .time_box .time_img {
  flex-shrink: 0;
  margin-right: 30px;
}

.battery_time .time_box .time_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.battery_time .time_box .time_cap {
  display: none;
}

.battery_time .time_box .time_in {
  flex: 1;
}

.battery_time .time_box .time_tit {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 15px;
}

.battery_time .time_box .time_txt {
  font-size: 14px;
  line-height: 2;
}

@media (max-width: 1024px) {
  .battery_time .time_box .time_img {
    max-width: 50%;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .battery_time {
    padding: 40px 0 75px;
    margin-top: 60px;
  }

  .battery_time .hdm {
    margin-bottom: 40px;
  }

  .battery_time .time_box {
    display: block;
  }

  .battery_time .time_box li {
    width: auto;
    max-width: none;
    margin-bottom: 20px;
    display: block;
  }

  .battery_time .time_box .time_img {
    display: flex;
    align-items: center;
    max-width: none;
    margin: 0 0 20px;
  }

  .battery_time .time_box .time_img img {
    width: 50%;
    margin-right: 10px;
    flex-shrink: 0;
  }

  .battery_time .time_box .time_cap {
    display: block;
    font-size: 18px;
    color: #676464;
    font-weight: 700;
  }

  .battery_time .time_box .time_tit {
    display: none;
  }
}

.battery_elec {
  background: #f8f8f8;
}

.battery_elec .elec_inner {
  background: #f0eae4;
  padding: 60px 0 70px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.battery_elec .hdm {
  text-align: center;
  margin-bottom: 60px;
}

.battery_elec .elec_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.battery_elec .elec_box li {
  width: 570px;
  max-width: 49%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.battery_elec .elec_box .elec_cap {
  margin-bottom: 10px;
  border: 1px #676464 solid;
  padding: 5px 10px;
  font-size: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.battery_elec .elec_box .elec_tit {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 25px;
}

.battery_elec .elec_box .elec_img {
  text-align: center;
  margin-top: 30px;
}

.battery_elec .elec_box .elec_note {
  font-size: 12px;
  margin-top: 25px;
}

.battery_elec .elec_box .com_txt {
  font-size: 16px;
}

.battery_elec .elec_box .elec_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .battery_elec .elec_inner {
    padding: 40px 0 50px;
  }

  .battery_elec .hdm {
    margin-bottom: 35px;
  }

  .battery_elec .elec_box {
    display: block;
  }

  .battery_elec .elec_box li {
    width: auto;
    max-width: none;
  }

  .battery_elec .elec_box li+li {
    margin-top: 40px;
  }

  .battery_elec .elec_box .elec_tit {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .battery_elec .elec_box .elec_img {
    margin-top: 20px;
  }

  .battery_elec .elec_box .elec_note {
    margin-top: 10px;
  }
}

/* owner
----------------------------------------------- */
.owner .com_cta {
  display: none;
}

@media (max-width: 767px) {
  .owner #footer .footer_navi .navi_inner {
    padding-top: 50px;
  }
}

.teaser_owner .teaser_box {
  background-image: url(../img/owner/teaser_owner.webp);
}

@media (max-width: 767px) {
  .teaser_owner .teaser_box {
    background-image: url(../img/owner/teaser_owner_sp.webp);
  }
}

.owner_who .who_inner {
  max-width: 750px;
  margin: 0 auto;
}

.owner_who .who_inner .cta_btn {
  display: flex;
  justify-content: center;
}

.owner_who .who_inner .cta_btn a {
  width: 570px;
}

.owner_who .who_inner .hdm {
  text-align: center;
  margin-bottom: 30px;
}

.owner_who .who_inner .who_det {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .owner_who .who_inner .cta_btn a {
    width: 310px;
  }
}

.owner_problem {
  margin-top: 80px;
}

.owner_problem .hdm {
  text-align: center;
  margin-bottom: 110px;
}

.owner_problem .problem_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.owner_problem .problem_box>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 370px;
  max-width: 32%;
  background: #cdebde;
  padding: 75px 20px 40px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.owner_problem .problem_ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  z-index: 0;
}

.owner_problem .problem_tit {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
}

.owner_problem .problem_dot {
  position: relative;
  padding: 0 0 30px;
}

.owner_problem .problem_dot:before {
  position: absolute;
  content: "";
  background: url(../img/owner/dot.svg) center center no-repeat;
  left: 0;
  width: 100%;
  height: 22px;
  bottom: 0;
  z-index: 0;
}

.owner_problem .problem_dot li {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 2;
}

@media (max-width: 767px) {
  .owner_problem .hdm {
    margin-bottom: 90px;
  }

  .owner_problem .problem_box {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px -55px;
  }

  .owner_problem .problem_box>li {
    margin: 0 5px 55px;
    width: calc((100% - 20px) / 2);
    max-width: none;
    padding: 50px 10px 25px;
  }

  .owner_problem .problem_ico img {
    width: 62px;
  }

  .owner_problem .problem_tit {
    min-height: 55px;
    margin-bottom: 15px;
  }

  .owner_problem .problem_dot li+li {
    margin-top: 5px;
  }
}

.owner_want {
  margin-top: 80px;
}

.owner_want .hdm {
  text-align: center;
  margin-bottom: 25px;
}

.owner_want .want_inner {
  padding: 40px;
  border: 4px #f0eae4 solid;
  background: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.owner_want .want_txt {
  text-align: center;
  margin-bottom: 30px;
}

.owner_want .want_note {
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
}

.owner_want .cta_btn {
  display: flex;
  justify-content: center;
}

.owner_want .cta_btn a {
  width: 500px;
}

@media (max-width: 767px) {
  .owner_want {
    margin-top: 60px;
  }

  .owner_want .want_inner {
    padding: 40px 20px;
  }

  .owner_want .want_note {
    text-align: left;
    margin-top: 30px;
  }

  .owner_want .cta_btn a {
    width: 310px;
  }
}

.owner_past {
  margin-top: 70px;
  background: url(../img/owner/bg_past.webp) center center no-repeat;
  background-size: cover;
  padding: 120px 0 0;
  clip-path: polygon(0 0, 50% 70px, 100% 0, 100% 100%, 0 100%);
}

.owner_past .inner {
  position: relative;
}

.owner_past .hdm {
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

.owner_past .past_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 65px;
}

.owner_past .past_box li {
  width: 270px;
  max-width: 23%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  padding: 40px 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.owner_past .past_peo {
  text-align: center;
}

@media (max-width: 1024px) {
  .owner_past .past_box {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .owner_past .past_box li {
    max-width: none;
    width: calc((100% - 10px) / 2);
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .owner_past {
    margin-top: 60px;
    padding: 110px 0 0;
  }

  .owner_past .hdm {
    margin-bottom: 30px;
  }

  .owner_past .past_box li {
    font-size: 16px;
    padding: 20px 10px;
  }

  .owner_past .past_peo {
    margin: 0 -20px;
  }
}

.owner_cta {
  background: #f8f8f8;
}

.owner_tel {
  padding: 80px 0;
}

.owner_tel .tel_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.owner_tel .tel_flex .hdm {
  flex-shrink: 0;
  margin-right: 10px;
}

.owner_tel .tel_inner {
  width: 66%;
  padding: 28px 20px;
  background: #fff;
  border: 4px #e8e1d8 solid;
  display: flex;
  align-items: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.owner_tel .tel_ico {
  width: 90px;
  height: 90px;
  background: #e8e1d8;
  margin-right: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.owner_tel .tel_cap {
  font-size: 16px;
  color: #666464;
  font-weight: 700;
}

.owner_tel .tel_nt {
  display: flex;
  align-items: center;
}

.owner_tel .tel_num {
  color: #666464;
  font-size: 50px;
  line-height: 1;
  margin-right: 20px;
}

.owner_tel .tel_num a {
  color: #666464;
}

.owner_tel .tel_time {
  font-size: 12px;
  font-weight: 500;
  color: #666464;
}

@media (max-width: 1024px) {
  .owner_tel .tel_flex {
    flex-direction: column;
    align-items: center;
  }

  .owner_tel .tel_flex .hdm {
    text-align: center;
    margin: 0 0 20px;
  }

  .owner_tel .tel_inner {
    width: auto;
  }
}

@media (max-width: 767px) {
  .owner_tel {
    padding: 40px 0;
  }

  .owner_tel .tel_inner {
    padding: 30px 20px;
  }

  .owner_tel .tel_ico {
    width: 64px;
    height: 64px;
  }

  .owner_tel .tel_ico img {
    width: 38px;
  }

  .owner_tel .tel_nt {
    display: block;
  }

  .owner_tel .tel_num {
    font-size: 32px;
    margin: 0 0 10px;
  }
}

.owner_web {
  background: #fff;
  padding: 60px 0 20px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.owner_web .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.owner_web .web_box {
  border-top: 1px #676464 dashed;
  padding: 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.owner_web .web_box .web_txt {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.owner_web .web_box .web_note {
  font-size: 12px;
}

.owner_web .web_box .web_right {
  flex-shrink: 0;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .owner_web {
    padding: 50px 0 10px;
  }

  .owner_web .hdm {
    margin-bottom: 30px;
  }

  .owner_web .web_box {
    padding: 30px 0 0;
    display: block;
  }

  .owner_web .web_box .web_left {
    margin-bottom: 40px;
  }

  .owner_web .web_box .web_right {
    margin-left: 0;
  }

  .owner_web .web_box .cta_btn {
    display: flex;
    justify-content: center;
  }

  .owner_web .web_box .cta_btn a {
    width: 310px;
  }

  .owner_web .web_box .cta_btn .cust_sml {
    display: block;
  }
}

/* ecocute
----------------------------------------------- */
.ecocute_voice {
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .ecocute_voice {
    margin-bottom: 80px;
  }
}

.ecocute_time {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.ecocute_time li {
  width: 570px;
  max-width: 49%;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.ecocute_time li .cutetime_img {
  flex-shrink: 0;
}

.ecocute_time li .cutetime_in {
  flex: 1;
  padding: 10px 20px;
}

.ecocute_time li .cutetime_tit {
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 15px;
}

.ecocute_time li .cutetime_txt {
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ecocute_time {
    display: block;
  }

  .ecocute_time li+li {
    margin-top: 20px;
  }

  .ecocute_time li {
    width: auto;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .ecocute_time li {
    display: block;
  }

  .ecocute_time li .cutetime_img img {
    width: 100%;
  }

  .ecocute_time li .cutetime_in {
    padding: 15px 20px 20px;
  }

  .ecocute_time li .cutetime_tit {
    text-align: center;
    margin-bottom: 10px;
  }
}

.sub_low .ecocute_pro .hdm {
  margin-bottom: 20px;
}

.sub_low .ecocute_pro .cutepro_box {
  margin-top: 80px;
  padding: 0 0 80px;
  position: relative;
}

.sub_low .ecocute_pro .cutepro_box:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 270px);
  z-index: 0;
}

.sub_low .ecocute_pro .cutepro_slider {
  margin: 0 -15px;
}

.sub_low .ecocute_pro .cutepro_slider .slick-slide {
  padding: 0 15px;
  outline: none;
}

.sub_low .ecocute_pro .cutepro_slider .cutepro_item {
  display: block;
  border-bottom: 10px #f0eae4 solid;
}

.sub_low .ecocute_pro .cutepro_slider .cutepro_img img {
  width: 100%;
}

.sub_low .ecocute_pro .cutepro_cont {
  padding: 20px 0;
}

.sub_low .ecocute_pro .cutepro_mess {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.sub_low .ecocute_pro .cutepro_logo {
  flex-shrink: 0;
  align-self: flex-start;
  margin-right: 10px;
}

.sub_low .ecocute_pro .cutepro_tit {
  font-size: 18px;
  font-weight: 700;
  color: #676464;
}

.sub_low .ecocute_pro .cutepro_txt {
  font-size: 14px;
  font-weight: 700;
  color: #4b9379;
}

.sub_low .ecocute_pro .cutepro_slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  width: 100%;
}

.sub_low .ecocute_pro .cutepro_slider .slick-dots li {
  margin: 0 10px;
  padding: 0;
}

.sub_low .ecocute_pro .cutepro_slider .slick-dots li button {
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  background: #676464;
  opacity: 0.6;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.sub_low .ecocute_pro .cutepro_slider .slick-dots .slick-active button {
  opacity: 1;
}

@media (max-width: 767px) {
  .sub_low .ecocute_pro .cutepro_box {
    margin-top: 40px;
    padding: 0 0 40px;
  }

  .sub_low .ecocute_pro .cutepro_box:before {
    height: calc(100% - 46vw);
  }

  .sub_low .ecocute_pro .cutepro_cont {
    padding: 20px 0;
  }

  .sub_low .ecocute_pro .cutepro_mess {
    display: block;
    margin-bottom: 15px;
  }

  .sub_low .ecocute_pro .cutepro_logo {
    margin: 0 0 10px;
  }

  .sub_low .ecocute_pro .cutepro_logo img {
    width: 100px;
  }

  .sub_low .ecocute_pro .cutepro_slider .slick-dots {
    margin-top: 20px;
  }

  .sub_low .ecocute_pro .cutepro_slider .slick-arrow {
    position: absolute;
    top: 24.8vw;
    overflow: hidden;
    width: 56px;
    height: 56px;
    outline: none;
    cursor: pointer;
    background-color: #676464;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px auto;
    text-indent: -999999px;
    border: none;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .sub_low .ecocute_pro .cutepro_slider .slick-prev {
    left: 0;
    background-image: url(../img/common/prev_detail.svg);
  }

  .sub_low .ecocute_pro .cutepro_slider .slick-next {
    right: 0;
    background-image: url(../img/common/next_detail.svg);
  }

  .sub_low .ecocute_pro .cutepro_slider .cutepro_img {
    margin-bottom: 30px;
  }

  .sub_low .ecocute_pro .cutepro_slider .slick-dots {
    position: absolute;
    top: 69vw;
    left: 0;
    margin-top: 0;
  }
}

/* no com_cta footer_other
----------------------------------------------- */
.cta_none .com_cta {
  display: none;
}

.infor_none #footer .footer_other {
  display: none;
}

@media (max-width: 767px) {
  .cta_none #footer .footer_navi .navi_inner {
    padding-top: 50px;
  }
}

.not_show {
  display: none !important;
}

.infor_box.not_show {
  display: flex !important;
  justify-content: center;
}

.infor_box.not_show li+li {
  display: none;
}

.sub_low .v2h_product+.low_column {
  margin-top: 120px;
}

@media (max-width: 767px) {
  .sub_low .v2h_product+.low_column {
    margin-top: 80px;
  }
}

.form_box input.error,
.form_box input.error+span {
  background: #ffeadb;
}

/* useful
----------------------------------------------- */
.teaser_useful .teaser_box {
  background-image: url(../img/useful/teaser_useful.webp);
}

@media (max-width: 767px) {
  .teaser_useful .teaser_box {
    background-image: url(../img/useful/teaser_useful_sp.webp);
  }
}

.useful .contents {
  padding: 0 0 120px;
}

@media (max-width: 767px) {
  .useful .contents {
    padding: 0 0 80px;
  }
}

.useful_block {
  background: #f0eae4;
  padding: 80px 0 120px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.useful_block .hdm {
  text-align: center;
}

.useful_block .useful_box {
  display: flex;
  align-items: stretch;
  margin-top: 190px;
}

.useful_block .useful_box li {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  background: #fff;
  padding: 120px 40px 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.useful_block .useful_box li:nth-child(3n) {
  margin-right: 0;
}

.useful_block .useful_box .box_img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  border: 10px #fff solid;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.useful_block .useful_box .box_tit {
  text-align: center;
  margin-bottom: 25px;
  color: #676464;
  font-weight: 500;
  font-size: 22px;
}

.useful_block .useful_box .box_txt {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .useful_block .useful_box {
    flex-direction: column;
    align-items: center;
  }

  .useful_block .useful_box li {
    width: 370px;
    max-width: 100%;
    margin: 0;
  }

  .useful_block .useful_box li+li {
    margin-top: 130px;
  }
}

@media (max-width: 767px) {
  .useful_block {
    padding: 40px 0 100px;
  }

  .useful_block .hdm {
    font-size: 22px;
  }

  .useful_block .useful_box {
    margin-top: 130px;
  }

  .useful_block .useful_box li {
    padding: 90px 10px 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
  }

  .useful_block .useful_box .box_img img {
    width: 140px;
  }

  .useful_block .useful_box .box_tit {
    margin-bottom: 20px;
  }
}

/* faq
----------------------------------------------- */
.faq_block {
  padding: 0 0 60px;
}

.faq_detail {
  line-height: 2;
  margin-bottom: 40px;
}

.faq_block .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.faq_block .com_btn {
  margin-top: 120px;
}

.faq_block .com_btn a {
  width: 372px;
}

@media (max-width: 767px) {
  .faq_detail {
    font-size: 16px;
  }

  .faq_block .hdm {
    font-size: 22px;
  }

  .faq_block .com_btn {
    margin-top: 80px;
  }

  .faq_block .com_btn a {
    width: 310px;
  }

  .faq_block .event_filter {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

  .faq_block .event_filter li {
    margin-bottom: 10px;
  }
}

.faq_block .faq_inner {
  max-width: 1080px;
  margin: 0 auto;
}

.faq_block .faq_box {
  border-top: 1px #676464 dashed;
  border-bottom: 1px #676464 dashed;
}

.faq_block .faq_box+.faq_box {
  border-top: none;
}

.faq_block .faq_box .q_box {
  padding: 20px 40px 20px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.faq_block .faq_box .q_box .q_plus {
  position: absolute;
  right: 0;
  top: 25px;
  width: 31px;
  height: 31px;
  background: #676464;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.faq_block .faq_box .q_box .q_plus:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 17px;
  height: 1px;
  left: 7px;
  top: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  z-index: 0;
}

.faq_block .faq_box .q_box .q_plus:after {
  position: absolute;
  content: "";
  background: #fff;
  width: 1px;
  height: 17px;
  left: 15px;
  top: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
  z-index: 0;
}

.faq_block .faq_box .q_box.on .q_plus:after {
  opacity: 0;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
}

.faq_block .faq_box .a_box {
  display: none;
}

.faq_block .faq_box .a_inner {
  padding: 0 0 20px 85px;
  display: flex;
  align-items: center;
}

.faq_block .faq_box .faq_ico {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  align-self: flex-start;
  font-family: "Raleway", sans-serif;
  flex-shrink: 0;
  margin-right: 30px;
}

.faq_block .faq_box .faq_txt {
  font-size: 16px;
}

.faq_block .faq_box .q_box .faq_ico {
  color: #676464;
}

.faq_block .faq_box .a_box .faq_ico {
  color: #c1c1c1;
}

.faq_block .faq_box .q_box .faq_txt {
  font-weight: 700;
}

@media (max-width: 767px) {
  .faq_block .faq_box .a_inner {
    padding: 0 20px 20px 20px;
  }

  .faq_block .faq_box .faq_ico {
    font-size: 32px;
    margin-right: 10px;
  }

  .faq_block .faq_box .q_box .q_plus {
    top: 25px;
    width: 25px;
    height: 25px;
  }

  .faq_block .faq_box .q_box .q_plus:before {
    left: 5px;
    top: 12px;
    width: 15px;
  }

  .faq_block .faq_box .q_box .q_plus:after {
    left: 12px;
    top: 5px;
    height: 15px;
  }
}

/* column
----------------------------------------------- */
.teaser_column .teaser_box {
  background-image: url(../img/column/teaser_column.webp);
}

@media (max-width: 767px) {
  .teaser_column .teaser_box {
    background-image: url(../img/column/teaser_column_sp.webp);
  }
}

.column .hdm {
  margin-bottom: 20px;
}

.column_det {
  margin-bottom: 80px;
}

.column .post_event .event_navi li .navi_item:hover,
.column .post_event .event_navi li .navi_item.current {
  background: #f0eae4;
  color: #676464;
}

.column_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: -40px;
}

.column_list li {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 40px 0;
}

.column_list li:nth-child(3n) {
  margin-right: 0;
}

.column_list .list_item {
  height: 100%;
  display: block;
  border: 1px #e4e4e4 solid;
  background: #fff;
  overflow: hidden;
  color: #676464;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.column_list .list_item:hover {
  opacity: 0.5;
}

.column_list .list_item .item_img img {
  width: 100%;
}

.column_list .list_item .item_inner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.column_list .list_item .item_mess {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
}

.column_list .list_item .item_type {
  display: flex;
  align-items: center;
}

.column_list .list_item .item_name {
  margin-right: 10px;
  font-size: 22px;
  font-weight: 700;
}

.column_list .list_item .item_new {
  background: #676464;
  width: 46px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.column_list .list_item .item_date {
  font-size: 16px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}

.column_list .list_item .item_tit {
  font-size: 18px;
  font-weight: 700;
}

.column_list .list_item .item_cate {
  border: 1px #676464 solid;
  padding: 5px 10px;
  font-size: 12px;
  margin-top: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .column_list {
    justify-content: space-between;
  }

  .column_list li {
    width: calc((100% - 20px) / 2);
    margin: 0 0 40px;
  }
}

@media (max-width: 767px) {
  .column .hdm {
    margin-bottom: 30px;
  }

  .column_det {
    margin-bottom: 50px;
  }

  .column_list {
    margin-bottom: -30px;
  }

  .column_list li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 30px;
  }

  .column_list .list_item .item_inner {
    padding: 15px 10px 20px;
  }

  .column_list .list_item .item_mess {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .column_list .list_item .item_name {
    font-size: 16px;
  }

  .column_list .list_item .item_new {
    width: 46px;
    height: 22px;
  }

  .column_list .list_item .item_date {
    margin-top: 5px;
    font-size: 12px;
  }

  .column_list .list_item .item_tit {
    font-size: min(16px, 4.1vw);
  }

  .column_list .list_item .item_cate {
    margin-top: 20px;
  }
}

/* column_detail
----------------------------------------------- */
.column .post_detail {
  margin-bottom: 140px;
}

@media (max-width: 767px) {
  .column .post_detail {
    margin-bottom: 60px;
  }
}

.detail_column_cap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #676464;
  margin-bottom: 20px;
}

.detail_column_cap .column_vn {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.detail_column_cap .column_vn .column_vol {
  font-size: 24px;
  font-weight: 700;
  margin-right: 10px;
}

.detail_column_cap .column_vn .column_new {
  background: #676464;
  width: 46px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.detail_column_cap .column_date {
  font-size: 14px;
  font-weight: 500;
}

.detail_column_cap .column_date .date_num {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
}

.detail_column_mess {
  border-bottom: 1px #676464 dashed;
  padding: 0 0 20px;
  color: #676464;
  margin-bottom: 40px;
}

.detail_column_mess .column_name {
  font-size: 28px;
  font-weight: 700;
}

.detail_column_mess .column_cate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.detail_column_mess .column_cate .cate_type {
  border: 1px #676464 solid;
  padding: 5px 10px;
  font-size: 12px;
  flex-shrink: 0;
  margin-right: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.detail_column_mess .column_cate .cate_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.detail_column_mess .column_cate .cate_list li {
  margin: 2px 0 2px 10px;
  background: #676464;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 767px) {
  .detail_column_cap {
    padding: 0 20px;
  }

  .detail_column_cap .column_vn .column_vol {
    font-size: 20px;
  }

  .detail_column_cap .column_date {
    font-size: 12px;
  }

  .detail_column_cap .column_date .date_num {
    font-size: 14px;
  }

  .detail_column_mess {
    padding: 0 20px 20px;
    margin-bottom: 20px;
  }

  .detail_column_mess .column_name {
    font-size: 22px;
  }

  .detail_column_mess .column_cate {
    flex-direction: column;
    align-items: flex-start;
  }

  .detail_column_mess .column_cate .cate_list {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .detail_column_mess .column_cate .cate_list li {
    margin: 10px 10px 0 0;
  }
}

.detail_column_inner {
  max-width: 720px;
  margin: 0 auto;
}

.column_anchor {
  margin-bottom: 60px;
  overflow: hidden;
  border: 1px #cdebde solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.column_anchor .anchor_tit {
  background: #cdebde;
  color: #676464;
  font-size: 24px;
  font-weight: 700;
  padding: 20px 80px 20px 35px;
  cursor: pointer;
  position: relative;
}

.column_anchor .anchor_tit .tit_plus {
  position: absolute;
  right: 40px;
  top: 20px;
  width: 37px;
  height: 37px;
  background: #676464;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.column_anchor .anchor_tit .tit_plus:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 19px;
  height: 1px;
  left: 9px;
  top: 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  z-index: 0;
}

.column_anchor .anchor_tit .tit_plus:after {
  position: absolute;
  content: "";
  background: #fff;
  width: 1px;
  height: 19px;
  left: 18px;
  top: 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
  z-index: 0;
}

.column_anchor .anchor_tit.on .tit_plus:after {
  opacity: 0;
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
}

.column_anchor .anchor_inner {
  background: #fff;
  padding: 25px 40px 40px;
}

.column_anchor .anchor_cont li {
  border-bottom: 1px #676464 dashed;
  padding: 15px 0;
  display: flex;
  justify-content: flex-start;
}

.column_anchor .anchor_cont li a {
  display: block;
  padding: 0 30px 0 22px;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.column_anchor .anchor_cont li a:before {
  position: absolute;
  content: "";
  background: #82b9a5;
  width: 12px;
  height: 12px;
  left: 0;
  top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.column_anchor .anchor_cont li a:after {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_down.svg) center center no-repeat;
  width: 12px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

@media (max-width: 767px) {
  .column_anchor .anchor_tit {
    font-size: 20px;
    padding: 20px 60px 20px 20px;
  }

  .column_anchor .anchor_tit .tit_plus {
    right: 20px;
    width: 31px;
    height: 31px;
  }

  .column_anchor .anchor_tit .tit_plus:before {
    width: 17px;
    left: 7px;
    top: 15px;
  }

  .column_anchor .anchor_tit .tit_plus:after {
    height: 17px;
    left: 15px;
    top: 7px;
  }

  .column_anchor .anchor_inner {
    padding: 20px 20px 40px;
  }

  .column_anchor .anchor_cont li {
    padding: 20px 0;
  }

  .column_anchor .anchor_cont li a {
    padding: 0 40px 0 22px;
    width: 100%;
  }

  .column_anchor .anchor_cont li a:after {
    position: absolute;
    content: "";
    background: url(../img/common/arrow_down_sp.svg) center center no-repeat;
    width: 20px;
    height: 12px;
    right: 10px;
  }
}

.column_block {
  margin-bottom: 100px;
  position: relative;
}

.column_block h2 {
  background: #f0eae4;
  font-size: 24px;
  font-weight: 700;
  color: #676464;
  padding: 25px 20px 25px 60px;
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.column_block h2:before {
  position: absolute;
  content: "";
  background: #82b9a5;
  width: 16px;
  height: 16px;
  left: 35px;
  top: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.column_block img {
  width: 100%;
  margin-bottom: 40px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.column_block div {
  line-height: 2;
}

.column_block h3 {
  margin: 50px 0 30px;
  font-size: 22px;
  color: #82b9a5;
  font-weight: 700;
}

@media (max-width: 767px) {
  .column_block {
    margin-bottom: 80px;
  }

  .column_block h2 {
    font-size: 20px;
    padding: 15px 20px 15px 35px;
    margin-bottom: 20px;
  }

  .column_block h2:before {
    width: 12px;
    height: 12px;
    left: 18px;
    top: 25px;
  }

  .column_block img {
    margin-bottom: 30px;
  }

  .column_block h3 {
    margin: 50px 0 20px;
    font-size: min(20px, 5.12vw);
  }
}

/* showroom koshigaya
----------------------------------------------- */
.showroom_child .child_main {
  padding: 0 0 65px;
}

.showroom_child .child_main .hdm {
  margin-bottom: 38px;
}

.showroom_child .child_main .main_box {
  overflow: hidden;
}

.showroom_child .child_main .main_pic {
  float: left;
  width: calc((100% - 30px) / 2);
}

.showroom_child .child_main .main_pic img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.showroom_child .child_main .main_cont {
  float: right;
  width: calc((100% - 30px) / 2);
}

.showroom_child .child_main .slick-dots {
  padding: 20px 0 0;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
}

.showroom_child .child_main .slick-dots li {
  margin: 0 10px;
  line-height: 0;
  font-size: 0;
}

.showroom_child .child_main .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: none;
  background: rgba(103, 100, 100, 0.6);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.showroom_child .child_main .slick-dots li.slick-active button {
  background: rgb(103, 100, 100);
}

.showroom_child .child_main .slider-nav {
  margin: 0 -5px;
}

.showroom_child .child_main .slider-nav .slick-slide {
  padding: 0 5px;
  outline: none;
}

.showroom_child .child_main .slider-for .slick-slide {
  outline: none;
}

.showroom_child .child_main .slider-for img {
  width: 100%;
}

.showroom_child .child_main .slider-for {
  margin-bottom: 50px;
}

.showroom_child .child_main .main_mess {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 50px;
}

.showroom_child .child_main .main_table th,
.showroom_child .child_main .main_table td {
  padding: 10px 0;
  vertical-align: middle;
}

.showroom_child .child_main .main_table th {
  padding-right: 20px;
  font-weight: 700;
  color: #4b9379;
}

.showroom_child .child_main .main_tel a {
  pointer-events: none;
  font-size: 24px;
  font-weight: 700;
}

.showroom_child .child_main .cta_btn {
  margin-top: 30px;
}

.showroom_child .child_main .main_det {
  line-height: 2;
}

@media (max-width: 1024px) {
  .showroom_child .child_main .main_box {
    overflow: inherit;
  }

  .showroom_child .child_main .main_pic {
    float: none;
    width: auto;
  }

  .showroom_child .child_main .main_cont {
    float: none;
    width: auto;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .showroom_child .teaser_other .teaser_jps {
    font-size: min(24px, 6.15vw);
  }

  .showroom_child .teaser_other .teaser_eng {
    padding: 0;
  }

  .showroom_child .child_main {
    padding: 0 0 60px;
  }

  .showroom_child .child_main .hdm {
    padding: 0 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px #676464 dashed;
    font-size: 22px;
  }

  .showroom_child .child_main .slider-nav {
    margin: 0 -20px;
  }

  .showroom_child .child_main .main_cont {
    margin-top: 30px;
  }

  .showroom_child .child_main .main_mess {
    display: block;
    margin-bottom: 60px;
  }

  .showroom_child .child_main .main_table th {
    font-size: 16px;
    white-space: nowrap;
  }

  .showroom_child .child_main .main_table td {
    font-size: 14px;
  }

  .showroom_child .child_main .main_tel a {
    pointer-events: inherit;
  }

  .showroom_child .child_main .cta_btn {
    max-width: 310px;
    margin: 20px auto 0;
  }

  .showroom_child .child_main .main_det {
    padding: 0 20px;
  }
}

.showroom_child .child_map {
  background: #f8f8f8;
  padding: 100px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.showroom_child .child_map .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.showroom_child .child_map .map_box {
  max-width: 980px;
  margin: 0 auto;
}

.showroom_child .child_map iframe {
  width: 100%;
  height: 550px;
}

@media (max-width: 767px) {
  .showroom_child .child_map {
    padding: 40px 0;
  }

  .showroom_child .child_map .hdm {
    font-size: 22px;
  }

  .showroom_child .child_map iframe {
    height: 480px;
  }
}

.showroom_child .child_click {
  background: #f0eae4;
  padding: 60px 0;
}

.showroom_child .child_click .click_hd {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 30px;
}

.showroom_child .child_click .cta_btn {
  max-width: 370px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .showroom_child .child_click {
    padding: 40px 20px;
  }

  .showroom_child .child_click .click_hd {
    font-size: 18px;
    line-height: 1.83;
  }

  .showroom_child .child_click .cta_btn {
    max-width: 310px;
    margin: 0 auto;
  }
}

.showroom_child .child_back {
  padding: 40px 20px 60px;
}

@media (max-width: 767px) {
  .showroom_child .child_back {
    padding: 40px 20px 80px;
  }

  .showroom_child .child_back .com_btn a {
    width: 310px;
  }
}

.showroom_child .child_staff {
  padding: 100px 0 80px;
}

.showroom_child .child_staff .hdm {
  text-align: center;
  margin-bottom: 60px;
}

.showroom_child .child_staff .staff_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.showroom_child .child_staff .staff_box li {
  width: calc((100% - 30px) / 2);
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}

.showroom_child .child_staff .staff_box .box_img {
  flex-shrink: 0;
  margin-right: 30px;
}

.showroom_child .child_staff .staff_box .box_in {
  flex: 1;
  align-self: flex-start;
}

.showroom_child .child_staff .staff_box .box_name {
  font-size: 14px;
  font-weight: 700;
  color: #4b9379;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .showroom_child .child_staff {
    padding: 80px 0;
  }

  .showroom_child .child_staff .hdm {
    font-size: 22px;
    margin-bottom: 40px;
  }

  .showroom_child .child_staff .staff_box {
    display: block;
    padding: 0 20px;
    margin: 0;
  }

  .showroom_child .child_staff .staff_box li {
    width: auto;
    display: block;
    margin: 0;
  }

  .showroom_child .child_staff .staff_box li+li {
    margin-top: 35px;
  }

  .showroom_child .child_staff .staff_box .box_img {
    padding: 0;
    margin: 0 0 20px;
    text-align: center;
  }

  .showroom_child .child_staff .staff_box .box_name {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .showroom_child .child_staff .staff_box .box_txt {
    font-size: 16px;
  }
}

.showroom_child .child_office {
  background: #f8f8f8;
  padding: 100px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.showroom_child .child_office .hdm {
  text-align: center;
  margin-bottom: 60px;
}

.showroom_child .child_office .office_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.showroom_child .child_office .office_box .box_img {
  width: calc((100% - 30px) / 2);
}

.showroom_child .child_office .office_box .box_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.showroom_child .child_office .office_box .box_in {
  width: calc((100% - 30px) / 2);
}

.showroom_child .child_office .office_box .box_txt {
  line-height: 2;
}

@media (max-width: 767px) {
  .showroom_child .child_office {
    padding: 40px 0;
  }

  .showroom_child .child_office .hdm {
    font-size: 22px;
    padding: 0 20px;
    margin-bottom: 40px;
  }

  .showroom_child .child_office .office_box {
    display: block;
  }

  .showroom_child .child_office .office_box .box_img {
    width: auto;
    margin: 0 0 20px;
    text-align: center;
  }

  .showroom_child .child_office .office_box .box_in {
    width: auto;
  }

  .showroom_child .child_office .office_box .box_txt {
    line-height: 1.5;
    padding: 0 20px;
  }
}

/* showroom
----------------------------------------------- */
.teaser_showroom .teaser_box {
  background-image: url(../img/showroom/teaser_showroom.webp);
}

@media (max-width: 767px) {
  .teaser_showroom .teaser_box {
    background-image: url(../img/showroom/teaser_showroom_sp.webp);
  }
}

.room_detail {
  text-align: center;
  margin-bottom: 40px;
}

.room_navi {
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  gap: 0 2%;
}

.room_navi li {
  width: 15%;
}

.room_navi li:nth-child(5n) {
  margin-right: 0;
}

.room_navi li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #676464;
  font-size: 18px;
  padding: 60px 10px 30px;
  font-weight: 700;
  height: 100%;
  background: #f8f8f8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.room_navi li a:hover {
  opacity: 0.5;
}

.room_navi li a:before {
  position: absolute;
  content: "";
  background: url(../img/showroom/arrow_navi.webp) center center no-repeat #676464;
  width: 44px;
  height: 44px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.room_navi li a .navi_num {
  position: absolute;
  left: 50%;
  top: -22px;
  transform: translateX(-50%);
  background: url(../img/showroom/bg_navi.webp) center center no-repeat;
  width: 54px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 0 13px;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  z-index: 0;
}

@media (max-width: 1024px) {
  .room_navi {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -80px;
  }

  .room_navi li {
    width: 210px;
    margin: 0 15px 80px;
  }

  .room_navi li:nth-child(5n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .room_detail {
    font-size: min(16px, 4.1vw);
    margin-bottom: 20px;
  }

  .room_navi {
    display: block;
    margin-bottom: 0;
  }

  .room_navi li {
    width: auto;
    margin: 0;
  }

  .room_navi li+li {
    margin-top: 10px;
  }

  .room_navi li a {
    font-size: min(18px, 4.61vw);
    padding: 13px 60px 13px 70px;
    line-height: 1.5;
    text-align: left;
    justify-content: flex-start;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .room_navi li a:before {
    background: url(../img/showroom/arrow_navi.webp) center center no-repeat #676464;
    background-size: 16px auto;
    width: 36px;
    height: 36px;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }

  .room_navi li a .navi_num {
    left: 20px;
    transform: translate(0, 0);
    background: url(../img/showroom/bg_navi.webp) center center no-repeat;
    background-size: 40px 46px;
    font-size: 28px;
    width: 40px;
    height: 46px;
    top: 15px;
  }
}

.room_block li {
  padding: 80px 0;
  position: relative;
}

.room_block li:nth-child(even) {
  background: #f8f8f8;
  padding: 40px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.room_block .hdm {
  padding: 0 0 20px;
  border-bottom: 1px #676464 dashed;
  margin-bottom: 40px;
}

.room_block .room_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.room_block .room_box .box_img {
  align-self: flex-start;
  width: calc((100% - 30px) / 2);
}

.room_block .room_box .box_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.room_block .room_box .box_in {
  width: calc((100% - 30px) / 2);
}

.room_block .room_box .box_table th,
.room_block .room_box .box_table td {
  padding: 5px 0;
  line-height: 2;
  vertical-align: middle;
}

.room_block .room_box .box_table th {
  padding-right: 20px;
  white-space: nowrap;
  vertical-align: top;
  font-weight: 700;
  color: #4b9379;
}

.room_block .room_box .box_tel a {
  pointer-events: none;
  font-size: 24px;
  font-weight: 700;
}

.room_block .room_box .box_btn {
  display: flex;
  margin-top: 30px;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
}

.room_block .room_box .box_btn .bg_black a {
  border: 2px #676464 solid;
  background: #676464;
  color: #fff;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
}

.room_block .room_box .box_btn .bg_black a:before {
  background: url(../img/common/arrow_wh.svg) center center no-repeat;
}

@media (max-width: 1024px) {
  .room_block .room_box .box_btn {
    flex-direction: column;
    row-gap: 20px;
  }
}

@media (max-width: 767px) {
  .room_block li {
    padding: 60px 0;
  }

  .room_block .hdm {
    font-size: 22px;
    padding: 0 0 10px;
    margin-bottom: 20px;
  }

  .room_block .room_box {
    display: block;
  }

  .room_block .room_box .box_img {
    width: auto;
    text-align: center;
    margin-bottom: 25px;
  }

  .room_block .room_box .box_in {
    width: auto;
  }

  .room_block .room_box .box_table th,
  .room_block .room_box .box_table td {
    font-size: 16px;
    line-height: 1.5;
  }

  .room_block .room_box .box_table td {
    font-size: 14px;
  }

  .room_block .room_box .box_tel a {
    pointer-events: inherit;
  }

  .room_block .room_box .box_btn {
    margin-top: 25px;
    align-items: center;
    column-gap: 0;
    row-gap: 10px;
  }

  .room_block .room_box .box_btn a {
    width: 310px;
  }
}

.room_map {
  max-width: 960px;
  margin: 0 auto 60px;
  position: relative;
}

.room_map a {
  display: block;
}

.room_map .map_inner {
  text-align: center;
}

.room_map .map_inner img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.room_map .map_ico {
  position: absolute;
  width: 3.4375%;
  z-index: 1;
}

.room_map .map_ico01 {
  left: 48.75%;
  top: 56.5878%;
}

.room_map .map_ico02 {
  left: 31.75%;
  top: 56.5878%;
}

.room_map .map_ico03 {
  left: 60.9375%;
  top: 56.5878%;
}

.room_map .map_ico04 {
  left: 51.5625%;
  top: 52.3648%;
}

.room_map .map_ico05 {
  left: 45.625%;
  top: 56.5878%;
}

.room_map .map_ico06 {
  left: 63.23%;
  top: 45.9459%;
}

@media (max-width: 767px) {
  .room_map {
    margin: 0 auto 20px;
  }

  .room_map .map_ico {
    display: none;
  }
}

.room_map_lar {
  display: none;
}

@media (max-width: 767px) {
  .room_map_lar {
    display: block;
    margin-bottom: 65px;
  }

  .room_map_lar .lar_txt {
    text-align: center;
    font-size: 16px;
    padding: 30px 100px 0;
    margin-bottom: 10px;
    position: relative;
  }

  .room_map_lar .lar_txt:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 64px;
    height: 18px;
    background: #e9e4e1;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 0;
  }

  .room_map_lar .lar_txt .lar_arrow {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #676464;
    font-weight: 700;
    padding: 0 30px 0 0;
    background: url(../img/showroom/arrow_scroll.webp) right center no-repeat;
    z-index: 1;
  }

  .room_map_scroll {
    margin: 0 -20px;
    overflow-x: scroll;
  }

  .room_map_scroll .scroll_img {
    width: 750px;
    position: relative;
  }

  .room_map_scroll .scroll_ico {
    position: absolute;
    width: 33px;
    z-index: 1;
  }

  .room_map_scroll .scroll_ico01 {
    left: 256px;
    top: 240px;
  }

  .room_map_scroll .scroll_ico02 {
    left: 90px;
    top: 245px;
  }

  .room_map_scroll .scroll_ico03 {
    left: 374px;
    top: 240px;
  }

  .room_map_scroll .scroll_ico04 {
    left: 284px;
    top: 212px;
  }

  .room_map_scroll .scroll_ico05 {
    left: 226px;
    top: 240px;
  }

  .room_map_scroll .scroll_ico06 {
    left: 396px;
    top: 176px;
  }
}

/* kashiwanoha
----------------------------------------------- */
.slick-dots li {
  pointer-events: none;
  cursor: default;
}

@media (min-width: 768px) {
  .kashi_nav .slick-track {
    width: 100% !important;
  }
}

/* renovation
----------------------------------------------- */
.renovation .contents {
  padding-bottom: 120px;
}

@media (max-width: 767px) {
  .renovation .contents {
    padding-bottom: 60px;
  }
}

.renova_main .hdm {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .renova_main .hdm {
    margin-bottom: 30px;
  }
}

.renova_house {
  position: relative;
}

.renova_house .house_main {
  background: #f8f8f8;
}

.renova_house .house_main_box {
  background: url(../img/renovation/bg_house.webp) center center no-repeat;
  background-size: cover;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.renova_house .house_main .inner {
  padding: 60px 20px 90px;
  position: relative;
}

.renova_house .house_main .hdm {
  color: #fff;
  margin-bottom: 40px;
}

.renova_house .main_list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -15px;
  position: relative;
  z-index: 1;
}

.renova_house .main_list li {
  margin: 15px;
  padding: 0 20px;
  background: #fff;
  width: calc((100% - 120px) / 4);
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renova_house .main_people {
  position: absolute;
  right: 20px;
  bottom: 0;
  z-index: 0;
}

@media (max-width: 1024px) {
  .renova_house .house_main .inner {
    padding: 60px 20px 260px;
  }

  .renova_house .main_list {
    margin: -15px 0;
    justify-content: space-between;
  }

  .renova_house .main_list li {
    width: calc((100% - 40px) / 3);
    margin: 15px 0;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .renova_house .house_main_box {
    background: url(../img/renovation/bg_house_sp.webp) center center no-repeat;
    background-size: cover;
  }

  .renova_house .house_main .inner {
    padding: 40px 20px 330px;
  }

  .renova_house .house_main .hdm {
    margin-bottom: 30px;
  }

  .renova_house .main_list {
    margin: -5px 0;
  }

  .renova_house .main_list li {
    margin: 5px 0;
    padding: 15px min(20px, 5.1vw);
    width: calc((100% - 10px) / 2);
    height: 174px;
    font-size: min(16px, 4.1vw);
  }

  .renova_house .main_people {
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
}

.renova_inner {
  padding: 80px 0 120px;
}

.renova_inner .hds {
  margin-bottom: 30px;
}

.renova_inner .com_det {
  margin-bottom: 20px;
}

.renova_inner .com_txt {
  max-width: 800px;
  margin-bottom: 80px;
}

.renova_inner .type_box .type_inner {
  outline: none;
}

.renova_inner .type_box .type_inner+.type_inner {
  margin-top: 40px;
}

.renova_inner .type_box .type_flex {
  display: flex;
  align-items: flex-start;
}

.renova_inner .type_box .type_img {
  width: 370px;
  max-width: 32%;
  flex-shrink: 0;
  margin-right: 30px;
}

.renova_inner .type_box .type_in {
  flex: 1;
}

.renova_inner .type_box .type_case {
  display: flex;
  align-items: center;
  color: #676464;
  margin-bottom: 50px;
}

.renova_inner .type_box .type_case_pc {
  display: flex;
}

.renova_inner .type_box .type_case_sp {
  display: none;
}

.renova_inner .type_box .type_case .case_ico {
  margin-right: 20px;
  flex-shrink: 0;
  border: 1px #676464 solid;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.renova_inner .type_box .type_case .case_eng {
  font-size: 14px;
  line-height: 1;
}

.renova_inner .type_box .type_case .case_num {
  font-size: 28px;
  line-height: 1;
}

.renova_inner .type_box .type_case .case_txt {
  font-size: 22px;
  font-weight: 700;
}

.renova_inner .type_box .type_cont {
  width: 100%;
  display: flex;
  align-items: flex-start;
  column-gap: 30px;
}

.renova_inner .type_box .type_item {
  flex: 1;
}

.renova_inner .type_box .type_name {
  font-size: 22px;
  color: #4b9379;
  font-weight: 700;
  margin-bottom: 15px;
}

.renova_inner .type_box .type_list li {
  font-size: 16px;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 1024px) {
  .renova_inner .type_box .type_img {
    margin-right: 20px;
  }

  .renova_inner .type_box .type_cont {
    column-gap: 20px;
  }
}

@media (max-width: 767px) {
  .renova_inner {
    padding: 60px 0 80px;
  }

  .renova_inner .com_det {
    padding: 0 20px;
  }

  .renova_inner .com_txt {
    max-width: none;
    padding: 0 20px;
    margin-bottom: 40px;
  }

  .renova_inner .type_box .type_case {
    margin-bottom: 20px;
  }

  .renova_inner .type_box .type_case_pc {
    display: none;
  }

  .renova_inner .type_box .type_case_sp {
    display: flex;
  }

  .renova_inner .type_box .type_case .case_ico {
    margin-right: 10px;
    width: 52px;
    height: 52px;
  }

  .renova_inner .type_box .type_case .case_eng {
    font-size: 10px;
  }

  .renova_inner .type_box .type_case .case_num {
    font-size: 20px;
  }

  .renova_inner .type_box .type_case .case_txt {
    font-size: 18px;
  }

  .renova_inner .type_box .type_inner {
    padding: 0;
  }

  .renova_inner .type_box .type_inner+.type_inner {
    margin-top: 0;
  }

  .renova_inner .type_box .type_flex {
    display: block;
    padding: 0 20px;
  }

  .renova_inner .type_box .type_img {
    width: auto;
    max-width: none;
    margin: 0 0 30px;
  }

  .renova_inner .type_box .type_img img {
    width: 100%;
  }

  .renova_inner .type_box .type_cont {
    display: block;
    column-gap: 0;
  }

  .renova_inner .type_box .type_item+.type_item {
    margin-top: 30px;
  }

  .renova_inner .type_box .type_name {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .renova_inner .type_box .slick-arrow {
    position: absolute;
    top: 48vw;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .renova_inner .type_box .slick-prev {
    left: -10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .renova_inner .type_box .slick-next {
    right: -10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.renova_apart {
  position: relative;
}

.renova_apart .apart_main {
  background: url(../img/renovation/bg_apartment.webp) center center no-repeat;
  background-size: cover;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.renova_apart .apart_main .inner {
  padding: 60px 20px 90px;
  position: relative;
}

.renova_apart .apart_main .hdm {
  color: #fff;
  margin-bottom: 40px;
}

.renova_apart .apart_main .main_list {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

.renova_apart .apart_main .main_list li {
  width: calc((100% - 90px) / 4);
  margin: 0 30px 0 0;
  background: #fff;
  display: flex;
  height: 160px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renova_apart .apart_main .main_people {
  position: absolute;
  right: 20px;
  bottom: 0;
  z-index: 0;
}

@media (max-width: 1024px) {
  .renova_apart .apart_main .inner {
    padding: 60px 20px 260px;
  }

  .renova_apart .apart_main .main_list {
    justify-content: space-between;
    z-index: 1;
  }

  .renova_apart .apart_main .main_list li {
    width: calc((100% - 40px) / 3);
    margin: 0;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .renova_apart .apart_main {
    background: url(../img/renovation/bg_apartment_sp.webp) center center no-repeat;
    background-size: cover;
  }

  .renova_apart .apart_main .inner {
    padding: 40px 20px 330px;
  }

  .renova_apart .apart_main .hdm {
    margin-bottom: 30px;
  }

  .renova_apart .apart_main .main_list {
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 10px;
  }

  .renova_apart .apart_main .main_list li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 10px;
    height: 174px;
    padding: 15px min(20px, 5.1vw);
    font-size: min(16px, 4.1vw);
  }

  .renova_apart .apart_main .main_people {
    right: 0;
    width: 100%;
    text-align: center;
  }
}

.renova_case {
  margin: 0;
  padding: 0 0 80px;
  position: relative;
}

.renova_case .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.renova_case:before {
  position: absolute;
  content: "";
  background: #f8f8f8;
  width: 100%;
  height: 250px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

@media (max-width: 767px) {
  .renova_case {
    background: #f8f8f8;
    padding: 40px 0;
  }

  .renova_case .hdm {
    font-size: 28px;
  }

  .renova_case:before {
    display: none;
  }
}

.renova_complete {
  background: #f8f8f8;
  padding: 100px 0 80px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.renova_complete .hds {
  margin-bottom: 30px;
}

.renova_complete .complete_main .com_det {
  margin-bottom: 30px;
  text-align: center;
}

.renova_complete .complete_main .com_det .det_lar {
  font-size: 50px;
  line-height: 1;
  color: #4b9379;
  font-weight: 700;
}

.renova_complete .complete_main .com_txt {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.renova_complete .complete_main .com_note {
  text-align: center;
  margin-top: 15px;
}

.renova_complete .complete_point {
  margin-top: 120px;
}

.renova_complete .complete_point .point_box+.point_box {
  margin-top: 70px;
}

.renova_complete .complete_point .point_box {
  display: flex;
  align-items: flex-start;
}

.renova_complete .complete_point .point_in {
  padding: 5px 0 0;
}

.renova_complete .complete_point .point_mess {
  display: flex;
  align-items: flex-start;
  color: #676464;
  margin-bottom: 40px;
}

.renova_complete .complete_point .point_mess .mess_ico {
  margin-right: 20px;
  flex-shrink: 0;
  border: 1px #676464 solid;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.renova_complete .complete_point .point_mess .mess_ico .ico_eng {
  font-size: 14px;
  line-height: 1;
}

.renova_complete .complete_point .point_mess .mess_ico .ico_num {
  font-size: 28px;
  line-height: 1;
}

.renova_complete .complete_point .point_mess .mess_txt {
  font-size: 28px;
  font-weight: 500;
  padding: 15px 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.renova_complete .complete_point .com_det {
  margin-bottom: 15px;
}

.renova_complete .complete_point .com_note {
  margin-top: 15px;
}

.renova_complete .complete_point .point_pic {
  width: 570px;
  max-width: 49%;
  margin-left: 30px;
  flex-shrink: 0;
}

.renova_complete .complete_point .point_img01 {
  background: #fff;
  border: 1px #e4e4e4 solid;
  text-align: center;
  padding: 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renova_complete .complete_point .point_img02 {
  margin-bottom: 30px;
}

.renova_complete .complete_point .point_img02 img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renova_complete .complete_point .point_img03 .img_in img {
  width: 100%;
}

.renova_complete .complete_point .point_img03 .img_left img {
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  -ms-border-radius: 15px 0 0 15px;
  -o-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}

.renova_complete .complete_point .point_img03 .img_right img {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}

.renova_complete .complete_point .point_img03 .img_cap {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #676464;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .renova_complete .complete_point .point_img03 .img_cap {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .renova_complete {
    padding: 40px 0 80px;
  }

  .renova_complete .hds {
    margin-bottom: 40px;
  }

  .renova_complete .complete_main .com_txt {
    max-width: none;
    margin: 0;
    text-align: left;
  }

  .renova_complete .complete_main .com_note {
    text-align: left;
  }

  .renova_complete .complete_point {
    margin-top: 60px;
    padding: 0 20px;
  }

  .renova_complete .complete_point .point_box+.point_box {
    margin-top: 110px;
  }

  .renova_complete .complete_point .point_box {
    display: block;
  }

  .renova_complete .complete_point .point_in {
    padding: 0;
  }

  .renova_complete .complete_point .point_mess {
    align-items: center;
    margin-bottom: 20px;
  }

  .renova_complete .complete_point .point_mess .mess_ico {
    margin-right: 10px;
    width: 52px;
    height: 52px;
  }

  .renova_complete .complete_point .point_mess .mess_ico .ico_eng {
    font-size: 10px;
  }

  .renova_complete .complete_point .point_mess .mess_ico .ico_num {
    font-size: 20px;
  }

  .renova_complete .complete_point .point_mess .mess_txt {
    font-size: min(18px, 4.6vw);
    padding: 0;
  }

  .renova_complete .complete_point .point_pic {
    width: auto;
    max-width: none;
    margin: 35px 0 0;
  }

  .renova_complete .complete_point .point_img01 {
    padding: 30px;
  }

  .renova_complete .complete_point .point_img01 img {
    width: 155px;
  }

  .renova_complete .complete_point .point_img03 {
    margin: 0 -40px;
  }

  .renova_complete .complete_point .point_img03 .img_left img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .renova_complete .complete_point .point_img03 .img_mid img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .renova_complete .complete_point .point_img03 .img_right img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .renova_complete .complete_point .point_img03 .img_cap {
    font-size: 16px;
  }

  .renova_complete .complete_point .point_img03 .slick-slide {
    padding: 0 5px;
  }
}

.renova_complete .complete_need {
  margin-top: 120px;
}

.renova_complete .complete_need .hdm {
  margin-bottom: 35px;
  text-align: center;
}

.renova_complete .complete_need .need_box {
  max-width: 1010px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  column-gap: 30px;
}

.renova_complete .complete_need .need_inner {
  width: calc((100% - 30px) / 2);
  padding: 40px 45px 135px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.renova_complete .complete_need .need_safe {
  background: #fff;
}

.renova_complete .complete_need .need_space {
  background: #f0eae4;
}

.renova_complete .complete_need .com_btn {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  z-index: 1;
}

.renova_complete .complete_need .need_logo {
  text-align: center;
}

.renova_complete .complete_need .need_safe .need_logo {
  margin-bottom: 30px;
}

.renova_complete .complete_need .need_space .need_logo {
  margin-bottom: 55px;
}

.renova_complete .complete_need .need_box .hdm {
  margin-bottom: 15px;
  line-height: 1.25;
}

.renova_complete .complete_need .need_safe .hdm {
  text-align: left;
}

.renova_complete .complete_need .need_space .hdm {
  text-align: center;
}

.renova_complete .complete_need .safe_price {
  margin-top: 25px;
}

.renova_complete .complete_need .safe_price .price_cont+.price_cont {
  margin-top: 25px;
}

.renova_complete .complete_need .safe_price .price_tit {
  font-size: 18px;
  font-weight: 500;
  color: #676464;
  margin-bottom: 10px;
}

.renova_complete .complete_need .safe_price .price_txt {
  font-size: 28px;
  font-weight: 700;
}

.renova_complete .complete_need .safe_price .price_num {
  font-size: 60px;
  font-weight: 700;
  color: #4b9379;
  line-height: 1;
}

.renova_complete .complete_need .space_img {
  text-align: center;
  margin-top: 35px;
}

.renova_complete .complete_need .space_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .renova_complete .complete_need {
    margin-top: 60px;
  }

  .renova_complete .complete_need .hdm {
    margin-bottom: 50px;
  }

  .renova_complete .complete_need .need_box {
    display: block;
    column-gap: 0;
  }

  .renova_complete .complete_need .need_inner {
    width: auto;
    padding: 40px 20px;
    display: block;
  }

  .renova_complete .complete_need .need_inner+.need_inner {
    margin-top: 20px;
  }

  .renova_complete .complete_need .com_btn {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 40px;
  }

  .renova_complete .complete_need .need_safe .need_logo img {
    width: 98px;
  }

  .renova_complete .complete_need .need_space .need_logo {
    margin-bottom: 45px;
  }

  .renova_complete .complete_need .need_safe .hdm {
    text-align: left;
  }

  .renova_complete .complete_need .need_space .hdm {
    text-align: left;
  }

  .renova_complete .complete_need .safe_price .price_tit {
    font-size: 14px;
  }

  .renova_complete .complete_need .safe_price .price_txt {
    font-size: 18px;
  }

  .renova_complete .complete_need .space_img {
    text-align: center;
    margin-top: 35px;
  }

  .renova_complete .complete_need .space_img img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }
}

/* reform
----------------------------------------------- */
.teaser_reform .teaser_box {
  background-image: url(../img/reform/teaser_reform.webp);
}

.reform .contents {
  padding-bottom: 120px;
}

.reform .reform_main .hdl {
  margin: 0 0 35px;
}

.reform .reform_main .hdl .hdl_jps {
  font-weight: 500;
  margin: 0;
}

.reform .reform_main .com_txt {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .teaser_reform .teaser_box {
    background-image: url(../img/reform/teaser_reform_sp.webp);
  }

  .reform .contents {
    padding-bottom: 80px;
  }

  .reform .teaser .teaser_jps {
    font-size: min(24px, 6.15vw);
  }

  .reform .reform_main .hdl {
    margin: 0 0 15px;
  }
}

.reform .sub_feature {
  margin-top: 60px;
}

.reform .sub_feature .feat_box li {
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  .reform .sub_feature {
    margin-top: 80px;
  }

  .reform .sub_feature .hds {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
  }

  .reform .sub_feature .feat_box li {
    padding-bottom: 40px;
  }
}

.reform .spsb_anchor {
  margin-top: 100px;
  padding: 80px 0;
}

.reform .spsb_anchor .anchor_box .anchor_item {
  padding: 20px 10px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .reform .spsb_anchor {
    margin: 80px 0 0;
    padding: 40px 0 80px;
  }

  .reform .spsb_anchor .anchor_box {
    flex-wrap: wrap;
    margin-bottom: -40px;
  }

  .reform .spsb_anchor .anchor_box .anchor_item {
    width: calc((100% - 10px) / 2);
    padding: 10px 5px;
    font-size: min(20px, 5.1vw);
    height: 160px;
    margin-bottom: 40px;
  }
}

.usedpoint {
  background: #f8f8f8;
  position: relative;
}

.usedpoint .hds {
  margin-bottom: 60px;
}

.usedpoint .usedpo_block {
  background: #f0eae4;
  padding: 75px 0 120px;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.usedpoint .usedpo_box+.usedpo_box {
  margin-top: 60px;
}

.usedpoint .usedpo_box {
  background: #fff;
  padding: 40px 40px 60px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedpoint .usedpo_inner {
  max-width: 870px;
  margin: 0 auto;
}

.usedpoint .usedpo_tit {
  background: #f0eae4;
  padding: 25px 40px;
  display: flex;
  align-items: stretch;
  color: #676464;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedpoint .usedpo_tit .tit_ico {
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px #676464 dashed;
  flex-shrink: 0;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Raleway", sans-serif;
}

.usedpoint .usedpo_tit .tit_ico .ico_eng {
  font-size: 11px;
  line-height: 1;
}

.usedpoint .usedpo_tit .tit_ico .ico_num {
  font-size: 54px;
  line-height: 1;
}

.usedpoint .usedpo_tit .tit_txt {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.usedpoint .usedpo_flex {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

.usedpoint .usedpo_flex .flex_in {
  flex: 1;
}

.usedpoint .usedpo_flex .flex_img {
  width: 370px;
  max-width: 43%;
  margin-left: 30px;
  flex-shrink: 0;
}

.usedpoint .usedpo_flex .flex_img img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedpoint .usedpo_cont {
  border: 2px #cdebde solid;
  margin-top: 40px;
  padding: 40px 35px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedpoint .usedpo_cont .cont_box+.cont_box {
  margin-top: 40px;
}

.usedpoint .usedpo_cont .cont_box {
  display: flex;
  align-items: flex-start;
}

.usedpoint .usedpo_cont .cont_pop {
  width: 148px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  margin-right: 35px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.usedpoint .usedpo_cont .cont_pop img {
  margin-right: 5px;
}

.usedpoint .usedpo_cont .cont_pop:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 20px;
  top: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  z-index: 1;
}

.usedpoint .usedpo_cont .cont_pop.pop_gray {
  background: #e4e4e4;
  color: #676464;
}

.usedpoint .usedpo_cont .cont_pop.pop_gray:before {
  background: #e4e4e4;
}

.usedpoint .usedpo_cont .cont_pop.pop_green {
  background: #cdebde;
  color: #4b9379;
}

.usedpoint .usedpo_cont .cont_pop.pop_green:before {
  background: #cdebde;
}

.usedpoint .usedpo_cont .cont_in {
  flex: 1;
}

.usedpoint .usedpo_cont .cont_tit {
  font-size: 22px;
  color: #676464;
  font-weight: 700;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .usedpoint .hds {
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 40px;
  }

  .usedpoint .usedpo_block {
    background: #f0eae4;
    padding: 40px 0 80px;
    -webkit-border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    -ms-border-radius: 40px 40px 0 0;
    -o-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
  }

  .usedpoint .usedpo_box+.usedpo_box {
    margin-top: 40px;
  }

  .usedpoint .usedpo_box .com_txt {
    font-size: 16px;
  }

  .usedpoint .usedpo_box {
    padding: 40px 20px;
  }

  .usedpoint .usedpo_tit {
    padding: 20px;
    align-items: flex-start;
  }

  .usedpoint .usedpo_tit .tit_ico {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }

  .usedpoint .usedpo_tit .tit_ico .ico_eng {
    font-size: 10px;
  }

  .usedpoint .usedpo_tit .tit_ico .ico_num {
    font-size: 33px;
    line-height: 0.9;
  }

  .usedpoint .usedpo_tit .tit_txt {
    font-size: 22px;
  }

  .usedpoint .usedpo_flex {
    margin-top: 30px;
    display: block;
  }

  .usedpoint .usedpo_flex .flex_img {
    width: auto;
    text-align: center;
    max-width: none;
    margin: 30px 0 0;
  }

  .usedpoint .usedpo_cont {
    padding: 40px 20px;
  }

  .usedpoint .usedpo_cont .cont_box {
    flex-direction: column;
    align-items: center;
  }

  .usedpoint .usedpo_cont .cont_pop {
    width: 202px;
    height: 30px;
    font-size: 14px;
    margin: 0 0 25px;
  }

  .usedpoint .usedpo_cont .cont_pop:before {
    right: 50%;
    transform: translateX(50%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    z-index: 1;
  }

  .usedpoint .usedpo_cont .cont_in {
    width: 100%;
  }

  .usedpoint .usedpo_cont .cont_tit {
    font-size: min(22px, 5.64vw);
  }
}

.usedintro {
  background: #f0eae4;
  position: relative;
}

.usedintro .usedint_block {
  background: #f8f8f8;
  padding: 80px 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.usedintro .hdm {
  text-align: center;
  margin-bottom: 40px;
}

.usedintro .time_slider {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.usedintro .time_slider .time_inner {
  width: 370px;
  max-width: 32%;
}

.usedintro .time_slider .slick-slide {
  outline: none;
}

.usedintro .time_slider .time_cap {
  background: #cdebde;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 10px;
}

.usedintro .time_slider .time_cap:before {
  position: absolute;
  content: "";
  background: #cdebde;
  width: 30px;
  height: 20px;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
}

.usedintro .time_slider .time_img {
  position: relative;
}

.usedintro .time_slider .time_img img {
  width: 100%;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.usedintro .time_slider .time_cont {
  padding: 20px;
  background: #fff;
  border: 1px #e4e4e4 solid;
  border-top: none;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.usedintro .time_slider .time_dot li {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.usedintro .time_slider .time_dot li+li {
  margin-top: 5px;
}

@media (max-width: 1024px) {
  .usedintro .time_slider .time_cap {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .usedintro .usedint_block {
    padding: 40px 0 80px;
  }

  .usedintro .hdm {
    text-align: left;
  }

  .usedintro .time_slider {
    margin: 0 -20px;
    display: block;
  }

  .usedintro .time_slider .time_inner {
    width: auto;
    max-width: none;
  }

  .usedintro .time_slider .slick-slide {
    padding: 0 10px;
  }

  .usedintro .time_slider .time_cont {
    padding: 20px 15px 40px;
  }

  .usedintro .time_slider .slick-arrow {
    position: absolute;
    bottom: calc((100% - 100px) / 2);
    transform: translateY(50%);
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: none;
    background-color: #676464;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
  }

  .usedintro .time_slider .slick-prev {
    left: 10px;
    background-image: url(../img/common/prev_detail.svg);
  }

  .usedintro .time_slider .slick-next {
    right: 10px;
    background-image: url(../img/common/next_detail.svg);
  }
}

.usedintro .usedint_cont {
  margin: 70px 0 0;
  border: 2px #cdebde solid;
  background: #fff;
  position: relative;
  padding: 40px 150px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedintro .usedint_cont .cont_people01 {
  position: absolute;
  left: 20px;
  bottom: -2px;
  z-index: 0;
}

.usedintro .usedint_cont .cont_people02 {
  position: absolute;
  right: 10px;
  bottom: -2px;
  z-index: 0;
}

.usedintro .usedint_cont .cont_people03 {
  position: absolute;
  left: 10px;
  bottom: -2px;
  z-index: 0;
}

.usedintro .usedint_cont .cont_people04 {
  position: absolute;
  right: 10px;
  bottom: -2px;
  z-index: 0;
}

.usedintro .usedint_cont .cont_merge01,
.usedintro .usedint_cont .cont_merge02 {
  display: none;
}

.usedintro .usedint_cont+.usedint_cont {
  margin: 40px 0 0;
}

.usedintro .usedint_cont .cont_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #676464;
  margin-bottom: 25px;
}

.usedintro .usedint_cont .cont_txt {
  max-width: 720px;
  margin: 0 auto 35px;
}

.usedintro .usedint_cont .scroll_arrow {
  display: none;
}

.usedintro .usedint_cont .cont_table {
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.usedintro .usedint_cont .cont_table table {
  width: 100%;
}

.usedintro .usedint_cont .cont_table table .fwb {
  color: #676464;
  text-align: center;
}

.usedintro .usedint_cont .cont_table table th,
.usedintro .usedint_cont .cont_table table td {
  vertical-align: middle;
}

.usedintro .usedint_cont .cont_table table th {
  padding: 12px 10px;
}

.usedintro .usedint_cont .cont_table table td {
  padding: 15px 20px;
  background: #f8f8f8;
}

.usedintro .usedint_cont .cont_table .td_nowrap {
  white-space: nowrap;
}

.usedintro .usedint_cont .cont_table .bg_dark {
  background: #e4e4e4;
  width: 12%;
}

.usedintro .usedint_cont .cont_table .bg_green {
  background: #cdebde;
  width: 44%;
}

.usedintro .usedint_cont .cont_table table tr:nth-child(n+3) td {
  border-top: 1px #676464 dashed;
}

.usedintro .usedint_cont .cont_table table th+th,
.usedintro .usedint_cont .cont_table table td+td {
  border-left: 1px #676464 dashed;
}

@media (max-width: 767px) {
  .usedintro .usedint_cont {
    margin: 40px 0 0;
    padding: 40px 20px 170px;
  }

  .usedintro .usedint_cont .cont_people01,
  .usedintro .usedint_cont .cont_people02,
  .usedintro .usedint_cont .cont_people03,
  .usedintro .usedint_cont .cont_people04 {
    display: none;
  }

  .usedintro .usedint_cont .cont_merge01,
  .usedintro .usedint_cont .cont_merge02 {
    display: block;
    right: 20px;
    bottom: -2px;
    z-index: 1;
    position: absolute;
  }

  .usedintro .usedint_cont+.usedint_cont {
    margin: 40px 0 0;
  }

  .usedintro .usedint_cont .cont_tit {
    font-size: min(22px, 5.64vw);
    margin-bottom: 15px;
  }

  .usedintro .usedint_cont .cont_txt {
    font-size: 16px;
  }

  .usedintro .usedint_cont .scroll_arrow {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #676464;
    font-weight: 700;
    padding: 0 30px 0 0;
    background: url(../img/showroom/arrow_scroll.webp) right center no-repeat;
    margin: 0 0 10px;
  }

  .usedintro .usedint_cont .cont_scroll {
    overflow-x: scroll;
  }

  .usedintro .usedint_cont .cont_scroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }

  .usedintro .usedint_cont .cont_scroll::-webkit-scrollbar {
    display: none;
  }

  .usedintro .usedint_cont .cont_scroll {
    scrollbar-width: none;
  }

  .usedintro .usedint_cont .cont_table {
    width: 870px;
  }
}

.usedflow {
  position: relative;
  padding: 95px 0 80px;
  background: #f8f8f8;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.usedflow .hds {
  margin-bottom: 40px;
}

.usedflow .com_det {
  margin-bottom: 85px;
}

@media (max-width: 767px) {
  .usedflow {
    padding: 80px 0 75px;
  }

  .usedflow .hds {
    margin-bottom: 45px;
    justify-content: flex-start;
    text-align: left;
  }

  .usedflow .com_det {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 2;
    padding: 0 20px;
  }
}

.usedflow .usedfl_tit {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 30px;
}

.usedflow .usedfl_tit li {
  width: calc((100% - 30px) / 2);
  background: #f0eae4;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #676464;
  font-size: 22px;
  font-weight: 500;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.usedflow .usedfl_box {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.usedflow .usedfl_box li {
  width: calc((100% - 30px) / 2);
}

.usedflow .usedfl_box .usedfl_cont {
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.usedflow .usedfl_box .arrow_down:before {
  position: absolute;
  content: "";
  background: url(../img/reform/down_arrow.webp) center center no-repeat;
  left: 0;
  width: 100%;
  top: 100%;
  height: 40px;
  z-index: 1;
}

.usedflow .usedfl_box .arrow_left:before {
  position: absolute;
  content: "";
  background: url(../img/reform/left_arrow.webp) center center no-repeat;
  right: 100%;
  width: 30px;
  top: 58px;
  height: 14px;
  z-index: 1;
}

.usedflow .usedfl_box .arrow_right:before {
  position: absolute;
  content: "";
  background: url(../img/reform/right_arrow.webp) center center no-repeat;
  left: 100%;
  width: 30px;
  top: 58px;
  height: 14px;
  z-index: 1;
}

.usedflow .usedfl_box .arrow_larg {
  position: absolute;
  top: 100%;
  width: 315px;
  right: -30px;
  z-index: 1;
}

.usedflow .usedfl_box .usedfl_cont+.usedfl_cont {
  margin-top: 40px;
}

.usedflow .usedfl_box .usedfl_step {
  display: flex;
  align-items: center;
  color: #676464;
}

.usedflow .usedfl_box .usedfl_step .step_ico {
  margin-right: 20px;
  flex-shrink: 0;
  border: 1px #676464 solid;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.usedflow .usedfl_box .usedfl_step .step_eng {
  font-size: 14px;
  line-height: 1;
}

.usedflow .usedfl_box .usedfl_step .step_num {
  font-size: 28px;
  line-height: 1;
}

.usedflow .usedfl_box .usedfl_step .step_txt {
  font-size: 28px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.usedflow .usedfl_box .usedfl_txt {
  margin-top: 20px;
}

.usedflow .usedfl_box.usedfl_sum {
  margin-bottom: 0;
}

.usedflow .usedfl_box.usedfl_sum li {
  width: 100%;
  text-align: center;
}

.usedflow .usedfl_box.usedfl_sum .usedfl_step {
  justify-content: center;
}

@media (max-width: 767px) {
  .usedflow .usedfl_tit {
    margin-bottom: 50px;
  }

  .usedflow .usedfl_tit li {
    width: calc((100% - 10px) / 2);
    height: 50px;
    font-size: 16px;
  }

  .usedflow .usedfl_box {
    margin-bottom: 65px;
  }

  .usedflow .usedfl_box li {
    width: calc((100% - 10px) / 2);
  }

  .usedflow .usedfl_box .usedfl_cont {
    padding: 45px min(10px, 2.56vw) 30px;
  }

  .usedflow .usedfl_box .arrow_down:before {
    position: absolute;
    content: "";
    background: url(../img/reform/down_arrow_sp.webp) center bottom no-repeat;
    left: 0;
    width: 100%;
    top: 100%;
    height: 40px;
    z-index: 0;
  }

  .usedflow .usedfl_box .arrow_down.long_down:before {
    height: min(70px, 18.66vw);
  }

  .usedflow .usedfl_box .arrow_left:before {
    position: absolute;
    content: "";
    background: url(../img/reform/left_arrow.webp) 0 center no-repeat;
    right: calc(100% - 4px);
    width: 14px;
    top: 48px;
  }

  .usedflow .usedfl_box .arrow_right:before {
    position: absolute;
    content: "";
    background: url(../img/reform/right_arrow.webp) right center no-repeat;
    width: 14px;
    top: 48px;
  }

  .usedflow .usedfl_box .arrow_larg {
    width: min(95px, 24.35vw);
    right: -10px;
  }

  .usedflow .usedfl_box .arrow_larg img {
    width: 100%;
  }

  .usedflow .usedfl_box .usedfl_cont+.usedfl_cont {
    margin-top: 65px;
  }

  .usedflow .usedfl_box .usedfl_step {
    display: block;
  }

  .usedflow .usedfl_box .usedfl_step .step_ico {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    margin-right: 0;
    width: 50px;
    height: 50px;
  }

  .usedflow .usedfl_box .usedfl_step .step_eng {
    font-size: 11px;
  }

  .usedflow .usedfl_box .usedfl_step .step_num {
    font-size: 24px;
  }

  .usedflow .usedfl_box .usedfl_step .step_txt {
    font-size: min(18px, 4.6vw);
    text-align: center;
  }

  .usedflow .usedfl_box .usedfl_txt {
    margin-top: 10px;
    font-size: min(14px, 3.58vw);
  }

  .usedflow .usedfl_box.usedfl_sum {
    margin-top: -25px;
  }

  .usedflow .usedfl_box.usedfl_sum li {
    width: 100%;
    text-align: center;
  }

  .usedflow .usedfl_box.usedfl_sum .usedfl_step {
    justify-content: center;
  }

  .usedflow .usedfl_box.usedfl_sum .usedfl_cont {
    padding: 15px 10px;
  }
}

/* new v2h 
----------------------------------------------- */
@media (max-width: 767px) {
  .sub_low .low_tips .hdm.hdm_other {
    padding: 0 0 0 30px;
  }

  .sub_low .low_tips .hdm.hdm_other:before {
    bottom: auto;
    top: -18px;
  }

  .sub_low .low_type .hdm.hdm_other {
    padding: 0 0 0 30px;
  }

  .sub_low .low_type .hdm.hdm_other:before {
    top: -18px;
    bottom: auto;
  }
}

.sub_low .low_type {
  position: relative;
}

.newvh_what {
  margin: 35px 0 0;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}

@media (max-width: 767px) {
  .newvh_what {
    margin: 50px 0 0;
    flex-direction: column;
    align-items: center;
    column-gap: 0;
  }

  .newvh_what li+li {
    margin: 30px 0 0;
  }
}

.newvh_recom {
  margin: 60px 0 0;
  background: url(../img/eco/v2/bg_recom.webp) center center no-repeat;
  background-size: cover;
  padding: 105px 0 150px;
  color: #fff;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
}

.newvh_recom .hds {
  text-align: center;
  color: #fff;
  margin: 0 0 15px;
  justify-content: center;
}

.newvh_recom .recom_det {
  text-align: center;
  font-size: 18px;
  line-height: 1.77;
  margin: 0 0 45px;
}

.newvh_recom .recom_box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.newvh_recom .recom_box li {
  width: calc((100% - 90px) / 4);
  background: #fff;
  color: #353a3c;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  padding: 10px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

.newvh_recom .recom_note {
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
  text-align: left;
  padding: 10px 20px 0;
  font-size: 12px;
  z-index: 1;
}

@media (max-width: 767px) {
  .newvh_recom {
    padding: 40px 0 110px;
  }

  .newvh_recom .hds {
    margin: 0 0 20px;
  }

  .newvh_recom .recom_det {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 35px;
  }

  .newvh_recom .recom_box {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .newvh_recom .recom_box li {
    width: calc((100% - 10px) / 2);
    height: 170px;
    margin: 5px 0;
    padding: 10px;
    font-size: min(18px, 4.6vw);
  }

  .newvh_recom .recom_note {
    padding: 15px 10px 0;
    font-size: 12px;
  }
}

.sub_low .low_type .type_box.type_box_newvh .type_img {
  margin-right: 70px;
}

.sub_low .low_type .type_box.type_box_newvh .type_item {
  max-width: 620px;
}

@media (max-width: 1024px) {
  .sub_low .low_type .type_box.type_box_newvh .type_img {
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .sub_low .low_type .type_box.type_box_newvh .type_img {
    margin: 0 0 20px;
  }
}

.newvh_first {
  margin: 110px 0 150px;
}

.newvh_first .first_tit {
  display: flex;
  justify-content: center;
  margin: 0 0 40px;
}

.newvh_first .first_tit .hds {
  padding: 0 50px;
  position: relative;
}

.newvh_first .first_tit .hds:before {
  position: absolute;
  content: "";
  background: url(../img/common/left_hdl.svg) center center no-repeat;
  background-size: 24px 45px;
  width: 24px;
  height: 45px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.newvh_first .first_tit .hds:after {
  position: absolute;
  content: "";
  background: url(../img/common/right_hdl.svg) center center no-repeat;
  background-size: 22px 50px;
  width: 22px;
  height: 50px;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.newvh_first .first_box {
  background: #cdebde;
  padding: 60px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.newvh_first .first_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.newvh_first .first_list li {
  width: calc((100% - 40px) / 3);
  background: url(../img/eco/v2/ico_check_gr.svg) 0 0 no-repeat;
  padding: 0 0 0 35px;
  font-size: 18px;
  font-weight: 700;
}

.newvh_first .cta_btn {
  display: flex;
  justify-content: center;
  margin: 60px 0 0;
}

@media (max-width: 1024px) {
  .newvh_first .first_box {
    padding: 60px 30px;
  }
}

@media (max-width: 767px) {
  .newvh_first {
    margin: 60px 0 80px;
  }

  .newvh_first .first_tit {
    margin: 0 0 25px;
  }

  .newvh_first .first_tit .hds {
    padding: 0 30px;
  }

  .newvh_first .first_tit .hds:before {
    background: url(../img/common/left_hdl.svg) center center no-repeat;
    background-size: 16px 31px;
    width: 16px;
    height: 31px;
  }

  .newvh_first .first_tit .hds:after {
    background: url(../img/common/right_hdl.svg) center center no-repeat;
    background-size: 14px 33px;
    width: 14px;
    height: 33px;
  }

  .newvh_first .first_box {
    padding: 50px 20px;
  }

  .newvh_first .first_list {
    display: block;
  }

  .newvh_first .first_list li {
    width: auto;
  }

  .newvh_first .first_list li+li {
    margin: 30px 0 0;
  }

  .newvh_first .cta_btn {
    margin: 30px 0 0;
    padding: 0 20px;
  }
}

/* 404
----------------------------------------------- */
.wrong_block {
  color: #676464;
  padding: 60px 0 40px;
}

.wrong_block .wrong_hd {
  text-align: center;
  font-size: 87px;
  font-weight: 500;
  margin: 0 0 50px;
}

.wrong_block .wrong_det {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
}

.wrong_block .com_btn {
  margin: 80px 0 0;
}

.wrong_block .com_btn a {
  width: 370px;
}

@media (max-width: 767px) {
  .wrong_block {
    padding: 40px 0 20px;
  }

  .wrong_block .wrong_hd {
    font-size: min(50px, 13.33vw);
    margin: 0 0 30px;
  }

  .wrong_block .wrong_det {
    font-size: 16px;
  }

  .wrong_block .com_btn {
    margin: 40px 0 0;
  }

  .wrong_block .com_btn a {
    width: 310px;
  }
}

/* footer navi revise
----------------------------------------------- */
.com_fix .fix_tel {
  display: none;
}

@media (max-width: 767px) {
  .com_fix .fix_yoyaku {
    width: 36%;
  }

  .com_fix .fix_som {
    width: 36%;
  }

  .com_fix .fix_tel {
    display: block;
    width: 28%;
  }

  .com_fix .fix_tel .fix_txt {
    font-size: min(10px, 2.67vw);
    color: #666464;
  }

  .com_fix .fix_tel a {
    background: #e4e4e4;
    height: 75px;
  }

  .com_fix .fix_tel .fix_ico {
    background: #676464;
  }

  .com_fix .fix_box a {
    font-size: min(13px, 3.47vw);
  }
}

/* eco banner 20250319追記
----------------------------------------------- */
.show_banner .fix_banner {
  display: block;
}

.fix_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.fix_banner {
  display: none;
  margin: 40px 0 0;
  position: relative;
}

.fix_banner .banner_close {
  position: absolute;
  right: 10px;
  top: -15px;
  width: 24px;
  cursor: pointer;
  z-index: 1;
}

.fix_banner .banner_in {
  display: block;
}

.fix_banner .banner_in img {
  width: 300px;
}

@media (max-width: 767px) {
  .com_fix {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    z-index: 9;
  }

  .fix_inner {
    flex-direction: row;
    align-items: stretch;
    width: 100%;
  }

  .fix_banner {
    margin: 0 0 30px;
  }

  .fix_banner .banner_close {
    right: 5px;
    top: -20px;
    width: 24px;
    z-index: 1;
  }

  .fix_banner .banner_in img {
    width: 180px;
  }
}

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

/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
  outline: none;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

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

#header .header_logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1025px) and (max-width: 1250px) {
  #header .header_logo {
    flex-wrap: wrap;
  }

  #header .header_logo>a {
    width: 200px;
  }

  #header .header_logo>a .logo01 {
    width: 70%;
  }

  #header .header_logo>a .logo01 img {
    max-width: initial;
    width: 100%;
  }

  #header .header_logo>a .logo02 {
    width: 30%;
  }

  #header .header_logo>a .logo02 img {
    max-width: initial;
    width: 100%;
  }
}

#header .header_logo .header_tel02 {
  margin-left: 20px;
}

@media screen and (max-width: 1250px) {
  #header .header_logo .header_tel02 {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  #header .header_logo .header_tel02 {
    display: none;
  }
}

#header .header_logo .header_tel02 a {
  display: block;
  padding-left: 35px;
  background: url("../img/common/ico_tel.png") no-repeat left center;
  background-size: 26px 26px;
  font-size: 28px;
  line-height: 1;
}

@media screen and (max-width: 1370px) {
  #header .header_logo .header_tel02 a {
    font-size: 20px;
    background-size: 20px 20px;
  }
}

#header .header_logo .header_tel02 .tel_txt {
  margin-top: -5px;
  font-size: 10px;
}

@media screen and (max-width: 1370px) {
  #header .gnavi>li>a {
    font-size: 13px;
  }
}

#header .header_up {
  margin: 10px 0;
}

#header .header_link02 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  gap: 0 10px;
}

@media screen and (max-width: 1024px) {
  #header .header_link02 {
    margin-right: 10px;
  }
}

#header .header_link02 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: 130px;
  height: 40px;
  font-size: 14px;
  border-radius: 10px;
  border-bottom: 3px solid #b1b1b1;
}

@media screen and (max-width: 1024px) {
  #header .header_link02 li a {
    width: 70px;
    font-size: 12px;
  }
}

#header .header_link02 li.soudan a {
  background-color: #eed574;
}

#header .header_link02 li.shiryou a {
  background-color: #c8c8ad;
}

.top_main {
  gap: 0 15px;
}

@media screen and (max-width: 1024px) {
  .top_main {
    margin-bottom: 0;
  }
}

.top_main .main_yoyaku {
  flex-grow: 1;
  padding: 30px 20px 45px;
  background-color: #f8f8f8;
  border-radius: 15px;
}

@media screen and (max-width: 767px) {
  .top_main .main_yoyaku {
    padding: 140px 20px 45px;
  }
}

.top_main .main_yoyaku .menu_headline {
  font-size: 26px;
  text-align: center;
}

.top_main .main_yoyaku .menu_tit {
  width: fit-content;
  margin: 35px auto 0;
  padding: 0 15px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  background: url(../img/common/left_hdl.svg) left bottom no-repeat, url(../img/common/right_hdl.svg) right bottom no-repeat;
}

.top_main .main_yoyaku .menu_list {
  margin-top: 15px;
}

@media screen and (max-width: 1024px) {
  .top_main .main_yoyaku .menu_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    flex-wrap: nowrap;
    gap: 0 10px;
  }
}

@media screen and (max-width: 1024px) {
  .top_main .main_yoyaku .menu_list li {
    width: calc(50% - 5px);
  }
}

.top_main .main_yoyaku .menu_list li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 56px;
  border-radius: 56px;
  font-size: 16px;
  font-weight: bold;
  color: #676464;
  border-bottom: 3px solid #b1b1b1;
  background-image: url(../img/common/arrow_bk.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .top_main .main_yoyaku .menu_list li a br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .top_main .main_yoyaku .menu_list li a {
    font-size: 14px;
    line-height: 1;
    text-align: center;
  }
}

.top_main .main_yoyaku .menu_list li a .fix_ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #fff;
  left: 10px;
}

@media screen and (max-width: 390px) {
  .top_main .main_yoyaku .menu_list li a .fix_ico {
    width: 30px;
    height: 30px;
    border-radius: 30px;
  }

  .top_main .main_yoyaku .menu_list li a .fix_ico img {
    width: 12px;
  }
}

.top_main .main_yoyaku .menu_list li.yoyaku a {
  background-color: #eed574;
}

.top_main .main_yoyaku .menu_list li.shiryou {
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  .top_main .main_yoyaku .menu_list li.shiryou {
    margin-top: 0;
  }
}

.top_main .main_yoyaku .menu_list li.shiryou a {
  background-color: #c8c8ad;
}

.top_main .main_yoyaku .tel {
  width: fit-content;
  margin: 25px auto 0;
}

.top_main .main_yoyaku .tel a {
  display: block;
  padding-left: 35px;
  background: url("../img/common/ico_tel.png") no-repeat left center;
  background-size: 26px 26px;
  font-size: 28px;
  line-height: 1;
}

.top_main .main_yoyaku .tel .tel_txt {
  margin-top: -5px;
  font-size: 10px;
}

.top_main_menu {
  background: #cdebdf;
  padding: 30px 20px 100px;
  border-radius: 40px 40px 0 0;
}

@media screen and (max-width: 1024px) {
  .top_main_menu {
    padding: 50px 0 100px;
    border-radius: 40px 40px 0 0;
  }
}

.top_main_menu .menu_tit {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  padding: 0 15px;
  color: #676464;
  font-weight: 500;
  font-family: "Raleway";
}

.top_main_menu .menu_tit:before {
  position: absolute;
  content: "";
  background: url(../img/common/left_hdl.svg) center center no-repeat;
  width: 12px;
  height: 22px;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.top_main_menu .menu_tit:after {
  position: absolute;
  content: "";
  background: url(../img/common/right_hdl.svg) center center no-repeat;
  width: 11px;
  height: 24px;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.top_main_menu .title {
  margin-top: 10px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  color: #676464;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .title {
    font-size: 26px;
  }
}

.top_main_menu .menu_list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  gap: 15px 2.6%;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list {
    position: relative;
    gap: 0;
    border-radius: 10px;
    overflow: hidden;
  }

  .top_main_menu .menu_list::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: 0;
    width: 100%;
    height: 1px;
    background: url("../img/top/menu-border02.png") repeat-x center top;
    background-size: auto 2px;
  }

  .top_main_menu .menu_list::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    top: 0;
    width: 1px;
    height: 100%;
    background: url("../img/top/menu-border01.png") repeat-x center top;
    background-size: 2px auto;
  }
}

.top_main_menu .menu_list li {
  width: 48.7%;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list li {
    width: 50%;
  }
}

.top_main_menu .menu_list li:nth-of-type(3) .menu_ico img {
  width: 30px;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list li:nth-of-type(3) .menu_ico img {
    width: 10px;
  }
}

.top_main_menu .menu_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 140px;
  background: url(../img/common/arrow_bk.svg) right 20px center no-repeat #fff;
  padding: 20px 30px;
  border-radius: 15px;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list li a {
    height: 70px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    background-position: calc(100% - 10px) center;
  }
}

.top_main_menu .menu_list+li {
  margin-top: 10px;
}

.top_main_menu .menu_list .menu_ico {
  background: #f0eae4;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  margin-right: 20px;
  border-radius: 50%;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list .menu_ico {
    width: 32px;
    height: 32px;
    margin-right: 10px;
  }
}

.top_main_menu .menu_list .menu_ico img {
  width: 60px;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list .menu_ico img {
    width: 20px;
  }
}

.top_main_menu .menu_list .menu_txt {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  color: #676464;
}

@media screen and (max-width: 1024px) {
  .top_main_menu .menu_list .menu_txt {
    font-size: 14px;
  }

  .top_main_menu .menu_list .menu_txt .txt_sml {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  .top_main .main_menu {
    padding: 130px 0 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .top_main .main_menu:before {
    display: none;
  }

  .top_main .main_menu .menu_tit_box {
    margin: 0 20px;
    padding: 12px 10px;
    background: #e7f4ef;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
  }

  .top_main .main_menu .menu_tit {
    text-align: center;
    font-size: 18px;
    color: #676464;
    font-weight: 500;
  }

  .top_main .main_menu .menu_list li+li {
    margin-top: 0;
  }

  .top_main .main_menu .menu_list {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .top_main .main_menu .menu_list li {
    width: 50%;
  }

  .top_main .main_menu .menu_list li:nth-child(2n) {
    border-left: 1px #f0eae5 dashed;
  }

  .top_main .main_menu .menu_list li:nth-child(n+3) {
    border-top: 1px #f0eae5 dashed;
  }

  .top_main .main_menu .menu_list a {
    height: 100%;
    display: flex;
    align-items: center;
    background: url(../img/common/arrow_bk.svg) right 15px center no-repeat #fff;
    padding: 20px 25px 20px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .top_main .main_menu .menu_list .menu_ico {
    width: 32px;
    height: 32px;
    margin-right: 5px;
  }

  .top_main .main_menu .menu_list .menu_txt {
    font-size: 14px;
    line-height: 1.2;
  }

  .top_main .main_menu .menu_list .menu_txt .txt_sml {
    font-size: 11px;
  }

  .top_main .main_menu .menu_list .menu_ico.ico_01 img {
    width: 26px;
  }

  .top_main .main_menu .menu_list .menu_ico.ico_02 img {
    width: 24px;
  }

  .top_main .main_menu .menu_list .menu_ico.ico_03 img {
    width: 10px;
  }

  .top_main .main_menu .menu_list .menu_ico.ico_04 img {
    width: 24px;
  }
}

.solarpower_movie_content {
  margin-bottom: 60px;
}

.solarpower_movie_content .inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  gap: 0 30px;
}

@media screen and (max-width: 767px) {
  .solarpower_movie_content .inner {
    flex-direction: column;
  }
}

.solarpower_movie_content .inner .left {
  flex-shrink: 0;
  padding-top: 20px;
}

.solarpower_movie_content .inner .left p {
  font-size: 28px;
  line-height: 1.8;
}

@media screen and (max-width: 1000px) {
  .solarpower_movie_content .inner .left p {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 767px) {
  .solarpower_movie_content .inner .left p {
    font-size: 22px;
  }
}

.solarpower_movie_content .inner .right {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  gap: 0 30px;
}

@media screen and (max-width: 767px) {
  .solarpower_movie_content .inner .right {
    width: 100%;
    flex-wrap: wrap;
    gap: 20px 0;
    margin-top: 20px;
  }
}

.solarpower_movie_content .inner .right .movie {
  position: relative;
  background-color: transparent;
  width: calc(50% - 15px);
  border-radius: 15px;
  overflow: hidden;
}

.solarpower_movie_content .inner .right .movie::before {
  content: "";
  display: block;
  padding-top: 56.2162162162%;
}

.solarpower_movie_content .inner .right .movie img,
.solarpower_movie_content .inner .right .movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .solarpower_movie_content .inner .right .movie {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .solar_recom .recom_head {
    flex-wrap: wrap;
  }
}

.solar_recom .recom_head .recom_left {
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .solar_recom .recom_head .recom_left {
    width: 100%;
  }
}

.solar_recom .type-box {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  margin-top: 65px;
  padding: 65px 0 50px;
  background-color: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .solar_recom .type-box {
    margin-top: 50px;
    padding: 40px 20px 30px;
  }
}

.solar_recom .type-box .type-headline {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -16px;
  width: 100%;
  text-align: center;
}

.solar_recom .type-box .type-headline span {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  color: #676464;
}

@media screen and (max-width: 767px) {
  .solar_recom .type-box .type-headline span {
    font-size: 16px;
  }
}

.solar_recom .type-box .type-headline span::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0px;
  left: -5px;
  width: calc(100% + 10px);
  height: 8px;
  background-color: #f0ff3c;
}

.solar_recom .type-box .list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
  gap: 40px 6%;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .solar_recom .type-box .list {
    gap: 20px 0;
  }
}

.solar_recom .type-box .list img {
  width: 47%;
}

@media screen and (max-width: 767px) {
  .solar_recom .type-box .list img {
    width: 100%;
  }
}

.solar_recom .merit-box {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .solar_recom .merit-box {
    margin-top: 40px;
  }
}

.solar_recom .merit-box .merit-balloon img {
  width: 150px;
}

.solar_recom .merit-box .merit-headline {
  margin-top: 10px;
  font-size: 28px;
  color: #676464;
}

@media screen and (max-width: 767px) {
  .solar_recom .merit-box .merit-headline {
    font-size: 22px;
  }
}

.solar_recom .merit-box p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}



.common-bg-green {
  padding: 60px 0;
  background-color: #CDEBDE;
}

.common-bg-green.mt120 {
  margin-top: 120px;
}

.common-cta-btn {
  position: relative;
}

.common-cta-btn .comment {
  position: relative;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 0 15px;
  font-weight: bold;
  color: #676464;
  font-size: 16px;
  text-align: center;
  background: url(../img/common/left_hdl.svg) left bottom no-repeat, url(../img/common/right_hdl.svg) right bottom no-repeat;
}

.common-cta-btn .comment span {
  font-size: 20px;
}

.common-cta-btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 570px;
  width: 100%;
  height: 56px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 9999px;
  background: #EB5D19;
  color: #fff;
  font-size: 16px;
  text-align: center;
  transition: 0.3s;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16);
}

.common-cta-btn a span span {
  font-size: 20px;
}

.common-cta-btn a:before {
  position: absolute;
  content: "";
  background: url(../img/common/arrow_bk.svg) center center no-repeat;
  filter: brightness(0) invert(1);
  width: 8px;
  height: 14px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  /* Firefox */
  -webkit-transition: all 0.3s !important;
  /* Chrome&Safari */
  z-index: 0;
}


@media screen and (min-width: 768px) {
  .common-cta-btn a:hover {
    transform: translateY(4px);
    box-shadow: none;
  }
}

@media screen and (max-width: 767px) {

  .common-bg-green {
    padding: 40px 20px;
    background-color: #CDEBDE;
  }

  .common-bg-green.mt120 {
    margin-top: 40px;
  }

  .common-cta-btn a {
    height: 64px;
  }
}

.outward-movie {
  padding-block: 50px 80px;
  text-align: center;
  background-color: #F0EAE4;
}

.outward-movie-headline span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: medium;
  font-family: Raleway;
}

.outward-movie-headline span::before,
.outward-movie-headline span::after {
  content: '';
  position: absolute;
  top: -8px;
  width: 2px;
  height: 35px;
  background-color: #C1C1C1;
}

.outward-movie-headline span::before {
  left: -20px;
  transform: rotate(-20deg);
}

.outward-movie-headline span::after {
  right: -20px;
  transform: rotate(20deg);
}

.outward-movie-title {
  margin-top: 10px;
  font-size: 40px;
  font-weight: 500;
  color: #676464;
}

.outward-movie-description {
  margin-top: 10px;
  font-size: 16px;
}

.outward-movie-frame {
  margin-top: 30px;
}

.outward-movie-frame iframe {
  width: 430px;
  height: 100%;
  aspect-ratio: 430 / 323;
}

@media screen and (max-width: 767px) {
  .outward-movie {
    padding-block: 30px 50px;
  }

  .outward-movie-headline span {
    font-size: 12px;
  }

  .outward-movie-headline span::before,
  .outward-movie-headline span::after {
    top: -5px;
    height: 25px;
  }

  .outward-movie-headline span::before {
    left: -10px;
  }

  .outward-movie-headline span::after {
    right: -10px;
  }

  .outward-movie-title {
    font-size: 28px;
  }

  .outward-movie-description {
    margin-top: 20px;
    font-size: 14px;
  }

  .outward-movie-frame {
    margin-top: 30px;
  }

  .outward-movie-frame iframe {
    width: 80%;
    aspect-ratio: 310 / 233;
  }
}


#wrapper:has(.contents.glossary) .breadcrumb {
    margin-bottom: 10px;
  }

.glossary-local-navi {
  padding: 25px 0;
  background-color: #F8F8F8;
}

.glossary-local-navi.fixed {
  position: fixed;
  z-index: 10;
  top: 107px;
  width: 100%;
}

.glossary-local-navi ul {
  display: flex;
  justify-content: center;
  gap: 0 40px;
}

.glossary-local-navi ul li a {
  font-size: 16px;
  font-weight: bold;
  color: #353A3C;
}

.glossary-local-navi ul li a span {
  padding-right: 25px;
  background: url('../img/common/arrow_down_sp.svg') no-repeat right calc(50% + 2px);
  background-size: 15px 24px;
}

.glossary-checked-word {
  display: flex;
  align-items: flex-start;
  margin-block: 30px;
}

.glossary-checked-word .checked-word-headline {
  padding-right: 20px;
  font-size: 16px;
  font-weight: bold;
  border-right: 1px solid #676464;
  color: #676464;
}

.glossary-checked-word ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-left: 20px;
}

.glossary-checked-word ul li a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

.glossary-title {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  height: 70px;
  background-color: #F0EAE4;
  font-size: 24px;
  font-weight: bold;
  color: #676464;
}

.glossary-group+.glossary-title {
  margin-top: 80px;
}

.glossary-item {
  max-width: 875px;
  width: 100%;
  margin: 40px auto 0;
}

.glossary-item .item-title {
  position: relative;
  font-size: 22px;
  font-weight: bold;
}

.glossary-item .item-title::before {
  content: '';
  position: absolute;
  top: 10px;
  left: -25px;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background-color: #82B9A5;
}

.glossary-item .item-description {
  margin-top: 10px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  border-bottom: 1px solid #E4E4E4;
}

.glossary-item .item-information {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 40px;
  margin-top: 15px;
}

.glossary-item .item-information .information-item.advice {
  width: 50%;
}

.glossary-item .item-information .information-item.merit {
  width: calc(50% - 40px);
}

.glossary-item .item-information .information-headline {
  padding-left: 30px;
  font-size: 16px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px auto;
}

.glossary-item .item-information .information-item.advice .information-headline {
  background-image: url('../img/glossary/glossary-icn01.png');
}

.glossary-item .item-information .information-item.merit .information-headline {
  background-image: url('../img/glossary/glossary-icn02.png');
}

.glossary-item .item-information p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}


@media screen and (max-width: 1024px) {
  .glossary-local-navi.fixed {
    top: 56px;
  }
}

@media screen and (max-width: 767px) {

  .glossary-local-navi {
    padding: 0;
  }

  .glossary-local-navi ul {
    flex-wrap: wrap;
    gap: 0;
  }

  .glossary-local-navi ul li {
    width: 50%;
  }

  .glossary-local-navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-size: 14px;
  }

  .glossary-local-navi ul li a.active {
    background-color: #E9E1D8;
  }

  .glossary-checked-word {
    flex-wrap: wrap;
    margin-block: 15px 60px;
  }

  .glossary-checked-word .checked-word-headline {
    width: 100%;
    font-size: 16px;
    border-right: none;
  }

  .glossary-checked-word ul {
    margin: 10px 0 0 0;
  }

  .glossary-title {
    height: 45px;
    font-size: 20px;
  }

  .glossary-item {
    margin-top: 20px;
  }

  .glossary-item+.glossary-item {
    margin-top: 40px;
  }

  .glossary-item .item-title {
    padding-left: 20px;
    font-size: 18px;
  }

  .glossary-item .item-title::before {
    top: 7px;
    left: 0;
    width: 14px;
    height: 14px;
  }

  .glossary-item .item-description {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .glossary-item .item-information {
    display: block;
    margin-top: 20px;
  }

  .glossary-item .item-information .information-item {
    width: 100% !important;
  }

  .glossary-item .item-information .information-item.merit {
    margin-top: 20px;
  }
}



.contents.washroom .menu_anchor .anchor_box .anchor_item {
	padding-top: 30px;
}

.contents.washroom .sub_low .low_tips {
  padding-bottom: 120px;
}

.contents.washroom .sub_low .low_exp {
  margin-top: 0;
}

.contents.washroom .sub_low .low_product .pro_point .point_img img {
	border: none;
	overflow: initial;
}