@charset "UTF-8";
/* html5 reset*/
html {
  overflow-y: scroll;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

fieldset, img {
  border: 0;
}

h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, strong, th, var, span {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

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

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

img {
  vertical-align: bottom;
}

/* original reset */
li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* html5 reset +alpha */
html {
  font-size: 62.5%; /* (14px) */
  line-height: 1;
}

#main {
  line-height: 1.4;
}

/* common item */
.clrfx:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clrfx {
  zoom: 1;
}

.clr {
  clear: both;
}

.fltl {
  float: left;
}

.fltr {
  float: right;
}

.leftAdjust {
  text-align: left;
}

.rightAdjust {
  text-align: right;
}

.centerAdjust {
  text-align: center;
}

.topAdjust {
  vertical-align: top;
}

.middleAdjust {
  vertical-align: middle;
}

.bottomAdjust {
  vertical-align: bottom;
}

.rlt {
  position: relative;
}

.abs {
  position: absolute;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

del {
  -webkit-text-decoration: line-though;
          text-decoration: line-though;
}

/* form item */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* items */
img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

a img {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
}

a:hover img.opa100 {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}

.container {
  width: 1120px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 16px;
  }
}
.f_mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* body style */
body {
  font-size: 14px;
  font-family: "游ゴシック", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  color: #191919;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  min-width: 1080px;
}

/* common */
.grecaptcha-badge {
  visibility: hidden !important;
}

@media print, screen and (min-width: 769px) {
  .sp_v {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  body {
    min-width: inherit;
  }
  .pc_v {
    display: none !important;
  }
}
/*==============================
	ホバーアニメーション
===============================*/
a .hover_anim_01 {
  position: relative;
  overflow: hidden;
}

a .hover_anim_01 img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1, 1); /* Safari用 */
  -ms-transform: translate(-50%, -50%) scale(1, 1);
      transform: translate(-50%, -50%) scale(1, 1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:hover .hover_anim_01 img {
  -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2); /* Safari用 */
  -ms-transform: translate(-50%, -50%) scale(1.2, 1.2);
      transform: translate(-50%, -50%) scale(1.2, 1.2);
}

/***************************************************************************

  全体共通

***************************************************************************/
body {
  font-family: noto-sans-cjk-jp, sans-serif;
}

.heronew {
  font-family: hero-new, sans-serif;
}

.yugo {
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.noto {
  font-family: noto-sans-cjk-jp, sans-serif;
}

.din {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#wrapper {
  min-width: 1120px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #wrapper {
    min-width: auto;
  }
}
/**************************************
  共通
**************************************/
@media screen and (max-width: 1120px) {
  .wrap {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    padding: 0 5vw;
  }
}
h2.decoTitle {
  text-align: center;
  margin: 0 auto 55px;
  padding: 0 0 38px;
  position: relative;
}

h2.decoTitle span {
  font-size: 48px;
  font-family: hero-new, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  display: block;
  padding: 0 0 28px;
}

h2.decoTitle i {
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
}

h2.decoTitle:after {
  content: "";
  width: 72px;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

h2.decoTitleBlk {
  color: #191919;
}

h2.decoTitleWht {
  color: #fff;
}

h2.decoTitleWhtGrn {
  color: #fff;
}

h2.decoTitleBlk:after {
  background: #339336;
}

h2.decoTitleWht:after {
  background: #fff;
}

h2.decoTitleWhtGrn:after {
  background: #339336;
}

@media screen and (max-width: 768px) {
  h2.decoTitle {
    text-align: center;
    margin: 0 auto 50px;
    padding: 0 0 25px;
    position: relative;
  }
  h2.decoTitle span {
    font-size: 38px;
    padding: 0 0 12.5px;
  }
  h2.decoTitle i {
    font-size: 16px;
    line-height: 1.3;
  }
}
/***************************************************************************

  タイトルブロック

***************************************************************************/
.ttlBlock {
  width: 100%;
  background: #DF7783;
  position: relative;
  height: 443px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 130px 0 0;
}

.ttlBlock:before {
  content: "";
  width: 100%;
  background: #DF7783 url(./images/concept_ttl_bg.jpg) no-repeat 50% 0;
  background-size: cover;
  position: absolute;
  left: 21.5%;
  bottom: 0;
  height: 443px;
  display: block;
}

.concept .ttlBlock:before {
  background-image: url(./images/concept_ttl_bg.jpg);
}

.company .ttlBlock:before {
  background-image: url(./images/company_ttl_bg.jpg);
}

.renova .ttlBlock:before {
  background-image: url(./images/renovation_ttl_bg.jpg);
}

.staff .ttlBlock:before {
  background-image: url(./images/staff_ttl_bg.jpg);
}

.works .ttlBlock:before {
  background-image: url(./images/work_ttl_bg.jpg);
}

.voice .ttlBlock:before {
  background-image: url(./images/voice_ttl_bg.jpg);
}

.event .ttlBlock:before {
  background-image: url(./images/event_ttl_bg.jpg);
}

.topics .ttlBlock:before {
  background-image: url(./images/topics_ttl_bg.jpg);
}

.application .ttlBlock:before {
  background-image: url(./images/application_page_ttl_01.jpg);
}

@media screen and (max-width: 768px) {
  .ttlBlock:before {
    background-image: url(./images/concept_ttl_bg_sp.jpg);
  }
  .concept .ttlBlock:before {
    background-image: url(./images/concept_ttl_bg_sp.jpg);
  }
  .company .ttlBlock:before {
    background-image: url(./images/company_ttl_bg_sp.jpg);
  }
  .renova .ttlBlock:before {
    background-image: url(./images/renovation_ttl_bg_sp.jpg);
  }
  .staff .ttlBlock:before {
    background-image: url(./images/staff_ttl_bg_sp.jpg);
  }
  .work .ttlBlock:before {
    background-image: url(./images/work_ttl_bg_sp.jpg);
  }
  .voice .ttlBlock:before {
    background-image: url(./images/voice_ttl_bg_sp.jpg);
  }
  .event .ttlBlock:before {
    background-image: url(./images/event_ttl_bg_sp.jpg);
  }
  .topics .ttlBlock:before {
    background-image: url(./images/topics_ttl_bg_sp.jpg);
  }
  .application .ttlBlock:before {
    background-image: url(./images/application_page_ttl_01_sp.jpg);
  }
}
.ttlBlock .c_page_ttl_01 {
  width: 100%;
  max-width: 1400px;
  color: #fff;
  font-size: 85px;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 1120px) {
  .ttlBlock .c_page_ttl_01 {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .ttlBlock {
    height: 60vh;
    padding: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
  .ttlBlock:before {
    left: 24px;
    top: 0;
    bottom: auto;
    height: 100%;
  }
  .ttlBlock .c_page_ttl_01 {
    display: inline-block;
    width: auto;
    font-size: 48px;
    margin: 17px 0 0 -2px;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
/*****************************************
  パンくず
*****************************************/
.bc_nav {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.bc_nav .bc_nav_ul {
  width: 100%;
  font-size: 16px;
  padding: 1.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bc_nav .bc_nav_ul li {
  display: inline-block;
  position: relative;
  color: #535353;
  padding: 0 0 0 1.3em;
  margin: 3px 1em 3px 0;
}

.bc_nav .bc_nav_ul li:first-child {
  padding: 0 0 0 0;
}

.bc_nav .bc_nav_ul li:nth-child(2):before,
.bc_nav .bc_nav_ul li:nth-child(3):before,
.bc_nav .bc_nav_ul li:nth-child(4):before,
.bc_nav .bc_nav_ul li:nth-child(5):before {
  content: "";
  background: url(./images/arrow_03_r_gray.svg) no-repeat left center;
  background-size: 7px 12px;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 1px;
}

.bc_nav a {
  color: #535353;
}

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

@media screen and (max-width: 1120px) {
  .bc_nav {
    padding: 0 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .bc_nav {
    width: 100%;
    margin: 0 0 16px;
    padding: 0px 20px 0;
    overflow: hidden;
  }
}
/***************************************************************************

  追従ボタン

***************************************************************************/
.fixedBtn {
  position: fixed;
  z-index: 10;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fixedBtn ul {
  width: 104px;
  background: #339336;
  border-radius: 60px 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 38px 0 38px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fixedBtn li {
  width: 100%;
  z-index: 450;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.fixedBtn li:nth-child(1) {
  position: relative;
  padding: 0 0 24px;
}

.fixedBtn li:nth-child(2) {
  padding: 24px 0 0;
}

.fixedBtn li:nth-child(1):after {
  content: "";
  width: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
  margin: 0 auto;
}

.fixedBtn a {
  width: 100%;
  color: #fff;
  display: block;
  text-align: center;
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.fixedBtn a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.fixedBtn li:nth-child(1) a {
  width: 100%;
  padding: 70px 0 0;
  background: url(./images/document_icn.svg) no-repeat 50% 0;
  background-size: 67.98px 52.3px;
}

.fixedBtn li:nth-child(2) a {
  width: 100%;
  padding: 80px 0 0;
  background: url(./images/balloon_icn.svg) no-repeat 50% 0;
  background-size: 77.27px 64.93px;
}

.fixedBtn_block {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 5%;
}
.fixedBtn_block .sidebar_nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.fixedBtn_block .sidebar_nav .nav_item_01 {
  width: 72px;
  -webkit-transform: translate(20%, 0);
      -ms-transform: translate(20%, 0);
          transform: translate(20%, 0);
}
.fixedBtn_block .sidebar_nav_cta {
  margin-top: 20px;
  width: 88px;
  background: #339336;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.fixedBtn_block .sidebar_nav_cta li {
  width: 100%;
  z-index: 450;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fixedBtn_block .sidebar_nav_cta li a {
  color: #ffffff;
}
.fixedBtn_block .sidebar_nav_cta li a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.fixedBtn_block .sidebar_nav_cta li:nth-child(1) {
  position: relative;
  padding: 12px 0 16px 10px;
}
.fixedBtn_block .sidebar_nav_cta li:nth-child(1) a {
  display: block;
  width: 100%;
  padding: 56px 0 0;
  background: url(./images/after_maintenance_icn.svg) no-repeat 50% 0;
  background-size: 78% auto;
  font-size: 12px;
  line-height: 1.4;
}
.fixedBtn_block .sidebar_nav_cta li:nth-child(2) {
  padding: 20px 0 20px 10px;
  background-color: #EB9AA3;
}
.fixedBtn_block .sidebar_nav_cta li:nth-child(2) a {
  display: block;
  width: 100%;
  padding: 50px 0 0;
  background: url(./images/balloon_icn.svg) no-repeat 50% 0;
  background-size: 70% auto;
}

@media screen and (max-width: 768px) {
  .fixedBtn_block {
    top: 10.25%;
  }
  .fixedBtn_block .sidebar_nav .nav_item_01 {
    width: 60px;
    -webkit-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
            transform: translate(20%, 0);
  }
  .fixedBtn {
    position: static;
    right: 0;
    left: 0;
    top: initial;
    bottom: 0;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }
  .fixedBtn ul {
    width: auto;
    background: initial;
    border-radius: 0;
    padding: 0 0 0;
  }
  .fixedBtn li {
    width: initial;
    z-index: 450;
  }
  .fixedBtn li:nth-child(1) {
    right: 0;
    bottom: 0%;
    position: fixed;
    padding: 25px 8px 0 18px;
    border-radius: 20em 0 0 0;
    background: #339336;
  }
  .fixedBtn li:nth-child(2) {
    left: 0;
    bottom: 0%;
    position: fixed;
    padding: 30px 25px 0 15px;
    border-radius: 0 20em 0 0;
    background: #EB9AA3;
  }
  .fixedBtn li:nth-child(1):after {
    display: none;
  }
  .fixedBtn a {
    font-size: 14px;
  }
  .fixedBtn li:nth-child(1) a {
    padding: 50px 0 5px;
    background: url(./images/after_maintenance_icn.svg) no-repeat 50% 0;
    background-size: 52px 40px;
    font-size: 12px;
    line-height: 1.4;
  }
  .fixedBtn li:nth-child(2) a {
    padding: 50px 0 10px;
    background: url(./images/balloon_icn.svg) no-repeat 50% 0;
    background-size: 55.89px 46.97px;
  }
  .fixedBtn.open li:nth-child(1) {
    background: #ffffff;
  }
  .fixedBtn.open li:nth-child(2) {
    background: #ffffff;
  }
  .fixedBtn.open li:nth-child(1) a {
    color: #339336;
    background-image: url(./images/document_icn_green.svg);
  }
  .fixedBtn.open li:nth-child(2) a {
    color: #EB9AA3;
    background-image: url(./images/balloon_icn_pink.svg);
  }
}
/***************************************************************************

	ボタン関連

***************************************************************************/
a.c_backbtn_01 {
  display: block;
  padding: 32px 0 35px;
  border: 4px solid #519043;
  border-radius: 50px;
  font-size: 24px;
  color: #191919;
  text-align: center;
  background: #ffffff url(./images/arrow_03_l_g.svg) center left 10% no-repeat;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.c_backbtn_01:hover {
  text-decoration: none;
  background: #519043 url(./images/arrow_03_l_w.svg) center left 10% no-repeat;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  a.c_backbtn_01 {
    padding: 16px 0 18px;
    border: 3px solid #519043;
    font-size: 20px;
  }
}
a.c_btn_01 {
  display: block;
  padding: 12px 8px;
  border: 2px solid #191919;
  font-size: 16px;
  color: #191919;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.c_btn_01:hover {
  text-decoration: none;
  background: #191919;
  color: #ffffff;
}

/***************************************************************************

  タイトル関連

***************************************************************************/
.page_ttl_area {
  padding: 168px 0 120px;
}
.page_ttl_area .a_txt_01 {
  margin: 50px auto 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
  color: #191919;
}

@media screen and (max-width: 768px) {
  .page_ttl_area {
    padding: 16px 0 64px;
  }
  .page_ttl_area .a_txt_01 {
    margin: 56px auto 0;
    font-size: 16px;
  }
}
.c_ttl_01 {
  position: relative;
  padding: 0 0 24px;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  color: #191919;
  letter-spacing: 0.08em;
}
.c_ttl_01 .ja {
  display: block;
  margin: 8px auto 0;
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
}
.c_ttl_01::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 72px;
  height: 8px;
  background: #339336;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {
  .c_ttl_01 {
    padding: 0 0 24px;
    font-size: 38px;
    line-height: 1.4;
  }
  .c_ttl_01 .ja {
    font-size: 16px;
  }
}
.c_ttl_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 220px;
  background: #191919;
}
.c_ttl_02 .ttl_txt_01 {
  display: block;
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.08em;
}
.c_ttl_02 .sub_txt_01 {
  display: block;
  margin: 24px auto 0;
  font-size: 32px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .c_ttl_02 {
    height: auto;
    padding: 32px 0;
  }
  .c_ttl_02 .ttl_txt_01 {
    font-size: 30px;
  }
  .c_ttl_02 .sub_txt_01 {
    font-size: 18px;
  }
}
.c_ttl_03 {
  font-size: 48px;
  font-weight: bold;
  color: #191919;
  text-align: center;
  letter-spacing: 0.08em;
}
.c_ttl_03 .sub_txt_01 {
  display: block;
  margin: 16px auto 0;
  font-size: 24px;
  font-weight: bold;
}

/***************************************************************************

  実例関連

***************************************************************************/
.newworks_area {
  padding: 56px 0 40px;
  background: #585858;
}
.newworks_area .a_ttl_01 {
  margin: 0 auto 56px;
  font-size: 32px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .newworks_area {
    padding: 40px 0 24px;
  }
  .newworks_area .a_ttl_01 {
    margin: 0 auto 40px;
  }
}
.work_card_list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.work_card_list_01 .item {
  width: 48.5%;
  margin: 0 3% 56px 0;
}
.work_card_list_01 .item:nth-of-type(2n) {
  margin: 0 0 56px;
}

@media screen and (max-width: 768px) {
  .work_card_list_01 .item {
    width: 100%;
    margin: 0 auto 56px;
  }
  .work_card_list_01 .item:nth-of-type(2n) {
    margin: 0 auto 56px;
  }
}
a.work_card_01 {
  display: block;
}
a.work_card_01 .card_img_01 {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
a.work_card_01 .card_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
a.work_card_01 .card_ele_01 {
  padding: 18px 40px;
  background: #FFFFFF;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.work_card_01 .card_ele_01 .card_address {
  margin: 0 auto 8px;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  line-height: 1.6;
}
a.work_card_01 .card_ele_01 .card_ttl_01 {
  font-size: 18px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
}
a.work_card_01 .card_ele_01 .tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 16px auto 0;
}
a.work_card_01 .card_ele_01 .tag_list .tag {
  margin: 0 1em 1em 0;
  font-size: 14px;
  font-weight: 500;
  color: #191919;
}
a.work_card_01 .card_ele_01 .tag_list .tag::before {
  content: "#";
}
a.work_card_01.gray .card_ele_01 {
  background: #F5F5F5;
}
a.work_card_01:hover {
  text-decoration: none;
}
a.work_card_01:hover .card_img_01 img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}
a.work_card_01:hover .card_ele_01 {
  opacity: 0.7;
}

.tag_search_area .a_ttl_01 {
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  text-align: center;
}
.tag_search_area .a_txt_01 {
  margin: 24px auto 0;
  font-size: 24px;
  font-weight: 500;
  color: #191919;
  text-align: center;
}
.tag_search_area .search_tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 48px auto 0;
}
.tag_search_area .search_tag_list .chkbox_wrap .label-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 32px 40px 0;
  padding: 2px 14px 4px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: calc(14px + 0.75em);
  background: #A7A7A7;
  font-size: 25px;
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tag_search_area .search_tag_list .chkbox_wrap .label-checkbox:before {
  content: "#";
  position: absolute;
  top: 2px;
  left: 14px;
  font-weight: inherit;
}
.tag_search_area .search_tag_list .chkbox_wrap .input-checkbox:checked + .label-checkbox {
  background: #339336;
}
.tag_search_area .search-submit_wrap {
  position: relative;
  width: 100%;
  max-width: 424px;
  margin: 64px auto 120px;
  border-radius: 50px;
  border: 4px solid #519043;
  background: #ffffff url(./images/arrow_03_r_g.svg) no-repeat right 30px center;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tag_search_area .search-submit_wrap .search-submit-button {
  display: block;
  width: 100%;
  padding: 32px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tag_search_area .search-submit_wrap:hover {
  background: #519043 url(./images/arrow_03_r_w.svg) no-repeat right 30px center;
}
.tag_search_area .search-submit_wrap:hover .search-submit-button {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .tag_search_area .a_txt_01 {
    font-size: 18px;
  }
  .tag_search_area .search_tag_list {
    margin: 48px 0 0 -16px;
  }
  .tag_search_area .search_tag_list .chkbox_wrap .label-checkbox {
    display: inline-block;
    margin: 0;
    margin: 0 0 24px 16px;
    font-size: 18px;
  }
  .tag_search_area .search-submit_wrap {
    margin: 32px auto 60px;
    border: 3px solid #519043;
  }
  .tag_search_area .search-submit_wrap .search-submit-button {
    padding: 16px 0;
    font-size: 20px;
  }
}
/***************************************************************************

  Voice関連

***************************************************************************/
.voice_card_list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.voice_card_list_01 .item {
  width: 48.5%;
  margin: 0 3% 56px 0;
}
.voice_card_list_01 .item:nth-of-type(2n) {
  margin: 0 0 56px;
}

@media screen and (max-width: 768px) {
  .voice_card_list_01 {
    display: grid;
    grid-gap: 32px 24px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .voice_card_list_01 .item {
    width: auto;
    margin: 0;
  }
  .voice_card_list_01 .item:nth-of-type(2n) {
    margin: 0;
  }
}
a.voice_card_01 {
  display: block;
}
a.voice_card_01 .card_img_01 {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
a.voice_card_01 .card_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
a.voice_card_01 .card_ele_01 {
  padding: 18px 40px 24px;
  background: #F5F5F5;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.voice_card_01 .card_ele_01 .card_address {
  margin: 0 auto 8px;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  line-height: 1.6;
}
a.voice_card_01 .card_ele_01 .card_ttl_01 {
  font-size: 18px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
}
a.voice_card_01 .card_ele_01 .card_name {
  margin: 16px auto 0;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
}
a.voice_card_01:hover {
  text-decoration: none;
}
a.voice_card_01:hover .card_img_01 img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}
a.voice_card_01:hover .card_ele_01 {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  a.voice_card_01 .card_ele_01 {
    padding: 18px 24px 24px;
  }
  a.voice_card_01 .card_ele_01 .card_address {
    font-size: 15px;
  }
  a.voice_card_01 .card_ele_01 .card_ttl_01 {
    font-size: 16px;
  }
  a.voice_card_01 .card_ele_01 .card_name {
    font-size: 14px;
  }
}
/***************************************************************************

  EVENT関連

***************************************************************************/
.event_card_list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event_card_list_01 .item {
  width: 32%;
  margin: 0 2% 56px 0;
}
.event_card_list_01 .item:nth-of-type(3n) {
  margin: 0 0 56px;
}

@media screen and (max-width: 768px) {
  .event_card_list_01 {
    display: grid;
    grid-gap: 32px 24px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
  .event_card_list_01 .item {
    width: auto;
    margin: 0;
  }
  .event_card_list_01 .item:nth-of-type(3n) {
    margin: 0;
  }
}
a.event_card_01 {
  display: block;
}
a.event_card_01 .card_ele_01 {
  padding: 16px 8px 24px;
  background: #339336;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.event_card_01 .card_ele_01 .card_schedule {
  margin: 0 auto 16px;
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.1em;
}
a.event_card_01 .card_ele_01 .card_schedule .week {
  font-size: 40%;
}
a.event_card_01 .card_ele_01 .card_address {
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}
a.event_card_01 .card_img_01 {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
a.event_card_01 .card_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
a.event_card_01:hover {
  text-decoration: none;
}
a.event_card_01:hover .card_ele_01 {
  opacity: 0.7;
}
a.event_card_01:hover .card_img_01 img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

@media screen and (max-width: 768px) {
  a.event_card_01 .card_ele_01 {
    padding: 16px 8px 16px;
  }
  a.event_card_01 .card_ele_01 .card_schedule {
    margin: 0 auto 12px;
    font-size: 22px;
  }
  a.event_card_01 .card_ele_01 .card_schedule .week {
    font-size: 60%;
  }
  a.event_card_01 .card_ele_01 .card_address {
    font-size: 26px;
  }
}
/***************************************************************************

  BLOG・COLUMN関連

***************************************************************************/
.side_item_block {
  margin: 0 auto 80px;
}
.side_item_block .block_ttl_01 {
  margin: 0 auto 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid #707070;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #191919;
}
.side_item_block .block_ttl_01:before {
  content: "#";
}
.side_item_block .block_ele_01 {
  padding: 0 0 40px 25px;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
}
.side_item_block .block_ele_01 a {
  display: inline-block;
  border-bottom: 1px solid #191919;
  font-weight: inherit;
  color: #191919;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.side_item_block .block_ele_01 a::before {
  content: "#";
}
.side_item_block .block_ele_01 a:hover {
  text-decoration: none;
  border-bottom: 1px solid #339336;
  color: #339336;
}

@media screen and (max-width: 768px) {
  .side_item_block .block_ttl_01 {
    margin: 0 auto 32px;
    color: #339336;
  }
}
.news_box_list_01 .item {
  margin: 0 0 32px;
  padding: 0 24px 32px;
  border-bottom: 1px solid #707070;
}

.news_box_01 .box_day {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #2E2E2E;
}
.news_box_01 .box_ele_01 {
  position: relative;
  padding: 0 0 12px;
  font-size: 24px;
  line-height: 1.6;
  color: #2E2E2E;
}
.news_box_01 .box_ele_01::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 4px;
  background: #339336;
}
.news_box_01 .box_ele_01 a {
  position: relative;
  display: block;
  color: #2E2E2E;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news_box_01 .box_ele_01 a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 24px;
  background: url(./images/arrow_03_r_g.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news_box_01 .box_ele_01 a:hover {
  text-decoration: none;
  color: #339336;
}
.news_box_01 .box_ele_01 a:hover::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  .news_box_01 .box_day {
    font-size: 18px;
  }
  .news_box_01 .box_ele_01 {
    padding: 0 0 12px;
    font-size: 20px;
  }
  .news_box_01 .box_ele_01 a::after {
    right: -14px;
  }
  .news_box_01 .box_ele_01 a:hover::after {
    right: -24px;
  }
}
.blog_box_list_01 .item {
  margin: 0 0 32px;
  padding: 0 24px 32px;
  border-bottom: 1px solid #707070;
}

.blog_box_list_02 .item {
  margin: 0 0 32px;
  padding: 0 100px 32px;
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 768px) {
  .blog_box_list_01 .item {
    padding: 0 24px 32px 8px;
  }
  .blog_box_list_02 .item {
    padding: 0 24px 32px 8px;
  }
}
a.blog_box_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
a.blog_box_01 .box_img_01 {
  width: 24%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
a.blog_box_01 .box_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.blog_box_01 .box_ele_01 {
  width: 70%;
  position: relative;
  padding: 0 0 12px;
  font-size: 24px;
  line-height: 1.6;
  color: #2E2E2E;
}
a.blog_box_01 .box_ele_01::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 4px;
  background: #339336;
}
a.blog_box_01 .box_ele_01 .box_day {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #2E2E2E;
}
a.blog_box_01 .box_ele_01 .box_ttl_01 {
  position: relative;
  display: block;
  color: #2E2E2E;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.blog_box_01 .box_ele_01 .box_ttl_01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 24px;
  background: url(./images/arrow_03_r_g.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.blog_box_01:hover {
  text-decoration: none;
}
a.blog_box_01:hover .box_img_01 img {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}
a.blog_box_01:hover .box_ele_01 .box_ttl_01 {
  color: #339336;
}
a.blog_box_01:hover .box_ele_01 .box_ttl_01::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  a.blog_box_01 .box_img_01 {
    width: 30%;
  }
  a.blog_box_01 .box_ele_01 {
    width: 65%;
    font-size: 20px;
  }
  a.blog_box_01 .box_ele_01 .box_day {
    font-size: 18px;
  }
  a.blog_box_01 .box_ele_01 .box_ttl_01::after {
    content: "";
    right: -14px;
  }
  a.blog_box_01:hover .box_ele_01 .box_ttl_01::after {
    right: -24px;
  }
}
/***************************************************************************

  その他関連

***************************************************************************/
.c_tel_box_01 {
  position: relative;
  padding: 130px 0 170px;
}
.c_tel_box_01 .box_tel_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 48px 0 72px;
  border-radius: 20px;
  background: #339336;
  text-align: center;
}
.c_tel_box_01 .box_tel_block .inner {
  position: relative;
  z-index: 5;
}
.c_tel_box_01 .box_tel_block .block_ttl_01 {
  margin: 0 auto 40px;
  font-size: 32px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.c_tel_box_01 .box_tel_block .tel_item_set_01 {
  margin: 0 auto 24px;
  padding: 0 0 24px;
  border-bottom: 3px dotted #ffffff;
}
.c_tel_box_01 .box_tel_block .tel_item_set_01:nth-of-type(2) {
  margin: 0 auto;
  padding: 0;
  border: none;
}
.c_tel_box_01 .box_tel_block .tel_item_set_01 .s_ttl_01 {
  margin: 0 auto 24px;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.6;
}
.c_tel_box_01 .box_tel_block .block_num {
  display: inline-block;
}
.c_tel_box_01 .box_tel_block .block_schedule_set_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px auto 0;
}
.c_tel_box_01 .box_tel_block .block_schedule_set_01 .set_ttl_01 {
  font-size: 20px;
  color: #ffffff;
}
.c_tel_box_01 .box_tel_block .block_schedule_set_01 .set_ele_01 {
  font-size: 20px;
  color: #ffffff;
}
.c_tel_box_01 .serif_01 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.c_tel_box_01 .img_01 {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 267px;
  z-index: 0;
}
.c_tel_box_01 .img_02 {
  position: absolute;
  bottom: 0;
  right: -25px;
  max-width: 343px;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .c_tel_box_01 {
    padding: 20% 0 0px;
  }
  .c_tel_box_01 .box_tel_block {
    padding: 48px 0 64px;
    border-radius: 0;
  }
  .c_tel_box_01 .box_tel_block .block_ttl_01 {
    font-size: 28px;
    margin: 0 auto 32px;
    padding: 24px 0 0;
  }
  .c_tel_box_01 .box_tel_block .tel_item_set_01 .s_ttl_01 {
    font-size: 20px;
  }
  .c_tel_box_01 .box_tel_block .block_num {
    width: 70%;
    max-width: 420px;
    margin: 0 auto;
    padding: 16px 16px;
    border-radius: 50px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .c_tel_box_01 .box_tel_block .block_schedule_set_01 {
    display: block;
    margin: 24px auto 0;
  }
  .c_tel_box_01 .box_tel_block .block_schedule_set_01 .set_ttl_01 {
    margin: 0 auto 8px;
    font-size: 16px;
  }
  .c_tel_box_01 .box_tel_block .block_schedule_set_01 .set_ele_01 {
    font-size: 16px;
    line-height: 1.8;
  }
  .c_tel_box_01 .serif_01 {
    width: 278px;
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -21.5%);
        -ms-transform: translate(-50%, -21.5%);
            transform: translate(-50%, -21.5%);
  }
  .c_tel_box_01 .img_01 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 27%;
    max-width: 146px;
    z-index: 5;
  }
  .c_tel_box_01 .img_02 {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 36%;
    max-width: 180px;
    z-index: 5;
  }
}
.c_charge_content_01 {
  background: #F5F5F5;
  padding: 80px 0;
}
.c_charge_content_01 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_charge_content_01 .inner .charge_img_01 {
  width: 30%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_charge_content_01 .inner .charge_ele_01 {
  width: 70%;
}
.c_charge_content_01 .inner .charge_ele_01 .e_ttl_01 {
  margin: 0 auto 12px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
}
.c_charge_content_01 .inner .charge_ele_01 .e_ttl_01 .sub_txt_01 {
  display: inline-block;
  padding: 0 0 0 1em;
  font-size: 70%;
}
.c_charge_content_01 .inner .charge_ele_01 .e_ttl_01 .sub_txt_01:before {
  content: "/";
  display: inline-block;
  padding: 0 0.5em 0 0;
}
.c_charge_content_01 .inner .charge_ele_01 .e_txt_01 {
  font-size: 20px;
  line-height: 2.8;
  color: #191919;
}

@media screen and (max-width: 768px) {
  .c_charge_content_01 {
    padding: 64px 0;
  }
  .c_charge_content_01 .inner {
    display: block;
  }
  .c_charge_content_01 .inner .charge_img_01 {
    width: 100%;
    padding: 0 10%;
    margin: 0 auto 32px;
    text-align: center;
  }
  .c_charge_content_01 .inner .charge_ele_01 {
    width: 100%;
  }
  .c_charge_content_01 .inner .charge_ele_01 .e_ttl_01 {
    font-size: 24px;
  }
  .c_charge_content_01 .inner .charge_ele_01 .e_txt_01 {
    font-size: 16px;
    line-height: 2.2;
  }
}
.c_charge_content_02 {
  background: #F5F5F5;
  padding: 80px 0;
}
.c_charge_content_02 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px;
}
.c_charge_content_02 .inner .charge_img_01 {
  display: block;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  aspect-ratio: 1/1;
}
.c_charge_content_02 .inner .charge_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #707070;
  background: #ffffff;
}
.c_charge_content_02 .inner .charge_ele_00 {
  width: 30%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_charge_content_02 .inner .charge_ele_00 .e_btnwrap_01 {
  margin: 40px auto 0;
}
.c_charge_content_02 .inner .charge_ele_01 {
  width: 70%;
}
.c_charge_content_02 .inner .charge_ele_01 .e_ttl_01 {
  margin: 0 auto 12px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
}
.c_charge_content_02 .inner .charge_ele_01 .e_ttl_01 .sub_txt_01 {
  display: inline-block;
  padding: 0 0 0 1em;
  font-size: 70%;
}
.c_charge_content_02 .inner .charge_ele_01 .e_ttl_01 .sub_txt_01:before {
  content: "/";
  display: inline-block;
  padding: 0 0.5em 0 0;
}
.c_charge_content_02 .inner .charge_ele_01 .e_txt_01 {
  font-size: 18px;
  line-height: 2;
  color: #191919;
}

@media screen and (max-width: 768px) {
  .c_charge_content_02 {
    padding: 64px 0;
  }
  .c_charge_content_02 .inner {
    display: block;
  }
  .c_charge_content_02 .inner .charge_ele_00 {
    width: 100%;
    padding: 0 10%;
    margin: 0 auto 32px;
    text-align: center;
  }
  .c_charge_content_02 .inner .charge_ele_01 {
    width: 100%;
  }
  .c_charge_content_02 .inner .charge_ele_01 .e_ttl_01 {
    font-size: 24px;
  }
  .c_charge_content_02 .inner .charge_ele_01 .e_txt_01 {
    font-size: 16px;
    line-height: 2.2;
  }
}
.page_navlist_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1500px;
  margin: 0 auto;
}
.page_navlist_01 .item {
  width: 20%;
  margin: 0 1%;
  position: relative;
  display: block;
  padding: 18px 0 19px;
  border: 2px solid #DF7783;
  font-size: 23px;
  font-weight: 500;
  color: #DF7783;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page_navlist_01 .item:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 18px;
  height: 21px;
  background: url(./images/arrow_02_d_p.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page_navlist_01 .item:hover {
  text-decoration: none;
  background: #DF7783;
  color: #ffffff;
}
.page_navlist_01 .item:hover:before {
  top: 65%;
  background-image: url(./images/arrow_02_d_w.svg);
}
.page_navlist_01 .item.active {
  text-decoration: none;
  background: #DF7783;
  color: #ffffff;
}
.page_navlist_01 .item.active:before {
  background-image: url(./images/arrow_02_d_w.svg);
}

@media screen and (max-width: 768px) {
  .page_navlist_01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page_navlist_01 .li {
    width: 300px;
    margin: 0 auto 16px;
  }
  .page_navlist_01 .li a {
    padding: 16px 0 17px;
    font-size: 21px;
  }
  .page_navlist_01 .item {
    width: 300px;
    margin: 0 auto 16px;
    padding: 16px 0 17px;
    font-size: 21px;
  }
}
/***************************************************************************

  フッタ

***************************************************************************/
footer {
  width: 100%;
  background: #DF7783;
  padding: 80px 0 175px;
}

footer .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

footer strong.footerLogo {
  width: 210px;
  margin: 0 auto 70px;
  text-align: center;
  display: block;
}

footer strong.footerLogo a {
  width: 100%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

footer strong.footerLogo a:hover {
  opacity: 0.7;
}

footer strong.footerLogo img {
  width: 100%;
  opacity: 1;
}

footer .foot_ttl_01.decoTitle {
  margin: 0 auto 80px;
}

footer .copy {
  display: block;
  margin: 120px auto 0;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-align: center;
}

.footerInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 65px;
}

.footerInfo li {
  width: 48.15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 80px;
}

.footerInfo .imgMapBlock {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px;
}

.footerInfo .companyImg {
  width: 48.46%;
}

.footerInfo .companyMap {
  width: 48.46%;
}

.footerInfo .companyMapWrap {
  width: 100%;
  height: 0;
  padding-top: 67.98%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footerInfo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footerInfo strong.companyName {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 25px;
}

.footerInfo address {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}

.footerInfo address em {
  display: inline-block;
  margin: 0 0.5em 0 0;
}

.toTopBtn {
  width: 55px;
  text-align: center;
  margin: 0 auto;
}

.toTopBtn a {
  width: 55px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  display: block;
}

.toTopBtn a:hover {
  opacity: 0.7;
}

.toTopBtn a img {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  footer {
    width: 100vw;
    padding: 40px 0 120px;
  }
  footer strong.footerLogo {
    width: 112px;
    margin: 0 auto 50px;
  }
  footer .foot_ttl_01.decoTitle {
    margin: 0 auto 30px;
  }
  .footerInfo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 20px;
  }
  .footerInfo li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 35px;
  }
  .footerInfo .imgMapBlock {
    width: 43%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 15px;
  }
  .footerInfo .companyImg {
    width: 100%;
  }
  .footerInfo img {
    width: 100%;
  }
  .footerInfo .companyData {
    width: 53%;
    margin: 0 0 15px;
  }
  .footerInfo strong.companyName {
    font-size: 18px;
    line-height: 1.33;
    margin: 0 0 15px;
  }
  .footerInfo address {
    font-size: 16px;
    line-height: 1.375;
  }
  .footerInfo address span {
    display: block;
    padding: 15px 0 0;
  }
  .footerInfo address i {
    font-style: normal;
    font-size: 18px;
  }
  .toTopBtn {
    width: 93px;
  }
  .toTopBtn a {
    width: 93px;
  }
  .toTopBtn a:hover {
    opacity: 1;
  }
  .toMapBtn {
    width: 100%;
  }
  .toMapBtn a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.8em 0 0.95em;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    color: #339336;
  }
  .toMapBtn a:hover {
    text-decoration: none;
  }
  .toMapBtn a span {
    padding: 0 0 0 22px;
    background: url(images/pin_icn.svg) no-repeat 0% center;
    background-size: 12px 16px;
  }
  footer .copy {
    font-size: 12px;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 380px) {
  .footerInfo strong.companyName {
    font-size: 4.5vw;
  }
  .footerInfo address {
    font-size: 4.2vw;
  }
  .footerInfo address i {
    font-size: 4.5vw;
  }
}
/***************************************************************************

  メニュー

***************************************************************************/
#navBox {
  visibility: hidden;
  display: none;
}

@media screen and (max-width: 768px) {
  #menuBtn {
    padding: 23px 0 0;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 11px;
    position: fixed;
    color: #ffffff;
    right: 8px;
    top: 8px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 500;
    background: #DF7783;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #menuBtn i {
    display: block;
    width: 25px;
    border-top: solid 2px #fff;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 auto;
  }
  #menuBtn i:before {
    content: "";
    width: 25px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #menuBtn i:after {
    content: "";
    width: 25px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 6px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .open #menuBtn i {
    color: #fff;
    border-top: solid 2px transparent;
  }
  .open #menuBtn i:before {
    width: 25px;
    top: -2px;
    background: #fff;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .open #menuBtn i:after {
    width: 25px;
    top: -2px;
    background: #fff;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .layer {
    display: none;
  }
  #navBox {
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    position: fixed;
    color: #fff;
    right: -100vw;
    top: 0;
    z-index: 400;
    visibility: visible;
    display: block;
    background: #DF7783;
    padding: 0 0 0;
  }
  #navBox .wrap {
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 65px 5vw 100px;
    display: block;
  }
  #navBox .navBox-ttl {
    max-width: 320px;
    width: 80%;
    margin: 0 auto 40px;
  }
  #navBox .navBox-ttl a {
    width: 100%;
  }
  #navBox .navBox-ttl a img {
    width: 100%;
  }
  #navBox .menuBoxNav {
    max-width: 370px;
    width: 100%;
    margin: 0 auto 40px;
  }
  #navBox .menuBoxNav ul {
    width: 100%;
  }
  #navBox .menuBoxNav ul li {
    width: 100%;
    font-family: hero-new, sans-serif;
    font-size: 18px;
    margin: 0 auto 0.25em;
    padding: 0.8em 0;
    border-bottom: 1px dashed #ffffff;
  }
  #navBox .menuBoxNav ul li a {
    width: 100%;
    color: #fff;
    font-weight: 700;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: url(images/arrow_03_r_w.svg) no-repeat right 10px top 50%;
    background-size: 7px 10px;
    letter-spacing: 0.08em;
    text-align: center;
  }
  #navBox .menuBoxNav ul li a:hover {
    background: url(images/arrow_03_r_w.svg) no-repeat right 0px top 50%;
    background-size: 7px 10px;
    text-decoration: none;
  }
  #navBox .menuBoxNav ul li a .en {
    margin: 0 0 0.8em;
    font-weight: 700;
    font-size: 12px;
    display: block;
  }
  #navBox .menuBoxNav ul li a .ja {
    font-weight: bold;
    font-size: 16px;
    display: block;
  }
  .menuSubMenu {
    max-width: 320px;
    width: 80%;
    margin: 0 auto;
  }
  .menuSubMenu a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0 auto 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 1;
  }
  .menuSubMenu a:hover {
    opacity: 1;
  }
  .menuSubMenu a img {
    width: 100%;
  }
  .menuSubMenu a:hover img {
    opacity: 1;
  }
  .menuSubMenu dl {
    max-width: 300px;
    width: 90%;
    margin: 0 auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 16px;
    letter-spacing: 0.2em;
  }
  .menuSubMenu dl dt {
    width: 7em;
    padding: 5px 0;
  }
  .menuSubMenu dl dd {
    width: calc(100% - 7em);
    padding: 5px 0;
  }
  .open #navBox {
    visibility: visible;
  }
  .menuBoxNav {
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
  #navBox .menuBoxNav ul li {
    font-size: 4.3vw;
  }
  .menuSubMenu dl {
    font-size: 4vw;
  }
}
/***************************************************************************

  ヘッダ

***************************************************************************/
header {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}

.headerNavBlock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  margin: 0 auto 0;
  padding: 14px 80px 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 5;
  background: #ffffff;
  display: grid;
  grid-template-columns: 90px 1fr;
  grid-template-rows: auto 1fr;
  gap: 16px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.headerNavBlock .logo {
  max-width: 100px;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column: 1/2;
  grid-row: 1/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  align-items: center;
}

.headerNavBlock .logo a {
  width: 82px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.headerNavBlock .logo a:hover {
  opacity: 0.8;
}

.headerNavBlock .logo img {
  width: 100%;
}

.headerNavBlock .logo a:hover {
  opacity: 1;
}

.headerNavBlock nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 28px;
  font-size: clamp(11px, 1.4vw, 22px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.headerNavBlock nav ul li {
  position: relative;
  display: inline-block;
  font-family: hero-new, sans-serif;
  text-align: center;
  line-height: 1.3;
}
.headerNavBlock nav ul li::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  width: 1px;
  height: 1.65em;
  background: #333333;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.headerNavBlock nav ul li:first-of-type::before {
  content: none;
}

.headerNavBlock nav ul li a {
  color: #191919;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.headerNavBlock nav ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.headerSns {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 18px;
}

.headerSns li {
  width: 30px;
}

.headerSns a {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.headerSns a:hover {
  opacity: 0.8;
}

.headerSns img {
  width: 100%;
}

.headerSns a:hover img {
  opacity: 1;
}

.headerCnt {
  /*width: 686px;*/
  width: 35.72vw;
  min-width: 385px;
  max-width: 705px;
  margin: 0 auto 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.headerCnt .headerCnt-ttl {
  width: 100%;
  margin: 3vw 0 5.6vw;
}

.headerCnt strong {
  /*width: 435px;*/
  width: 22.65vw;
  max-width: 435px;
  min-width: 244px;
  display: block;
  margin: 0 auto 0;
}

.headerCnt .Cnt_logoimg {
  -webkit-filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.175));
          filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.175));
}

@media screen and (max-width: 768px) {
  header {
    width: 100vw;
    height: initial;
    background: transparent;
    padding: 64px 0 0;
    min-height: initial;
    position: relative;
    overflow: hidden;
    z-index: 100;
  }
  .headerNavBlock {
    width: 100%;
    background: #fff;
    height: 64px;
    padding: 0 0 0 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .headerNavBlock .logo {
    width: 175px;
    max-width: none;
    padding: 0 0 0 16px;
    grid-column: 1/2;
    grid-row: 1/2;
    justify-self: flex-start;
  }
  .headerNavBlock .logo a {
    display: inline-block;
    width: 100%;
  }
  .headerNavBlock .logo img {
    width: 100%;
  }
  .headerNavBlock nav {
    display: none;
  }
  .headerSns {
    display: none;
  }
  .headerCnt {
    position: absolute;
    width: 100vw;
    min-width: inherit;
    height: 100vh;
  }
  .headerCnt .headerCnt-ttl {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    width: auto;
    height: 60vh;
    margin: 3vw auto 5.6vw;
  }
  .headerCnt .headerCnt-ttl img {
    width: auto;
    height: 100%;
  }
  .headerCnt strong {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10vw;
    width: 30vw;
    max-width: 130px;
    min-width: inherit;
    height: auto;
    margin: 0 auto 0;
  }
  .headerCnt strong img {
    width: auto;
    height: 100%;
  }
}
.top .header {
  height: 100vh;
  min-height: 48vw;
  position: relative;
  background-color: transparent;
  /*
  background: url(./images/fv_bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  */
}
.top .header .swiper-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.top .header .swiper-slide {
  width: 100%;
  margin: 0;
  position: relative;
}
.top .header .swiper-slide img {
  width: 100%;
  height: 100vh;
  min-height: 48vw;
  /*
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  */
  -o-object-fit: cover;
     object-fit: cover;
}
.top .header .swiper-pagination {
  width: 8px !important;
  left: inherit !important;
  right: 60px !important;
  bottom: 50px !important;
}
.top .header .swiper-pagination-bullet {
  width: 8px;
  height: 72px;
  border-radius: 0 !important;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 1;
}
.top .header .swiper-pagination-bullet {
  background: #AAAAAA;
  margin: 12px 0 !important;
}
.top .header .swiper-pagination-bullet-active {
  background: #339336;
}
.top .scrolldown {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.top .scrolldown:hover {
  opacity: 0.7;
}
.top .scrolldownBtn {
  position: absolute;
  bottom: 0vh;
  right: 33vw;
  height: 35vh;
  max-height: 300px;
}
.top .scrolldownBtn span {
  position: absolute;
  left: 25px;
  top: 0;
  color: #eee;
  font-size: 24px;
  letter-spacing: 0.05em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.top .scrolldownBtn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
          animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}

@-webkit-keyframes circlemove {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: -5px;
  }
}

@keyframes circlemove {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: -5px;
  }
}
@-webkit-keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.scrolldownBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #eee;
}

@media screen and (max-width: 768px) {
  .top .header {
    width: 100vw;
    height: calc(100vh - 64px);
    min-height: calc(100vh - 64px);
  }
  .top .header .swiper-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .top .header .swiper-slide {
    width: 100%;
    margin: 0;
    position: relative;
  }
  .top .header .swiper-slide img {
    width: 100%;
    height: 100vh;
    min-height: initial;
  }
  .top .header .swiper-pagination {
    display: none;
  }
  .top .scrolldown {
    display: none;
  }
}
/***************************************************************************

  コンテンツ

***************************************************************************/
/**************************************
  共通
**************************************/
.ptlLinkBtn {
  width: 424px;
  margin: 0 auto;
  position: relative;
}

.ptlLinkBtn a {
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 5em;
  padding: 1.5em 0;
  width: 424px;
  display: block;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlLinkBtn a:hover {
  text-decoration: none;
}

.greenBtn a {
  color: #191919;
  border: solid 4px #519043;
  background: url(./images/arrow_03_r_g.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

.greenBtn a:hover {
  color: #fff;
  background: #519043 url(./images/arrow_03_r_w.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

.whiteBtn a {
  color: #fff;
  border: solid 4px #fff;
  background: url(./images/arrow_03_r_w.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

.whiteBtn a:hover {
  color: #161616;
  background: #fff url(./images/arrow_03_r_black.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

.blackBtn a {
  color: #191919;
  border: solid 4px #191919;
  background: url(./images/arrow_03_r_black.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

.blackBtn a:hover {
  color: #fff;
  background: #161616 url(./images/arrow_03_r_w.svg) no-repeat right 20px center;
  background-size: 10.5px 18px;
}

@media screen and (max-width: 768px) {
  .ptlLinkBtn {
    width: 90%;
    max-width: 330px;
  }
  .ptlLinkBtn a {
    font-size: 20px;
    padding: 1.2em 0;
    width: 100%;
  }
  .greenBtn a {
    background: url(./images/arrow_03_r_g.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
  .greenBtn a:hover {
    background: #519043 url(./images/arrow_03_r_w.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
  .whiteBtn a {
    border: solid 4px #fff;
    background: url(./images/arrow_03_r_w.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
  .whiteBtn a:hover {
    background: #fff url(./images/arrow_03_r_black.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
  .blackBtn a {
    border: solid 4px #191919;
    background: url(./images/arrow_03_r_black.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
  .blackBtn a:hover {
    background: #161616 url(./images/arrow_03_r_w.svg) no-repeat right 15px center;
    background-size: 10.5px 18px;
  }
}
/**************************************
	ページナビ関連
**************************************/
.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 96px auto 120px;
}
.wp-pagenavi a, .wp-pagenavi span {
  max-height: 50px;
  margin: 8px 8px 8px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wp-pagenavi .current {
  padding: 14px 20px;
  color: white;
  background: #50926B;
  font-size: 26px;
}
.wp-pagenavi .extend {
  font-size: 26px;
  color: #707070;
  line-height: 1.4;
}
.wp-pagenavi .page {
  display: block;
  padding: 12px 18px;
  color: white;
  background: #D1D1D1;
  font-size: 26px;
}
.wp-pagenavi .page:hover {
  text-decoration: none;
  background: #50926B;
}
.wp-pagenavi .nextpostslink {
  display: block;
  width: 50px;
  height: 50px;
  color: white;
  background: #50926B url(./images/arrow_03_r_w.svg) center center no-repeat;
  background-size: 30% auto;
}
.wp-pagenavi .nextpostslink:hover {
  text-decoration: none;
  background-color: #D1D1D1;
}
.wp-pagenavi .previouspostslink {
  display: block;
  color: white;
  width: 50px;
  height: 50px;
  background: #50926B url(./images/arrow_03_l_w.svg) center center no-repeat;
  background-size: 30% auto;
}
.wp-pagenavi .previouspostslink:hover {
  text-decoration: none;
  background-color: #D1D1D1;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
  display: block;
  padding: 12px;
  color: white;
  background: #50926B;
  font-size: 26px;
}
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
  text-decoration: none;
  background: #D1D1D1;
}

@media screen and (max-width: 768px) {
  .wp-pagenavi {
    margin: 32px auto 96px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    margin: 0 8px;
  }
  .wp-pagenavi .current {
    padding: 8px 12px;
    font-size: 15px;
  }
  .wp-pagenavi .page {
    display: block;
    color: white;
    background: #D1D1D1;
    padding: 8px 12px;
    font-size: 15px;
  }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    width: 32px;
    height: 32px;
  }
  .wp-pagenavi .first,
  .wp-pagenavi .last {
    display: block;
    padding: 8px 12px;
    font-size: 15px;
  }
}
/**************************************
  NEWS
**************************************/
.triBg {
  width: 100%;
  padding: 7% 0 0;
  margin: calc(-7% + 1px) 0 0;
  position: relative;
  z-index: 2;
}

.triBg:before {
  content: "";
  width: 100%;
  padding: 7% 0 0;
  background: url(./images/tri_bg.svg) no-repeat center top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-bottom: solid 1px #fff;
}

.ptlNewsBlock {
  width: 100%;
  margin: 0 0 140px;
}

.ptlNewsBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.ptlNewsCnt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ptlNewsCnt dt {
  font-family: hero-new, sans-serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-right: solid 4px #339336;
  padding: 5px 24px 5px 0;
  line-height: 1;
}

.ptlNewsCnt dd {
  padding: 0 0 0 24px;
}

.ptlNewsCnt a {
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #191919;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
  padding: 0 30px 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.ptlNewsCnt a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.ptlNewsCnt a:after {
  content: "";
  width: 10.5px;
  height: 18px;
  background: url(./images/arrow_03_r_g.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0.25em;
}

@media screen and (max-width: 768px) {
  .triBg {
    width: 100vw;
  }
  .ptlNewsBlock {
    margin: 66px 0 52px;
  }
  .ptlNewsCnt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ptlNewsCnt dt {
    font-size: 16px;
    padding: 7px 8px 5px 0;
    line-height: 0.4;
  }
  .ptlNewsCnt dd {
    padding: 0 0 0 8px;
  }
  .ptlNewsCnt a {
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #191919;
    font-weight: 700;
    text-decoration: underline;
    position: relative;
    padding: 0 1.5em 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    line-height: 1.5;
    vertical-align: top;
  }
  .ptlNewsCnt a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .ptlNewsCnt a:after {
    content: "";
    width: 1em;
    height: 1em;
    background: url(./images/arrow_03_r_g.svg) no-repeat;
    background-size: contain;
  }
}
/**************************************
  CONCEPT
**************************************/
.ptlConceptBlock {
  width: 100%;
  padding: 0 0 120px;
}

.ptlConceptBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.ptlConceptBlockBtnList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  width: 90%;
  margin-block: 80px;
  margin-inline: auto;
}

.ptlConceptBlockBtnList .ptlLinkBtn {
  width: 100%;
}

.ptlConceptBlockBtnList .ptlLinkBtn a {
  width: 100%;
  margin: 0;
}

.ptlConceptCopy {
  width: 100%;
  max-width: 374px;
  text-align: center;
  display: block;
  margin: 0 auto 70px;
}

.ptlConceptBlock .txt_01 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 3;
  padding: 0 0 80px;
}
.ptlConceptBlock .txt_01 .str_01 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #FFF612));
  background: linear-gradient(transparent 65%, #FFF612 65%);
  color: #DF7783;
  font-size: 130%;
  font-weight: bold;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .ptlConceptBlock {
    width: 100vw;
    padding: 0 0 70px;
  }
  .ptlConceptBlockBtnList {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .ptlConceptCopy {
    width: 171px;
    max-width: inherit;
    margin: 0 auto 50px;
  }
  .ptlConceptBlock .txt_01 {
    font-size: 16px;
    line-height: 2.5;
    padding: 0 0 50px;
  }
}
/**************************************
  OUR RENOVATION
**************************************/
.ptlRenovationBlock {
  width: 100%;
  background: url(./images/ptl_renovation_bg.jpg) no-repeat;
  background-size: cover;
  padding: 75px 0 120px;
}

.ptlRenovationBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

ul.ptlRenovationList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 105px;
}

ul.ptlRenovationList li {
  width: 50%;
  padding: 0 20px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 70px 0;
  display: block;
}

ul.ptlRenovationList li a {
  display: block;
  position: relative;
  height: 260px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

ul.ptlRenovationList li a:hover {
  opacity: 0.7;
}

ul.ptlRenovationList li a img {
  opacity: 1;
}

ul.ptlRenovationList li:nth-child(1) a {
  background: #DBA95E;
}

ul.ptlRenovationList li:nth-child(2) a {
  background: #DF7783;
}

ul.ptlRenovationList li:nth-child(3) a {
  background: #EAA276;
}

ul.ptlRenovationList li:nth-child(4) a {
  background: #BCC269;
}

ul.ptlRenovationList li a .ptlRenovationBalloon {
  position: absolute;
  width: 430px;
  right: -6px;
  top: -98px;
  pointer-events: none;
}

ul.ptlRenovationList li a strong {
  position: absolute;
  right: 0;
  left: 0;
  top: 147px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

ul.ptlRenovationList li a strong i {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-style: normal;
}

ul.ptlRenovationList li a span {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  cursor: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 98%;
}

/*
ul.ptlRenovationList li:nth-child(1) a span {
	width: 375px;
}

ul.ptlRenovationList li:nth-child(2) a span {
	width: 378px;
}

ul.ptlRenovationList li:nth-child(3) a span {
	width: 498px;
}

ul.ptlRenovationList li:nth-child(4) a span {
	width: 427px;
}
*/
.balloonBlock {
  position: absolute;
  right: -155px;
  top: -95px;
}

.balloonBlock img {
  width: 277px;
}

@media screen and (max-width: 768px) {
  .ptlRenovationBlock {
    width: 100vw;
    background: url(./images/ptl_renovation_bg_sp.jpg) no-repeat;
    background-size: cover;
    padding: 45px 0 60px;
  }
  .ptlRenovationBlock h2 {
    margin: 0 auto 15vw;
  }
  .ptlRenovationBlock h2 span {
    font-size: 28px;
  }
  ul.ptlRenovationList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 10px;
  }
  ul.ptlRenovationList li {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 7vw 0;
    margin: 20vw 0;
  }
  ul.ptlRenovationList li a {
    height: 92vw;
  }
  ul.ptlRenovationList li a:hover {
    opacity: 0.7;
  }
  ul.ptlRenovationList li a img {
    opacity: 1;
  }
  ul.ptlRenovationList li a img.ptlRenovationBalloon {
    position: absolute;
    width: 100%;
    left: -50%;
    right: -50%;
    top: -20vw;
    pointer-events: none;
    margin: auto;
    -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
            transform: scale(1.25);
  }
  ul.ptlRenovationList li a strong {
    position: absolute;
    right: 0;
    left: 0;
    top: 38vw;
    font-size: 11vw;
  }
  ul.ptlRenovationList li a strong i {
    padding: 3vw 0 0;
    display: block;
    font-size: 8vw;
  }
  ul.ptlRenovationList li a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3vw;
  }
  ul.ptlRenovationList li a span i {
    font-size: 10.5vw;
    font-weight: bold;
    font-style: normal;
    line-height: 1.14;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
  }
  ul.ptlRenovationList li:nth-child(1) a span {
    width: initial;
  }
  ul.ptlRenovationList li:nth-child(2) a span {
    width: initial;
  }
  ul.ptlRenovationList li:nth-child(3) a span {
    width: initial;
  }
  ul.ptlRenovationList li:nth-child(4) a span {
    width: initial;
  }
  .balloonBlock {
    position: absolute;
    right: -20px;
    top: -60px;
  }
  .balloonBlock img {
    width: 172px;
  }
  .ptlRenovationBlock .ptlLinkBtn a {
    font-size: 16px !important;
  }
}
/**************************************
  WORKS
**************************************/
.ptlWorksBlock {
  width: 100%;
  padding: 135px 0 135px;
}

.ptlWorksBlock .wrap {
  width: 100%;
  margin: 0 auto 0;
}

.ptlWorksBlock .ptlTagsBlock {
  width: 100%;
  max-width: 1080px;
  padding: 35px 24px 32px;
  margin: 0 auto 90px;
  background: #F5F5F5;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ptlWorksBlock .ptlTagsBlock .search-submit_wrap {
  margin: 64px auto 48px;
}

.ptlWorksSlidesBox {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 0 80px;
}

.ptlWorksSlidesBox .swiper-slide {
  display: inline-block;
  width: 100%;
  max-width: 1080px;
  margin: 0 1vw;
}

.ptlWorksSlidesParts {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.ptlWorksSlidesParts a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ptlWorksSlidesParts a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.ptlWorksSlidesParts a .parts_img_01 {
  width: 50%;
  aspect-ratio: 3/2;
}
.ptlWorksSlidesParts a .parts_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ptlWorksSlidesParts a .parts_ele_01 {
  width: 50%;
  padding: 24px 24px 24px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #eeeeee;
}
.ptlWorksSlidesParts a .parts_ele_01 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.ptlWorksSlidesParts a .parts_ele_01 .e_CntTags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
.ptlWorksSlidesParts a .parts_ele_01 .e_CntTags .tag {
  display: inline-block;
  white-space: nowrap;
  padding: 8px 4px;
  font-size: 15px;
  color: #ffffff;
  background: #339336;
  margin: 0 8px 12px 0;
}
.ptlWorksSlidesParts a .parts_ele_01 .e_area_01 {
  display: block;
  font-size: 18px;
  font-style: normal;
  color: #5C5C5C;
  padding: 0 0 0.5em;
}
.ptlWorksSlidesParts a .parts_ele_01 .e_ttl_01 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.66;
  padding: 0 0 30px;
  position: relative;
  color: #50926B;
}
.ptlWorksSlidesParts a .parts_ele_01 .e_ttl_01:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 8px;
  background: #50926B;
  left: 0;
  bottom: 0;
}

.ptlWorkBlock_btn_prev {
  content: "";
  width: 64px;
  height: 64px;
  position: absolute;
  left: calc(50% - 629px);
  top: 50%;
  z-index: 30;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(./images/slider_prev_btn.svg) no-repeat 50% 50%;
  background-size: 64px 64px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlWorkBlock_btn_prev:hover {
  opacity: 0.6;
}

.ptlWorkBlock_btn_next {
  content: "";
  width: 64px;
  height: 64px;
  position: absolute;
  right: calc(50% - 629px);
  top: 50%;
  z-index: 30;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(./images/slider_next_btn.svg) no-repeat 50% 50%;
  background-size: 64px 64px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlWorkBlock_btn_next:hover {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .ptlWorksBlock {
    width: 100vw;
    padding: 75px 0 80px;
  }
  .ptlWorksBlock .ptlTagsBlock {
    width: 100vw;
    padding: 40px 16px 30px;
    margin: 0 calc(50% - 50vw) 40px;
  }
  .ptlWorksBlock .ptlTagsBlock h3 {
    margin: 0 0 32px;
  }
  .ptlWorksBlock .ptlTagsBlock .ptlTagsList {
    padding: 0 calc(5vw - 12px);
  }
  .ptlWorksBlock .ptlTagsBlock .ptlTagsList li {
    width: 50%;
    padding: 0 12px;
    margin: 0 0 16px;
  }
  .ptlWorksBlock .ptlTagsBlock .ptlTagsList li a {
    padding: 0.6em 0 0.8em;
    font-size: 16px;
  }
  .ptlWorksSlidesBox {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 46px;
  }
  .ptlWorksSlidesBox .swiper-slide {
    width: 80%;
    margin: 0 2vw;
  }
  .ptlWorksSlidesParts a {
    display: block;
  }
  .ptlWorksSlidesParts a .parts_img_01 {
    width: 100%;
  }
  .ptlWorksSlidesParts a .parts_ele_01 {
    width: 100%;
    padding: 24px 8px 24px 16px;
  }
  .ptlWorksSlidesParts a .parts_ele_01 .e_CntTags .tag {
    font-size: 14px;
  }
  .ptlWorksSlidesParts a .parts_ele_01 .e_area_01 {
    font-size: 16px;
  }
  .ptlWorksSlidesParts a .parts_ele_01 .e_ttl_01 {
    font-size: 18px;
  }
  .ptlWorkBlock_btn_prev {
    width: 48px;
    height: 48px;
    left: 2vw;
    top: 20%;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    background: url(./images/slider_prev_btn.svg) no-repeat 50% 50%;
    background-size: 48px 48px;
  }
  .ptlWorkBlock_btn_next {
    width: 48px;
    height: 48px;
    right: 2vw;
    top: 20%;
    z-index: 30;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    background: url(./images/slider_next_btn.svg) no-repeat 50% 50%;
    background-size: 48px 48px;
  }
}
/**************************************
  VOICE
**************************************/
.ptlVoiceBlock {
  width: 100%;
  padding: 0 0 135px;
}

.ptlVoiceBlock .wrap {
  width: 100%;
  margin: 0 auto 0;
}

.ptlVoiceSlidesBox {
  width: 100%;
  overflow: hidden;
  margin: 0 0 80px;
}

.ptlVoiceSlidesBox .swiper-slide {
  display: inline-block;
  width: 100%;
  max-width: 1080px;
  margin: 0 1vw;
}

.ptlVoiceSlidesParts {
  width: 100%;
  margin: 0 auto;
}

.ptlVoiceSlidesParts a {
  width: 100%;
  border: solid 1px #191919;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ptlVoiceSlidesParts a img {
  display: block;
  margin: 0 auto;
}

.ptlVoiceSlidesParts a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.ptlVoiceSlidesParts a:hover img {
  opacity: 1;
}

.ptlVoiceSlidesParts a .ptlVoiceSlidesCnt {
  width: 100%;
  padding: 32px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ptlVoiceSlidesParts a p {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.65;
  margin: 0 0 20px;
  color: #191919;
}

.ptlVoiceSlidesParts a i {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #191919;
}

@media screen and (max-width: 768px) {
  .ptlVoiceBlock {
    width: 100vw;
    padding: 0 0 80px;
  }
  .ptlVoiceSlidesBox {
    width: 100vw;
    overflow: hidden;
    margin: 0 calc(50% - 50vw) 45px;
  }
  .ptlVoiceSlidesBox .swiper-slide {
    width: 80%;
    margin: 0 2vw;
  }
  .ptlVoiceSlidesParts {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }
  .ptlVoiceSlidesParts a .ptlVoiceSlidesCnt {
    padding: 13px 16px 30px;
  }
  .ptlVoiceSlidesParts a p {
    margin: 0 0 16px;
    font-size: 18px;
  }
}
/**************************************
  EVENT
**************************************/
.ptlEventBlock {
  width: 100%;
  padding: 75px 0 120px;
}

.ptlEventBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.ptlEventBlock .event_card_list_01 {
  margin: 0 auto 80px;
}

.ptlEventList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 70px;
}

.ptlEventList:after {
  width: 31.85%;
  content: "";
  display: block;
}

.ptlEventList a {
  width: 31.85%;
  background: #339336;
  margin: 0 0 2.225%;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.ptlEventList a:hover {
  opacity: 0.8;
}

.ptlEventList a img {
  opacity: 1;
}

.ptlEventList dl {
  width: 100%;
}

.ptlEventList dt {
  width: 100%;
  text-align: center;
  padding: 25px 0 15px;
}

.ptlEventList .eventDate {
  color: #fff;
  padding: 0 0 15px;
}

.ptlEventList .eventDate span {
  font-size: 67px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.ptlEventList .eventDate i {
  font-style: normal;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.ptlEventList p {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.56;
}

.ptlEventList dd {
  width: 100%;
}

.ptlEventList dd img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .ptlEventBlock {
    width: 100vw;
    padding: 0 0 80px;
  }
  .ptlEventList {
    margin: 0 0 15px;
  }
  .ptlEventList a {
    width: 100%;
    margin: 0 0 30px;
  }
}
/**************************************
  ABOUT
**************************************/
.ptlAboutBlock {
  width: 100%;
  padding: 0 0 120px;
}

.ptlAboutBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.ptlAboutBlock p {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.025em;
  padding: 0 0 60px;
}

.ptlAboutBlock p .ptlAboutMarker {
  font-size: 32px;
  font-weight: 700;
  color: #DF7783;
  position: relative;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #FFF612));
  background: linear-gradient(transparent 75%, #FFF612 75%);
}

.ptlAboutList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px;
}

.ptlAboutList li {
  width: 47%;
  margin: 0 0 5%;
}

.ptlAboutList li a {
  display: block;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  padding: 0 0 86px;
}

.ptlAboutList li a:hover {
  opacity: 0.9;
}

.ptlAboutImg {
  width: 95.275%;
  height: 100%;
  overflow: hidden;
}

.ptlAboutList li a img {
  width: 100%;
  opacity: 1;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.ptlAboutList li a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.ptlAboutList span {
  width: 304px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 39px 0 79px;
  background: #DF7783 url(./images/arw02_white.svg) no-repeat left 50% bottom 34px;
  background-size: 27.12px 23.25px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ptlAboutList a:hover span {
  background: #DF7783 url(./images/arw02_white.svg) no-repeat left 55% bottom 34px;
  background-size: 27.12px 23.25px;
}

.ptlToAboutBtn {
  width: 440px;
  margin: 0 auto;
  position: relative;
}

.ptlToAboutBtn a {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 16px;
  padding: 1.2em 0 1.3em;
  width: 424px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border: solid 4px #519043;
  background: #50926B url(./images/arw02_white.svg) no-repeat right 16px center;
  background-size: 27.12px 23.25px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlToAboutBtn a:hover {
  opacity: 0.8;
  background: #50926B url(./images/arw02_white.svg) no-repeat right 6px center;
  background-size: 27.12px 23.25px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .ptlAboutBlock {
    width: 100vw;
    padding: 0 0 75px;
  }
  .ptlAboutBlock p {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 2;
    padding: 0 0 80px;
  }
  .ptlAboutBlock p .ptlAboutMarker {
    font-size: clamp(22px, 5.8666666667vw, 26px);
    line-height: 1.8;
    margin: 0.5em 0 0;
    display: inline-block;
  }
  .sp_v + .ptlAboutMarker {
    margin: 0 0 1em !important;
  }
  .ptlAboutList {
    margin: 0 0 30px;
  }
  .ptlAboutList li {
    width: 100%;
    margin: 0 0 7%;
  }
  .ptlAboutList li a {
    padding: 0 0 63px;
  }
  .ptlAboutList span {
    width: 208px;
    font-size: 17px;
    padding: 27px 0 56px;
    background: #DF7783 url(./images/arw02_white.svg) no-repeat left 50% bottom 24px;
    background-size: 17.5px 15px;
  }
  .ptlAboutList a:hover span {
    background: #DF7783 url(./images/arw02_white.svg) no-repeat left 55% bottom 24px;
    background-size: 17.5px 15px;
  }
  .ptlToAboutBtn {
    width: 90%;
    max-width: 330px;
  }
  .ptlToAboutBtn a {
    font-size: 22px;
    padding: 1em 0 1.1em;
    width: 100%;
    background: #50926B url(./images/arw02_white.svg) no-repeat right 15px center;
    background-size: 17.5px 15px;
  }
  .ptlToAboutBtn a:hover {
    background: #50926B url(./images/arw02_white.svg) no-repeat right 6px center;
    background-size: 17.5px 15px;
  }
}
/**************************************
  BLOG・COLUMN
**************************************/
.ptlBlogBlock {
  width: 100%;
  padding: 0 0 170px;
}

.ptlBlogBlock .wrap {
  width: 100%;
  margin: 0 auto 0;
  position: relative;
}

.ptlBlogList {
  overflow: hidden;
  position: relative;
}

.ptlBlogList .swiper-slide {
  display: inline-block;
  width: 100%;
  max-width: 1080px;
  margin: 0 28px;
}

.ptlBlogBlock_btn_prev {
  content: "";
  width: 64px;
  height: 64px;
  position: absolute;
  left: calc(50% - 629px);
  top: 50%;
  z-index: 30;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(./images/slider_prev_btn.svg) no-repeat 50% 50%;
  background-size: 64px 64px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlBlogBlock_btn_prev:hover {
  opacity: 0.6;
}

.ptlBlogBlock_btn_next {
  content: "";
  width: 64px;
  height: 64px;
  position: absolute;
  right: calc(50% - 629px);
  top: 50%;
  z-index: 30;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(./images/slider_next_btn.svg) no-repeat 50% 50%;
  background-size: 64px 64px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlBlogBlock_btn_next:hover {
  opacity: 0.6;
}

.ptlBlogBlock .swiper-pagination {
  width: 100%;
  bottom: -50px !important;
}

.ptlBlogBlock .swiper-pagination-bullet {
  width: 80px;
  height: 8px;
  border-radius: 0 !important;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 1;
}

.ptlBlogBlock .swiper-pagination-bullet {
  background: #AAAAAA;
  margin: 0 12px;
}

.ptlBlogBlock .swiper-pagination-bullet-active {
  background: #339336;
}

.ptlBlogList .ptlBlogItem {
  width: 1080px;
  margin: 0 auto;
}

.ptlBlogList .ptlBlogItem a {
  width: 100%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ptlBlogList .ptlBlogItem a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.ptlBlogList .ptlBlogItem a img {
  opacity: 1;
}

.ptlBlogList .ptlBlogItem .ptlBlogImg {
  aspect-ratio: 3/2;
}
.ptlBlogList .ptlBlogItem .ptlBlogImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ptlBlogList dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ptlBlogList dl dt {
  width: 50%;
  overflow: hidden;
}

.ptlBlogList dl dt img {
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.ptlBlogList a:hover dl dt img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.ptlBlogList dd {
  width: 50%;
  display: block;
  background: #eeeeee;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 60px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ptlBlogList dd .ptlItemLbl {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0.8em 0;
  width: 9em;
  text-align: center;
}

.ptlBlogList dd .blogLbl {
  background: #50926B;
}

.ptlBlogList dd .blogDate {
  width: 100%;
  font-size: 18px;
  color: #5C5C5C;
  padding: 0 0 1em;
}

.ptlBlogList dd .blogTtl {
  width: 100%;
  color: #339336;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.66;
  padding: 0 0 30px;
  position: relative;
}

.ptlBlogList dd .blogTtl:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 8px;
  background: #50926B;
  left: 0;
  bottom: 0;
}

.ptlBlogList dd img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  width: 198px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .ptlBlogBlock {
    width: 100vw;
    padding: 0 0 100px;
  }
  .ptlBlogBlock .decoTitle {
    margin: 0 auto 30px;
  }
  .ptlBlogList {
    width: 100vw;
    overflow: hidden;
    margin: 0 calc(50% - 50vw) 45px;
  }
  .ptlBlogList .swiper-slide {
    width: 80%;
    margin: 0 2vw;
  }
  .ptlBlogBlock_btn_prev {
    width: 48px;
    height: 48px;
    left: 2vw;
    top: 20%;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    background: url(./images/slider_prev_btn.svg) no-repeat 50% 50%;
    background-size: 48px 48px;
  }
  .ptlBlogBlock_btn_next {
    width: 48px;
    height: 48px;
    right: 2vw;
    top: 20%;
    z-index: 30;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    background: url(./images/slider_next_btn.svg) no-repeat 50% 50%;
    background-size: 48px 48px;
  }
  .ptlBlogBlock .swiper-pagination {
    width: 100%;
    left: 0;
    bottom: -40px !important;
  }
  .ptlBlogBlock .swiper-pagination-bullet {
    width: 30% !important;
    max-width: 80px;
    height: 8px;
    border-radius: 0 !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
  }
  .ptlBlogBlock .swiper-pagination-bullet {
    background: #AAAAAA;
    margin: 0 12px;
  }
  .ptlBlogBlock .swiper-pagination-bullet-active {
    background: #339336;
  }
  .ptlBlogList .ptlBlogItem {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }
  .ptlBlogList .ptlBlogItem a {
    width: 100%;
  }
  .ptlBlogList dl {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ptlBlogList dl dt {
    width: 100%;
  }
  .ptlBlogList dl dt img {
    width: 100%;
  }
  .ptlBlogList dd {
    width: 100%;
    background: #fff;
    position: relative;
    display: block;
    padding: 58px 15px 55px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #191919;
  }
  .ptlBlogList dd .ptlItemLbl {
    left: 15px;
    top: 12px;
    font-size: 18px;
    padding: 0.3em 0 0.5em;
    width: 8em;
    text-align: center;
  }
  .ptlBlogList dd .blogLbl {
    background: #339336;
  }
  .ptlBlogList dd .blogDate {
    width: 100%;
    padding: 0 0 15px;
    display: block;
  }
  .ptlBlogList dd .blogTtl {
    padding: 0 0 15px;
    display: block;
    font-size: 18px;
  }
  .ptlBlogList dd img {
    left: inherit;
    right: 8px;
    bottom: 15px;
  }
}
/**************************************
  STAFF
**************************************/
.ptlStaffBlock {
  width: 100%;
  background: url(./images/ptl_staff_bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 105px 0 155px;
  border-top: solid 1px #707070;
  border-bottom: solid 1px #707070;
}

.ptlStaffBlock .wrap {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 auto 0;
  padding: 20px 0 40px;
}

.ptlStaffBlock .block-ttl-01 {
  margin: 0 auto 117px;
  text-align: center;
  padding: 0 0 38px;
  position: relative;
  color: #fff;
}
.ptlStaffBlock .block-ttl-01 span {
  font-size: 48px;
  font-family: hero-new, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  display: block;
  padding: 0 0 28px;
}
.ptlStaffBlock .block-ttl-01 i {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.ptlStaffBlock p {
  font-size: 49px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0 0 115px;
}

@media screen and (max-width: 768px) {
  .ptlStaffBlock {
    width: 100vw;
    background: url(./images/ptl_staff_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 10vw 0 8vw;
    border-top: 0;
    border-bottom: 0;
  }
  .ptlStaffBlock .wrap {
    padding: 5vw 0 5vw;
  }
  .ptlStaffBlock .block-ttl-01 {
    margin: 0 auto 40vw;
  }
  .ptlStaffBlock .block-ttl-01 span {
    font-size: 40px;
    padding: 0 0 4px;
  }
  .ptlStaffBlock .block-ttl-01 i {
    font-size: 18px;
  }
  .ptlStaffBlock p {
    font-size: 38px;
    line-height: 1.3;
    margin: 0 0 8vw;
  }
}
/**************************************
  COMPANY
**************************************/
.ptlCompanyBlock {
  width: 100%;
  padding: 115px 0 287px;
}

.ptlCompanyBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
}

.ptlCompanyList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ptlCompanyList li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ptlCompanyList .ptlCompanyImg .item_01 {
  max-width: 400px;
  -webkit-box-shadow: 20px 13px 0 0 #df7783;
          box-shadow: 20px 13px 0 0 #df7783;
}

.ptlCompanyList .ptlCompanyImg .item_02 {
  max-width: 400px;
  margin: 60px auto 0;
  -webkit-box-shadow: 20px 13px 0 0 #339336;
          box-shadow: 20px 13px 0 0 #339336;
}

.ptlCompanyList li.ptlCompanyCnt h2 {
  margin: 0 auto 83px;
}

.ptlCompanyList li.ptlCompanyCnt strong {
  width: 335px;
  margin: 0 auto 88px;
}

@media screen and (max-width: 768px) {
  .ptlCompanyBlock {
    width: 100vw;
    padding: 60px 0;
  }
  .ptlCompanyList {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ptlCompanyList li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ptlCompanyList li:nth-child(1) {
    width: 100%;
  }
  .ptlCompanyList .ptlCompanyImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ptlCompanyList .ptlCompanyImg .item_01 {
    width: 50%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ptlCompanyList .ptlCompanyImg .item_02 {
    width: 50%;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ptlCompanyList li.ptlCompanyCnt {
    border: solid 1px #161616;
    border-top: none;
    padding: 25px 0 20px;
  }
  .ptlCompanyList li.ptlCompanyCnt h2 {
    margin: 0 auto 30px;
    width: 100%;
  }
  .ptlCompanyList li.ptlCompanyCnt strong {
    width: 100%;
    margin: 0 auto 40px;
    text-align: center;
  }
  .ptlCompanyList li.ptlCompanyCnt strong img {
    width: 180px;
  }
}
/**************************************
  ptlLeadingBlock
**************************************/
.ptlLeadingBlock {
  width: 100%;
  padding: 0 0;
}

.ptlLeadingBlock .wrap {
  width: 100%;
  padding: 0 0 0;
}

.ptlLeadingList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ptlLeadingList li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 71px 0 62px;
}

.ptlLeadingList li:nth-child(1) {
  background: url(./images/ptl_leading_estate.jpg) center center;
  background-size: cover;
}

.ptlLeadingList li:nth-child(2) {
  background: url(./images/ptl_leading_build.jpg) center center;
  background-size: cover;
}

.ptlLeadingList li h2 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02em;
  padding: 0 0 50px;
}

.ptlLeadingList li h2 span {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: #F7BE65;
  padding: 44px 0 0;
}

.ptlLeadingList li p {
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.166;
  color: #fff;
  text-align: center;
  padding: 0 0 45px;
}

@media screen and (max-width: 768px) {
  .ptlLeadingBlock {
    width: 100vw;
    padding: 0 0;
  }
  .ptlLeadingBlock .wrap {
    width: 100%;
    padding: 0 0 0;
  }
  .ptlLeadingList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ptlLeadingList li {
    width: 100%;
    padding: 35px 0 37px;
  }
  .ptlLeadingList li h2 {
    font-size: 40px;
    padding: 0 0 60px;
  }
  .ptlLeadingList li h2 span {
    font-size: 48px;
    padding: 20px 0 0;
  }
  .ptlLeadingList li p {
    font-size: 18px;
    line-height: 2.1;
    padding: 0 5vw 50px;
  }
}
/***************************************************************************

  コンテンツ

***************************************************************************/
/**************************************
  conceptRehandsBlock
**************************************/
.conceptRehandsBlock {
  width: 100%;
  padding: 45px 0 115px;
}

.conceptRehandsBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
  position: relative;
}

.conceptRehandsBlock .c_ttl_01 {
  margin: 0 auto 125px;
}

.conceptRehandsBlock .block_ttl_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 45px;
}

.conceptRehandsBlock .block_ttl_01 img {
  width: 363px;
}

.conceptRehandsBlock .block_ttl_01 .ttl_txt_01 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 0 14px;
}

.conceptRehandsList {
  width: 100%;
  margin: 0 0 90px;
}

.conceptRehandsList .item_01 {
  width: 100%;
  border: solid 4px #DF9EA4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 55px 50px;
}

.conceptRehandsList .item_01:nth-child(1) {
  margin: 0 0 184px;
  position: relative;
}

.conceptRehandsList .item_01:nth-child(1):after {
  content: "";
  width: 61px;
  height: 78px;
  background: url(./images/arw_pink_below.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -135px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.conceptRehandsList .item_txt_01 {
  width: calc(100% - 327px);
  padding: 0 35px 0 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.66;
}

.conceptRehandsList .item_txt_01 span {
  font-size: 26px;
  font-weight: 700;
  color: #339336;
}

.conceptRehandsList img {
  width: 327px;
}

.conceptRehandsCpy {
  width: 100%;
  text-align: center;
  background: url(./images/glitter.svg) no-repeat center top;
}

.conceptRehandsCpy .Cpy_ttl_01 {
  width: 455px;
  margin: 0 auto 60px;
}

.conceptRehandsCpy .Cpy_ttl_01 img {
  width: 100%;
}

.conceptRehandsCpy .Cpy_ele_01 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.25;
}
.conceptRehandsCpy .Cpy_ele_01 .str_01 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #FFF612));
  background: linear-gradient(transparent 65%, #FFF612 65%);
  color: #DF7783;
  font-size: 130%;
  font-weight: bold;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .conceptRehandsBlock {
    padding: 0 0 35px;
  }
  .conceptRehandsBlock .block_ttl_01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 65px;
  }
  .conceptRehandsBlock .block_ttl_01 img {
    width: 80%;
    max-width: 340px;
  }
  .conceptRehandsBlock .block_ttl_01 .ttl_txt_01 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    padding: 35px 0 0 0;
  }
  .conceptRehandsList {
    margin: 0 0 55px;
  }
  .conceptRehandsList .item_01 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 20px;
  }
  .conceptRehandsList .item_01:nth-child(1) {
    margin: 0 0 145px;
    position: relative;
  }
  .conceptRehandsList .item_01:nth-child(1):after {
    bottom: -120px;
  }
  .conceptRehandsList .item_txt_01 {
    width: auto;
    margin: 0 -20px;
    padding: 0 0 1.5em;
    font-size: 16px;
    line-height: 2.25;
    text-align: center;
  }
  .conceptRehandsList .item_txt_01 span {
    font-size: 32px;
  }
  .conceptRehandsList .item_01:nth-child(2) p span {
    font-size: 22px;
  }
  .conceptRehandsList img {
    width: 100%;
    max-width: 380px;
  }
  .conceptRehandsCpy {
    background: url(./images/glitter_sp.svg) no-repeat center top;
    background-size: contain;
  }
  .conceptRehandsCpy .Cpy_ttl_01 {
    width: 78%;
    margin: 0 auto 10vw;
    padding: 12vw 0;
  }
  .conceptRehandsCpy .Cpy_ele_01 {
    font-size: 18px;
    line-height: 2.33;
  }
  .conceptRehandsCpy .Cpy_ele_01 .str_01 {
    font-size: 120%;
  }
}
@media screen and (max-width: 470px) {
  .conceptRehandsBlock .block_ttl_01 span {
    font-size: 6vw;
    padding: 7.5vw 0 0 0;
  }
}
@media screen and (max-width: 410px) {
  .conceptRehandsList p {
    font-size: 4vw;
  }
  .conceptRehandsList p span {
    font-size: 8vw;
  }
  .conceptRehandsList li:nth-child(2) p span {
    font-size: 6vw;
    display: block;
  }
}
@media screen and (max-width: 350px) {
  .conceptRehandsCpy dd {
    font-size: 16px;
  }
}
/**************************************
  sec_point
**************************************/
.sec_point {
  padding-block: 160px 200px;
  background: #ffffff;
}
.sec_point .point_block_01 {
  margin-top: 200px;
}
.sec_point .point_block_01 .item_01 {
  margin-bottom: 100px;
}
.sec_point .point_box_01 {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
}
.sec_point .point_box_01 .box_ele_01 {
  background: #339336;
  padding: 15px;
}
.sec_point .point_box_01 .box_img_01 {
  width: 100%;
  height: 100%;
}
.sec_point .point_box_01 .box_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_point .point_box_01 .box_ttl_01 {
  position: relative;
  padding-left: 100px;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.56;
}
.sec_point .point_box_01 .box_ttl_01 .num {
  position: absolute;
  top: 50%;
  left: 0.125em;
  font-size: 115px;
  line-height: 1;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.sec_point .point_box_01 .box_txtwrap_01 {
  margin-top: 1.6em;
}
.sec_point .point_box_01 .box_txt_01 {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  line-height: 2;
  letter-spacing: 0.04em;
  text-indent: 1em;
}
.sec_point .point_box_01.is_reverse {
  grid-template-columns: 1fr 1.2fr;
}
.sec_point .point_box_01.is_reverse .box_img_01 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.sec_point .point_box_01.is_reverse .box_ele_01 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

@media screen and (max-width: 768px) {
  .sec_point {
    padding-block: 120px 120px;
  }
  .sec_point .point_block_01 {
    margin-top: 100px;
  }
  .sec_point .point_block_01 .item_01 {
    margin-bottom: 60px;
  }
  .sec_point .point_box_01 {
    display: block;
    max-width: 580px;
    margin-inline: auto;
  }
  .sec_point .point_box_01 .box_ttl_01 {
    padding-left: 2.8em;
    font-size: clamp(20px, 5.3vw, 24px);
  }
  .sec_point .point_box_01 .box_ttl_01 .num {
    font-size: 250%;
  }
  .sec_point .point_box_01 .box_txt_01 {
    font-size: clamp(16px, 4.25vw, 21px);
  }
}
/**************************************
  sec_flow_01
**************************************/
.sec_flow_01 {
  padding-block: 160px 80px;
}
.sec_flow_01 .ttl_01 {
  margin-top: 80px;
  padding: 1.2em 0;
  background: #DF7783;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0.05;
}
.sec_flow_01 .flow_block_01 {
  width: 90%;
  margin-top: 100px;
  margin-inline: auto;
}
.sec_flow_01 .flow_block_list_01 .item_01 {
  position: relative;
  padding-bottom: 120px;
}
.sec_flow_01 .flow_block_list_01 .item_01::after {
  content: "";
  position: absolute;
  bottom: 55px;
  left: 50%;
  width: 120px;
  aspect-ratio: 120/25;
  background: url(./images/arw_b_three_green_01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sec_flow_01 .flow_block_list_01 .item_01.none_arw {
  padding-bottom: 0;
}
.sec_flow_01 .flow_block_list_01 .item_01.none_arw::after {
  content: none;
}
.sec_flow_01 .free_wrap_01 {
  position: relative;
}
.sec_flow_01 .free_wrap_01 .free_ttl_01 {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.25em;
  border: 8px solid #339336;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border-radius: 50px;
  height: calc(100% - 10px);
  color: #EB9AA3;
  font-size: 40px;
  letter-spacing: 0.08em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  z-index: 1;
}
.sec_flow_01 .flow_box_01 .box_ttl_01 {
  position: relative;
  padding: 0.75em 3em;
  background: #339336;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.05em;
  text-align: center;
}
.sec_flow_01 .flow_box_01 .box_ttl_01 .step {
  position: absolute;
  top: 50%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 146px;
  aspect-ratio: 1/1;
  background: #ffffff;
  border: 7px solid #339336;
  font-size: 30px;
  letter-spacing: -0.01em;
  color: #339336;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sec_flow_01 .flow_box_01 .box_ele_01 {
  margin-top: 22px;
}
.sec_flow_01 .flow_box_01 .box_txt_01 {
  font-size: 24px;
  line-height: 2.3;
  text-align: center;
  color: #333333;
}

@media screen and (max-width: 768px) {
  .sec_flow_01 {
    padding-block: 80px 80px;
  }
  .sec_flow_01 .ttl_01 {
    font-size: clamp(20px, 5.3vw, 24px);
    line-height: 1.45;
  }
  .sec_flow_01 .flow_block_01 {
    width: 90%;
    margin-inline: 0 auto;
  }
  .sec_flow_01 .flow_block_list_01 .item_01::after {
    width: 80px;
  }
  .sec_flow_01 .free_wrap_01 .free_ttl_01 {
    right: 0px;
    padding: 0 0.25em;
    border: 3px solid #339336;
    font-size: 20px;
  }
  .sec_flow_01 .flow_box_01 .box_ttl_01 {
    padding: 0.75em 3em;
    font-size: clamp(18px, 4.5vw, 24px);
    letter-spacing: 0.04em;
  }
  .sec_flow_01 .flow_box_01 .box_ttl_01 .step {
    top: 50%;
    left: 0;
    width: 64px;
    border: 2px solid #339336;
    font-size: 17px;
    -webkit-transform: translate(-15%, -50%);
        -ms-transform: translate(-15%, -50%);
            transform: translate(-15%, -50%);
  }
  .sec_flow_01 .flow_box_01 .box_txt_01 {
    padding-right: 32px;
    font-size: clamp(14px, 3.5vw, 20px);
    text-align: left;
  }
}
/**************************************
  3つのポイント
**************************************/
.conceptThreeBlock {
  width: 100%;
  position: relative;
  padding: 0 0 0;
  background: #FAFAFA;
  /*margin: 18.5vw 0 0;*/
  margin: 360px 0 0;
}

.conceptThreeBlock:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50vw 360px 50vw;
  border-color: transparent transparent #FAFAFA transparent;
  position: absolute;
  bottom: 100%;
  left: 50%;
  right: 0;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.conceptThreeBlock .block_ttl_01 {
  position: absolute;
  top: -200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.conceptThreeBlock .block_ttl_01 img {
  width: 308px;
  margin: 0 0 65px;
}

.conceptThreeBlock .block_ttl_01 span {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
  color: #339336;
}

.conceptThreeBlock .block_ttl_01 i {
  font-style: normal;
  font-size: 77px;
  color: #EB9AA3;
  line-height: 1;
}

.conceptThreeBlock .wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
  padding: 90px 0 130px;
}

.conceptThreeExp {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2;
  margin: 0 0 130px;
}

.conceptThreeSubExp {
  text-align: center;
  margin: 0 0 80px;
}

.conceptThreeSubExpMt {
  padding: 160px 0 0;
}

.conceptThreeSubExp dt {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0 0 30px;
  position: relative;
  line-height: 1.5;
}

.conceptThreeSubExp dt img {
  position: absolute;
  width: 378px;
  top: -160px;
  right: 58px;
}

.conceptThreeSubExp span {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 13px;
  line-height: 1.5;
}

.conceptThreeSubExp i {
  font-style: normal;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 5px 25px 0 0;
}

.conceptThreeSubExp dd {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.25;
}

.conceptThreeSubExp dd + dd {
  margin: 50px 0 0;
}

.conceptThreeSubExp dd span {
  display: inline-block;
  font-size: 26px;
  color: #339336;
}

.conceptThreeCnt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 80px;
}

.conceptThreeCntLast {
  margin: 0 0 120px;
}

.conceptThreeCnt .Cnt_ttl_01 {
  width: 50%;
}

.conceptThreeCnt .Cnt_ele_01 {
  width: 50%;
  padding: 0 0 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}

.conceptThreeCnt strong {
  display: block;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0 0 10px;
}

.concept2colImages {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 120px;
}

.concept2colImages li {
  width: 48.15%;
}

@media screen and (max-width: 1120px) {
  .conceptThreeBlock .wrap {
    padding: 90px 20px 130px;
  }
  .conceptThreeBlock:before {
    border-width: 0 540px 360px 540px;
  }
}
@media screen and (max-width: 768px) {
  .conceptThreeBlock {
    width: 100%;
    position: relative;
    padding: 0 0 0;
    background: #FAFAFA;
    /*margin: 18.5vw 0 0;*/
    margin: 300px 0 0;
  }
  .conceptThreeBlock:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50vw 300px 50vw;
    border-color: transparent transparent #FAFAFA transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .conceptThreeBlock .block_ttl_01 {
    position: absolute;
    top: -260px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .conceptThreeBlock .block_ttl_01 img {
    width: 205px;
    margin: 0 0 16px;
  }
  .conceptThreeBlock .block_ttl_01 span {
    font-size: 38px;
    line-height: 1.43;
  }
  .conceptThreeBlock .wrap {
    padding: 0 5vw 50px;
  }
  .conceptThreeExp {
    font-size: 18px;
    line-height: 2;
    margin: 0 0 65px;
  }
  .conceptThreeSubExp {
    margin: 0 0 65px;
  }
  .conceptThreeSubExpMt {
    padding: 0 0 0;
  }
  .conceptThreeSubExp .Cnt_ttl_01 {
    font-size: 28px;
    margin: 0 0 28px;
  }
  .conceptThreeSubExpMt .Cnt_ttl_01 span {
    margin: 0 0 80px !important;
  }
  .conceptThreeSubExp .Cnt_ttl_01 img {
    position: absolute;
    width: 140px;
    top: 82px;
    left: calc(50% - 5.6em);
  }
  .conceptThreeSubExp .Cnt_ttl_01 span {
    margin: 0 0 35px;
  }
  .conceptThreeSubExp .Cnt_ele_01 {
    font-size: 16px;
  }
  .conceptThreeSubExp .Cnt_ele_01 span {
    font-size: 18px;
  }
  .conceptThreeCnt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 50px;
  }
  .conceptThreeCntLast {
    margin: 0 0 80px;
  }
  .conceptThreeCnt .Cnt_ttl_01 {
    width: 100%;
    margin: 0 0 30px;
  }
  .conceptThreeCnt img {
    width: 100%;
  }
  .conceptThreeCnt .Cnt_ele_01 {
    width: 100%;
    padding: 0 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
  }
  .conceptThreeCnt strong {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 0 0 5px;
  }
  .concept2colImages {
    width: 100vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -15px calc(50% - 50vw) 40px;
  }
  .concept2colImages li {
    width: 100%;
    margin: 0 0 28px;
  }
}
@media screen and (max-width: 400px) {
  .conceptThreeSubExp .Cnt_ele_01 {
    font-size: 4vw;
  }
  .conceptThreeSubExp .Cnt_ele_01 span {
    font-size: 4.4vw;
  }
}
/***************************************************************************

  STAFF/スタッフ

***************************************************************************/
/**************************************
  sec_staff_select
**************************************/
.sec_staff_select {
  margin: 0 auto 56px;
}
.sec_staff_select .staff_block_01 {
  margin: 80px auto 0;
}
.sec_staff_select .staff_block_01 .staff_kind_01 {
  position: relative;
  width: 830px;
  height: 720px;
  margin: 0 auto;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .ttl_01 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  padding: 32px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -30%);
      -ms-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .ttl_01 .txt_01 {
  display: block;
  margin: 24px auto 0;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  line-height: 1.75;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01 {
  position: absolute;
  z-index: 0;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 296px;
  height: 296px;
  background: #191919;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a .txt_01 {
  position: relative;
  display: block;
  padding: 0 0 38px;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1.45;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a .txt_01::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 32px;
  height: 33px;
  background: url(./images/arrow_01_d_w.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.reform {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.reform a {
  background: #DF7783;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.immovable {
  top: 420px;
  right: 0;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.immovable a {
  background: #EAA276;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.newconstruction {
  top: 420px;
  left: 0;
}
.sec_staff_select .staff_block_01 .staff_kind_01 .item_01.newconstruction a {
  background: #339336;
}
.sec_staff_select .staff_block_02 {
  margin: 100px auto 0;
}
.sec_staff_select .staff_block_02 .staff_kind_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 {
  margin: 0 20px;
  z-index: 0;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 296px;
  height: 296px;
  background: #191919;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a .txt_01 {
  position: relative;
  display: block;
  padding: 0 0 38px;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1.45;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a .txt_01::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 32px;
  height: 33px;
  background: url(./images/arrow_01_d_w.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01 .sub_txt_01 {
  display: block;
  margin: 16px auto 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.45;
  text-align: center;
  color: #191919;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01.manager {
  top: 420px;
  right: 0;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01.manager a {
  background: #3D92D0;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01.carpenter {
  top: 420px;
  left: 0;
}
.sec_staff_select .staff_block_02 .staff_kind_02 .item_01.carpenter a {
  background: #DBA95E;
}

@media screen and (max-width: 768px) {
  .sec_staff_select {
    margin: 0 auto 56px;
  }
  .sec_staff_select .staff_block_01 {
    margin: 80px auto 0;
    max-width: 460px;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 90%;
    margin: 0 auto;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .ttl_01 {
    top: 58%;
    width: 48vw;
    height: 48vw;
    max-width: 220px;
    max-height: 220px;
    padding: 12px 0 0;
    z-index: 1;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .ttl_01 .logo {
    display: inline-block;
    width: 30%;
    margin: 0 auto;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .ttl_01 .txt_01 {
    margin: 12px auto 0;
    font-size: 18px;
    line-height: 1.65;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01 {
    position: absolute;
    z-index: 0;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a {
    width: 42vw;
    height: 42vw;
    max-width: 200px;
    max-height: 200px;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a .txt_01 {
    padding: 0 0 30px;
    font-size: 22px;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01 a .txt_01::after {
    width: 22px;
    height: 22px;
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01.reform {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01.immovable {
    top: auto;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  .sec_staff_select .staff_block_01 .staff_kind_01 .item_01.newconstruction {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  .sec_staff_select .staff_block_02 {
    margin: 148px auto 0;
  }
  .sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a {
    width: 42vw;
    height: 42vw;
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
  }
  .sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a .txt_01 {
    padding: 0 0 30px;
    font-size: 22px;
  }
  .sec_staff_select .staff_block_02 .staff_kind_02 .item_01 a .txt_01::after {
    width: 22px;
    height: 22px;
  }
  .sec_staff_select .staff_block_02 .staff_kind_02 .item_01 .sub_txt_01 {
    margin: 16px auto 0;
    font-size: 22px;
  }
}
/**************************************
  sec_staff_list
**************************************/
.sec_staff_list {
  padding: 0 0 120px;
}
.sec_staff_list .staf_list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px auto 0;
}
.sec_staff_list .staf_list_01 .item_01 {
  width: 48%;
  margin: 0 auto 40px 0;
}
.sec_staff_list .staff_box_01 {
  height: 100%;
  padding: 32px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #707070;
}
.sec_staff_list .staff_box_01 .box_main_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0 32px;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_img_01 {
  display: block;
  width: 208px;
  aspect-ratio: 1/1;
  margin: 0 32px 0 0;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_img_01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.sec_staff_list .staff_box_01 .box_main_01 .main_ele_01 {
  padding: 40px 0 0;
  width: calc(100% - 240px);
}
.sec_staff_list .staff_box_01 .box_main_01 .box_ttl_01 {
  letter-spacing: 0.1em;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_ttl_01 .position {
  display: block;
  margin: 0 0 8px;
  padding: 0 0 0 14px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8;
  color: #DF7783;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  display: block;
  padding: 1px 0 1px 10px;
  border-left: 4px solid #DF7783;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kanj {
  display: block;
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  color: #2E2E2E;
}
.sec_staff_list .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  display: block;
  margin: 8px auto 0;
  font-size: 13px;
  font-weight: bold;
  color: #DF7783;
}
.sec_staff_list .staff_box_01 .box_main_01 .qualification_list {
  margin: 24px 0 0;
}
.sec_staff_list .staff_box_01 .box_main_01 .qualification_list .item {
  position: relative;
  margin: 0 0 0.8em;
  padding: 0 0 0 1em;
  font-size: 14px;
  line-height: 1.4;
  color: #2E2E2E;
}
.sec_staff_list .staff_box_01 .box_main_01 .qualification_list .item:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.sec_staff_list .staff_box_01 .box_main_01 .qualification_list .item:last-of-type {
  margin: 0 0;
}
.sec_staff_list .staff_box_01 .box_message_01 {
  padding: 24px 16px;
  border-top: 1px dashed #D07C85;
}
.sec_staff_list .staff_box_01 .box_message_01 .txt_01 {
  font-size: 15px;
  line-height: 2;
  color: #2E2E2E;
  letter-spacing: 0.1em;
}
.sec_staff_list .staff_box_01 .box_info_01 {
  padding: 24px 16px;
  border-top: 1px dashed #D07C85;
}
.sec_staff_list .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  font-size: 16px;
  font-weight: bold;
  color: #DF7783;
  letter-spacing: 0.1em;
}
.sec_staff_list .staff_box_01 .box_info_01 .info_set_01 .set_txt_01 {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 2;
  color: #2E2E2E;
  letter-spacing: 0.1em;
}
.sec_staff_list.reform .c_ttl_02 {
  background: #DF7783;
}
.sec_staff_list.reform .staff_box_01 .box_main_01 .box_ttl_01 .position {
  color: #DF7783;
}
.sec_staff_list.reform .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  border-left: 4px solid #DF7783;
}
.sec_staff_list.reform .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  color: #DF7783;
}
.sec_staff_list.reform .staff_box_01 .box_message_01 {
  border-color: #D07C85;
}
.sec_staff_list.reform .staff_box_01 .box_info_01 {
  border-color: #D07C85;
}
.sec_staff_list.reform .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  color: #DF7783;
}
.sec_staff_list.newconstruction .c_ttl_02 {
  background: #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_main_01 .box_ttl_01 .position {
  color: #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  border-left: 4px solid #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  color: #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_message_01 {
  border-color: #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_info_01 {
  border-color: #339336;
}
.sec_staff_list.newconstruction .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  color: #339336;
}
.sec_staff_list.immovable .c_ttl_02 {
  background: #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_main_01 .box_ttl_01 .position {
  color: #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  border-left: 4px solid #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  color: #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_message_01 {
  border-color: #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_info_01 {
  border-color: #EAA276;
}
.sec_staff_list.immovable .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  color: #EAA276;
}
.sec_staff_list.manager .c_ttl_02 {
  background: #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_main_01 .box_ttl_01 .position {
  color: #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  border-left: 4px solid #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  color: #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_message_01 {
  border-color: #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_info_01 {
  border-color: #3D92D0;
}
.sec_staff_list.manager .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  color: #3D92D0;
}
.sec_staff_list.carpenter .c_ttl_02 {
  background: #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_main_01 .box_ttl_01 .position {
  color: #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_main_01 .box_ttl_01 .name_block {
  border-left: 4px solid #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_main_01 .box_ttl_01 .name_block .kana {
  color: #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_message_01 {
  border-color: #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_info_01 {
  border-color: #DBA95E;
}
.sec_staff_list.carpenter .staff_box_01 .box_info_01 .info_set_01 .set_ttl_01 {
  color: #DBA95E;
}

@media screen and (max-width: 768px) {
  .sec_staff_list {
    padding: 0 0 120px;
  }
  .sec_staff_list .staf_list_01 {
    display: grid;
    grid-gap: 32px 24px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    margin: 80px auto 0;
  }
  .sec_staff_list .staf_list_01 .item_01 {
    width: auto;
    margin: 0;
  }
  .sec_staff_list .staff_box_01 {
    padding: 32px 16px;
  }
  .sec_staff_list .staff_box_01 .box_main_01 {
    display: grid;
    grid-gap: 32px 24px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    padding: 0 0 16px;
  }
  .sec_staff_list .staff_box_01 .box_main_01 .box_img_01 {
    width: auto;
    margin: 0 auto;
  }
  .sec_staff_list .staff_box_01 .box_main_01 .main_ele_01 {
    padding: 24px 0 0;
    width: auto;
  }
}
/***************************************************************************

  COMPANY/リ・ハンズの会社概要

***************************************************************************/
/**************************************
  sec_company_philosophy
**************************************/
.sec_company_philosophy {
  padding: 0 0 100px;
  border-bottom: 3px dotted #519043;
}
.sec_company_philosophy .ttl_box_01 {
  padding: 40px 136px;
  border-radius: 20px;
  background: url(./images/company_philosophy_01.jpg) center center no-repeat;
  background-size: cover;
}
.sec_company_philosophy .ttl_box_01 .inner {
  background: rgba(0, 0, 0, 0.4);
  padding: 72px 0 88px;
  text-align: center;
}
.sec_company_philosophy .ttl_box_01 .inner .box_ttl_01 {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.08em;
}
.sec_company_philosophy .ttl_box_01 .inner .box_txt_01 {
  margin: 32px auto 0;
  font-size: 40px;
  color: #ffffff;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1em;
}
.sec_company_philosophy .desc_box_01 {
  margin: 80px auto 0;
  text-align: center;
}
.sec_company_philosophy .desc_box_01 .box_txt_01 {
  margin: 0 auto 2em;
  font-size: 18px;
  line-height: 2.55;
  color: #454545;
}
.sec_company_philosophy .desc_box_01 .box_txt_01:last-of-type {
  margin: 0 auto;
}
.sec_company_philosophy .desc_box_01 .box_txt_01 .str_01 {
  font-size: 26px;
  font-weight: bold;
  color: #F7BE65;
}
.sec_company_philosophy .desc_box_01 .box_txt_01 .str_02 {
  color: #FF0D0D;
  font-weight: bold;
}
.sec_company_philosophy .company_philosophy-noaction_area {
  margin: 120px auto 0;
}
.sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 {
  font-size: 32px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.4;
  text-align: center;
}
.sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 .name {
  padding: 0 0.25em 0 0;
  display: inline-block;
  font-size: 45px;
  font-weight: 200;
}
.sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 .name .green {
  color: #339336;
  font-weight: bold;
}
.sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 .num {
  display: inline-block;
  padding: 0.02em;
  font-size: 68px;
  font-weight: bold;
  color: #DF7783;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area-list_01 {
  margin: 144px auto 0;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area-list_01 .item_01 {
  margin: 0 auto 136px;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area-list_01 .item_01:last-of-type {
  margin: 0 auto;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 {
  position: relative;
  padding: 60px 0 0 120px;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_ttl_01 {
  margin: 0 auto 32px;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #50926B;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_ttl_01 .num {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 138px;
  font-weight: bold;
  color: #DF7783;
}
.sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_txt_01 {
  font-size: 18px;
  font-weight: 500;
  line-height: 2.2;
  color: #2E2E2E;
}

@media screen and (max-width: 768px) {
  .sec_company_philosophy {
    padding: 0 0 80px;
  }
  .sec_company_philosophy .ttl_box_01 {
    padding: 48px 6%;
  }
  .sec_company_philosophy .ttl_box_01 .inner {
    padding: 40px 0;
  }
  .sec_company_philosophy .ttl_box_01 .inner .box_ttl_01 {
    font-size: 30px;
  }
  .sec_company_philosophy .ttl_box_01 .inner .box_txt_01 {
    margin: 32px auto 0;
    font-size: 18px;
  }
  .sec_company_philosophy .desc_box_01 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 64px auto 0;
    text-align: left;
  }
  .sec_company_philosophy .desc_box_01 .box_txt_01 {
    font-size: clamp(15px, 4vw, 16px);
  }
  .sec_company_philosophy .desc_box_01 .box_txt_01 .str_01 {
    display: inline-block;
    font-size: clamp(18px, 4.8vw, 21px);
    line-height: 1;
  }
  .sec_company_philosophy .company_philosophy-noaction_area {
    margin: 120px auto 0;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 {
    font-size: 32px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .a_ttl_01 .num {
    font-size: 180%;
    line-height: 0.75;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area-list_01 {
    margin: 104px auto 0;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area-list_01 .item_01 {
    margin: 0 auto 24px;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 {
    padding: 40px 0 0 60px;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_ttl_01 {
    margin: 0 auto 24px;
    font-size: clamp(28px, 7.4666666667vw, 30px);
    line-height: 1.6;
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_ttl_01 .num {
    font-size: clamp(80px, 21.3333333333vw, 82px);
  }
  .sec_company_philosophy .company_philosophy-noaction_area .noaction_area_box_01 .box_txt_01 {
    font-size: 16px;
  }
}
/**************************************
  sec_company_about
**************************************/
.sec_company_about {
  padding: 88px 0 200px;
  /*一部要素がはみ出すので次のsectionで上にも点線
  border-bottom:3px dotted #519043;*/
}
.sec_company_about .page_navlist_01 {
  margin: 64px auto 0;
}

@media screen and (max-width: 768px) {
  .sec_company_about {
    padding: 88px 0 56px;
  }
}
.sec_csr {
  padding: 0 0 80px;
}
.sec_csr .ttl_01 {
  margin: 96px auto 0;
  font-size: 48px;
  font-weight: bold;
  color: #DF7783;
  line-height: 2.25;
  text-align: center;
}
.sec_csr .txtwrap_01 {
  margin: 80px auto 0;
  text-align: center;
}
.sec_csr .txtwrap_01 .txt_01 {
  font-size: 26px;
  font-weight: 500;
  color: #454545;
  line-height: 2.35;
}
.sec_csr .txtwrap_01 .txt_01 .str_01 {
  font-size: 30px;
  font-weight: bold;
}
.sec_csr .torikumi_box_01 {
  margin: 152px auto 0;
}
.sec_csr .torikumi_box_01 .box_ttl_01 {
  font-size: 32px;
  font-weight: bold;
  color: #DF7783;
  text-align: center;
}
.sec_csr .torikumi_box_01 .box_list_wrap_01 {
  margin: 48px auto 0;
  padding: 48px 80px;
  border: 3px solid #DF7783;
}
.sec_csr .torikumi_box_01 .box_list_wrap_01 .list_01 .li {
  position: relative;
  padding: 0 0 0.5em 1em;
  font-size: 18px;
  line-height: 1.4;
}
.sec_csr .torikumi_box_01 .box_list_wrap_01 .list_01 .li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.sec_csr .torikumi_box_01 .box_list_wrap_01 .list_01 .li:last-of-type {
  padding: 0 0 0 1em;
}
.sec_csr .activities_box_01 {
  margin: 102px auto 0;
}
.sec_csr .activities_box_01 .box_ttl_01 {
  font-size: 32px;
  font-weight: bold;
  color: #2E2E2E;
  text-align: center;
}
.sec_csr .activities_box_01 .activities_list_01 {
  margin: 80px auto 0;
}
.sec_csr .activities_box_01 .activities_list_01 .li {
  margin: 0 auto 88px;
}
.sec_csr .activities_box_01 .activities_list_01 .li:last-of-type {
  margin: 0 auto;
}
.sec_csr .activities_box_01 .activities_group_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sec_csr .activities_box_01 .activities_group_01 .g_ele_01 {
  width: 50%;
}
.sec_csr .activities_box_01 .activities_group_01 .g_ele_01 .e_ttl_01 {
  margin: 0 auto 24px;
  padding: 1px 0 2px 16px;
  border-left: 16px solid #DF7783;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
  color: #2E2E2E;
}
.sec_csr .activities_box_01 .activities_group_01 .g_ele_01 .e_txtwrap_01 .txt_01 {
  margin: 0 auto 2em;
  font-size: 16px;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 2;
}
.sec_csr .activities_box_01 .activities_group_01 .g_ele_01 .e_txtwrap_01 .txt_01:last-of-type {
  margin: 0 auto;
}
.sec_csr .activities_box_01 .activities_group_01 .g_img_01 {
  width: 45%;
}

.sec_qualityup {
  padding: 0 0 120px;
}
.sec_qualityup .ttl_01 {
  margin: 96px auto 0;
  font-size: 48px;
  font-weight: bold;
  color: #DF7783;
  line-height: 2.25;
  text-align: center;
}
.sec_qualityup .ttl_02 {
  margin: 64px auto 0;
  font-size: 26px;
  line-height: 2.35;
  text-align: center;
  color: #454545;
  font-weight: bold;
}
.sec_qualityup .ttl_03 {
  font-size: 32px;
  text-align: center;
  color: #2E2E2E;
  font-weight: bold;
}
.sec_qualityup .ttl_03 .str_01 {
  font-size: 40px;
  color: #F7BE65;
  font-weight: bold;
}
.sec_qualityup .txtwrap_01 {
  margin: 48px auto 96px;
  text-align: center;
}
.sec_qualityup .txtwrap_01 .txt_01 {
  font-size: 18px;
  line-height: 2;
  color: #454545;
}
.sec_qualityup .list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 48px auto 0;
  padding: 64px 64px 32px;
  border: 3px solid #DF7783;
}
.sec_qualityup .list_01 .li {
  position: relative;
  width: 50%;
  padding: 0 0 2em 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
}
.sec_qualityup .list_01 .li:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 38px;
  height: 30px;
  background: url(./images/i_king_01.svg) center center no-repeat;
  background-size: contain;
}
.sec_qualityup .list_01 .li .year {
  display: inline-block;
  margin: 0 0.75em 0 0;
  color: #2E2E2E;
  font-weight: 500;
}
.sec_qualityup .list_01 .li .ele_01 {
  display: inline-block;
  font-weight: bold;
  color: #DF7783;
}

.sec_environment {
  padding: 0 0 120px;
}
.sec_environment .ttl_01 {
  margin: 96px auto 0;
  font-size: 48px;
  font-weight: bold;
  color: #DF7783;
  line-height: 2.25;
  text-align: center;
}
.sec_environment .txtwrap_01 {
  margin: 64px auto 96px;
  text-align: center;
}
.sec_environment .txtwrap_01 .txt_01 {
  font-size: 25px;
  color: #454545;
  line-height: 2.35;
}
.sec_environment .ttl_02 {
  margin: 0 auto 32px;
  font-size: 32px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.25;
  text-align: center;
}
.sec_environment .txtwrap_02 {
  margin: 32px auto 56px;
  text-align: center;
}
.sec_environment .txtwrap_02 .txt_01 {
  font-size: 24px;
  color: #454545;
  line-height: 2.35;
}
.sec_environment .box_01 {
  padding: 64px 72px;
  border: 3px solid #DF7783;
}
.sec_environment .box_01 .box_list_01 .li {
  position: relative;
  padding: 0 0 2.5em 48px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  color: #2E2E2E;
}
.sec_environment .box_01 .box_list_01 .li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 56px;
  font-family: hero-new, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #DF7783;
  -webkit-transform: translate(0, -35%);
      -ms-transform: translate(0, -35%);
          transform: translate(0, -35%);
}
.sec_environment .box_01 .box_list_01 .li:nth-of-type(1):before {
  content: "1";
}
.sec_environment .box_01 .box_list_01 .li:nth-of-type(2):before {
  content: "2";
}
.sec_environment .box_01 .box_list_01 .li:nth-of-type(3):before {
  content: "3";
}
.sec_environment .box_01 .box_list_01 .li:nth-of-type(4):before {
  content: "4";
}
.sec_environment .box_01 .box_txt_01 {
  margin: 16px auto 0;
  font-size: 26px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.25;
  text-align: center;
}
.sec_environment .box_01 .box_txt_01 .str_01 {
  font-weight: bold;
  color: #DF7783;
}

.sec_workstyle {
  padding: 0 0 120px;
}
.sec_workstyle .ttl_01 {
  margin: 96px auto 0;
  font-size: 48px;
  font-weight: bold;
  color: #DF7783;
  line-height: 2.25;
  text-align: center;
}
.sec_workstyle .txtwrap_01 {
  margin: 64px auto 64px;
  text-align: center;
}
.sec_workstyle .txtwrap_01 .txt_01 {
  font-size: 26px;
  color: #454545;
  line-height: 2.35;
}
.sec_workstyle .img_01 {
  display: block;
  max-width: 560px;
  margin: 0 auto 72px;
  text-align: center;
}
.sec_workstyle .box_01 {
  padding: 64px 72px;
  border: 3px solid #DF7783;
}
.sec_workstyle .box_01 .box_list_01 .li {
  position: relative;
  padding: 0 0 0.5em 1em;
  font-size: 22px;
  line-height: 1.4;
  color: #2E2E2E;
}
.sec_workstyle .box_01 .box_list_01 .li a.pdf_link {
  position: relative;
  display: inline-block;
  padding: 0 26px 0 0;
  font-size: 22px;
  text-decoration: underline;
  color: #DF7783;
}
.sec_workstyle .box_01 .box_list_01 .li a.pdf_link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 28px;
  background: url(./images/i_pdf_01.svg) center center no-repeat;
  background-size: contain;
}
.sec_workstyle .box_01 .box_list_01 .li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.sec_workstyle .box_01 .box_list_01 .li:last-of-type {
  padding: 0 0 0 1em;
}

@media screen and (max-width: 768px) {
  .page_navlist_01 {
    margin: 56px auto 0;
  }
  .sec_csr {
    padding: 0 0 40px;
  }
  .sec_csr .ttl_01 {
    margin: 48px auto 0;
    font-size: 32px;
  }
  .sec_csr .txtwrap_01 {
    margin: 40px auto 0;
  }
  .sec_csr .txtwrap_01 .txt_01 {
    font-size: 16px;
    line-height: 2;
  }
  .sec_csr .txtwrap_01 .txt_01 .str_01 {
    font-size: 20px;
  }
  .sec_csr .torikumi_box_01 {
    margin: 48px auto 0;
    padding: 0 16px;
  }
  .sec_csr .torikumi_box_01 .box_ttl_01 {
    font-size: 22px;
    line-height: 2;
  }
  .sec_csr .torikumi_box_01 .box_list_wrap_01 {
    margin: 48px auto 0;
    padding: 24px;
  }
  .sec_csr .torikumi_box_01 .box_list_wrap_01 .list_01 .li {
    font-size: 15px;
    line-height: 1.8;
  }
  .sec_csr .activities_box_01 {
    margin: 80px auto 0;
  }
  .sec_csr .activities_box_01 .box_ttl_01 {
    font-size: 22px;
  }
  .sec_csr .activities_box_01 .activities_list_01 {
    margin: 48px auto 0;
  }
  .sec_csr .activities_box_01 .activities_list_01 .li {
    margin: 0 auto 48px;
  }
  .sec_csr .activities_box_01 .activities_group_01 {
    display: block;
    padding: 0 16px;
  }
  .sec_csr .activities_box_01 .activities_group_01 .g_ele_01 {
    width: 100%;
  }
  .sec_csr .activities_box_01 .activities_group_01 .g_ele_01 .e_ttl_01 {
    border-left: 10px solid #DF7783;
    font-size: 20px;
  }
  .sec_csr .activities_box_01 .activities_group_01 .g_ele_01 .e_txtwrap_01 .txt_01 {
    font-size: 16px;
  }
  .sec_csr .activities_box_01 .activities_group_01 .g_img_01 {
    margin: 32px auto 0;
    width: 100%;
    text-align: center;
  }
  .sec_qualityup {
    padding: 0 0 80px;
  }
  .sec_qualityup .ttl_01 {
    margin: 48px auto 0;
    font-size: 32px;
  }
  .sec_qualityup .ttl_02 {
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 2.35;
  }
  .sec_qualityup .ttl_03 {
    font-size: 22px;
  }
  .sec_qualityup .ttl_03 .str_01 {
    font-size: 30px;
  }
  .sec_qualityup .txtwrap_01 {
    margin: 40px auto 72px;
  }
  .sec_qualityup .txtwrap_01 .txt_01 {
    font-size: 15px;
    line-height: 2.35;
  }
  .sec_qualityup .list_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% - 32px);
    margin: 48px auto 0;
    padding: 24px 16px;
  }
  .sec_qualityup .list_01 .li {
    position: relative;
    width: 100%;
    max-width: 400px;
    padding: 0 0 2em 42px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 20px;
    line-height: 1.6;
  }
  .sec_qualityup .list_01 .li:before {
    top: 30%;
    left: -5px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .sec_qualityup .list_01 .li .year {
    width: 100%;
  }
  .sec_environment {
    padding: 0 0 80px;
  }
  .sec_environment .ttl_01 {
    margin: 48px auto 0;
    font-size: 32px;
  }
  .sec_environment .txtwrap_01 {
    margin: 40px auto 80px;
  }
  .sec_environment .txtwrap_01 .txt_01 {
    font-size: 16px;
  }
  .sec_environment .ttl_02 {
    font-size: 28px;
  }
  .sec_environment .txtwrap_02 {
    margin: 32px auto 32px;
  }
  .sec_environment .txtwrap_02 .txt_01 {
    font-size: 18px;
  }
  .sec_environment .box_01 {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 32px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec_environment .box_01 .box_list_01 .li {
    font-size: 16px;
  }
  .sec_environment .box_01 .box_txt_01 {
    font-size: 18px;
    line-height: 1.6;
  }
  .sec_workstyle {
    padding: 0 0 80px;
  }
  .sec_workstyle .ttl_01 {
    margin: 48px auto 0;
    font-size: 32px;
  }
  .sec_workstyle .txtwrap_01 {
    margin: 40px auto 40px;
  }
  .sec_workstyle .txtwrap_01 .txt_01 {
    font-size: 16px;
  }
  .sec_workstyle .box_01 {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 32px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sec_workstyle .box_01 .box_list_01 .li {
    font-size: 16px;
  }
  .sec_workstyle .box_01 .box_list_01 .li a.pdf_link {
    padding: 0 26px 0 0;
    font-size: 18px;
    line-height: 2;
  }
  .sec_workstyle .box_01 .box_list_01 .li a.pdf_link:after {
    right: 2px;
    width: 21px;
    height: 25px;
  }
}
/**************************************
  sec_company_overview
**************************************/
.sec_company_overview {
  padding: 108px 0 108px;
  border-top: 3px dotted #519043;
  border-bottom: 3px dotted #519043;
}
.sec_company_overview .ttl_01 {
  font-size: 48px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 2.25;
  text-align: center;
}
.sec_company_overview .overview_table_01 {
  width: 100%;
  table-layout: fixed;
  margin: 56px auto 0;
}
.sec_company_overview .overview_table_01 .t_ttl_01 {
  width: 25%;
  padding: 24px 0 24px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  line-height: 2;
  font-weight: bold;
  color: #454545;
  text-align: center;
}
.sec_company_overview .overview_table_01 .t_ele_01 {
  width: 75%;
  padding: 24px 0 24px 48px;
  border-bottom: 1px solid #707070;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  line-height: 2;
  color: #454545;
  text-align: left;
}
.sec_company_overview .overview_table_01 .t_ele_01 .tel_set_01 {
  position: relative;
  padding: 0 0 0 7em;
}
.sec_company_overview .overview_table_01 .t_ele_01 .tel_set_01 .s_ttl_01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 7em;
  text-align: right;
}
.sec_company_overview .overview_table_01 .t_ele_01 .tel_set_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec_company_overview .overview_table_01 .t_ele_01 .tel_set_02 .s_ele_01 {
  display: inline-block;
}
.sec_company_overview .overview_table_01 .line_01 {
  background: rgba(223, 119, 131, 0.14);
}
.sec_company_overview .overview_table_01 .line_01:nth-of-type(2n) {
  background: #ffffff;
}
.sec_company_overview .overview_table_01 .line_01:last-of-type .t_ttl_01 {
  border-bottom: none;
}
.sec_company_overview .overview_table_01 .line_01:last-of-type .t_ele_01 {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .sec_company_overview {
    padding: 0 0 80px;
  }
  .sec_company_overview .ttl_01 {
    margin: 64px auto 0;
    font-size: 30px;
  }
  .sec_company_overview .overview_table_01 {
    display: block;
    width: auto;
    table-layout: fixed;
    margin: 40px -16px 0;
  }
  .sec_company_overview .overview_table_01 tbody {
    display: block;
  }
  .sec_company_overview .overview_table_01 .line_01 {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
  }
  .sec_company_overview .overview_table_01 .t_ttl_01 {
    display: block;
    width: 100%;
    padding: 12px 0 0;
    border: none;
    font-size: 16px;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 {
    display: block;
    width: 100%;
    padding: 12px 0 12px;
    border: none;
    font-size: 16px;
    text-align: center;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 .tel_set_01 {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 0 16px 0em;
    text-align: right;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 .tel_set_01 .s_ttl_01 {
    position: static;
    display: inline;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 .tel_set_01 .s_ele_01 {
    display: inline;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 .tel_set_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec_company_overview .overview_table_01 .t_ele_01 .tel_set_02 .s_ele_01 {
    display: inline-block;
  }
}
/**************************************
  sec_company_history
**************************************/
.sec_company_history {
  padding: 80px 0 100px;
  border-bottom: 3px dotted #519043;
}
.sec_company_history .ttl_01 {
  font-size: 48px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 2.25;
  text-align: center;
}
.sec_company_history .history_table_01 {
  width: 100%;
  table-layout: fixed;
  margin: 56px auto 0;
}
.sec_company_history .history_table_01 .t_ttl_01 {
  width: 30%;
  padding: 24px 5% 16px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #707070;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
  color: #454545;
}
.sec_company_history .history_table_01 .t_ele_01 {
  width: 70%;
  padding: 24px 0 16px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #707070;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #454545;
}

@media screen and (max-width: 768px) {
  .sec_company_history {
    padding: 0 0 80px;
  }
  .sec_company_history .ttl_01 {
    margin: 64px auto 0;
    font-size: 30px;
  }
  .sec_company_history .history_table_01 {
    display: block;
    width: 100%;
    margin: 56px auto 0;
  }
  .sec_company_history .history_table_01 tbody {
    display: block;
  }
  .sec_company_history .history_table_01 .line_01 {
    display: block;
  }
  .sec_company_history .history_table_01 .t_ttl_01 {
    display: block;
    width: 100%;
    padding: 12px 0;
    border-bottom: none;
    font-size: 16px;
    text-align: center;
  }
  .sec_company_history .history_table_01 .t_ele_01 {
    display: block;
    width: 100%;
    padding: 0 0 12px;
    border-bottom: 1px solid #707070;
    font-size: 16px;
    text-align: center;
  }
}
/***************************************************************************

  OUR RENOVATION/ハンズワタベのリフォームメニュー

***************************************************************************/
/**************************************
  sec_renova_menu
**************************************/
.sec_renova_menu {
  padding: 108px 0 0;
}
.sec_renova_menu .s_ttl_01 {
  margin: 0 auto 144px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  letter-spacing: 0.08em;
  text-align: center;
}
.sec_renova_menu .s_ttl_01 .str_01 {
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
  color: #DF7783;
}
.sec_renova_menu .s_ttl_01 .str_01:first-letter {
  font-size: 77px;
}
.sec_renova_menu .s_ttl_01 .logo {
  display: block;
}

@media screen and (max-width: 768px) {
  .sec_renova_menu {
    padding: 0 0 0;
  }
  .sec_renova_menu .s_ttl_01 {
    margin: 0 auto 144px;
  }
  .sec_renova_menu .s_ttl_01 .str_01 {
    line-height: 1.6;
  }
}
.renova_menu_box {
  width: calc(100% + 520px);
  margin: 0 0 184px -100px;
}
.renova_menu_box .box_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px 420px 16px 100px;
  background: #DBA95E;
}
.renova_menu_box .box_head .left_block {
  position: relative;
  width: 50%;
}
.renova_menu_box .box_head .left_block .block_txt_01 {
  font-size: 22px;
  font-weight: bold;
  line-height: 2;
  color: #ffffff;
  letter-spacing: 0.04em;
}
.renova_menu_box .box_head .left_block .block_ttl_01 {
  font-size: 55px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}
.renova_menu_box .box_head .left_block .block_ttl_01 .ttl_txt_01 {
  font-size: 78px;
  font-weight: bold;
}
.renova_menu_box .box_head .right_block {
  position: relative;
  width: 50%;
}
.renova_menu_box .box_head .right_block .block_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.renova_menu_box .box_head .right_block .block_price .price_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.renova_menu_box .box_head .right_block .block_price .price_item .item_ttl {
  font-size: 22px;
  line-height: 1.2;
  white-space: nowrap;
}
.renova_menu_box .box_head .right_block .block_price .price_item .item_num {
  font-size: 80px;
  white-space: nowrap;
}
.renova_menu_box .box_head .right_block .block_price .price_item .item_yen {
  margin: 0 0 0 -16px;
  font-size: 22px;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
}
.renova_menu_box .box_head .right_block .block_price .price_item:first-of-type {
  position: relative;
  padding: 0 24px 0 0;
}
.renova_menu_box .box_head .right_block .block_price .price_item:first-of-type:after {
  content: "～";
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 32px;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.renova_menu_box .box_head .right_block .block_notation {
  margin: 4px auto 0;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  text-align: right;
  line-height: 1.4;
}
.renova_menu_box .box_main {
  min-height: 520px;
  padding: 32px 420px 56px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.renova_menu_box .box_main .inner {
  position: relative;
}
.renova_menu_box .box_main .inner .box_ttl_01 {
  margin: 0 auto 16px;
  font-size: 26px;
  font-weight: bold;
  color: #262626;
}
.renova_menu_box .box_main .inner .copy_wrap_01 {
  margin: 0 auto 24px;
  text-align: left;
}
.renova_menu_box .box_main .inner .copy_01 {
  display: inline-block;
  position: relative;
  margin: 0 0 64px;
  padding: 0 0 0 1em;
  font-size: 28px;
  font-weight: bold;
  color: #262626;
  line-height: 1.4;
  text-align: center;
}
.renova_menu_box .box_main .inner .copy_01 .red_01 {
  color: #FF0000;
  font-weight: inherit;
}
.renova_menu_box .box_main .inner .copy_01 .sml_01 {
  display: block;
  font-size: 20px;
  font-weight: inherit;
}
.renova_menu_box .box_main .inner .copy_01:before {
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
}
.renova_menu_box .box_main .inner .box_ttl_02 {
  margin: 0 auto 16px;
  font-size: 22px;
  font-weight: bold;
  color: #262626;
}
.renova_menu_box .box_main .inner .box_txt_01 {
  font-size: 20px;
  color: #262626;
  line-height: 2;
}
.renova_menu_box .box_main .inner .box_txt_01 .str_01 {
  font-weight: bold;
}
.renova_menu_box .box_main .inner .box_notation {
  margin: 8px auto 0;
  font-size: 18px;
  font-weight: 500;
}
.renova_menu_box .box_main .inner .box_img_01 {
  position: absolute;
  top: 40px;
  left: 50%;
}
.renova_menu_box.full .box_head .left_block .block_img_01 {
  position: absolute;
  top: -100px;
  left: 100%;
  width: auto;
}
.renova_menu_box.full .box_head .left_block .block_img_01 img {
  max-width: none;
}
.renova_menu_box.full .box_main {
  background: rgba(219, 169, 94, 0.16) url(./images/renovation_full_en_01.svg) left bottom -5px no-repeat;
  background-size: auto 327px;
}
.renova_menu_box.full .box_main .box_img_01 {
  position: absolute;
  top: 0;
  left: 50%;
}
.renova_menu_box.full .box_main .box_img_01 img {
  display: block;
}
.renova_menu_box.full .box_main .box_img_01 img:nth-of-type(1) {
  width: 80%;
  margin: 16px 0 0 10%;
}
.renova_menu_box.full .box_main .box_img_01 img:nth-of-type(2) {
  width: 60%;
  margin: 16px 0 0 auto;
}
.renova_menu_box.madori {
  margin: 0 0 184px -420px;
}
.renova_menu_box.madori .box_head {
  padding: 16px 100px 16px 420px;
  background: #DF7783;
}
.renova_menu_box.madori .box_head .left_block .block_img_01 {
  position: absolute;
  top: -144px;
  left: 274px;
  width: auto;
}
.renova_menu_box.madori .box_head .left_block .block_img_01 img {
  max-width: none;
}
.renova_menu_box.madori .box_main {
  padding: 32px 100px 64px 420px;
  background: rgba(223, 119, 131, 0.16) url(./images/renovation_madori_en_01.svg) left 420px bottom -5px no-repeat;
  background-size: auto 327px;
}
.renova_menu_box.madori .box_main .box_img_01 {
  position: absolute;
  top: 0;
  left: 50%;
}
.renova_menu_box.madori .box_main .box_img_01 .img_01 {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.renova_menu_box.madori .box_main .box_img_01 .img_02 {
  display: block;
  width: 40%;
  margin: 36px auto 0 auto;
}
.renova_menu_box.heyagoto .box_head {
  background: #EAA276;
}
.renova_menu_box.heyagoto .box_head .left_block .block_img_01 {
  position: absolute;
  top: -104px;
  left: 360px;
  width: auto;
}
.renova_menu_box.heyagoto .box_head .left_block .block_img_01 img {
  max-width: none;
}
.renova_menu_box.heyagoto .box_main {
  background: rgba(234, 162, 118, 0.16) url(./images/renovation_heyagoto_en_01.svg) left bottom -5px no-repeat;
  background-size: auto 327px;
}
.renova_menu_box.heyagoto .box_main .box_img_01 {
  position: absolute;
  top: 50px;
  left: 50%;
}
.renova_menu_box.heyagoto .box_main .box_img_01 img {
  display: block;
}
.renova_menu_box.heyagoto .box_main .box_img_01 img:nth-of-type(1) {
  width: 86%;
  margin: 0 auto;
}
.renova_menu_box.spot {
  margin: 0 0 184px -420px;
}
.renova_menu_box.spot .box_head {
  padding: 16px 100px 16px 420px;
  background: #BCC269;
}
.renova_menu_box.spot .box_head .left_block .block_img_01 {
  position: absolute;
  top: -80px;
  left: 360px;
  width: auto;
}
.renova_menu_box.spot .box_head .left_block .block_img_01 img {
  max-width: none;
}
.renova_menu_box.spot .box_main {
  padding: 32px 100px 64px 420px;
  background: rgba(188, 194, 105, 0.16) url(./images/renovation_supotto_en_01.svg) left 420px bottom -5px no-repeat;
  background-size: auto 327px;
}
.renova_menu_box.spot .box_main .box_img_01 {
  position: absolute;
  top: 72px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.renova_menu_box.spot .box_main .box_img_01 img {
  display: block;
}
.renova_menu_box.spot .box_main .box_img_01 img:nth-of-type(1) {
  width: 40%;
  margin: 0 auto;
}
.renova_menu_box.spot .box_main .box_img_01 .caption .set_01 {
  text-align: left;
}
.renova_menu_box.spot .box_main .box_img_01 .caption .set_01 .set_ttl_01 {
  margin: 0 auto 8px;
  color: #FF0000;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.6;
}
.renova_menu_box.spot .box_main .box_img_01 .caption .set_01 .set_txt_01 {
  color: #FF0000;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .renova_menu_box {
    width: calc(100vw - 16px);
    margin: 0 0 184px auto;
  }
  .renova_menu_box .box_head {
    display: block;
    padding: 40px 16px 48px;
  }
  .renova_menu_box .box_head .left_block {
    position: relative;
    width: 100%;
  }
  .renova_menu_box .box_head .left_block .block_txt_01 {
    margin: 0 auto 8px;
    font-size: clamp(16px, 4.2666666667vw, 32px);
  }
  .renova_menu_box .box_head .left_block .block_ttl_01 {
    margin: 0 auto 24px;
    font-size: clamp(32px, 8.5333333333vw, 48px);
  }
  .renova_menu_box .box_head .left_block .block_ttl_01 .ttl_txt_01 {
    font-size: clamp(48px, 12.8vw, 77px);
  }
  .renova_menu_box .box_head .right_block {
    width: 100%;
  }
  .renova_menu_box .box_head .right_block .block_price {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .renova_menu_box .box_head .right_block .block_notation {
    font-size: 15px;
  }
  .renova_menu_box .box_main {
    min-height: auto;
    padding: 32px 16px 56px;
  }
  .renova_menu_box .box_main .inner {
    position: relative;
  }
  .renova_menu_box .box_main .inner .box_ttl_01 {
    font-size: clamp(18px, 4.8vw, 26px);
  }
  .renova_menu_box .box_main .inner .copy_01 {
    display: block;
    margin: 0 0 32px;
    padding: 0 0 0 1em;
    font-size: clamp(20px, 5.3333333333vw, 28px);
    line-height: 1.4;
    text-align: left;
  }
  .renova_menu_box .box_main .inner .copy_01 .sml_01 {
    font-size: 105%;
  }
  .renova_menu_box .box_main .inner .box_ttl_02 {
    font-size: clamp(20px, 5.3333333333vw, 24px);
  }
  .renova_menu_box .box_main .inner .box_txt_01 {
    font-size: clamp(16px, 4.2666666667vw, 29px);
  }
  .renova_menu_box .box_main .inner .box_notation {
    font-size: 15px;
  }
  .renova_menu_box .box_main .inner .box_img_01 {
    position: static;
    top: 40px;
    left: 50%;
  }
  .renova_menu_box.full .box_head .left_block .block_img_01 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-40%, -95%);
        -ms-transform: translate(-40%, -95%);
            transform: translate(-40%, -95%);
  }
  .renova_menu_box.full .box_head .left_block .block_img_01 img {
    max-width: 100%;
  }
  .renova_menu_box.full .box_main {
    background: rgba(219, 169, 94, 0.16) url(./images/renovation_full_en_01_sp.svg) left bottom -5px no-repeat;
    background-size: 180px auto;
  }
  .renova_menu_box.full .box_main .box_img_01 {
    position: static;
    margin: 48px auto 0;
  }
  .renova_menu_box.full .box_main .box_img_01 img {
    display: block;
  }
  .renova_menu_box.full .box_main .box_img_01 img:nth-of-type(1) {
    width: 90%;
    margin: 0 auto;
  }
  .renova_menu_box.full .box_main .box_img_01 img:nth-of-type(2) {
    width: 90%;
    margin: 16px auto 0 auto;
  }
  .renova_menu_box.madori {
    margin: 0 0 184px -20px;
  }
  .renova_menu_box.madori .box_head {
    padding: 40px 16px 48px;
  }
  .renova_menu_box.madori .box_head .left_block .block_img_01 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-40%, -95%);
        -ms-transform: translate(-40%, -95%);
            transform: translate(-40%, -95%);
  }
  .renova_menu_box.madori .box_head .left_block .block_img_01 img {
    max-width: 100%;
  }
  .renova_menu_box.madori .box_main {
    padding: 32px 16px 64px;
    background: rgba(223, 119, 131, 0.16) url(./images/renovation_madori_en_01_sp.svg) left bottom -5px no-repeat;
    background-size: 180px auto;
  }
  .renova_menu_box.madori .box_main .box_img_01 {
    position: static;
    margin: 48px auto 0;
  }
  .renova_menu_box.madori .box_main .box_img_01 .img_01 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .renova_menu_box.madori .box_main .box_img_01 .img_02 {
    display: block;
    width: 90%;
    margin: 16px auto 0 auto;
  }
  .renova_menu_box.heyagoto .box_head .left_block .block_img_01 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-40%, -95%);
        -ms-transform: translate(-40%, -95%);
            transform: translate(-40%, -95%);
  }
  .renova_menu_box.heyagoto .box_head .left_block .block_img_01 img {
    max-width: 100%;
  }
  .renova_menu_box.heyagoto .box_main {
    background: rgba(234, 162, 118, 0.16) url(./images/renovation_heyagoto_en_01_sp.svg) left bottom -5px no-repeat;
    background-size: 180px auto;
  }
  .renova_menu_box.heyagoto .box_main .box_img_01 {
    position: static;
    margin: 48px auto 0;
  }
  .renova_menu_box.heyagoto .box_main .box_img_01 img {
    display: block;
  }
  .renova_menu_box.heyagoto .box_main .box_img_01 img:nth-of-type(1) {
    width: 86%;
    margin: 0 auto;
  }
  .renova_menu_box.spot {
    margin: 0 0 0 -20px;
  }
  .renova_menu_box.spot .box_head {
    padding: 40px 16px 48px;
  }
  .renova_menu_box.spot .box_head .left_block .block_img_01 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-40%, -95%);
        -ms-transform: translate(-40%, -95%);
            transform: translate(-40%, -95%);
  }
  .renova_menu_box.spot .box_head .left_block .block_img_01 img {
    max-width: 100%;
  }
  .renova_menu_box.spot .box_main {
    padding: 32px 16px 64px;
    background: rgba(188, 194, 105, 0.16) url(./images/renovation_supotto_en_01_sp.svg) left bottom no-repeat;
    background-size: 180px auto;
  }
  .renova_menu_box.spot .box_main .box_img_01 {
    position: static;
    margin: 24px auto 0;
  }
  .renova_menu_box.spot .box_main .box_img_01 img {
    position: static;
    margin: 48px auto 0;
  }
  .renova_menu_box.spot .box_main .box_img_01 img:nth-of-type(1) {
    width: 40%;
    margin: 0 auto;
  }
  .renova_menu_box.spot .box_main .box_img_01 .caption {
    width: 50%;
  }
  .renova_menu_box.spot .box_main .box_img_01 .caption .set_01 .set_ttl_01 {
    font-size: 21px;
  }
  .renova_menu_box.spot .box_main .box_img_01 .caption .set_01 .set_txt_01 {
    color: #FF0000;
    font-size: 14px;
  }
}
/**************************************
  sec_renova_other_menu
**************************************/
.sec_renova_other_menu {
  padding: 112px 0 160px;
}
.sec_renova_other_menu .s_ttl_01 {
  margin: 0 auto 48px;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #191919;
  text-align: center;
}
.sec_renova_other_menu .s_ttl_01 .logo {
  display: block;
  margin: 0 auto 24px;
}
.sec_renova_other_menu .s_txt_01 {
  font-size: 24px;
  font-weight: 500;
  color: #191919;
  text-align: center;
}
.sec_renova_other_menu .renova_other_menu_box {
  margin: 96px auto 0;
}
.sec_renova_other_menu .renova_other_menu_box .box_ttl_01 {
  margin: 0 auto 40px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.sec_renova_other_menu .renova_other_menu_box .box_ttl_01 .str_01 {
  font-size: 56px;
  font-weight: inherit;
}
.sec_renova_other_menu .renova_other_menu_box .box_ttl_01 .sub_txt_01 {
  display: block;
  margin: 32px auto 0;
  font-size: 32px;
  font-weight: bold;
}
.sec_renova_other_menu .renova_other_menu_box .menu_list_01 .li {
  margin: 0 auto 40px;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 48px 48px 48px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 5px solid #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block {
  width: 52%;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .block_ttl_01 {
  margin: 0 auto 40px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .block_ttl_01 .inner {
  display: inline-block;
  text-align: center;
  font-weight: inherit;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .block_ttl_01 .sml_01 {
  font-size: 24px;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .detail_group_01 .g_ttl_01 {
  margin: 0 auto 24px;
  font-size: 24px;
  font-weight: 500;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .detail_group_01 .g_txt_01 {
  font-size: 18px;
  line-height: 2.2;
  font-weight: 500;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block {
  width: 40%;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 {
  margin: 0 auto 24px;
  padding: 0 0 24px;
  border-bottom: 2px dashed #519043;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ttl_01 {
  margin: 0 auto 24px;
  font-size: 24px;
  font-weight: 500;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
  font-size: 86px;
  font-weight: bold;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01:last-of-type {
  position: relative;
  padding: 0 0 0 48px;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01:last-of-type:before {
  content: "～";
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 32px;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ttl_01 {
  margin: 0 auto 24px;
  font-size: 24px;
  font-weight: 500;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  color: #191919;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
  font-size: 70px;
  font-weight: bold;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
  font-size: 68px;
  font-weight: bold;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01:nth-of-type(2) {
  position: relative;
  padding: 0 0 0 48px;
}
.sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01:nth-of-type(2):before {
  content: "～";
  position: absolute;
  top: 50%;
  left: 12px;
  font-size: 20px;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.sec_renova_other_menu .renova_other_menu_box.interior .box_ttl_01 .str_01 {
  color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 {
  border-color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .left_block .block_ttl_01 {
  color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
  color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
  color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
  color: #F7BE65;
}
.sec_renova_other_menu .renova_other_menu_box.water .box_ttl_01 .str_01 {
  color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 {
  border-color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .left_block .block_ttl_01 {
  color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
  color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
  color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
  color: #3D92D0;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .box_ttl_01 .str_01 {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .box_ttl_01 .sub_txt_01 {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 {
  border-color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .left_block .block_ttl_01 {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
  color: #339336;
}
.sec_renova_other_menu .renova_other_menu_box.other .box_ttl_01 .str_01 {
  color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .box_ttl_01 .sub_txt_01 {
  color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 {
  border-color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .left_block .block_ttl_01 {
  color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
  color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
  color: #DF7783;
}
.sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
  color: #DF7783;
}

@media screen and (max-width: 768px) {
  .sec_renova_other_menu {
    padding: 112px 0 160px;
  }
  .sec_renova_other_menu .s_ttl_01 {
    margin: 0 auto 48px;
    font-size: 23px;
  }
  .sec_renova_other_menu .s_txt_01 {
    font-size: 21px;
    line-height: 2.2;
  }
  .sec_renova_other_menu .renova_other_menu_box {
    margin: 72px auto 0;
  }
  .sec_renova_other_menu .renova_other_menu_box .box_ttl_01 {
    margin: 0 auto 40px;
    font-size: clamp(38px, 10.1333333333vw, 40px);
    line-height: 1.4;
  }
  .sec_renova_other_menu .renova_other_menu_box .box_ttl_01 .str_01 {
    font-size: clamp(52px, 13.8666666667vw, 56px);
  }
  .sec_renova_other_menu .renova_other_menu_box .box_ttl_01 .sub_txt_01 {
    font-size: clamp(26px, 6.9333333333vw, 30px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 {
    display: block;
    padding: 48px 16px 48px 16px;
    border: 3px solid #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block {
    width: 100%;
    margin: 0 auto 56px;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .block_ttl_01 {
    margin: 0 auto 40px;
    font-size: clamp(30px, 8vw, 32px);
    text-align: center;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .block_ttl_01 .sml_01 {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .detail_group_01 .g_ttl_01 {
    font-size: clamp(22px, 5.8666666667vw, 24px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .left_block .detail_group_01 .g_txt_01 {
    font-size: clamp(16px, 4.2666666667vw, 18px);
    line-height: 2.2;
    font-weight: 500;
    color: #191919;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block {
    width: calc(100% + 16px);
    margin: 0 -16px 0 0;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 {
    font-size: clamp(18px, 4.8vw, 20px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
    font-size: clamp(58px, 15.4666666667vw, 60px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01:last-of-type {
    position: relative;
    padding: 0 0 0 30px;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01:last-of-type:before {
    left: 4px;
    font-size: clamp(26px, 6.9333333333vw, 28px);
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ttl_01 {
    margin: 0 auto 24px;
    font-size: clamp(22px, 5.8666666667vw, 24px);
    font-weight: 500;
    color: #191919;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 {
    display: inline-block;
    font-size: clamp(24px, 6.4vw, 26px);
    font-weight: bold;
    color: #191919;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
    font-size: clamp(68px, 18.1333333333vw, 70px);
    font-weight: bold;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
    font-size: clamp(66px, 17.6vw, 68px);
    font-weight: bold;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01:nth-of-type(2) {
    position: relative;
    padding: 0 0 0 48px;
  }
  .sec_renova_other_menu .renova_other_menu_box .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01:nth-of-type(2):before {
    content: "～";
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: clamp(18px, 4.8vw, 20px);
    font-weight: bold;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .box_ttl_01 .str_01 {
    color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 {
    border-color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .left_block .block_ttl_01 {
    color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
    color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
    color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.interior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
    color: #F7BE65;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .box_ttl_01 .str_01 {
    color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 {
    border-color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .left_block .block_ttl_01 {
    color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
    color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
    color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.water .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
    color: #3D92D0;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .box_ttl_01 .str_01 {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .box_ttl_01 .sub_txt_01 {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 {
    border-color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .left_block .block_ttl_01 {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.exterior .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
    color: #339336;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .box_ttl_01 .str_01 {
    color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .box_ttl_01 .sub_txt_01 {
    color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 {
    border-color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .left_block .block_ttl_01 {
    color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .cost_group_01 .g_ele_01 .e_item_01 .num {
    color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .num {
    color: #DF7783;
  }
  .sec_renova_other_menu .renova_other_menu_box.other .menu_box_01 .right_block .schedule_group_01 .g_ele_01 .e_item_01 .kan {
    color: #DF7783;
  }
}
/***************************************************************************

 WORKS/ハンズワタベのリフォームメニュー

***************************************************************************/
.sec_work_intro {
  padding: 168px 0 0;
}
.sec_work_intro .ttl_01 {
  margin: 48px auto 0;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #191919;
  text-align: center;
}
.sec_work_intro .txtwrap_01 {
  margin: 48px auto 0;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #191919;
  text-align: center;
  line-height: 2.6;
}
.sec_work_intro .newworks_area {
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .sec_work_intro {
    padding: 8px 0 0;
  }
  .sec_work_intro .ttl_01 {
    font-size: 22px;
    line-height: 1.8;
  }
  .sec_work_intro .txtwrap_01 {
    margin: 48px -16px 0;
    font-size: 18px;
  }
  .sec_work_intro .newworks_area {
    margin: 64px auto 0;
  }
}
.sec_work_archive {
  padding: 88px 0 160px;
}

.sec_wrok_single {
  padding: 168px 0 0;
}
.sec_wrok_single .article_work_01 {
  padding: 80px 0 0;
}
.sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01 {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.6;
  color: #191919;
}
.sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01 .address {
  display: block;
  margin: 0 auto 16px;
  font-size: 24px;
  font-weight: inherit;
  font-weight: 500;
}
.sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px;
  width: 104px;
  height: 8px;
  background: #339336;
}
.sec_wrok_single .article_work_01 .tag_list {
  margin: 24px -24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 0 200px;
}
.sec_wrok_single .article_work_01 .tag_list .tag {
  margin: 0 24px 24px 0;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
}
.sec_wrok_single .article_work_01 .tag_list .tag a {
  color: #191919;
  font-weight: inherit;
}
.sec_wrok_single .article_work_01 .tag_list .tag::before {
  content: "#";
}
.sec_wrok_single .article_main_01 {
  margin: 88px auto 0;
}
.sec_wrok_single .article_main_01 .main_img_01 {
  display: block;
  margin: 0 auto 72px;
  text-align: center;
}
.sec_wrok_single .article_main_01 .article_ttl_02 {
  margin: 0 auto 32px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
}
.sec_wrok_single .article_main_01 .beforeafter_area {
  margin: 80px auto 80px;
}
.sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 0 200px;
}
.sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 .caption {
  display: block;
  margin: 0 auto 48px;
  font-size: 48px;
  font-weight: bold;
  color: #191919;
}
.sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 .img_wrap_01 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 .img_wrap_01:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.sec_wrok_single .article_main_01 .beforeafter_area .before_img_01::after {
  content: "";
  position: absolute;
  bottom: 48px;
  left: 50%;
  width: 65px;
  height: 87px;
  background: url(./images/arrow_beforeafter_01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sec_wrok_single .article_main_01 .beforeafter_area .after_img_01 {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 0 72px;
}
.sec_wrok_single .article_main_01 .beforeafter_area .after_img_01 .caption {
  display: block;
  margin: 0 auto 48px;
  font-size: 48px;
  font-weight: bold;
  color: #191919;
}
.sec_wrok_single .output_wrap_01 p {
  margin: 0 0 2em;
  font-size: 18px;
  line-height: 2.5;
  color: #191919;
}
.sec_wrok_single .output_wrap_01 p:last-of-type {
  margin: 0 0;
}
.sec_wrok_single .pageback_btn_wrap_01 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 120px 0 160px;
}

@media screen and (max-width: 768px) {
  .sec_wrok_single {
    padding: 8px 0 0;
  }
  .sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01 {
    font-size: 22px;
  }
  .sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01 .address {
    margin: 0 auto 8px;
    font-size: 16px;
  }
  .sec_wrok_single .article_work_01 .article_head_01 .article_ttl_01:after {
    bottom: -24px;
    width: 64px;
    height: 6px;
  }
  .sec_wrok_single .article_work_01 .tag_list {
    margin: 32px -24px 0 0;
    padding: 0 0 0 88px;
  }
  .sec_wrok_single .article_main_01 {
    margin: 48px auto 0;
  }
  .sec_wrok_single .article_main_01 .main_img_01 {
    margin: 0 auto 64px;
  }
  .sec_wrok_single .article_main_01 .article_ttl_02 {
    margin: 0 auto 32px;
    font-size: 22px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area {
    margin: 96px auto 80px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 {
    padding: 0 0 112px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area .before_img_01 .caption {
    margin: 0 auto 36px;
    font-size: 36px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area .before_img_01::after {
    content: "";
    position: absolute;
    bottom: 32px;
    left: 50%;
    width: 38px;
    height: 52px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area .after_img_01 {
    position: relative;
    display: block;
    text-align: center;
    padding: 0 0 72px;
  }
  .sec_wrok_single .article_main_01 .beforeafter_area .after_img_01 .caption {
    margin: 0 auto 36px;
    font-size: 40px;
  }
  .sec_wrok_single .output_wrap_01 p {
    font-size: 16px;
  }
  .sec_wrok_single .pageback_btn_wrap_01 {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 80px 0 80px;
  }
}
/***************************************************************************

 VOICE/リ ハンズの体験談

***************************************************************************/
.sec_voice_archive {
  padding: 168px 0 160px;
}
.sec_voice_archive .ttl_01 {
  margin: 48px auto 80px;
  font-size: 32px;
  font-weight: bold;
  line-height: 2;
  color: #191919;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sec_voice_archive {
    padding: 8px 0 120px;
  }
  .sec_voice_archive .ttl_01 {
    font-size: 22px;
  }
}
.sec_voice_single {
  padding: 168px 0 0;
}
.sec_voice_single .article_voice_01 {
  padding: 80px 0 0;
}
.sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01 {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.6;
  color: #191919;
}
.sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01 .address {
  display: block;
  margin: 0 auto 16px;
  font-size: 24px;
  font-weight: inherit;
  font-weight: 500;
}
.sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px;
  width: 104px;
  height: 8px;
  background: #339336;
}
.sec_voice_single .article_voice_01 .article_name {
  margin: 24px 0 0 0;
  text-align: right;
  padding: 0 0 0 200px;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
}
.sec_voice_single .article_main_01 {
  margin: 88px auto 88px;
}
.sec_voice_single .article_main_01 .main_img_01 {
  display: block;
  margin: 0 auto 72px;
  text-align: center;
}
.sec_voice_single .article_main_01 .article_ttl_02 {
  margin: 0 auto 32px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
}
.sec_voice_single .output_wrap_01 p {
  margin: 0 0 2em;
  font-size: 18px;
  line-height: 2.5;
  color: #191919;
}
.sec_voice_single .output_wrap_01 p:last-of-type {
  margin: 0 0;
}
.sec_voice_single .pageback_btn_wrap_01 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 120px 0 160px;
}

@media screen and (max-width: 768px) {
  .sec_voice_single {
    padding: 8px 0 0;
  }
  .sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01 {
    font-size: 22px;
  }
  .sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01 .address {
    margin: 0 auto 8px;
    font-size: 16px;
  }
  .sec_voice_single .article_voice_01 .article_head_01 .article_ttl_01:after {
    bottom: -24px;
    width: 64px;
    height: 6px;
  }
  .sec_voice_single .article_voice_01 .article_name {
    margin: 32px 0 0 0;
    padding: 0 0 0 88px;
  }
  .sec_voice_single .article_main_01 {
    margin: 48px auto 88px;
  }
  .sec_voice_single .article_main_01 .main_img_01 {
    margin: 0 auto 64px;
  }
  .sec_voice_single .article_main_01 .article_ttl_02 {
    margin: 0 auto 32px;
    font-size: 22px;
  }
  .sec_voice_single .output_wrap_01 p {
    font-size: 16px;
  }
  .sec_voice_single .pageback_btn_wrap_01 {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 80px 0 80px;
  }
}
/***************************************************************************

 EVENT/リ・ハンズを体験しよう

***************************************************************************/
.sec_event_archive {
  padding: 168px 0 160px;
}
.sec_event_archive .event_card_list_01 {
  margin: 96px auto 0;
}

@media screen and (max-width: 768px) {
  .sec_event_archive {
    padding: 8px 0 160px;
  }
  .sec_event_archive .event_card_list_01 {
    margin: 96px auto 0;
  }
}
.sec_event_single {
  padding: 168px 0 80px;
}
.sec_event_single .article_event_01 {
  margin: 96px auto 0;
}
.sec_event_single .article_event_01 .article_head_01 {
  padding: 24px 32px 20px;
  background: #339336;
}
.sec_event_single .article_event_01 .article_head_01 .article_ttl_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4;
  color: #ffffff;
}
.sec_event_single .article_event_01 .article_head_01 .article_schedule {
  display: inline-block;
  padding-right: 1em;
  font-size: 46px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}
.sec_event_single .article_event_01 .article_head_01 .article_schedule .week {
  font-size: 40%;
}
.sec_event_single .article_event_01 .article_main_01 .main_img_01 {
  display: block;
  margin: 0 auto 40px;
  text-align: center;
}
.sec_event_single .article_event_01 .article_main_01 .main_img_01 img {
  width: 100%;
}
.sec_event_single .article_event_01 .article_main_01 .article_ttl_02 {
  margin: 0 auto 32px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
}
.sec_event_single .article_event_01 .output_wrap_01 h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_event_single .article_event_01 .output_wrap_01 h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_event_single .article_event_01 .output_wrap_01 h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_event_single .article_event_01 .output_wrap_01 h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_event_single .article_event_01 .output_wrap_01 h6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_event_single .article_event_01 .output_wrap_01 p {
  margin: 0 0 1.65em;
  font-size: 18px;
  line-height: 2;
  color: #191919;
}
.sec_event_single .article_event_01 .output_wrap_01 p:last-of-type {
  margin: 0 0;
}
.sec_event_single .article_event_01 .event_info_box_01 {
  margin: 72px auto 0;
}
.sec_event_single .article_event_01 .event_info_box_01 .info_set_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px;
}
.sec_event_single .article_event_01 .event_info_box_01 .info_set_01 .set_ttl_01 {
  font-size: 32px;
  line-height: 1.6;
  font-weight: bold;
  color: #339336;
}
.sec_event_single .article_event_01 .event_info_box_01 .info_set_01 .set_ele_01 {
  font-size: 32px;
  line-height: 1.6;
  font-weight: bold;
  color: #2E2E2E;
}
.sec_event_single .pageback_btn_wrap_01 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 80px 0 80px;
}

@media screen and (max-width: 768px) {
  .sec_event_single {
    padding: 8px 0 80px;
  }
  .sec_event_single .article_event_01 .article_head_01 {
    padding: 16px 16px 20px;
  }
  .sec_event_single .article_event_01 .article_head_01 .article_ttl_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 24px;
  }
  .sec_event_single .article_event_01 .article_head_01 .article_schedule {
    font-size: 36px;
  }
  .sec_event_single .article_event_01 .article_head_01 .article_schedule .week {
    font-size: 60%;
  }
  .sec_event_single .article_event_01 .article_main_01 .article_ttl_02 {
    margin: 0 auto 24px;
    font-size: 24px;
  }
  .sec_event_single .article_event_01 .output_wrap_01 p {
    font-size: 16px;
    line-height: 2.2;
  }
  .sec_event_single .article_event_01 .event_info_box_01 .info_set_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 24px;
  }
  .sec_event_single .article_event_01 .event_info_box_01 .info_set_01 .set_ttl_01 {
    width: 3em;
    font-size: 21px;
  }
  .sec_event_single .article_event_01 .event_info_box_01 .info_set_01 .set_ele_01 {
    width: calc(100% - 3em);
    font-size: 21px;
  }
  .sec_event_single .pageback_btn_wrap_01 {
    padding: 80px 16px 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.sec_event_form_01 {
  margin: 104px auto 0;
}
.sec_event_form_01 .w_ttl_01 {
  margin: 0 auto 24px;
  font-size: 56px;
  font-weight: bold;
  color: #339336;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sec_event_form_01 .w_ttl_01 {
    margin: 0 auto 24px;
    font-size: 36px;
  }
  .sec_event_form_01 .c_tel_box_01 {
    margin: 80px -16px 80px;
  }
}
/***************************************************************************

 BLOG・COLUMN/リ・ハンズのNEWS

***************************************************************************/
.sec_topics_archive {
  padding: 168px 0 160px;
}
.sec_topics_archive .content_wrap_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 136px auto 0;
}
.sec_topics_archive .content_wrap_01 .main_content {
  width: 70%;
}
.sec_topics_archive .content_wrap_01 .main_content .ttl_01 {
  margin: 0 auto 32px;
  padding: 0 0 24px;
  border-bottom: 1px solid #707070;
  font-size: 32px;
  font-weight: bold;
  color: #339336;
}
.sec_topics_archive .content_wrap_01 .main_content .ttl_01:before {
  content: "#";
}
.sec_topics_archive .content_wrap_01 .side_content {
  width: 20%;
}

.side_content .writer {
  display: none;
}

.column .side_content .writer {
  display: block;
}

@media screen and (max-width: 768px) {
  .sec_topics_archive {
    padding: 8px 0 120px;
  }
  .sec_topics_archive .content_wrap_01 {
    display: block;
    margin: 120px auto 0;
  }
  .sec_topics_archive .content_wrap_01 .main_content {
    width: 100%;
  }
  .sec_topics_archive .content_wrap_01 .side_content {
    width: 100%;
    margin: 120px auto 0;
  }
}
.sec_topics_single {
  padding: 168px 0 160px;
}
.sec_topics_single .content_wrap_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 136px auto 0;
}
.sec_topics_single .content_wrap_01 .main_content {
  width: 70%;
}
.sec_topics_single .content_wrap_01 .main_content .ttl_01 {
  margin: 0 auto 32px;
  padding: 0 0 24px;
  border-bottom: 1px solid #707070;
  font-size: 32px;
  font-weight: bold;
  color: #339336;
}
.sec_topics_single .content_wrap_01 .main_content .ttl_01:before {
  content: "#";
}
.sec_topics_single .content_wrap_01 .side_content {
  width: 20%;
}
.sec_topics_single .article_topics_01 {
  margin: 0 auto 120px;
}
.sec_topics_single .article_topics_01 .article_head_01 {
  padding: 0 0 96px;
}
.sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01 {
  position: relative;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.6;
  color: #191919;
}
.sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01 .day {
  display: block;
  margin: 0 auto 16px;
  font-size: 24px;
  font-weight: inherit;
  font-weight: 500;
}
.sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px;
  width: 64px;
  height: 8px;
  background: #339336;
}
.sec_topics_single .article_topics_01 .article_main_01 .main_img_01 {
  display: block;
  margin: 0 auto 40px;
  text-align: center;
}
.sec_topics_single .article_topics_01 .article_main_01 .main_img_01 img {
  width: 100%;
}
.sec_topics_single .article_topics_01 .article_main_01 .article_ttl_02 {
  margin: 0 auto 32px;
  font-size: 32px;
  font-weight: bold;
  color: #191919;
}
.sec_topics_single .article_topics_01 .output_wrap_01 h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_topics_single .article_topics_01 .output_wrap_01 h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_topics_single .article_topics_01 .output_wrap_01 h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_topics_single .article_topics_01 .output_wrap_01 h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_topics_single .article_topics_01 .output_wrap_01 h6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.3em;
}
.sec_topics_single .article_topics_01 .output_wrap_01 p {
  margin: 0 0 2em;
  font-size: 18px;
  line-height: 2.5;
  color: #191919;
}
.sec_topics_single .article_topics_01 .output_wrap_01 p:last-of-type {
  margin: 0 0;
}
.sec_topics_single .new_blog_wrap_01 {
  margin: 80px auto 0;
}
.sec_topics_single .new_blog_wrap_01 .w_ttl_01 {
  padding: 0 0 32px;
  margin: 0 auto 32px;
  border-bottom: 1px solid #707070;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #191919;
}
.sec_topics_single .pageback_btn_wrap_01 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 80px 0 80px;
}

@media screen and (max-width: 768px) {
  .sec_topics_single {
    padding: 8px 0 120px;
  }
  .sec_topics_single .content_wrap_01 {
    display: block;
    margin: 120px auto 0;
  }
  .sec_topics_single .content_wrap_01 .main_content {
    width: 100%;
  }
  .sec_topics_single .content_wrap_01 .side_content {
    width: 100%;
  }
  .sec_topics_single .article_topics_01 {
    margin: 0 auto 120px;
  }
  .sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01 {
    font-size: 22px;
  }
  .sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01 .day {
    margin: 0 auto 8px;
    font-size: 18px;
  }
  .sec_topics_single .article_topics_01 .article_head_01 .article_ttl_01:after {
    bottom: -24px;
    width: 64px;
    height: 6px;
  }
  .sec_topics_single .article_topics_01 .article_main_01 .article_ttl_02 {
    margin: 0 auto 24px;
    font-size: 22px;
  }
  .sec_topics_single .article_topics_01 .output_wrap_01 p {
    font-size: 16px;
  }
  .sec_topics_single .new_blog_wrap_01 .w_ttl_01 {
    padding: 120px 0 32px;
  }
  .sec_topics_single .pageback_btn_wrap_01 {
    padding: 80px 0 0px;
  }
}
/***************************************************************************

 APPLICATION/無料相談会メールフォーム

***************************************************************************/
.sec_app_form {
  padding: 168px 0 160px;
}
.sec_app_form .c_tel_box_01 {
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .sec_app_form {
    padding: 128px 0 120px;
  }
  .sec_app_form .c_tel_box_01 {
    margin: 80px -16px 80px;
  }
}
/*---------------------
	フォーム関連
---------------------*/
.form_wrap_01 .w_ttl_01 {
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  color: #50926B;
}
.form_wrap_01 .w_txt_01 {
  margin: 56px auto 80px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 2;
  color: #363636;
}
.form_wrap_01 .form_flow_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 64px auto;
}
.form_wrap_01 .form_flow_01 .flow_item_01 {
  position: relative;
  width: calc(32% - 20px);
  height: 64px;
  margin: 0 20px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #AAAAAA;
  font-size: 21px;
  line-height: 64px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.form_wrap_01 .form_flow_01 .flow_item_01:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  border-top: 32px solid transparent;
  border-left: 20px solid #AAAAAA;
  border-bottom: 32px solid transparent;
  border-right: none;
}
.form_wrap_01 .form_flow_01 .flow_item_01:last-of-type {
  width: 32%;
  margin: 0;
}
.form_wrap_01 .form_flow_01 .flow_item_01:last-of-type:after {
  content: none;
}
.form_wrap_01 .form_flow_01 .flow_item_01.step_01 {
  background: #50926B;
}
.form_wrap_01 .form_flow_01 .flow_item_01.step_01:after {
  border-left: 20px solid #50926B;
}
.form_wrap_01 .form_flow_01.step_03 .flow_item_01.step_01 {
  background: #50926B;
}
.form_wrap_01 .form_flow_01.step_03 .flow_item_01.step_01:after {
  border-left: 20px solid #50926B;
}
.form_wrap_01 .form_flow_01.step_03 .flow_item_01.step_02 {
  background: #50926B;
}
.form_wrap_01 .form_flow_01.step_03 .flow_item_01.step_02:after {
  border-left: 20px solid #50926B;
}
.form_wrap_01 .form_flow_01.step_03 .flow_item_01.step_03 {
  background: #50926B;
}
.form_wrap_01 .form_list_01 .li {
  padding: 24px 0;
  border-bottom: 1px dashed #707070;
}
.form_wrap_01 .form_item_01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_wrap_01 .form_item_01 .form_ttl_01 {
  position: relative;
  width: 300px;
  padding: 16px 0;
  font-size: 21px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap_01 .form_item_01 .form_ttl_01 .must {
  position: absolute;
  top: 14px;
  right: 0;
  display: inline-block;
  padding: 3px 8px 5px;
  background: #D54A00;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
}
.form_wrap_01 .form_item_01 .form_ttl_01 .any {
  position: absolute;
  top: 14px;
  right: 0;
  display: inline-block;
  padding: 3px 8px 5px;
  background: #B1B1B1;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
}
.form_wrap_01 .form_item_01 .form_ele_01 {
  width: calc(100% - 300px);
  padding: 0 0 0 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap_01 .form_item_01 .form_ele_01 .e_item_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 24px;
}
.form_wrap_01 .form_item_01 .form_ele_01 .e_item_01 .item_txt_01 {
  display: inline-block;
  font-size: 24px;
  padding: 0 0.75em;
}
.form_wrap_01 .form_item_01 .form_ele_01 .e_item_02 {
  margin: 0 0 24px;
}
.form_wrap_01 .form_item_01 .form_ele_01 .daytime_block {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 24px;
}
.form_wrap_01 .chk_box_overwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}
.form_wrap_01 .chk_box_overwrap .must {
  display: inline-block;
  padding: 3px 8px 5px;
  background: #D54A00;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
}
.form_wrap_01 .privacy_box_01 {
  margin: 40px auto 0;
  padding: 40px;
  background: #F8F8F8;
}
.form_wrap_01 .privacy_box_01 .box_ttl_01 {
  font-size: 21px;
  color: #717171;
  line-height: 2;
  text-align: center;
}
.form_wrap_01 .privacy_box_01 .box_ttl_01 .str_01 {
  font-size: 28px;
  font-weight: bold;
  color: #555555;
  line-height: 1;
}
.form_wrap_01 .privacy_box_01 .box_ele_01 {
  height: 328px;
  margin: 32px auto 0;
  padding: 24px;
  border: 1px solid #707070;
  background: #ffffff;
  overflow-y: scroll;
}
.form_wrap_01 .privacy_box_01 .box_ele_01 .privacy-inner .main-title {
  margin: 0 auto 1em;
  padding: 0 0 0 8px;
  border-left: 3px solid #50926B;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.form_wrap_01 .privacy_box_01 .box_ele_01 .privacy-inner .sub-title {
  margin: 0 auto 1em;
  padding: 0 0 5px 3px;
  border-bottom: 1px dashed #555555;
  font-size: 16px;
  line-height: 1.2;
}
.form_wrap_01 .privacy_box_01 .box_ele_01 .txt-name {
  margin: 12px 0;
  text-align: right;
  font-size: 15px;
  color: #363636;
}
.form_wrap_01 .privacy_box_01 .box_ele_01 .txt_01 {
  margin: 0 auto 1.8em;
  font-size: 15px;
  line-height: 1.6;
  color: #363636;
}

@media screen and (max-width: 768px) {
  .form_wrap_01 .w_ttl_01 {
    font-size: 34px;
  }
  .form_wrap_01 .w_txt_01 {
    margin: 32px auto 0;
    font-size: 16px;
  }
  .form_wrap_01 .form_flow_01 {
    margin: 64px auto;
  }
  .form_wrap_01 .form_flow_01 .flow_item_01 {
    width: calc(32% - 20px);
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
  .form_wrap_01 .form_flow_01 .flow_item_01:after {
    border-top: 20px solid transparent;
    border-left: 20px solid #AAAAAA;
    border-bottom: 20px solid transparent;
  }
  .form_wrap_01 .form_list_01 .li {
    padding: 24px 0;
    border-bottom: none;
  }
  .form_wrap_01 .form_item_01 {
    position: relative;
    display: block;
  }
  .form_wrap_01 .form_item_01 .form_ttl_01 {
    position: relative;
    width: 100%;
    padding: 0 0 16px;
    font-size: 16px;
  }
  .form_wrap_01 .form_item_01 .form_ttl_01 .must {
    top: -2px;
    right: 0;
  }
  .form_wrap_01 .form_item_01 .form_ttl_01 .any {
    top: -2px;
  }
  .form_wrap_01 .form_item_01 .form_ele_01 {
    width: 100%;
    padding: 0 0 0 0;
  }
  .form_wrap_01 .form_item_01 .form_ele_01 .e_item_01 {
    margin: 0 0 16px;
  }
  .form_wrap_01 .form_item_01 .form_ele_01 .e_item_02 {
    margin: 0 0 16px;
  }
  .form_wrap_01 .form_item_01 .form_ele_01 .daytime_block {
    grid-template-columns: 1fr;
  }
  .form_wrap_01 .privacy_box_01 {
    margin: 32px auto 0;
    padding: 32px 16px;
  }
  .form_wrap_01 .privacy_box_01 .box_ttl_01 {
    font-size: 16px;
  }
  .form_wrap_01 .privacy_box_01 .box_ttl_01 .str_01 {
    font-size: 21px;
  }
  .form_wrap_01 .privacy_box_01 .box_ele_01 {
    height: 280px;
    margin: 24px auto 0;
  }
  .form_wrap_01 .privacy_box_01 .box_ele_01 .e_txt_01 {
    font-size: 15px;
  }
}
.form_type_01 input,
.form_type_01 button,
.form_type_01 select,
.form_type_01 textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.form_type_01 textarea {
  resize: vertical;
}
.form_type_01 input[type=checkbox],
.form_type_01 input[type=radio] {
  display: none;
}
.form_type_01 input[type=submit],
.form_type_01 input[type=button],
.form_type_01 label,
.form_type_01 button,
.form_type_01 select {
  cursor: pointer;
}
.form_type_01 select::-ms-expand {
  display: none;
}
.form_type_01 .text_type_01 {
  width: 100%;
  padding: 16px 24px;
  background: #F8F8F8;
  border: 1px solid #A8A8A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.form_type_01 .text_type_02 {
  max-width: 240px;
  width: 100%;
  padding: 16px 24px;
  background: #F8F8F8;
  border: 1px solid #A8A8A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.form_type_01 .select_wrap_01 {
  position: relative;
}
.form_type_01 .select_wrap_01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  background: #000000;
  height: 12.124355653px;
  width: 14px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
  z-index: 0;
}
.form_type_01 .select_type_01 {
  width: 100%;
  padding: 16px 24px;
  background: #F8F8F8;
  border: 1px solid #A8A8A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.form_type_01 .textarea_type_01 {
  width: 100%;
  min-height: 210px;
  padding: 16px 24px;
  background: #F8F8F8;
  border: 1px solid #A8A8A8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.form_type_01 .rdo_type_01 {
  display: block;
  padding: 16px 0;
}
.form_type_01 .rdo_type_01 input[type=radio] + span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  color: #555555;
  font-size: 16px;
}
.form_type_01 .rdo_type_01 input[type=radio] + span:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #555555;
}
.form_type_01 .rdo_type_01 input[type=radio]:checked + span:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #555555;
  border-radius: 50%;
}
.form_type_01 .wpcf7-list-item {
  margin-bottom: 24px;
}
.form_type_01 .wpcf7-acceptance {
  display: block;
  padding: 16px 0;
}
.form_type_01 .wpcf7-acceptance input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  color: #555555;
  font-size: 16px;
}
.form_type_01 .wpcf7-acceptance input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #555555;
}
.form_type_01 .wpcf7-acceptance input[type=checkbox]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 7px;
  width: 8px;
  height: 16px;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #333333;
  border-right: 3px solid #333333;
}
.form_type_01 .acceptance-send_01 input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  color: #555555;
  font-size: 20px;
  font-weight: bold;
}
.form_type_01 .acceptance-send_01 input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #555555;
}
.form_type_01 .acceptance-send_01 input[type=checkbox]:checked + span:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  display: block;
  border-right: 3px solid #555555;
  border-bottom: 3px solid #555555;
  width: 6px;
  height: 12px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form_type_01 .form_btn_wrap_01 {
  margin: 80px auto 0;
}
.form_type_01 .form_confirm_btn_wrap_01 {
  position: relative;
  max-width: 360px;
  margin: 0 auto 24px;
  background: #50926B;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_confirm_btn_wrap_01:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 18px;
  height: 19px;
  background: url(./images/arrow_06_r_w.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_confirm_btn_wrap_01 .conf_btn_01 {
  width: 100%;
  padding: 24px 0 25px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_confirm_btn_wrap_01:hover {
  background: #FDEF50;
}
.form_type_01 .form_confirm_btn_wrap_01:hover:before {
  right: 8px;
  background: url(./images/arrow_06_r_b.svg) center center no-repeat;
}
.form_type_01 .form_confirm_btn_wrap_01:hover .conf_btn_01 {
  color: #272727;
}
.form_type_01 .form_send_btn_wrap_01 {
  position: relative;
  max-width: 360px;
  margin: 0 auto 24px;
  border: 4px solid #519043;
  border-radius: 50px;
  background: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_send_btn_wrap_01:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 18px;
  height: 19px;
  background: url(./images/arrow_03_r_g.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_send_btn_wrap_01 .send_btn_01 {
  width: 100%;
  padding: 24px 0 25px;
  font-size: 24px;
  font-weight: bold;
  color: #519043;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .form_send_btn_wrap_01:hover {
  background: #519043;
}
.form_type_01 .form_send_btn_wrap_01:hover:before {
  right: 8px;
  background: url(./images/arrow_03_r_w.svg) center center no-repeat;
}
.form_type_01 .form_send_btn_wrap_01:hover .send_btn_01 {
  color: #ffffff;
}
.form_type_01 .back_btn_01 {
  display: block;
  max-width: 300px;
  width: 90%;
  margin: 0 auto;
  padding: 24px 0 25px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  background: #959595;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_type_01 .back_btn_01:hover {
  background: #A8A8A8;
}
.form_type_01 .wpcf7-spinner {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 110%);
      -ms-transform: translate(-50%, 110%);
          transform: translate(-50%, 110%);
}
.form_type_01 .wpcf7-not-valid-tip {
  padding: 8px 0;
}
.form_type_01 .wpcf7-response-output {
  padding: 8px !important;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .form_type_01 .text_type_01 {
    padding: 12px 16px;
  }
  .form_type_01 .text_type_02 {
    max-width: 100%;
    padding: 12px 16px;
  }
  .form_type_01 .textarea_type_01 {
    padding: 12px 16px;
  }
  .form_type_01 .form_btn_wrap_01 {
    width: 90%;
    margin: 32px auto 0;
  }
  .form_type_01 .form_confirm_btn_wrap_01 .conf_btn_01 {
    width: 100%;
    padding: 20px 0 21px;
    font-size: 18px;
  }
  .form_type_01 .form_send_btn_wrap_01 .send_btn_01 {
    width: 100%;
    padding: 20px 0 21px;
    font-size: 18px;
  }
  .form_type_01 .back_btn_01 {
    padding: 20px 0 21px;
    font-size: 16px;
  }
}/*# sourceMappingURL=inner.css.map */