@charset "UTF-8";
/**

  @mixin
---------------------------------------------------------
  _clearfix.scss
--------------------------------------------------------
  Use @include clearfix(); in your CSS
--------------------------------------------------------- */
/**
  @breakpoints mixin
-----------------------------------------------------
@include for-size(phone-only){}
@include for-size(tablet-portrait-up){}
@include for-size(tablet-landscape-up){}
@include for-size(desktop){}
@include for-size(desktop-up){}
-----------------------------------------------------  
@mixin for-size($size) {
  @if $size == phone-only {//スマホオンリー
    @media all and  (max-width: 640px) { @content; }
  } @else if $size == tablet-portrait-up {
    @media all and  (min-width: 639px) { @content; }
  } @else if $size == tablet-landscape-up {
    @media all and  (min-width: 885px) { @content; }
  }  @else if $size == desktop { 
    @media all and  (min-width: 1000px) { @content; }
  }  @else if $size == desktop-up { 
    @media all and  (min-width: 1300px) { @content; }
  } 
}*/
/**
  @breakpoints mixin (PC-first)
-----------------------------------------------------

-----------------------------------------------------  */
/**
  @bgimg.scss bgimg 
--------------------------------------------------------
  Use @include bgimg(); in your CSS
--------------------------------------------------------- */
/**
  @bgimg.scss base_width
--------------------------------------------------------
  Use @include base_width(); in your CSS
--------------------------------------------------------- */
/**
  @fonts.scss fonts 
--------------------------------------------------------
@include sec-read(); 
@include base-text($size); 
@include base-text_en($size); 
@include sec_titel(); 
@include page_sec_titel(); 

@include main_text(); 
in your CSS
--------------------------------------------------------- */
/**
  @align-height
--------------------------------------------------------
@include align-height(); in your CSS
--------------------------------------------------------- */
/**
  @link_button
--------------------------------------------------------
@include link_button($width,$SP_width); in your CSS
--------------------------------------------------------- */
/*--------------------------------------------------------------
下層ページ　ページ看板共通
ページ共通
<div id="page_top">
    <div class="box">
     <div class="nakaA">
      <h2 class="page__title">
       会社概要
       <span>Company</span>
      </h2>
     </div>
    </div>
   </div>

#page_top{
 @include page_top();
}
-------------------------------------------------------------------*/
/*------------------------------------------------------
下層ページパンくず共通
<div id="pankuzu_list">
    <div class="box">
     <div class="nakaA">
      <ul>
       <li>
        <a href="">TOP</a>
       </li>
       <li>会社概要</li>
      </ul>
     </div>
    </div>
   </div>

#pankuzu_list{
 @include pankuzu_list();
}
 in your CSS
-------------------------------------------------*/
/*-----------------------------------------------------------------------------
お問い合わせ　リセットボタン
<div class="form-button">
<label class="reset"><input type="reset" name="reset" value="リセット"></label>
</div>

--------------------------------------------------------------------------------*/
.form .form-button {
  padding: 5px;
  text-align: center;
  margin: 10px 0;
}
.form .form-button .reset {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  color: #e9dec9;
  text-align: center;
  width: 250px;
  background: #fff;
  font-weight: bold;
  border: 1px solid #e9dec9;
}
.form .form-button .reset input {
  background: none;
  color: #e9dec9;
  border: none;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  cursor: pointer;
}

/*-----------------------------------------------------------------------------
ぶろぐ
<section id="entry" class="common_page__sec">
 <div class="single">
 <div class="nakaA">
  <h3>新着情報</h3>
  <div class="entry__cotent">
   <p class="data"><span>2018.09.20</span></p>
   <p class="entry__title">
   タイトルホームページを公開致しました</p>

   <div class="entry__cotent__text">
   本文ホームページを公開致しました</div>
   </div>
  </div>
 </div>
</section>
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
下層ページ　コンテンツレイアウト(左右半々)
ページ共通
----HTML---------------------------------------------------------------
<div class="listA">
 <div class="listA__item">
  <div class="listA__item__inner">
   <div class="listA__item__inner__left">
    <img src="https://placehold.jp/150x150.png" alt="">
   </div>
   <div class="listA__item__inner__right">
    <p class="listA__item__read">
     タイトル
    </p>
    <p class="listA__item__text">
     本文
    </p>
   </div>
  </div>
 </div>
 <div class="listA__item">
  <div class="listA__item__inner">
   <div class="listA__item__inner__left">
    <img class="_sp" src="https://placehold.jp/150x150.png" alt="">
    <p class="listA__item__read">
     タイトル
    </p>
    <p class="listA__item__text">
     本文
    </p>
   </div>
   <div class="listA__item__inner__right">
    <img src="https://placehold.jp/150x150.png" alt="">
   </div>
  </div>
 </div>
</div>
-----css--------------------------------------------------------------
.listA{
 @include sec_content_listA();
}
-------------------------------------------------------------------*/
/*----------------------------------------------------
レイアウトのみ
-------------------------------------------------------*/
.innerB {
  display: table;
  width: 100%;
}
@media all and (max-width: 639px) {
  .innerB {
    display: block;
  }
}
.innerB .left, .innerB .right {
  width: 48%;
  float: left;
}
@media all and (max-width: 639px) {
  .innerB .left, .innerB .right {
    width: 100%;
    float: none;
  }
}
.innerB .right {
  margin-left: 4%;
}
@media all and (max-width: 639px) {
  .innerB .right {
    margin-left: 0;
    margin-top: 15px;
  }
}
.innerB .left_s {
  width: 30%;
  float: left;
}
@media all and (max-width: 639px) {
  .innerB .left_s {
    width: 100%;
    float: none;
  }
}
.innerB .right_l {
  width: 66%;
  float: left;
  margin-left: 4%;
}
@media all and (max-width: 639px) {
  .innerB .right_l {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    float: none;
  }
}

/*--------------------------------------
anime
-----------------------------------------*/
.invisible {
  opacity: 0;
}

/*animate.cssより*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -7px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
  transition: 0.8s;
}

::-moz-selection {
  background: #68834B;
  color: #fff;
}

::selection {
  background: #68834B;
  color: #fff;
}

::-moz-selection {
  background: #68834B;
  color: #fff;
}

body {
  color: #444;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  *font-size: small;
  *font: x-small;
  line-height: 1.8;
  background: #FFF;
}

.wrapper {
  overflow-x: hidden;
}

a:link {
  color: #68834B;
  text-decoration: none;
}
a:visited {
  color: #68834B;
}

#main h1 {
  padding: 0 0px;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: normal;
  background: url("../img/bar.png");
  height: 40px;
  line-height: 40px;
  text-indent: 2.5em;
}

h2, h3, h4, h5, h6 {
  color: #68834B;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}

#title {
  float: left;
  width: 230px;
}
#title h1 {
  font-size: 30px;
  color: #aaa;
  margin-bottom: 2px;
}

#pankuzu {
  padding: 0px;
  padding-left: -2em;
  font-size: 12px;
  color: #aaa;
  margin-bottom: 20px;
}
#pankuzu li {
  display: inline;
}
#pankuzu li a {
  display: inline;
  padding: 0;
}
#pankuzu li + li:before {
  margin: 0 5px;
  content: ">";
}

#singlepage .single {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
}
#singlepage section {
  width: 960px;
  margin: 0 auto;
  padding: 25px 0;
}
#singlepage section h1 {
  color: #333333;
  text-align: center;
  font-size: 22px;
  border-bottom: 1px solid #013C01;
  margin-bottom: 20px;
}
#singlepage section h1 span {
  color: #013C01;
  font-weight: bold;
}

.catch_copy {
  color: #ffdaa4;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

.catch_copy_wh {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.mtitle-bline {
  position: relative;
  margin-bottom: 20px;
  line-height: 0.6;
  font-size: 30px;
  text-align: center;
  color: #68834B;
  letter-spacing: 2px;
  padding-bottom: 20px;
  font-weight: bold;
}
.mtitle-bline span {
  font-size: 12px;
  color: #444;
}
.mtitle-bline:before {
  content: "";
  position: absolute;
  bottom: 0px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFF9F0;
  border-radius: 2px;
  content: "";
  position: absolute;
  bottom: 0px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.text-type01 {
  font-size: 24px;
  color: #68834B;
  font-weight: 900;
  padding-bottom: 10px;
  text-shadow: 2px 2px 2px rgba(104, 131, 75, 0.3);
  text-align: center;
}

.text-type02 {
  font-size: 24px;
  color: yellow;
  font-weight: 900;
  padding: 14px;
  text-shadow: 2px 2px 2px rgba(104, 131, 75, 0.3);
  text-align: center;
  font-family: "Sawarabi Mincho";
  font-weight: normal;
  margin-bottom: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #fff;
}
.text-type02 span {
  font-size: 18px;
  color: #fff;
}

.text-type03 {
  font-size: 18px;
  font-weight: bold;
  color: #68834B;
}

.menu_tt {
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  background: #ffd08a;
  border-radius: 20px;
  margin: 20px auto 20px;
}

#singlepage section .textwrap {
  width: 900px;
  margin: 0 auto;
}

#top {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
}

#containar {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#topA {
  width: 100%;
  min-height: 100%;
  text-align: center;
}

#seoA {
  background: #00a63c;
}

#seo {
  margin: 0 auto 10px;
  padding: 0 0px;
  width: 960px;
  font-size: 12px;
  line-height: 1.8;
  color: #FFF;
}
#seo h1 {
  text-align: right;
  font-weight: bold;
}
#seo h1 + p {
  text-align: left;
  display: inline;
}

header {
  width: 100%;
  position: fixed;
  margin-right: auto;
  margin-left: auto;
  z-index: 999;
  top: 0;
}

#headA {
  width: 100%;
  background: #fff;
}

#head {
  margin: 0 auto 0px;
  padding: 10px 0 10px;
  width: 960px;
}
#head address {
  float: right;
  color: #009045;
  font-size: 13px;
  line-height: 1.1;
}

.logo {
  text-align: center;
  width: 164px;
  margin: auto;
}
.logo a {
  display: block;
  text-align: center;
}
.logo a img {
  width: 100%;
  display: block;
  margin: auto;
}
.logo.gota {
  /*position: absolute;*/
  position: static;
  /*left: 0;
  left: 20px;
  top: 25px;*/
  margin: 10px auto;
}

@media all and (max-width: 639px) {
  .logo.gota {
    margin: auto;
    top: 59px;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
.tel {
  float: right;
}

#menuA {
  padding: 5px 0;
  background: #fff;
  position: relative;
}
#menuA .sns_lik {
  position: absolute;
  right: 25px;
  top: 30px;
  display: table;
}
#menuA .sns_lik ul {
  display: table;
}
#menuA .sns_lik ul li {
  display: inline-block;
  margin-right: 1em;
}
#menuA .sns_lik ul li:last-child {
  margin-right: 0;
}
#menuA .sns_lik ul li a {
  font-family: "FontAwesome";
  font-size: 16px;
}
#menuA .contact_link {
  position: absolute;
  right: 25px;
  top: 0px;
  display: table;
}
#menuA .contact_link ul {
  display: table;
}
#menuA .contact_link ul li {
  display: inline-block;
  margin-right: 10px;
}
#menuA .contact_link ul li a {
  display: block;
  padding: 8px 1.5em;
  background: rgba(242, 242, 242, 0.5);
}
#menuA .contact_link ul li a span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
}
#menuA .contact_link ul li a span:before {
  font-family: "FontAwesome";
  content: "\f0e0";
  margin-right: 5px;
  font-size: 80%;
}

#menu {
  margin: 0 auto;
  width: 960px;
}
#menu ul {
  display: table;
  margin: auto;
  line-height: 1em;
}
#menu li {
  float: left;
  width: auto;
  margin-right: 2em;
  display: inline;
  position: relative;
  cursor: pointer;
}
#menu li a {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#menu li:last-child {
  margin-right: 0;
}
#menu li:hover a {
  color: #68834B;
  transition: 0.4s;
}

#menuB {
  margin: 0 auto;
  width: 960px;
}
#menuB ul {
  display: table;
  margin: auto;
  line-height: 1em;
}
#menuB li {
  float: left;
  width: auto;
  margin-right: 2em;
  display: inline;
  position: relative;
  cursor: pointer;
  text-align: center;
}
#menuB li a {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
}
#menuB li a span {
  display: block;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  line-height: 1em;
}
#menuB li a.jp {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 18px;
  line-height: 2.4em;
}
#menuB li a.jp span {
  font-size: 11px;
  margin-top: -0.6em;
}
#menuB li:last-child {
  margin-right: 0;
}
#menuB li:hover a {
  color: #68834B;
  transition: 0.4s;
}

#nav2 {
  margin-top: 23px;
  width: 650px;
  float: right;
  font-weight: bold;
  font-size: 12px;
}
#nav2 li {
  float: left;
  text-align: center;
}
#nav2 li a {
  width: 125px;
  margin: 2px;
  padding: 3px 0;
  display: block;
  color: #555;
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: box-shadow;
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #eee, 0 0 1px transparent;
}
#nav2 li a:link {
  background: #ECECDE;
  color: #555;
  text-decoration: none;
}
#nav2 li a:visited {
  color: #68834B;
  text-decoration: none;
}
#nav2 li a:hover {
  box-shadow: inset 0 0 0 4px #D7E19E, 0 0 1px transparent;
}

.border-fade:focus, #nav2 li a:active {
  box-shadow: inset 0 0 0 4px #D7E19E, 0 0 1px transparent;
}

#flash {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.slide1 {
  background-image: url(../bxslider/images/flash1.jpg);
  background-color: rgba(21, 212, 4, 0.6);
}

.slide2 {
  background-image: url(../bxslider/images/flash2.jpg);
}

.slide3 {
  background-image: url(../bxslider/images/flash3.jpg);
}

.slide1, .slide2, .slide3, .slide4 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-attachment: scroll;
  background-color: #eee;
  padding: 0px 0;
}

.bg2 {
  background: url(../img/bg2.png) no-repeat left top;
}

.bg3 {
  background: url(../img/bg3.jpg) no-repeat left top;
}

.bg2, .bg3 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-attachment: scroll;
  background-color: #eee;
  padding: 0px 0;
}

.slideimg {
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

#top_image1 {
  background: url(../img/title1.jpg) no-repeat left top;
}

#top_image2 {
  background: url(../img/title2.jpg) no-repeat left top;
}

#top_image3 {
  background: url(../img/title3.jpg) no-repeat left top;
}

#top_image1, #top_image2, #top_image3 {
  background-size: cover;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -moz-box;
  -moz-box-align: center;
  -moz-box-pack: cetner;
  align-items: center;
  justify-content: center;
  padding: 70px 0;
  width: 100%;
}

.textbox {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.textbox p {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(104, 131, 75, 0.3);
}

#down_btn {
  position: absolute;
  text-align: bottom;
  width: 100%;
  bottom: 20px;
}

footer {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  padding: 15px 0 30px;
  background: #783F20;
}

#footer {
  text-align: center;
  font-size: 11px;
}

#nav-fa {
  float: left;
}

#nav-f {
  list-style-type: none;
  font-size: 12px;
}
#nav-f li {
  display: inline;
  margin-right: 50px;
  text-align: left;
  font-weight: bold;
}
#nav-f li:before {
  content: url(../img/icon_b.png);
  margin-right: 5px;
}
#nav-f li:last-child {
  border: none;
  margin: 0;
}
#nav-f a:link {
  color: #888;
  text-decoration: none;
}
#nav-f a:visited {
  color: #68834B;
}
#nav-f a:hover {
  color: #666;
}

#wrap {
  width: 960px;
  min-height: 400px;
  padding: 0 0 100px;
  margin: 0 auto;
}

#wrapA {
  width: 100%;
}

#main {
  float: left;
  width: 710px;
}

#side {
  float: right;
  width: 230px;
  font-size: 12px;
  line-height: 2;
}

.price {
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
}
.price dt {
  float: left;
  padding-top: 10px;
  line-height: 1.3;
  font-weight: bold;
}
.price dt:before {
  font-family: "FontAwesome";
  content: "\f06c";
  margin-right: 5px;
  color: #8bc34a;
}
.price dd {
  text-align: right;
  padding-bottom: 8px;
  padding-top: 10px;
  line-height: 1.3;
  border-bottom: dotted 2px #999;
  font-weight: bold;
  color: #F00;
}

.overflow {
  height: 400px;
  overflow-y: scroll;
}

.border-a {
  border: 8px solid rgb(234, 230, 218);
  box-sizing: border-box;
}

.listN li {
  font-weight: normal;
  color: #555;
  padding: 3px;
  font-size: 15px;
}

#news {
  width: 460px;
  float: right;
}

.mailform {
  margin: 15px 0;
  font-size: 12px;
}
.mailform textarea, .mailform .mf {
  width: 100%;
}
.mailform tr th {
  background-color: #FFF;
  font-weight: normal;
  line-height: 1.5;
  vertical-align: top;
  text-align: left;
  padding: 5px 0;
}
.mailform tr td {
  line-height: 1.5;
  vertical-align: middle;
  padding: 5px 0;
}

.list-aro a {
  font-weight: normal;
}
.list-aro li {
  font-weight: bold;
  margin-bottom: 10px;
}
.list-aro li a {
  padding: 2px 0;
  display: block;
  zoom: 1;
  text-decoration: none;
}
.list-aro li a:hover {
  background: #f1f1f1;
  text-decoration: none;
}
.list-aro li a:before {
  content: "";
  margin-right: 5px;
}
.list-aro a:last-child {
  margin-bottom: 0px;
}
.list-aro a:link, .list-aro a:visited {
  color: #68834B;
}

table.blog {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cccccc;
  margin-bottom: 15px;
}
table.blog tr th {
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #cccccc;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
table.blog tr td {
  font-size: small;
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #cccccc;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 150%;
}

.pages {
  text-align: center;
}

.page_next, .page_prev {
  display: inline-block;
  padding: 10px;
}

.bg-title1 {
  background-image: url(../img/bg-title1.jpg);
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-attachment: fixed;
  background-color: #eee;
  padding: 30px 0;
}

.bg-title2 {
  background-image: url(../img/bg-title2.jpg);
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-attachment: fixed;
  background-color: #eee;
  padding: 50px 0;
}

.bg-title3 {
  background-image: url(../img/bg-title3.jpg);
}

.bg-title4 {
  background-image: url(../img/bg-title4.jpg);
}

.bg1 {
  background: url(../img/bg1.jpg) repeat;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .bg-title1, .bg-title2, .bg-title3, .bg-title4 {
    background-attachment: scroll;
  }
}
.linkBox {
  text-align: center;
  margin-top: 30px;
}
.linkBox li {
  display: inline-block;
  margin: 0 20px;
}

.btn {
  position: relative;
  display: block;
  width: 300px;
  max-width: 100%;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 60px;
  letter-spacing: 1px;
  color: #4e6338;
  background: rgba(255, 255, 255, 0.9);
  border: 4px solid #FFF9F0;
  margin: 0 auto;
  padding: 0;
  border-radius: 35px;
}
.btn:after {
  position: absolute;
  top: 0;
  right: 20px;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 18px;
  line-height: 60px;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease;
}
.btn:hover {
  color: #FFFFFF;
  background: #4e6338;
  text-decoration: none;
}
.btn:hover:after {
  right: 10px;
}

.button {
  display: inline-block;
  width: 500px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s;
  background-color: #666;
  color: #fff;
}
.button::before, .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.button::before, .button::after {
  box-sizing: border-box;
  transition: all 0.3s;
}
.button:link, .button:visited {
  background-color: #666;
  color: #68834B;
}
.button:hover {
  background-color: #59b1eb;
}

.button2 {
  display: inline-block;
  width: 500px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s;
  background-color: #FFF;
  color: #666;
}
.button2::before, .button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
}
.button2::before, .button2::after {
  box-sizing: border-box;
  transition: all 0.3s;
}
.button2:link, .button2:visited {
  background-color: #FFF;
  color: #68834B;
}
.button2:hover {
  background-color: #C92424;
  color: #FFF;
}

.form {
  margin: 10px 0 10px;
}
.form dt span {
  color: #fff;
  background: #FF4F4F;
  padding: 0 5px 0;
  margin-right: 5px;
  font-size: 11px;
  border-radius: 2px;
  position: relative;
  top: -2px;
}
.form dl {
  margin: 10px 0;
  font-size: 16px;
}
.form dt {
  float: left;
  width: 280px;
  padding-top: 20px;
}
.form dd {
  padding-left: 280px;
  padding-bottom: 20px;
  padding-top: 23px;
  line-height: 1.5;
  border-bottom: 1px solid #eee;
}
.form dd p {
  font-size: 14px;
  padding-top: 5px;
  color: #888;
}
.form dd:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.textarea, textarea, .dropdown {
  border-radius: 2px;
  border: 1px solid #ddd;
}

.textarea {
  border-radius: 2px;
  border: 1px solid #ddd;
  height: 30px;
  padding: 0 5px;
}

.toForm a {
  color: #fff;
}

.form-button, .toForm {
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 10px 0;
}

#mailform button, .toForm a {
  cursor: pointer;
  display: block;
  margin: 0 auto 5px;
  padding: 10px 0 10px;
  color: #fff;
  text-align: center;
  width: 250px;
  border-radius: 5px;
  background: #68834B;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #FFF9F0;
}

#mailform button:before {
  font-family: "FontAwesome";
  content: "\f003";
  margin-right: 6px;
}
#mailform button:hover {
  background: #fff;
  color: #68834B;
}

.toForm a:hover {
  background: #fff;
  color: #3F63AE;
}

#mailform button *, .form-button *, .toForm * {
  transition: 0.2s;
}

label.radio_text {
  cursor: pointer;
  position: relative;
  margin-right: 20px;
  overflow: hidden;
  padding-left: 20px;
  display: inline-block;
}
label.radio_text:before {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
  left: 0px;
  top: 2px;
  content: "";
  z-index: 3;
}
label.radio_text:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  left: 3px;
  top: 5px;
  background-color: #64BCFF;
  z-index: 1;
}
label.radio_text input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  left: -23px;
  top: 0px;
  margin: 0px;
  box-shadow: 20px -1px #fff;
}
label.radio_text input[type=radio]:checked {
  box-shadow: none;
}
label.radio_text input[type=radio]:focus {
  opacity: 0.2;
  box-shadow: 20px -1px #FFF;
}
label.checkbox_text {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 20px;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
}
label.checkbox_text:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0px;
  top: 0;
  border: 1px solid #ccc;
  z-index: 3;
}
label.checkbox_text:after {
  content: "";
  position: absolute;
  top: 40%;
  left: 5px;
  display: block;
  margin-top: -9px;
  width: 8px;
  height: 12px;
  border-right: 3px solid #64BCFF;
  border-bottom: 3px solid #64BCFF;
  transform: rotate(45deg);
  z-index: 1;
}
label.checkbox_text input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: -40px;
  width: 20px;
  height: 20px;
  display: block;
  box-shadow: 41px 0px #FFF;
  z-index: 2;
  margin: 0px;
  padding: 0px;
}
label.checkbox_text input[type=checkbox]:checked {
  box-shadow: none;
}
label.checkbox_text input[type=checkbox]:checked:focus {
  box-shadow: 40px 0px #666;
  opacity: 0.1;
}
label.checkbox_text input[type=checkbox]:focus {
  box-shadow: 41px 0px #EEE;
}

.fm-text {
  padding: 10px;
  font-size: 11px;
  margin: 10px 0;
  text-align: center;
}

.mtext1 {
  font-size: 22px;
}

.lsingle {
  width: 465px;
  float: left;
  padding: 10px;
}

.rsingle {
  width: 465px;
  float: right;
  padding: 10px;
}

.float_wrapp {
  float: left;
  position: relative;
  left: 50%;
}
.float_wrapp li {
  position: relative;
  left: -50%;
  float: left;
}

.sp {
  display: none;
}

.list-center {
  text-align: center;
  letter-spacing: -0.4em;
}
.list-center li {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
}

.tbl {
  width: 100%;
  font-size: 14px;
}
.tbl th, .tbl td {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #4e6338;
}
.tbl th {
  color: #666;
}

.tbl01 th {
  width: 20%;
  background: #fff;
}

.voice {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.voice .voice-img {
  margin-right: 10px;
  width: 180px;
}
.voice .voice-text {
  flex: 1;
  position: relative;
  padding: 20px;
  background: #f4d687;
  border-radius: 20px;
}
.voice .voice-text:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #f4d687;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.single {
  max-width: 1200px;
  margin: auto;
}

.single.isg {
  max-width: 1280px;
  margin: auto;
}

@media all and (max-width: 974px) {
  .single {
    width: 100%;
  }
}
@media all and (max-width: 769px) {
  .single {
    width: 95%;
    margin: auto;
    overflow: hidden;
  }
}
#aflashA {
  width: 100%;
  position: relative;
  /*min-height: 720px;*/
}
#aflashA:before {
  content: "";
  width: 23px;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 2;
}
#aflashA:after {
  content: "";
  width: 23px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  z-index: 2;
}
#aflashA .yop_main_text {
  position: absolute;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  bottom: 0;
  width: 300px;
  height: 300px;
  margin: auto;
  border-radius: 50%;
  top: 30px;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 82px;
  font-size: 20px;
}
#aflashA .yop_main_text a {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  border-radius: 50%;
}
#aflashA .yop_main_text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 300;
  color: #68834B;
}
#aflashA .yop_main_text p span.top {
  letter-spacing: 0;
}
#aflashA .yop_main_text p span.en {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 78px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  letter-spacing: 0;
  font-weight: 100;
  line-height: 1em;
}
#aflashA .scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: inline-block;
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 60px;
}
#aflashA .scroll span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#aflashA .scroll span:before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}

/*#juicysliderbox{position: absolute; height: 100%;}
.juicyslider{height: 100% !important;}*/
@media all and (max-width: 639px) {
  #aflashA {
    margin-top: 100px;
  }
  #aflashA .yop_main_text {
    top: -50px;
  }
}
@media all and (max-width: 639px) {
  #aflashA:before {
    display: none;
  }
}
@media all and (max-width: 639px) {
  #aflashA:after {
    display: none;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#pick-up {
  display: block;
  padding: 80px;
  margin-top: -80px;
}

#top_1 {
  padding: 50px 0 40px;
  background: #68834B;
}
#top_1 h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_1 h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top_1 h3 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_1 .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  margin-bottom: 60px;
}
#top_1 .top_1__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_1 .top_1__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_1 .top_1__contents ul li:last-child {
  margin-right: 0;
}
#top_1 .top_1__contents ul li img {
  width: 100%;
  display: block;
}
#top_1 .top_1__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_1 .top_1__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_1.new {
  background: none;
  position: relative;
  padding: 110px 0;
}
#top_1.new:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_1.new .top_1__contents ul {
  width: 80%;
  margin: auto;
}
#top_1.new .top_1__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
}
#top_1.new .top_1__contents ul li .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 20px 0 10px;
}
#top_1.new .top_1__contents ul li .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  text-align: center;
}

@media all and (max-width: 769px) {
  #top_1 {
    padding: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_1 .sub_read {
    font-size: 14px;
  }
}
@media all and (max-width: 769px) {
  #top_1 .top_1__contents ul {
    display: block;
  }
}
@media all and (max-width: 769px) {
  #top_1 .top_1__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 769px) {
  #top_1 .top_1__contents ul li:last-child {
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_1.new .top_1__contents ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_1.new .top_1__contents ul li img {
    width: 50%;
  }
}
#top_2 {
  padding: 110px 0;
  background: rgba(242, 242, 242, 0.5);
}
#top_2 h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_2 h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_2 h3 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_2 .infiniteslide1 ul {
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_2 .infiniteslide1 ul li {
  width: 269px;
  float: left;
}
#top_2 .infiniteslide1 ul li a {
  padding-right: 2px;
  display: block;
  height: 100%;
}
#top_2 .infiniteslide1 ul li a:hover {
  box-shadow: 2px 2px 2px rgba(242, 242, 242, 0.5);
  transition: 0.8s;
}
#top_2 .infiniteslide1 ul li a .top_2__contents__item .thumbnail {
  height: 180px;
  overflow: hidden;
  min-height: 100px;
  position: relative;
  border-radius: 10px;
}
#top_2 .infiniteslide1 ul li a .top_2__contents__item .thumbnail img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_2 .infiniteslide1 ul li a .text {
  padding: 10px;
}
#top_2 .infiniteslide1 ul li a .text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#top_2 p {
  text-align: center;
}

@media all and (max-width: 769px) {
  #top_2 {
    padding-top: 50px;
  }
}
.morelink {
  display: table;
  background: #fff;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
.morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

#top_2.new {
  padding: 110px 0;
}
#top_2.new h3 {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 42px;
}
#top_2.new .sub_read {
  text-align: center;
  margin-bottom: 60px;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
}
#top_2.new .infiniteslide1 ul li a {
  padding: 0 5px;
}
#top_2.new .infiniteslide1 ul li a .top_2__contents__item .text {
  padding-left: 0;
}
#top_2.new .infiniteslide1 ul li a .top_2__contents__item .text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left;
}

@media all and (max-width: 769px) {
  #top_2.new {
    padding-top: 50px;
  }
}
#top_3 {
  margin: 110px 0;
  position: relative;
}
#top_3 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_3 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top_3 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_3 .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  margin-bottom: 60px;
  width: 80%;
  margin: auto;
  line-height: 1.7em;
  line-height: 2em;
}
#top_3 .top_3__list ul {
  width: 60%;
  margin: 50px auto 0;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_3 .top_3__list ul li {
  width: 20%;
  position: relative;
}
#top_3 .top_3__list ul li a {
  display: block;
}
#top_3 .top_3__list ul li a img {
  width: 77%;
  display: block;
  margin: auto;
}
#top_3 .top_3_bottom {
  display: block;
}
#top_3 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_3 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 769px) {
  #top_3 {
    margin: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_3 .top_3__list ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_3 .top_3__list ul li a img {
    width: 85%;
  }
}
@media all and (max-width: 639px) {
  #top_3 .top_3_bottom {
    width: 100%;
  }
}
#top_4 {
  margin: 110px 0;
  position: relative;
  padding: 100px 0;
  background-image: url(../img/top_4_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#top_4 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_4 h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_4 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_4 .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  margin-bottom: 60px;
  width: 80%;
  margin: auto;
  line-height: 1.7em;
  line-height: 2em;
}
#top_4 .top_3_bottom {
  width: 60%;
  margin: 50px auto 0;
  display: block;
}
#top_4 .morelink {
  display: table;
  background: #fff;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_4 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 769px) {
  #top_4 {
    margin: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_4 {
    background-image: url(../img/sp_top_4_back.jpg);
  }
}
@media all and (max-width: 639px) {
  #top_4 .sub_read {
    font-size: 14px;
    width: 90%;
  }
  #top_4 .sub_read br {
    display: none;
  }
  #top_4 .sub_read br._sp {
    display: block;
  }
}
#top_5 {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
#top_5 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_5 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_5 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_5 ul {
  width: 70%;
  margin: auto;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
  border-top: 1px solid rgba(242, 242, 242, 0.5);
}
#top_5 ul li {
  border-bottom: 1px dashed rgba(242, 242, 242, 0.5);
  padding: 1em 0;
}
#top_5 ul li p {
  position: relative;
  padding-left: 180px;
  line-height: 1.6em;
}
#top_5 ul li p span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  background: #F2F2F2;
  padding: 0.3em 0.8em;
  display: inline-block;
  width: 150px;
  text-align: center;
  position: absolute;
  left: 0;
}
#top_5 ul li p a {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
}
#top_5 ul li p a:hover {
  color: #68834B;
  transition: 0.4s;
}
#top_5 .morelink {
  display: table;
  background: #fff;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_5 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 769px) {
  #top_5 {
    margin: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_5 ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_5 ul li p {
    padding-left: 0;
  }
}
@media all and (max-width: 639px) {
  #top_5 ul li p span {
    position: initial;
    display: block;
  }
}
#top_6 {
  padding: 50px 0;
}
#top_6 h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_6 h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_6 h3 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_6 .infiniteslide1 ul {
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_6 .infiniteslide1 ul li {
  width: 269px;
  float: left;
}
#top_6 .infiniteslide1 ul li a {
  padding-right: 2px;
  display: block;
  height: 100%;
}
#top_6 .infiniteslide1 ul li a:hover {
  box-shadow: 2px 2px 2px rgba(242, 242, 242, 0.5);
  transition: 0.8s;
}
#top_6 .infiniteslide1 ul li a .top_6__contents__item .thumbnail {
  height: 200px;
  border: 8px solid #fff;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
  padding-bottom: 40px;
  margin-bottom: 20px;
}
#top_6 .infiniteslide1 ul li a .top_6__contents__item .thumbnail img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_6 .infiniteslide1 ul li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#top_6 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_6 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_6.new {
  padding: 50px 0;
}
#top_6.new h3 {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 10px;
}
#top_6.new .sub_read {
  text-align: center;
  margin-bottom: 25px;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
}
#top_6.new .infiniteslide1 ul li a {
  padding: 0 5px;
}
#top_6.new .infiniteslide1 ul li a .top_6__contents__item .text {
  padding-left: 0;
}
#top_6.new .infiniteslide1 ul li a .top_6__contents__item .text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left;
}

@media all and (max-width: 769px) {
  #top_6 {
    padding-top: 50px;
  }
}
@media all and (max-width: 769px) {
  #top_6.new {
    padding-top: 50px;
  }
}
#top_001 {
  margin: 110px 0;
  position: relative;
  background: #ffffff;
}
#top_001 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_001 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_001 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_001 ul {
  width: 70%;
  margin: auto;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
  border-top: 1px solid rgba(242, 242, 242, 0.5);
}
#top_001 ul li {
  border-bottom: 1px dashed rgba(242, 242, 242, 0.5);
  padding: 1em 0;
}
#top_001 ul li p {
  position: relative;
  padding-left: 180px;
  line-height: 1.6em;
}
#top_001 ul li p span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  background: #F2F2F2;
  padding: 0.3em 0.8em;
  display: inline-block;
  width: 150px;
  text-align: center;
  position: absolute;
  left: 0;
}
#top_001 ul li p a {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
}
#top_001 ul li p a:hover {
  color: #68834B;
  transition: 0.4s;
}
#top_001 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_001 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 769px) {
  #top_001 {
    margin: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_001 ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_001 ul li p {
    padding-left: 0;
  }
}
@media all and (max-width: 639px) {
  #top_001 ul li p span {
    position: initial;
    display: block;
  }
}
/*#top_001 {
      .morelink {
    display: table;
    background: rgba(242, 242, 242, 0.5);
    padding: 15px 0;
    color: #68834B;
    font-family: "YakuHanJP","Noto Sans JP";
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 1.7em;
    font-weight: 400;
    margin: 50px auto 0;
    width: 250px;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
      }

    span:after {
      font-family: 'FontAwesome';
      content: "\f105";
      margin-left: 5px;
      font-size: 10px;
    }
}*/
#top_002 {
  position: relative;
  padding: 100px 0;
}
#top_002 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_002 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_002 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_002 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_002 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_002 .top_002__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
#top_002 .top_002__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_002 .top_002__contents ul li:last-child {
  margin-right: 0;
}
#top_002 .top_002__contents ul li img {
  width: 100%;
  display: block;
}
#top_002 .top_002__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_002 .top_002__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_002.fragrance {
  background: none;
  position: relative;
  padding: 110px 0;
}
#top_002.fragrance:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_002.fragrance .top_002__contents ul {
  width: 80%;
  margin: auto;
}
#top_002.fragrance .top_002__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
}

@media all and (max-width: 769px) {
  #top_002 .top_002__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_002.fragrance .top_002__contents ul {
    width: 100%;
  }
  #top_002.fragrance .top_002__contents ul li img {
    width: 50%;
  }
}
#top_003 {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
#top_003 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top_003 h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_003 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 21px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_003 .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#top_003.making {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
#top_003.making:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_003.making .top_003__contents ul {
  width: 100%;
  margin: auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#top_003.making .top_003__contents ul li {
  width: 22%;
  display: inline-block;
}
#top_003.making .top_003__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
}
#top_003.making .top_003__contents ul li .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.6em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  text-align: center;
  margin: 20px 0 10px;
}
#top_003.making .top_003__contents ul li .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  text-align: center;
}
#top_003.making .top_003__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_003.making .top_003__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_003.making .top_003__contents ul li:nth-child(4) .animated {
  animation-delay: 0.9s;
}
#top_003.making .top_003__contents ul li .morelink {
  width: 210px;
}

@media all and (max-width: 1023px) {
  #top_003.making .top_003__contents ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
  }
  #top_003.making .top_003__contents ul li {
    width: 35%;
    margin-bottom: 35px;
  }
}
@media all and (max-width: 769px) {
  #top_003.making .top_003__contents ul li {
    width: 100%;
    margin: 30px auto 0;
  }
  #top_003.making .top_003__contents ul li .morelink {
    width: 250px;
  }
}
@media all and (max-width: 639px) {
  #top_003.making .top_003__contents ul {
    width: 100%;
  }
  #top_003.making .top_003__contents ul li {
    width: 100%;
  }
  #top_003.making .top_003__contents ul li img {
    width: 62.5%;
  }
  .sp_txt {
    display: block;
  }
}
#top_004 {
  padding: 100px 0;
}
#top_004 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_004 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_004 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_004 .morelink {
  display: table;
  background: #fff;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_004 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_004.gift {
  background: none;
  position: relative;
  background-color: rgba(242, 242, 242, 0.5);
}
#top_004.gift:before {
  content: "";
  width: 100%;
  height: 23px;
  /* background: #fff; */
  display: block;
  position: absolute;
  top: -23px;
}
#top_004.gift .top_004__contents {
  width: 80%;
  margin: auto;
}
#top_004.gift .top_004__contents .left {
  width: 48%;
  float: left;
}
#top_004.gift .top_004__contents .right {
  width: 48%;
  float: left;
}
#top_004.gift .top_004__contents .right .sub_read {
  width: 80%;
  line-height: 2em;
  margin: 40px auto 20px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_004.gift .top_004__contents ul {
  flex-wrap: wrap;
  justify-content: center;
}
#top_004.gift .top_004__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 50%;
}
#top_004 .sub_read {
  width: 80%;
  line-height: 2em;
  margin: 40px auto 20px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}

@media all and (max-width: 639px) {
  #top_004.gift .top_004__contents .left,
  #top_004.gift .top_004__contents .right {
    width: 100%;
    float: none;
  }
  #top_004.gift .top_004__contents ul {
    width: 100%;
  }
  #top_004.gift .top_004__contents ul li img {
    width: 65%;
  }
  #top_004.gift .top_004__contents .right .sub_read {
    width: 100%;
    line-height: 1.8;
    margin: 20px auto;
    font-size: 14px;
  }
}
/* #top_005{
    margin: 110px 0;
    padding: 110px 0;
    position: relative;
    background: rgba(242,242,242,0.5);

    h4 {
        position: relative;
        text-align: center;
        margin-bottom: 42px;

        &:before {
            content: "";
            background-image: url(../img/top_title_back2.png);
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            max-width: 335px;
            height: 16px;
            position: absolute;
            z-index: 1;
            display: block;
            margin: auto;
            left: 0;
            right: 0;
            bottom: 6px;
            background-size: contain;
        }

        span {
            text-align: center;
            font-family: "YakuHanJP","Barlow Condensed","sans-serif";
            font-size: 21px;
            letter-spacing: .1em;
            font-weight: 400;
            line-height: 1em;
            color: #68834B;
            position: relative;
            z-index: 2;
        }
    }

    &.space {
        margin: 110px 0;
        padding: 110px 0;
        position: relative;
        background: rgba(242,242,242,0.5);

        &:before {
            content: "";
            width: 100%;
            height: 23px;
            background: #fff;
            display: block;
            position: absolute;
            top: -23px;
        }

        .sub_read {
            line-height: 1.7em;
            text-align: center;
            margin-bottom: 60px;
            font-family: "YakuHanJP","Noto Sans JP";
            font-size: 13px;
            font-weight: 400;
            letter-spacing: .1em;
            color: #68834B;
        }    
    }

    ul {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;

        li {
            width: 23.5%;
            margin: 0 .5%;
            margin-bottom: 50px;

            a {
                display: block;

                &.tham {
                    display: block;
                    height: 184px;
                    padding: 0;
                    overflow: hidden;
                    text-align: center;
                    vertical-align: middle;
                    border-radius: 10px;
                    background: #f2f2f2;    
                }

                img {
                    display: block;
                    width: auto;
                    min-width: 100%;
                    height: 100%;
                    margin: auto;
                    object-fit: cover;
                }

                p {
                    line-height: 1.5em;
                    margin-top: 10px;
                    font-family: "YakuHanJP","Noto Sans JP";
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: .1em;
                    color: #68834B;
                    }
            }
        }
    }
}

@media all and (max-width: 639px) {
    #top_005 ul {
        display: block;
        li {
            width: 100%;
        }
    }
} */
#top_006 h3 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top_006 h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top_006 h3 span {
  line-height: 1em;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_006 .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  margin-bottom: 25px;
}
#top_006 .top_006__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_006 .top_006__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_006 .top_006__contents ul li:last-child {
  margin-right: 0;
}
#top_006 .top_006__contents ul li img {
  width: 100%;
  display: block;
}
#top_006 .top_006__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_006 .top_006__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_006 .top_006__contents ul li:nth-child(4) .animated {
  animation-delay: 0.9s;
}
#top_006.new {
  background: #ffffff;
  position: relative;
}
#top_006.new:before {
  /*content: "";*/
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_006.new .top_006__contents ul {
  width: 80%;
  margin: auto;
}
#top_006.new .top_006__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
  max-width: 300px;
}
#top_006.new .top_006__contents ul li .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 20px 0 10px;
}
#top_006.new .top_006__contents ul li .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  text-align: center;
}
#top_006 .morelink {
  font-size: 13px;
}

@media all and (max-width: 980px) {
  #top_006 .morelink {
    width: 200px;
  }
}
@media all and (max-width: 769px) {
  #top_006 {
    padding: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_006 .sub_read {
    font-size: 14px;
  }
}
@media all and (max-width: 769px) {
  #top_006 .top_006__contents ul {
    display: block;
  }
}
@media all and (max-width: 769px) {
  #top_006 .top_006__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 769px) {
  #top_006 .top_006__contents ul li:last-child {
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_006.new .top_006__contents ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_006.new .top_006__contents ul li img {
    width: 62.5%;
  }
}
/* #top_007{
    margin: 110px 0;
    padding: 110px 0;
    position: relative;
    background: rgba(242,242,242,0.5);

    h4 {
        position: relative;
        text-align: center;
        margin-bottom: 42px;

        &:before {
            content: "";
            background-image: url(../img/top_title_back2.png);
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            max-width: 335px;
            height: 16px;
            position: absolute;
            z-index: 1;
            display: block;
            margin: auto;
            left: 0;
            right: 0;
            bottom: 6px;
            background-size: contain;
        }

        span {
            text-align: center;
            font-family: "YakuHanJP","Barlow Condensed","sans-serif";
            font-size: 21px;
            letter-spacing: .1em;
            font-weight: 400;
            line-height: 1em;
            color: #68834B;
            position: relative;
            z-index: 2;
        }
    }

        .morelink {
        display: table;
        background: #ffffff;
        padding: 15px 0;
        color: #68834B;
        font-family: "YakuHanJP","Noto Sans JP";
        font-weight: 500;
        font-size: 12px;
        letter-spacing: .1em;
        line-height: 1.7em;
        font-weight: 400;
        margin: 50px auto 0;
        width: 250px;
        text-align: center;
        border-radius: 100px;

        span:after {
        font-family: 'FontAwesome';
        content: "\f105";
        margin-left: 5px;
        font-size: 10px;
        }
    }

    .top_007__contents ul {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;

        li {
            width: 30.666666%;
            float: left;

        &:last-child {
            margin-right: 0;
        }

        img {
            width: 100%;
            display: block;
        }

        &:nth-child(2) .animated {
            animation-delay: .3s;
        }

        &:nth-child(3) .animated {
            animation-delay: .6s;
        }
        }
    }

    &.flow_gift {
        margin: 110px 0;
        padding: 110px 0;
        position: relative;
        background: rgba(242,242,242,0.5);

        &:before {
            content: "";
            width: 100%;
            height: 23px;
            background: #fff;
            display: block;
            position: absolute;
            top: -23px;
        }

        .sub_read {
            line-height: 1.7em;
            text-align: center;
            margin: 40px auto 20px;
            font-family: "YakuHanJP","Noto Sans JP";
            font-size: 13px;
            font-weight: 400;
            letter-spacing: .1em;
            color: #68834B;
        }

        .read {
            font-family: "YakuHanJP","Barlow Condensed","sans-serif";
            font-weight: 500;
            font-size: 37px;
            letter-spacing: .1em;
            line-height: 1.7em;
            font-weight: 400;
            color: #68834B;
            margin-top: 0;
            line-height: 1em;
            text-align: center;
            margin: 20px 0 10px;
        }

        .top_007__contents ul {
            width: 80%;
            margin: auto;

            li {

                img {
                    border-radius: 50%;
                    display: block;
                    margin: auto;
                    width: 80%;
                }
            }
        }
    }
}

@media all and (max-width: 769px) {
  #top_007 .top_007__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}

@media all and (max-width: 639px) {
    #top_007.flow_gift .top_007__contents ul {
        width: 100%;
    }

    #top_007.flow_gift .top_007__contents ul li img {
        width: 50%;
    }
} */
#top_008 {
  background: #ffffff;
}
#top_008 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_008 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_008 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_008 .infiniteslide1 ul {
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_008 .infiniteslide1 ul li {
  width: 269px;
  float: left;
}
#top_008 .infiniteslide1 ul li a {
  padding-right: 2px;
  display: block;
  height: 100%;
}
#top_008 .infiniteslide1 ul li a:hover {
  box-shadow: 2px 2px 2px rgba(242, 242, 242, 0.5);
  transition: 0.8s;
}
#top_008 .infiniteslide1 ul li a .top_008__contents__item .thumbnail {
  height: 180px;
  overflow: hidden;
  min-height: 100px;
  position: relative;
  border-radius: 10px;
}
#top_008 .infiniteslide1 ul li a .top_008__contents__item .thumbnail img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_008 .infiniteslide1 ul li a .text {
  padding: 10px;
}
#top_008 .infiniteslide1 ul li a .text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#top_008 p {
  text-align: center;
}

@media all and (max-width: 769px) {
  #top_008 {
    padding-top: 50px;
  }
}
.morelink {
  display: table;
  /*background: rgba(242,242,242,0.5);*/
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0px;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
.morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

#top_008.new h4 {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 42px;
}
#top_008.new .sub_read {
  line-height: 1.7em;
  text-align: center;
  margin: 50px 0 0;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_008.new .read {
  line-height: 1.7em;
  margin: 20px 0 60px;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 37px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_008.new .infiniteslide1 ul li a {
  padding: 0 5px;
}
#top_008.new .infiniteslide1 ul li a .top_008__contents__item .text {
  padding-left: 0;
}
#top_008.new .infiniteslide1 ul li a .top_008__contents__item .text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left;
}

@media all and (max-width: 769px) {
  #top_008.new {
    padding-top: 50px;
  }
}
#top_009 {
  margin: 110px 0;
  position: relative;
  background: #fff;
}
#top_009 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top_009 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_009 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 24px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_009 .morelink {
  display: table;
  background: #f8f8f8;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_009 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_009.gift-making {
  position: relative;
  background: #fff;
}
#top_009.gift-making:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_009.gift-making .top_009__contents ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#top_009.gift-making .top_009__contents ul li {
  width: 30.666666%;
  display: inline-block;
}
#top_009.gift-making .top_009__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 70%;
}
#top_009.gift-making .top_009__contents ul li .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.6em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  text-align: center;
  margin: 20px 0 10px;
}
#top_009.gift-making .top_009__contents ul li .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  text-align: center;
}
#top_009.gift-making .top_009__contents ul li:nth-child(-n+3) {
  margin-bottom: 40px;
}
#top_009.gift-making .top_009__contents ul:first-of-type {
  /*margin-bottom: 50px;*/
}
#top_009 .sub_read {
  width: 80%;
  line-height: 2em;
  margin: 10px auto 25px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_009 .read {
  line-height: 1.7em;
  margin: 20px 0 30px;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 37px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_009 .infiniteslide1 {
  margin-top: 60px;
}
#top_009 .infiniteslide1 ul {
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_009 .infiniteslide1 ul li {
  width: 269px;
  float: left;
}
#top_009 .infiniteslide1 ul li a {
  padding: 0 5px;
  display: block;
  height: 100%;
}
#top_009 .infiniteslide1 ul li a:hover {
  box-shadow: 2px 2px 2px rgba(242, 242, 242, 0.5);
  transition: 0.8s;
}
#top_009 .infiniteslide1 ul li a .top_9__contents__item .thumbnail {
  height: 200px;
  border: 8px solid #fff;
  box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.8);
  padding-bottom: 40px;
  /*margin-bottom: 20px;*/
  background-color: #fff;
}
#top_009 .infiniteslide1 ul li a .top_9__contents__item .thumbnail img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_009 .infiniteslide1 ul li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

@media all and (max-width: 769px) {
  #top_009 .top_009__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_009.gift-making .top_009__contents ul {
    width: 100%;
  }
  #top_009.gift-making .top_009__contents ul li {
    width: 100% !important;
  }
  #top_009.gift-making .top_009__contents ul li img {
    width: 62.5%;
  }
  #top_009 .morelink {
    width: 250px;
  }
  .sp_txt {
    display: block;
  }
}
#top_010 {
  /*margin: 110px 0;*/
  position: relative;
  /*    .top_010__contents ul {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: center;

          li {
          }
      }*/
}
#top_010 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_010 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_010 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_010 .morelink {
  width: 235px;
  line-height: 1.7em;
  display: table;
  margin: 30px auto 0;
  padding: 15px 0;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  background: #ffffff;
  border-radius: 100px;
}
#top_010 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_010 .split {
  display: flex;
  flex-wrap: wrap;
}
#top_010 .split .split-l {
  width: 58%;
}
#top_010 .split .split-r {
  width: 42%;
}
#top_010.oshibori {
  position: relative;
  padding: 110px 0;
  background: rgba(242, 242, 242, 0.5);
  background-image: url(../img/top_7_back.jpg);
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: lighten;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}
#top_010.oshibori:before {
  /*content: "";*/
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_010.oshibori .top_010__contents ul {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
#top_010.oshibori .top_010__contents ul li {
  width: 30.666666%;
}
#top_010.oshibori .top_010__contents ul li img {
  border-radius: 2%;
  display: block;
  margin: auto;
}
#top_010.oshibori .top_010__contents_list {
  marginn-top: 50px;
}
#top_010.oshibori .top_010__contents_list ul {
  width: 100%;
  margin: auto;
  text-align: center;
}
#top_010.oshibori .top_010__contents_list ul li {
  width: 22%;
  display: inline-block;
}
#top_010.oshibori .top_010__contents_list ul li .read {
  margin: 20px 0 10px;
  line-height: 1em;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  /*color: #68834B; */
}
#top_010 .f-box {
  width: 90%;
  margin: 0 auto;
}
#top_010 .sub_read {
  width: 90%;
  line-height: 2em;
  margin: 0 auto 20px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  /*color: #68834B;*/
  text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
#top_010 .read_02 {
  margin: 20px 0 10px;
  line-height: 1em;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 37px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}

@media all and (max-width: 1023px) {
  #top_010 .split .split-l {
    width: 80%;
    margin: 0 auto 30px;
  }
  #top_010 .split .split-r {
    width: 100%;
  }
}
@media all and (max-width: 769px) {
  #top_010.oshibori {
    background-image: url(../img/top_7_back.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 95% 100%;
  }
  #top_010 .top_010__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
  #top_010.oshibori .top_010__contents_list ul li .read {
    line-height: 1.2;
    font-size: 0.8rem;
  }
}
@media all and (max-width: 639px) {
  #top_010.oshibori .top_010__contents ul {
    width: 100%;
  }
  #top_010.oshibori .top_010__contents ul li img {
    width: 100%;
  }
  #top_010.oshibori .top_010__contents_list ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  #top_010 .sub_read {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
    color: #000;
    font-weight: 500;
  }
  #top_010 .read_02 {
    font-size: 30px;
  }
  #top_010 .morelink {
    width: 250px;
    margin: 25px auto 0;
  }
}
#top_011 {
  padding: 110px 0;
  position: relative;
}
#top_011 .top_011__content {
  width: 80%;
  margin: 0 auto;
}
#top_011 .top_011__content h4 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top_011 .top_011__content h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top_011 .top_011__content h4 span {
  line-height: 1em;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_011 .top_011__content .sub_read {
  line-height: 2em;
  width: 80%;
  margin: 10px auto 25px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_011 .top_011__content .top_011__list ul {
  width: 60%;
  margin: 50px auto 0;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_011 .top_011__content .top_011__list ul li {
  width: 20%;
  position: relative;
}
#top_011 .top_011__content .top_011__list ul li a {
  display: block;
}
#top_011 .top_011__content .top_011__list ul li a img {
  width: 77%;
  display: block;
  margin: auto;
}
#top_011 .top_011__content .top_011_bottom {
  display: block;
}
#top_011 .top_011__content .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_011 .top_011__content .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_011 .top_011__content .voice-list .slick-slide {
  margin: 0 5px;
}
#top_011 .top_011__content .voice-list .slick-slide img {
  border-radius: 10px;
  width: 100%;
}

@media all and (max-width: 769px) {
  #top_011 {
    margin: 50px 0 0;
  }
}
@media all and (max-width: 639px) {
  #top_011 .top_011__list ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #top_011 .top_011__list ul li a img {
    width: 85%;
  }
}
@media all and (max-width: 639px) {
  #top_011 .top_011_bottom {
    width: 100%;
  }
}
#top_012 {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
#top_012 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_012 h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_012 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_012 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_012 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_012 .top_012__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
#top_012 .top_012__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_012 .top_012__contents ul li:last-child {
  margin-right: 0;
}
#top_012 .top_012__contents ul li img {
  width: 100%;
  display: block;
}
#top_012 .top_012__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_012 .top_012__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_012.staff {
  background: none;
  position: relative;
  padding: 110px 0;
}
#top_012.staff:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_012.staff .top_012__contents ul {
  width: 80%;
  margin: auto;
}
#top_012.staff .top_012__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
}
#top_012 .sub_read {
  width: 80%;
  line-height: 2em;
  margin: 40px auto 20px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_012 .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 20px 0 10px;
}

@media all and (max-width: 769px) {
  #top_012 .top_012__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_012.staff .top_010__contents ul {
    width: 100%;
  }
  #top_012.staff .top_010__contents ul li img {
    width: 50%;
  }
}
@media all and (max-width: 639px) {
  #top_012 .sub_read {
    font-size: 14px;
    width: 90%;
  }
  #top_012 .sub_read br {
    display: none;
  }
  #top_012 .sub_read br._sp {
    display: block;
  }
}
#top_013 h3 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top_013 h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top_013 h3 span {
  line-height: 1em;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_013 .sub_read {
  margin-bottom: 25px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #68834B;
  text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
#top_013 .top_013__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top_013 .top_013__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_013 .top_013__contents ul li:last-child {
  margin-right: 0;
}
#top_013 .top_013__contents ul li img {
  width: 100%;
  display: block;
}
#top_013 .top_013__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_013 .top_013__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_013.about_us {
  background: #ffffff;
  position: relative;
  background: rgba(242, 242, 242, 0.5) !important;
  background-image: url(https://gotas.jp/wp-content/themes/gotas/img/top_11_back.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-color: rgba(239, 239, 239, 0.7) !important;
  background-blend-mode: lighten;
  background-position: right 30% center !important;
}
#top_013.about_us:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_013.about_us .top_013__contents ul {
  width: 80%;
  margin: auto;
}
#top_013.about_us .top_013__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
  max-width: 300px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}
#top_013.about_us .top_013__contents ul li .read {
  line-height: 1em;
  margin: 20px 0 10px;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
#top_013.about_us .top_013__contents ul li .read.en {
  font-size: 24px;
}
#top_013.about_us .top_013__contents ul li .main {
  line-height: 1.7em;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}

@media all and (max-width: 769px) {
  #top_013 {
    padding: 50px 0 0;
  }
  #top_013 .top_013__contents ul {
    display: block;
  }
  #top_013 .top_013__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
  #top_013 .top_013__contents ul li:last-child {
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_013 .sub_read {
    font-size: 14px;
  }
  #top_013.about_us .top_013__contents ul {
    width: 100%;
  }
  #top_013.about_us .top_013__contents ul li img {
    width: 62.5%;
  }
}
#top_018 {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
#top_018 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_018 h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_018 h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#top_018 .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#top_018 .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#top_018 .top_018__contents ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
#top_018 .top_018__contents ul li {
  width: 30.666666%;
  float: left;
  margin-right: 4%;
}
#top_018 .top_018__contents ul li:last-child {
  margin-right: 0;
}
#top_018 .top_018__contents ul li img {
  width: 100%;
  display: block;
}
#top_018 .top_018__contents ul li:nth-child(2) .animated {
  animation-delay: 0.3s;
}
#top_018 .top_018__contents ul li:nth-child(3) .animated {
  animation-delay: 0.6s;
}
#top_018.online {
  position: relative;
  padding: 110px 0;
}
#top_018.online:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_018.online .top_018__contents ul {
  width: 80%;
  margin: auto;
}
#top_018.online .top_018__contents ul li img {
  border-radius: 50%;
  display: block;
  margin: auto;
  width: 80%;
  max-width: 300px;
}
#top_018 .sub_read {
  width: 80%;
  line-height: 2em;
  margin: 40px auto 20px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  /*color: #68834B;*/
}
#top_018 .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 20px 0 10px;
}

@media all and (max-width: 769px) {
  #top_018 .top_018__contents ul li {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 30px auto 0;
  }
}
@media all and (max-width: 639px) {
  #top_018.online .top_018__contents ul {
    width: 100%;
  }
  #top_018.online .top_018__contents ul li img {
    width: 62.5%;
  }
}
@media all and (max-width: 639px) {
  #top_018 .sub_read {
    font-size: 14px;
    width: 90%;
  }
  #top_018 .sub_read br {
    display: none;
  }
  #top_018 .sub_read br._sp {
    display: block;
  }
}
/* #top_019 {
  margin: 110px 0;
  padding: 110px 0;
  position: relative;
  background: rgba(242,242,242,0.5);

  h4 {
      position: relative;
      text-align: center;
      margin-bottom: 42px;

      &:before {
          content: "";
          background-image: url(../img/top_title_back2.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          width: 100%;
          max-width: 335px;
          height: 16px;
          position: absolute;
          z-index: 1;
          display: block;
          margin: auto;
          left: 0;
          right: 0;
          bottom: 6px;   
      }

      span {
          line-height: 1em;
          text-align: center;
          position: relative;
          z-index: 2; 
          font-family: "YakuHanJP","Barlow Condensed","sans-serif";
          font-size: 38px;
          font-weight: 400;
          letter-spacing: .1em;
          color: #68834B;   
      }
  }

  .sub_read {
      width: 80%;
      line-height: 2em;
      margin: 40px auto 20px;
      text-align: center;
      font-family: "YakuHanJP","Noto Sans JP";
      font-size: 13px;
      font-weight: 400;
      letter-spacing: .1em;
      color: #68834B;
  }

  .top_019__contents {

      .sns_link {
          ul {
              display: table;
              width: 80%;
              margin: 0 auto;
              text-align: center;
              li {
                  display: inline-block;
                  margin: 0 2em;
              }
              a {
                  font-family: 'FontAwesome';
                  font-size: 36px;
              }
          } 
      }
  }
} */
#top_020 {
  padding: 100px 0 0;
}
#top_020 h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#top_020 h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#top_020 h4 span {
  line-height: 1em;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top_020.hotel {
  position: relative;
  background-color: rgba(242, 242, 242, 0.5);
}
#top_020.hotel:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #fff;
  display: block;
  position: absolute;
  top: -23px;
}
#top_020.hotel .top_020__contents {
  position: relative;
  width: 80%;
  margin: auto;
}
#top_020.hotel .top_020__contents .osusume_txt {
  position: absolute;
  top: 80px;
}
#top_020.hotel .top_020__contents ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#top_020.hotel .top_020__contents .osusume_left {
  width: 45%;
  display: flex;
  align-items: center;
  color: #67834b;
}
#top_020.hotel .top_020__contents .osusume_left div {
  text-align: center;
}
#top_020.hotel .top_020__contents .osusume_left h2 {
  margin-top: 0;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 47px;
  line-height: 1;
  color: #67834b;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
#top_020.hotel .top_020__contents .osusume_right {
  width: 45%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 4%;
}
#top_020 .morelink {
  background-color: #fff;
  margin: 50px auto 0px;
}

@media all and (max-width: 767px) {
  #top_020.hotel .top_020__contents {
    width: 90%;
  }
}
@media all and (max-width: 639px) {
  #top_020 h4 {
    margin-bottom: 20px;
  }
  #top_020 h4 span {
    font-size: 21px;
  }
  #top_020 .top_020__contents {
    width: 100% !important;
  }
  #top_020 .top_020__contents .osusume_left {
    width: 100% !important;
    margin: 0 auto 20px;
    order: 2;
    justify-content: center;
  }
  #top_020 .top_020__contents .osusume_right {
    width: 100% !important;
    margin: 0 auto 25px;
    padding-left: 0 !important;
    justify-content: center !important;
    order: 1;
  }
  #top_020 .top_020__contents .osusume_right .img-box {
    width: 100%;
  }
  #top_020 .top_020__contents .osusume_right .img-box img {
    width: 312px !important;
  }
}
#top-instagram {
  padding: 10px 0;
  background-color: #f0f1ef;
  background-image: url(https://gotas.jp/wp-content/themes/gotas/img/front/bg-ptn01_2.png) !important;
  background-position: center;
}
#top-instagram .inner {
  padding: 60px 0;
  border-top: 5px solid #aab79a;
  border-bottom: 5px solid #aab79a;
}
#top-instagram .inner h3 {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#top-instagram .inner h3::before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 8px;
  background-size: contain;
}
#top-instagram .inner h3 span {
  line-height: 1em;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#top-instagram .inner .sub_read {
  margin-bottom: 25px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #68834B;
  text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff, 0px 0px 6px #ffffff;
}
#top-instagram .inner .instagram-list {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#top-instagram .inner .instagram-list ul.w-new {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#top-instagram .inner .instagram-list ul.w-new li {
  width: 23.5%;
  margin-right: 2%;
}
#top-instagram .inner .instagram-list ul.w-new li:nth-child(4n) {
  margin-right: 0;
}
#top-instagram .inner .instagram-list ul.w-new li .data {
  margin: 13px 0 3px;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#top-instagram .inner .instagram-list ul.w-new li .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.8em;
  margin-left: 8px;
  border-radius: 100px;
}
#top-instagram .inner .instagram-list ul.w-new li a {
  display: block;
}
#top-instagram .inner .instagram-list ul.w-new li a.tham {
  background: #f2f2f2;
  display: block;
  text-align: center;
  height: 140px;
  vertical-align: middle;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
#top-instagram .inner .instagram-list ul.w-new li a img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top-instagram .inner .instagram-list ul.w-new li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#top-instagram .inner .instagram-list ul.w-new li p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#top-instagram .inner .morelink {
  margin-bottom: 0;
}

@media all and (max-width: 639px) {
  #top-instagram .instagram-list {
    width: 95% !important;
  }
  #top-instagram .instagram-list ul.w-new li {
    width: 48.75% !important;
    margin-right: 2% !important;
    margin-bottom: 4% !important;
  }
  #top-instagram .instagram-list ul.w-new li a.tham {
    height: 120px !important;
  }
  #top-instagram .instagram-list ul.w-new li:nth-child(even) {
    margin-right: 0 !important;
  }
}
#otoiawase {
  margin-top: 110px;
}
#otoiawase a {
  width: 90%;
  margin: auto;
  display: block;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
  border-top: 1px solid rgba(242, 242, 242, 0.5);
  padding: 30px 0;
}
#otoiawase a .inner {
  display: table;
  margin: auto;
}
#otoiawase a .inner .in_left, #otoiawase a .inner .in_right {
  display: table;
  float: left;
}
#otoiawase a .inner .in_left p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1.5em;
}
#otoiawase a .inner .in_right {
  margin-left: 30px;
}
#otoiawase a .inner .in_right p {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 45px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1.4em;
}
#otoiawase a:hover {
  background: rgba(242, 242, 242, 0.5);
  transition: 0.4s;
}
#otoiawase a:hover p {
  color: #fff;
  transition: 0.4s;
}

@media all and (max-width: 639px) {
  #otoiawase {
    margin-top: 50px;
  }
}
@media all and (max-width: 769px) {
  #otoiawase a .inner {
    display: block;
  }
}
@media all and (max-width: 769px) {
  #otoiawase a .inner .in_left, #otoiawase a .inner .in_right {
    display: block;
    float: none;
  }
}
@media all and (max-width: 769px) {
  #otoiawase a .inner .in_left p {
    text-align: center;
  }
}
@media all and (max-width: 769px) {
  #otoiawase a .inner .in_right p {
    text-align: center;
  }
}
#otoiawse {
  background: #fff;
  padding: 0 0 80px;
}
#otoiawse .otoiawse__contents h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#otoiawse .otoiawse__contents h4:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#otoiawse .otoiawse__contents h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#otoiawse .otoiawse__contents .contents_inner {
  width: 60%;
  margin: auto;
}
#otoiawse .otoiawse__contents a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  border: 1px solid #68834B;
  padding: 12px 0;
}
#otoiawse .otoiawse__contents a span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#otoiawse .otoiawse__contents a:hover {
  background: #68834B;
  transition: 0.4s;
  color: #e9dec9;
  transition: 0.4s;
}
#otoiawse .otoiawse__contents .tetelink {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 700;
  color: #68834B;
  text-align: center;
}
#otoiawse .otoiawse__contents .tetelink a {
  display: block;
  text-decoration: none;
  font-style: italic;
  line-height: 1em;
  position: relative;
}
#otoiawse .otoiawse__contents .tetelink a:after {
  content: "";
  background: #e9dec9;
  width: 100%;
  height: 1.3em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  z-index: 1;
}
#otoiawse .otoiawse__contents .tetelink a span {
  font-weight: 500;
  color: #68834B;
  font-style: italic;
  line-height: 1em;
  display: block;
  z-index: 2;
  position: relative;
}

@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents {
    padding: 30px 15px;
  }
}
@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents .contents_inner {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents a:last-child {
    margin-top: 10px;
  }
}
#otoiawase2 {
  margin-top: 110px;
  margin-bottom: 110px;
}
#otoiawase2 a {
  width: 70%;
  margin: auto;
  display: block;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
  border-top: 1px solid rgba(242, 242, 242, 0.5);
  padding: 30px 0;
  background: rgba(242, 242, 242, 0.5);
}
#otoiawase2 a .inner {
  display: table;
  margin: auto;
}
#otoiawase2 a .inner p {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
}
#otoiawase2 a .inner p span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  line-height: 1em;
  display: block;
  margin-top: 8px;
}
#otoiawase2 a:hover {
  background: #68834B;
  transition: 0.4s;
}
#otoiawase2 a:hover p {
  color: #fff;
  transition: 0.4s;
}

@media all and (max-width: 639px) {
  #otoiawase2 {
    margin-top: 50px;
  }
}
@media all and (max-width: 769px) {
  #otoiawase2 a .inner p {
    text-align: center;
  }
}
@media all and (max-width: 769px) {
  #otoiawase2 a .inner {
    display: block;
  }
}
footer {
  background: none;
  padding: 0 0 30px;
}

#footer {
  margin-top: 110px;
  background: rgba(242, 242, 242, 0.5);
  padding: 40px 0;
  color: #68834B;
}

#footer2 {
  margin-top: 0;
  background: #FFF9F0;
  padding: 80px 20px 30px;
}
#footer2 .footer__content .footer__top a {
  width: 283px;
  display: block;
  margin-left: 0;
}
#footer2 .footer__content .footer__top a img {
  width: 100%;
  display: block;
}
#footer2 .footer__content .footer__content__main {
  width: 100%;
  display: table;
  margin-top: 25px;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 {
  display: table;
  float: left;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  color: #666;
  line-height: 1.5em;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 .sns_link {
  margin-top: 10px;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 .sns_link ul {
  display: table;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 .sns_link ul li {
  display: inline-block;
  margin-right: 1em;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 .sns_link ul li:last-child {
  margin-right: 0;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_1 .sns_link ul li a {
  font-family: "FontAwesome";
  font-size: 18px;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_2 {
  display: table;
  float: left;
  margin: 0 50px 25px 100px;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_2 .foot_nav {
  max-width: 300px;
  display: block;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_2 .foot_nav ul {
  width: 100%;
  display: table;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_2 .foot_nav ul li {
  width: 50%;
  float: left;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_2 .foot_nav ul li a {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  color: #666;
}
#footer2 .footer__content .footer__content__main .footer__content__main__item_3 {
  width: 470px;
  float: right;
}
#footer2 .copyright {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center;
  color: #666;
}

@media all and (max-width: 639px) {
  #footer2 {
    padding: 30px 0;
  }
}
@media all and (max-width: 639px) {
  #footer2 .footer__content .footer__content__main {
    display: block;
  }
}
@media all and (max-width: 639px) {
  #footer2 .footer__content .footer__content__main .footer__content__main__item_1 {
    display: block;
    float: none;
  }
}
@media all and (max-width: 639px) {
  #footer2 .footer__content .footer__content__main .footer__content__main__item_2 {
    margin: 30px 0;
    float: none;
  }
}
@media all and (max-width: 639px) {
  #footer2 .footer__content .footer__content__main .footer__content__main__item_2 .foot_nav {
    display: none;
  }
}
@media all and (max-width: 639px) {
  #footer2 .footer__content .footer__content__main .footer__content__main__item_3 {
    width: 100%;
    float: none;
  }
}
#page_top {
  margin-top: 155px;
}
#page_top .page_top__main {
  display: block;
  width: 100%;
}
#page_top .single {
  padding: 0;
}
#page_top .single h2 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#page_top .single h2:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#page_top .single h2 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#page_top .single .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 700;
  margin-bottom: 60px;
}

@media all and (max-width: 639px) {
  #page_top {
    overflow: hidden;
    margin-top: 115px;
  }
}
@media all and (max-width: 639px) {
  #page_top .page_top__main {
    max-width: 200%;
    width: 200%;
    margin: auto;
  }
}
#works_1.single_page {
  padding-bottom: 100px;
}
#works_1 .ttl {
  text-align: center;
  padding-top: 10px;
}
#works_1 .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#works_1 .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#works_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#works_1 ul {
  width: 71.9%;
  margin: auto;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
#works_1 ul li {
  width: 16.6666666667%;
  position: relative;
}
#works_1 ul li a {
  display: block;
}
#works_1 ul li a img {
  width: 60%;
  display: block;
  margin: auto;
  border-radius: 50%;
  transition: 0.4s;
}
#works_1 ul li a h3 {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  font-weight: 500;
}
#works_1 ul li a h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
  margin-top: 3px;
}
#works_1 ul li a:hover img {
  border: 5px solid rgba(233, 222, 201, 0.5);
  box-sizing: border-box;
  width: 63%;
  transition: 0.4s;
}
#works_1 ul li.current a img {
  border: 5px solid rgba(233, 222, 201, 0.5);
  box-sizing: border-box;
  width: 63%;
}

#works_1.page-item ul {
  width: 100%;
  max-width: 1015px;
}
#works_1.page-item ul li {
  width: 15.5%;
}

@media all and (max-width: 639px) {
  #works_1 ul {
    width: 80% !important;
    /*display: none;*/
  }
  #works_1 ul li {
    width: 33.3333333333% !important;
  }
  #works_1 ul li a h3 {
    font-size: 13px !important;
  }
  #works_1 ul li a h3 span {
    display: none !important;
  }
}
#works_2 {
  padding-top: 50px;
}
#works_2 ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#works_2 ul li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 50px;
}
#works_2 ul li:nth-child(4n) {
  margin-right: 0;
}
#works_2 ul li .data {
  margin: 13px 0 3px;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#works_2 ul li .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.8em;
  margin-left: 8px;
  border-radius: 100px;
}
#works_2 ul li a {
  display: block;
}
#works_2 ul li a.tham {
  background: #f2f2f2;
  display: block;
  text-align: center;
  height: 184px;
  vertical-align: middle;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
#works_2 ul li a img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#works_2 ul li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#works_2 ul li p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}

@media all and (max-width: 639px) {
  #works_2 ul {
    display: block;
  }
}
@media all and (max-width: 639px) {
  #works_2 ul li {
    width: 100%;
    margin-right: 0;
  }
}
@media all and (max-width: 639px) {
  #works_2 ul li a.tham {
    height: 224px;
  }
}
#works_3 {
  padding-bottom: 100px;
}
#works_3 .pageer {
  width: 100%;
  text-align: center;
}
#works_3 .pageer ul {
  display: table;
  table-layout: fixed;
  margin: auto;
}
#works_3 .pageer ul li {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid rgba(242, 242, 242, 0.5);
  border-radius: 5px;
}
#works_3 .pageer ul li.carent {
  padding: 0.8em 0.8em;
  background: rgba(242, 242, 242, 0.5);
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#works_3 .pageer ul li a {
  padding: 0.8em 0.8em;
  text-align: center;
  display: block;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#works_3 .pageer ul li:first-child a, #works_3 .pageer ul li:last-child a {
  padding: 0.8em 1.8em;
}

#item_1.page-item .ttl {
  text-align: center;
  padding-top: 10px;
}
#item_1.page-item .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#item_1.page-item .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#item_1.page-item .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#item_1.page-item ul {
  width: 100%;
  max-width: 1015px;
  margin: auto;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
#item_1.page-item ul li {
  width: 14.1%;
}
#item_1.page-item ul li a img {
  width: 60%;
  display: block;
  margin: auto;
  border-radius: 50%;
  transition: 0.4s;
}
#item_1.page-item ul li a h3 {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  font-weight: 500;
}
#item_1.page-item ul li a h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
  margin-top: 3px;
}
#item_1.page-item ul li a:hover img {
  border: 5px solid rgba(233, 222, 201, 0.5);
  box-sizing: border-box;
  width: 63%;
  transition: 0.4s;
}
#item_1.page-item ul li.current a img {
  border: 5px solid rgba(233, 222, 201, 0.5);
  box-sizing: border-box;
  width: 63%;
}
@media (max-width: 639px) {
  #item_1 ul {
    /*display: none !important;*/
  }
  #item_1 ul li {
    width: 25% !important;
  }
  #item_1 ul li a h3 {
    font-size: 13px !important;
  }
  #item_1 ul li a h3 span {
    display: none !important;
  }
}

#single-works_1 .single .main_contents {
  width: 80%;
  margin: auto;
}
#single-works_1 .single .main_contents .post_head .data {
  margin: 13px 0 0;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#single-works_1 .single .main_contents .post_head .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.5em;
  margin-left: 8px;
}
#single-works_1 .single .main_contents .post_head h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#single-works_1 .single .main_contents .post_head h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-works_1 .single .main_contents .post_head h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
#single-works_1 .single .main_contents .post_head .chachi {
  width: 80%;
  display: block;
  margin: 0 auto 50px;
  border-radius: 10px;
}
#single-works_1 .single .main_contents .post_head .img-box {
  display: block;
  position: relative;
  width: 80%;
  padding-top: 53%;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: 0 auto 50px;
  border-radius: 10px;
  background-position: center;
}
#single-works_1 .single .main_contents .post_head .img-box img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 0px;
}
#single-works_1 .single .main_contents .post_custm {
  margin-bottom: 50px;
}
#single-works_1 .single .main_contents .post_custm .excerpt_title {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}
#single-works_1 .single .main_contents .post_custm .excerpt_main {
  text-align: center;
  width: 80%;
  margin: auto;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#single-works_1 .single .main_contents .post_custm img {
  width: 150px;
  display: block;
}
#single-works_1 .single .main_contents .post_custm .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 50%;
  text-align: center;
  border-radius: 100px;
}
#single-works_1 .single .main_contents .post_custm .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#single-works_1 .single .main_contents .post_custm .post_main {
  width: 100%;
  margin: 100px auto;
}
#single-works_1 .single .main_contents .post_custm .post_main .service_1__item {
  margin-bottom: 100px;
}
#single-works_1 .single .main_contents .post_custm .post_main img {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin: auto;
}
#single-works_1 .single .main_contents .post_custm .post_main .img-box {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 67%;
  overflow: hidden;
  border-radius: 10px;
  margin: auto;
  background-position: center;
}
#single-works_1 .single .main_contents .post_custm .post_main .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 0px;
}
#single-works_1 .single .main_contents .post_custm .post_main .title {
  width: 100%;
  display: table;
  margin: 0 0 15px;
}
#single-works_1 .single .main_contents .post_custm .post_main h4 {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  background: #fff;
  position: relative;
  display: inline-block;
}
#single-works_1 .single .main_contents .post_custm .post_main .read {
  display: inline-block;
  margin: 0;
  position: relative;
  padding: 0 1em;
}
#single-works_1 .single .main_contents .post_custm .post_main .read:before {
  content: "";
  display: block;
  width: 100%;
  background: rgba(104, 131, 75, 0.1);
  height: 0.8em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: -1;
}
#single-works_1 .single .main_contents .post_custm .post_main .read span {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
}
#single-works_1 .single .main_contents .post_custm .post_main .main {
  margin-top: 15px;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#single-works_1 .single .main_contents .post_custm .post_main .morelink {
  /*display: table;*/
  display: inline-block;
  /*background: rgba(242, 242, 242, 0.5);*/
  background: #f8f8f8;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 10px 15px 0 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
  border: 1px solid #68834b;
}
#single-works_1 .single .main_contents .post_custm .post_main .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#single-works_1 .single .project_info {
  margin-top: 120px;
}
#single-works_1 .single .project_info .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 42px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  /*color: rgba(242, 242, 242, 0.5);*/
  color: rgb(235, 236, 238);
  text-align: center;
}
#single-works_1 .single .project_info ul li {
  text-align: center;
}
#single-works_1 .single .project_info ul li p {
  line-height: 1em;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

@media all and (max-width: 639px) {
  #single-works_1 .single .main_contents {
    width: 100%;
  }
}
#single-works_2 {
  margin: 100px 0;
}
#single-works_2 .pageer {
  width: 100%;
  text-align: center;
}
#single-works_2 .pageer ul {
  display: table;
  table-layout: fixed;
  margin: auto;
}
#single-works_2 .pageer ul li {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid rgba(242, 242, 242, 0.5);
  border-radius: 5px;
}
#single-works_2 .pageer ul li a {
  padding: 0.8em 1.8em;
  text-align: center;
  display: block;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

#single-item_1 .single .main_contents {
  width: 80%;
  margin: auto;
}
#single-item_1 .single .main_contents .post_head .data {
  margin: 13px 0 0;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#single-item_1 .single .main_contents .post_head .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.5em;
  margin-left: 8px;
}
#single-item_1 .single .main_contents .post_head h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#single-item_1 .single .main_contents .post_head h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-item_1 .single .main_contents .post_head h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
#single-item_1 .single .main_contents .post_head .chachi {
  width: 80%;
  display: block;
  margin: 0 auto 50px;
  border-radius: 10px;
}
#single-item_1 .single .main_contents .post_head #slider3 {
  width: 80%;
  display: block;
  margin: 0 auto 50px;
}
#single-item_1 .single .main_contents .post_head #slider3 li {
  width: 100%;
  /*padding-top: 22%;*/
}
#single-item_1 .single .main_contents .post_head #slider3 li:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#single-item_1 .single .main_contents .post_head #slider3 li img {
  border-radius: 10px;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 .thumbnail-item {
  flex: 0 1 30%;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
  /*padding-top: 20%;*/
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 .thumbnail-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 .thumbnail-item:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s opacity linear;
  border-radius: 10px;
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 .thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
#single-item_1 .single .main_contents .post_head #thumbnail_slider3 .thumbnail-item img {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#single-item_1 .single .main_contents .post_custm {
  margin-bottom: 50px;
}
#single-item_1 .single .main_contents .post_custm .excerpt_title {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}
#single-item_1 .single .main_contents .post_custm .excerpt_main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
  width: 80%;
  margin: auto;
}
#single-item_1 .single .main_contents .post_custm img {
  width: 150px;
  display: block;
}
#single-item_1 .single .main_contents .post_custm .morelink {
  /*display: table;*/
  display: inline-block;
  /*background: rgba(242, 242, 242, 0.5);*/
  background: #f8f8f8;
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  width: 250px;
  text-align: center;
  border-radius: 100px;
  margin-right: 7px;
  margin-left: 7px;
  border: 1px solid #68834b;
}
#single-item_1 .single .main_contents .post_custm .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#single-item_1 .single .main_contents .post_custm .innerB {
  margin: 5px auto 100px;
}
#single-item_1 .single .main_contents .post_custm .left .morelink {
  margin-left: auto;
}
#single-item_1 .single .main_contents .post_custm .right .morelink {
  margin-left: 0;
}

@media all and (max-width: 639px) {
  #single-item_1 .single .main_contents {
    width: 100%;
  }
  #single-item_1 .single .main_contents .post_custm .morelink {
    margin: 20px auto 0;
  }
}
@media all and (max-width: 639px) {
  #single-item_1 .single .main_contents .post_custm .left .morelink {
    margin: auto;
  }
}
@media all and (max-width: 639px) {
  #single-item_1 .single .main_contents .post_custm .right .morelink {
    margin: auto;
  }
}
#service_1 .ttl {
  text-align: center;
}
#service_1 .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#service_1 .ttl h3.en:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#service_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#service_1 h3 {
  text-align: center;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  margin-bottom: 50px;
}
#service_1 h3 span {
  border: 2px solid #68834B;
  padding: 15px 100px;
  display: table;
  margin: auto;
}
#service_1 .service_1__contents {
  width: 70%;
  margin: auto;
}
#service_1 .service_1__contents .service_1__item {
  margin-bottom: 150px;
  position: relative;
}
#service_1 .service_1__contents img {
  width: 80%;
  display: block;
  border-radius: 10px;
  margin: auto;
}
#service_1 .service_1__contents h4 {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 40px 0 25px;
  padding-top: 20px;
  background: #fff;
  position: relative;
}
#service_1 .service_1__contents h4:after {
  content: "";
  width: 2px;
  height: 136%;
  background: #68834B;
  display: block;
  position: absolute;
  margin: auto;
  bottom: 20%;
  left: 0;
  right: 0;
  z-index: -1;
}
#service_1 .service_1__contents .read {
  display: table;
  margin: auto;
  position: relative;
  padding: 0 1em;
}
#service_1 .service_1__contents .read:before {
  content: "";
  display: block;
  width: 100%;
  background: rgba(104, 131, 75, 0.1);
  height: 0.8em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: -1;
}
#service_1 .service_1__contents .read span {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
}
#service_1 .service_1__contents .main {
  margin-top: 30px;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#service_1 .service_1__contents .more {
  display: block;
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 40px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#service_1 .service_1__contents .more span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 639px) {
  #service_1 .service_1__contents {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #service_1 .service_1__contents .main br {
    display: none;
  }
  #service_1 .service_1__contents .main br._sp {
    display: block;
  }
}
#service_2 {
  margin-top: 100px;
  padding: 100px 0;
  background: #FFF9F0;
}
#service_2 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
  color: #68834B;
  margin-bottom: 50px;
}
#service_2 h3 span {
  line-height: 1em;
  padding-bottom: 0.8em;
  display: table;
  margin: auto;
  position: relative;
}
#service_2 h3 span:after {
  height: 1px;
  width: 50%;
  margin: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #68834B;
}
#service_2 .no_contents {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  text-align: center;
}

#service_3, #service_3-2, #service_3-3 {
  padding: 100px 0;
  background: rgba(242, 242, 242, 0.5);
}
#service_3 h3, #service_3-2 h3, #service_3-3 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 50px;
}
#service_3 .read, #service_3-2 .read, #service_3-3 .read {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
}
#service_3 .main, #service_3-2 .main, #service_3-3 .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  margin-top: 10px;
}
#service_3 ul, #service_3-2 ul, #service_3-3 ul {
  width: 700px;
  margin: auto;
}
#service_3 ul li, #service_3-2 ul li, #service_3-3 ul li {
  padding: 40px 20px;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
}
#service_3 ul li .iner_left, #service_3-2 ul li .iner_left, #service_3-3 ul li .iner_left {
  width: 70px;
  height: 70px;
  border: 1px solid #68834B;
  border-radius: 50%;
  float: left;
  margin-left: 60px;
}
#service_3 ul li .iner_left p, #service_3-2 ul li .iner_left p, #service_3-3 ul li .iner_left p {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  text-align: center;
  letter-spacing: 0;
}
#service_3 ul li .iner_right, #service_3-2 ul li .iner_right, #service_3-3 ul li .iner_right {
  width: 450px;
  float: right;
}
#service_3 .morelink, #service_3-2 .morelink, #service_3-3 .morelink {
  border: 1px solid #68834B;
  margin: 20px auto 20px !important;
}
#service_3 .link-box, #service_3-2 .link-box, #service_3-3 .link-box {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media all and (max-width: 639px) {
  #service_3 .read, #service_3-2 .read, #service_3-3 .read {
    text-align: center;
  }
}
@media all and (max-width: 639px) {
  #service_3 .main, #service_3-2 .main, #service_3-3 .main {
    text-align: center;
  }
  #service_3 .main br, #service_3-2 .main br, #service_3-3 .main br {
    display: none;
  }
  #service_3 .main br._sp, #service_3-2 .main br._sp, #service_3-3 .main br._sp {
    display: block;
  }
}
@media all and (max-width: 639px) {
  #service_3 ul, #service_3-2 ul, #service_3-3 ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #service_3 ul li, #service_3-2 ul li, #service_3-3 ul li {
    padding: 30px 0;
  }
}
@media all and (max-width: 639px) {
  #service_3 .main, #service_3-2 .main, #service_3-3 .main {
    min-height: auto;
    text-align: left;
  }
  #service_3 ul li .iner_left, #service_3-2 ul li .iner_left, #service_3-3 ul li .iner_left {
    margin: auto auto 10px;
    float: none;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #service_3 ul li:before, #service_3 ul li:after, #service_3-2 ul li:before, #service_3-2 ul li:after, #service_3-3 ul li:before, #service_3-3 ul li:after {
    display: none;
  }
  .bg01, .bg03 {
    background-position: left !important;
  }
  .bg02 {
    background-position: right !important;
  }
}
@media all and (max-width: 639px) {
  #service_3 ul li .iner_left p, #service_3-2 ul li .iner_left p, #service_3-3 ul li .iner_left p {
    font-size: 23px;
    line-height: 46px;
  }
}
@media all and (max-width: 639px) {
  #service_3 ul li .iner_right, #service_3-2 ul li .iner_right, #service_3-3 ul li .iner_right {
    float: none;
    width: 100%;
  }
  #service_3 ul li .iner_right a, #service_3-2 ul li .iner_right a, #service_3-3 ul li .iner_right a {
    display: block;
    text-align: center;
  }
}
#service_4 {
  padding: 100px 0;
}
#service_4 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 50px;
}
#service_4 .accbox {
  margin: 2em auto;
  padding: 0;
  width: 60%;
}
#service_4 .accbox label {
  display: block;
  margin: 15px 0 0;
  padding: 0 0;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  background: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
#service_4 .accbox label span {
  color: #68834B;
  padding: 11px 11px 11px 70px;
  position: relative;
  background: rgba(104, 131, 75, 0.1);
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
}
#service_4 .accbox label span:before {
  content: "Q";
  width: 2em;
  height: 100%;
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 27px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}
#service_4 .accbox label:hover {
  background: rgba(255, 255, 255, 0.7);
}
#service_4 .accbox input {
  display: none;
}
#service_4 .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  position: relative;
}
#service_4 .accbox .accshow:before {
  content: "A";
  width: 2em;
  height: 100%;
  background: #9F7C52;
  color: #fff;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 27px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}
#service_4 .cssacc:checked + .accshow {
  height: auto;
  background: rgba(159, 124, 82, 0.1);
  opacity: 1;
  padding: 11px 11px 11px 70px;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  color: #9F7C52;
}

@media all and (max-width: 639px) {
  #service_4 .accbox {
    width: 95%;
  }
}
@media all and (max-width: 639px) {
  #service_4 .accbox label span {
    padding-left: 50px;
    font-size: 16px;
  }
}
@media all and (max-width: 639px) {
  #service_4 .accbox label span:before {
    font-size: 20px;
    line-height: 2.4em;
  }
}
@media all and (max-width: 639px) {
  #service_4 .accbox .accshow:before {
    font-size: 20px;
    line-height: 2.4em;
  }
}
@media all and (max-width: 639px) {
  #service_4 .cssacc:checked + .accshow {
    padding-left: 50px;
  }
}
#company_1 {
  /*padding-top: 10px;*/
  padding-bottom: 100px;
}
#company_1 .ttl-box {
  padding: 10px 3% 0px;
}
#company_1 .ttl {
  text-align: center;
}
#company_1 .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#company_1 .ttl h3.en:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#company_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#company_1 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
  color: #68834B;
  margin-bottom: 50px;
}
#company_1 h3 span {
  line-height: 1em;
  padding-bottom: 0.8em;
  display: table;
  margin: auto;
  position: relative;
}
#company_1 h3 span:after {
  height: 1px;
  width: 50%;
  margin: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #68834B;
}
#company_1 .company_1__inner {
  position: relative;
}
#company_1 .company_1__inner:before {
  content: "";
  width: 48%;
  display: block;
  /*height: 100%;*/
  height: 95%;
  background-image: url(../img/company_1_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
}
#company_1 .company_1__inner .company_1__main {
  width: 48%;
  margin-left: auto;
}
#company_1 .company_1__inner .company_1__main ._sp {
  display: none;
}
#company_1 .company_1__inner .company_1__main .read {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
}
#company_1 .company_1__inner .company_1__main .read.sec {
  margin-top: 50px;
}
#company_1 .company_1__inner .company_1__main .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 30px;
}
#company_1 .company_1__inner .company_1__main .bottom {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 20px;
  text-align: right;
}
#company_1 .company_1__inner .company_1__main .bottom span {
  margin-left: 10px;
}

@media all and (max-width: 639px) {
  #company_1 {
    padding-top: 0px;
  }
}
@media all and (max-width: 639px) {
  #company_1 .company_1__inner:before {
    display: none;
  }
}
@media all and (max-width: 639px) {
  #company_1 .company_1__inner .company_1__main {
    width: 100%;
    margin: 0;
  }
}
@media all and (max-width: 639px) {
  #company_1 .company_1__inner .company_1__main ._sp {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px;
  }
}
#company_2 {
  background-image: url(../img/company_2_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#company_2 .company_2_main {
  width: 700px;
  margin: auto;
  padding: 100px 50px;
  background: rgba(255, 255, 255, 0.7);
}
#company_2 .company_2_main h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 50px;
}
#company_2 .company_2_main table {
  width: 80%;
  margin: auto;
  border-top: 1px solid #fff;
}
#company_2 .company_2_main table th {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  padding: 0.8em 1.2em;
}
#company_2 .company_2_main table td {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  padding: 0.8em 1.2em;
  border-left: 1px solid #fff;
}
#company_2 .company_2_main table th {
  padding: 0.8em 1.2em;
}

@media all and (max-width: 639px) {
  #company_2 .company_2_main {
    width: 100%;
    padding: 50px 0;
  }
}
@media all and (max-width: 639px) {
  #company_2 .company_2_main table {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #company_2 .company_2_main table th {
    white-space: nowrap;
  }
}
#company_3 {
  padding: 100px 0;
}
#company_3 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 50px;
}
#company_3 table {
  width: 100%;
}
#company_3 table th, #company_3 table td {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  vertical-align: middle;
  padding: 0.8em;
  border-bottom: 10px solid #fff;
}
#company_3 table th {
  background: rgba(104, 131, 75, 0.1);
  color: #68834B;
}
#company_3 img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

@media all and (max-width: 639px) {
  #company_3 table th {
    white-space: nowrap;
  }
}
#company_4 {
  padding-bottom: 100px;
}
#company_4 .company_1__inner2 {
  position: relative;
  padding: 94px 0;
}
#company_4 .company_1__inner2:before {
  content: "";
  width: 48%;
  display: block;
  height: 100%;
  background-image: url(../img/company_1-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
}
#company_4 .company_1__inner2 .company_1__main {
  width: 48%;
  margin-left: auto;
}
#company_4 .company_1__inner2 .company_1__main ._sp {
  display: none;
}
#company_4 .company_1__inner2 .company_1__main .read {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
}
#company_4 .company_1__inner2 .company_1__main .main {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
  margin-top: 30px;
}
#company_4 .company_1__inner2 .company_1__main .bottom {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 40px;
  text-align: right;
}
#company_4 .company_1__inner2 .company_1__main .bottom span {
  margin-left: 10px;
}

@media all and (max-width: 639px) {
  #company_4 {
    padding-bottom: 0;
  }
}
@media all and (max-width: 639px) {
  #company_4 .company_1__inner2 {
    padding: 0 0 10px;
  }
}
@media all and (max-width: 639px) {
  #company_4 .company_1__inner2:before {
    display: none;
  }
}
@media all and (max-width: 639px) {
  #company_4 .company_1__inner2 .company_1__main {
    width: 100%;
    margin: 0;
  }
}
@media all and (max-width: 639px) {
  #company_4 .company_1__inner2 .company_1__main ._sp {
    display: block;
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
  }
}
#gallery_1 {
  padding-top: 50px;
  padding-bottom: 100px;
}
#gallery_1 h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
  color: #68834B;
  margin-bottom: 50px;
}
#gallery_1 h3 span {
  line-height: 1em;
  padding-bottom: 0.8em;
  display: table;
  margin: auto;
  position: relative;
}
#gallery_1 h3 span:after {
  height: 1px;
  width: 50%;
  margin: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #68834B;
}
#gallery_1 #wrapper {
  position: relative;
}
#gallery_1 #container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#gallery_1 .item {
  margin: 10px 0;
  width: 345px;
  padding: 8px;
}
#gallery_1 .item p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#gallery_1 .item a {
  display: block;
  position: relative;
  padding-top: 66%;
}
#gallery_1 .item a img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#gallery_1 .item.x2 {
  width: 320px;
}
#gallery_1 .item.x3 {
  width: 500px;
}
#gallery_1 .item img {
  width: 100%;
}

@media all and (max-width: 639px) {
  #gallery_1 {
    padding-top: 50px;
  }
}
#voice_1 .ttl {
  text-align: center;
  padding-top: 10px;
}
#voice_1 .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#voice_1 .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#voice_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#voice_1 ul {
  width: 85%;
  margin: auto;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
#voice_1 ul li {
  width: 20%;
  position: relative;
}
#voice_1 ul li a {
  display: block;
}
#voice_1 ul li a img {
  width: 100%;
  display: block;
  margin: auto;
}
#voice_1 ul li a h3 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  font-weight: 400;
  margin-top: 22px;
}
#voice_1 ul li a h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  display: block;
  margin-top: 8px;
}
#voice_1 .service_1__contents {
  width: 80%;
  margin: 0 auto 100px;
}
#voice_1 .service_1__contents .service_1__item {
  margin: 0 auto 0;
  padding-top: 150px;
  width: 80%;
}
#voice_1 .service_1__contents .service_1__item:first-child {
  padding-top: 100px;
}
#voice_1 .service_1__contents img {
  width: 70%;
  display: block;
  border-radius: 10px;
  margin: auto;
}
#voice_1 .service_1__contents h4 {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  text-align: center;
  margin: 0 0 30px;
}
#voice_1 .service_1__contents h4 span {
  font-size: 12px;
  display: block;
  margin-top: 8px;
}
#voice_1 .service_1__contents .read {
  display: table;
  margin: auto;
  position: relative;
  padding: 0 1em;
  margin-top: 30px;
}
#voice_1 .service_1__contents .read:before {
  content: "";
  display: block;
  width: 100%;
  background: rgba(104, 131, 75, 0.1);
  height: 0.8em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: -1;
}
#voice_1 .service_1__contents .read span {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
}
#voice_1 .service_1__contents .read.sec {
  margin-top: 50px;
}
#voice_1 .service_1__contents .main {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2.3em;
  margin: 30px auto 0;
}
#voice_1 .service_1__contents .more {
  display: block;
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 40px auto 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#voice_1 .service_1__contents .more span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 639px) {
  #voice_1 ul {
    display: none;
  }
}
@media all and (max-width: 639px) {
  #voice_1 .service_1__contents {
    width: 100%;
    margin-top: 0;
  }
}
@media all and (max-width: 639px) {
  #voice_1 .service_1__contents .service_1__item {
    width: 85%;
  }
}
@media all and (max-width: 639px) {
  #voice_1 .service_1__contents img {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #voice_1 .service_1__contents h4 {
    line-height: 1.5em;
  }
  #voice_1 .service_1__contents h4 br {
    display: none;
  }
  #voice_1 .service_1__contents h4 br._sp {
    display: block;
  }
}
@media all and (max-width: 639px) {
  #voice_1 .service_1__contents .main {
    line-height: 2em;
    text-align: left;
  }
}
#contact_1 {
  padding-bottom: 100px;
}
#contact_1 .ttl-box {
  padding: 0 3% 0px;
}
#contact_1 .ttl {
  text-align: center;
  padding-top: 10px;
}
#contact_1 .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#contact_1 .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#contact_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#contact_1 .read {
  color: #68834B;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin-bottom: 30px;
}
#contact_1 .contact_1__main {
  width: 80%;
  background: rgba(242, 242, 242, 0.5);
  padding: 50px;
  margin: auto;
}
#contact_1 .contact_1__main .sub_read {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #9F7C52;
}
#contact_1 .contact_1__main .form {
  margin-top: 50px;
}
#contact_1 .contact_1__main .form dl {
  border-top: 1px solid #68834B;
  margin-bottom: 30px;
}
#contact_1 .contact_1__main .form dt, #contact_1 .contact_1__main .form dd {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#contact_1 .contact_1__main .form dt .textarea, #contact_1 .contact_1__main .form dt textarea, #contact_1 .contact_1__main .form dt .dropdown {
  width: 98%;
}
#contact_1 .contact_1__main .form dd .textarea, #contact_1 .contact_1__main .form dd textarea, #contact_1 .contact_1__main .form dd .dropdown {
  width: 98%;
}
#contact_1 .contact_1__main .form dt {
  color: #68834B;
}
#contact_1 .contact_1__main .form dd {
  border-bottom: 1px solid #68834B;
}
#contact_1 .contact_1__main .form .fm-text p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
}
#contact_1 .contact_1__main .form #mailform button {
  border-radius: 0;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  border: 1px solid #68834B;
  background: #fff;
  color: #68834B;
}
#contact_1 .contact_1__main .form #mailform button:hover {
  background: #68834B;
  color: #fff;
  transition: 0.4s;
}

@media all and (max-width: 639px) {
  #contact_1 .contact_1__main {
    width: 100%;
    padding: 30px 15px;
  }
}
#single-news_1 .single .main_contents {
  width: 80%;
  margin: auto;
}
#single-news_1 .single .main_contents .post_head .data {
  margin: 13px 0 0;
  font-weight: 500;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  background: #F2F2F2;
  padding: 0.3em 0.8em;
  display: table;
  width: 150px;
  text-align: center;
  margin: auto;
}
#single-news_1 .single .main_contents .post_head .title {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#single-news_1 .single .main_contents .post_head .title:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-news_1 .single .main_contents .post_head .title span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
#single-news_1 .single .main_contents .post_contants .img-box {
  display: block;
  position: relative;
  width: 80%;
  padding-top: 53%;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: 0 auto 50px;
  border-radius: 10px;
  background-position: center;
}
#single-news_1 .single .main_contents .post_contants img {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin: 15px auto;
}
#single-news_1 .single .main_contents .post_contants p {
  text-align: center;
  margin: auto;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#single-news_1 .single .main_contents .post_contants p:first-of-type {
  display: block;
  position: relative;
  padding-top: 65%;
}
#single-news_1 .single .main_contents .post_contants p:first-of-type img {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0;
}
#single-news_1 .entry__inner {
  width: 80%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  margin: auto;
}
#single-news_1 .entry__inner #entry {
  background: #fff;
  width: 70%;
}
#single-news_1 .entry__inner #entry_side {
  width: 25%;
  margin-left: 5%;
  background: rgba(242, 242, 242, 0.5);
}
#single-news_1 .entry__inner #entry_side .entry_side__contents {
  padding: 30px;
}
#single-news_1 .entry__inner #entry_side .entry_side__contents .read {
  background: #fff;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  padding: 0.3em 0.5em;
}
#single-news_1 .entry__inner #entry_side .entry_side__contents ul {
  margin-top: 15px;
  border-top: 1px solid #68834B;
}
#single-news_1 .entry__inner #entry_side .entry_side__contents ul li {
  border-bottom: 1px solid #68834B;
  padding: 0.8em 0.5em;
}
#single-news_1 .entry__inner #entry_side .entry_side__contents ul li a {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#single-news_1 .entry__inner #entry_side .entry_side__contents ul li a:hover {
  color: #68834B;
  transition: 0.4s;
}

@media all and (max-width: 639px) {
  #single-news_1 .single .main_contents {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #single-news_1 .single .main_contents .post_head .data {
    position: initial;
    display: block;
  }
}
@media all and (max-width: 639px) {
  #single-news_1 .single .main_contents .post_head .title:before {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #single-news_1 .entry__inner {
    display: block;
  }
}
@media all and (max-width: 769px) {
  #single-news_1 .entry__inner #entry {
    width: 100%;
  }
}
@media all and (max-width: 769px) {
  #single-news_1 .entry__inner #entry_side {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
#single-news_2 {
  margin: 100px 0;
}
#single-news_2 .pageer {
  width: 100%;
  text-align: center;
}
#single-news_2 .pageer ul {
  display: table;
  table-layout: fixed;
  margin: auto;
}
#single-news_2 .pageer ul li {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid rgba(242, 242, 242, 0.5);
  border-radius: 5px;
}
#single-news_2 .pageer ul li a {
  padding: 0.8em 1.8em;
  text-align: center;
  display: block;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

#page_news_1 {
  padding-bottom: 100px;
}
#page_news_1 .single .main_contents {
  width: 80%;
  margin: auto;
}
#page_news_1 .single .main_contents .ttl {
  text-align: center;
  padding-top: 10px;
}
#page_news_1 .single .main_contents .ttl h3.en {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#page_news_1 .single .main_contents .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#page_news_1 .single .main_contents .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#page_news_1 .single .main_contents ul {
  margin: auto;
  border-bottom: 1px solid rgba(242, 242, 242, 0.5);
  border-top: 1px solid rgba(242, 242, 242, 0.5);
}
#page_news_1 .single .main_contents ul li {
  border-bottom: 1px dashed rgba(242, 242, 242, 0.5);
  padding: 1em 0;
}
#page_news_1 .single .main_contents ul li p {
  position: relative;
  padding-left: 180px;
  line-height: 1.6em;
}
#page_news_1 .single .main_contents ul li p span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  background: #F2F2F2;
  padding: 0.3em 0.8em;
  display: inline-block;
  width: 150px;
  text-align: center;
  position: absolute;
  left: 0;
}
#page_news_1 .single .main_contents ul li p a {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
}
#page_news_1 .single .main_contents ul li p a:hover {
  color: #68834B;
  transition: 0.4s;
}
#page_news_1 .entry__inner {
  width: 80%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  margin: auto;
}
#page_news_1 .entry__inner #entry {
  /*background: #fff;*/
  width: 70%;
}
#page_news_1 .entry__inner #entry_side {
  width: 25%;
  margin-left: 5%;
  background: rgba(242, 242, 242, 0.5);
}
#page_news_1 .entry__inner #entry_side .entry_side__contents {
  padding: 30px;
}
#page_news_1 .entry__inner #entry_side .entry_side__contents .read {
  background: #fff;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  padding: 0.3em 0.5em;
}
#page_news_1 .entry__inner #entry_side .entry_side__contents ul {
  margin-top: 15px;
  border-top: 1px solid #68834B;
}
#page_news_1 .entry__inner #entry_side .entry_side__contents ul li {
  border-bottom: 1px solid #68834B;
  padding: 0.8em 0.5em;
}
#page_news_1 .entry__inner #entry_side .entry_side__contents ul li a {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}
#page_news_1 .entry__inner #entry_side .entry_side__contents ul li a:hover {
  color: #68834B;
  transition: 0.4s;
}

@media all and (max-width: 639px) {
  #page_news_1 .single .main_contents {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #page_news_1 .single .main_contents ul {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #page_news_1 .single .main_contents ul li p {
    padding-left: 0;
  }
}
@media all and (max-width: 639px) {
  #page_news_1 .single .main_contents ul li p span {
    position: initial;
    display: block;
  }
}
@media all and (max-width: 639px) {
  #page_news_1 .entry__inner {
    display: block;
  }
}
@media all and (max-width: 769px) {
  #page_news_1 .entry__inner #entry {
    width: 100%;
  }
}
@media all and (max-width: 769px) {
  #page_news_1 .entry__inner #entry_side {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
.pc_only {
  display: block !important;
}

.sp_only {
  display: none !important;
}

@media only screen and (max-width: 750px) {
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
}
#otoiawse000 {
  padding: 0 0 110px;
  background: rgba(242, 242, 242, 0.5);
}
#otoiawse000 .diagonal-bg_wrap {
  position: relative;
}
#otoiawse000 .otoiawse__contents h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#otoiawse000 .otoiawse__contents h4:before {
  content: "";
  background-image: url(../img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#otoiawse000 .otoiawse__contents h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#otoiawse000 .otoiawse__contents .contents_inner000 {
  width: 60%;
  margin: auto;
}
#otoiawse000 .otoiawse__contents .left a, #otoiawse000 .otoiawse__contents .right a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  border: 1px solid #68834B;
  padding: 12px 0;
  border-radius: 100px;
}
#otoiawse000 .otoiawse__contents .left a span, #otoiawse000 .otoiawse__contents .right a span {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  vertical-align: middle;
}
#otoiawse000 .otoiawse__contents .left a:hover, #otoiawse000 .otoiawse__contents .right a:hover {
  background: #68834B;
  transition: 0.4s;
  color: #e9dec9;
  transition: 0.4s;
}
#otoiawse000 .otoiawse__contents .tetelink {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 700;
  color: #68834B;
  text-align: center;
}
#otoiawse000 .otoiawse__contents .tetelink a {
  display: block;
  text-decoration: none;
  font-style: italic;
  line-height: 1em;
  position: relative;
}
#otoiawse000 .otoiawse__contents .tetelink a:after {
  content: "";
  background: #e9dec9;
  width: 100%;
  height: 1.3em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  z-index: 1;
}
#otoiawse000 .otoiawse__contents .tetelink a span {
  font-weight: 500;
  color: #68834B;
  font-style: italic;
  line-height: 1em;
  display: block;
  z-index: 2;
  position: relative;
}
#otoiawse000 .other_contents {
  padding-top: 35px;
  margin-bottom: 60px;
  margin: 0 2% 60px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background-color: #fff;
  position: relative;
}
#otoiawse000 .other_contents h4 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#otoiawse000 .other_contents h4:before {
  content: "";
  background-image: url(https://gotas.jp/wp-content/themes/gotas/img/top_title_back2.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#otoiawse000 .other_contents h4 span {
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  line-height: 1em;
  color: #68834B;
  position: relative;
  z-index: 2;
}
#otoiawse000 .other_contents ul {
  width: 70%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 60px;
}
#otoiawse000 .other_contents ul li {
  width: 23%;
}
#otoiawse000 .other_contents ul li img {
  width: 100%;
  border-radius: 10px;
}
#otoiawse000 .other_contents ul li .read {
  line-height: 1em;
  margin: 20px 0 10px;
  text-align: center;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
}
#otoiawse000 .other_contents ul li .read.en {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 21px;
}

.contents_inner000 .contents_inner000__contents ul {
  width: 80%;
  margin: auto;
}
.contents_inner000 .contents_inner000__contents ul li {
  margin: 0 auto 30px;
}
.contents_inner000 .contents_inner000__contents ul li img {
  width: 41%;
  border-radius: 50%;
  display: block;
  margin: auto;
}
.contents_inner000 .contents_inner000__contents .sub_read {
  text-align: center;
  margin-bottom: 50px;
  /*color: #68834B;*/
}
.contents_inner000 .left a:before {
  font-family: "FontAwesome";
  content: "\f098";
  margin-right: 0.3em;
  font-size: 2em;
  vertical-align: middle;
}
.contents_inner000 .right a:before {
  font-family: "FontAwesome";
  content: "\f199";
  margin-right: 0.3em;
  font-size: 2em;
  vertical-align: middle;
}

@media all and (max-width: 769px) {
  .contents_inner000 .contents_inner000__contents ul li img {
    width: 100%;
    max-width: 300px;
  }
  #otoiawse000 .other_contents ul li {
    width: 100%;
    padding: 4%;
  }
}
@media all and (max-width: 639px) {
  .contents_inner000 .contents_inner000__contents ul {
    width: 83%;
  }
  .contents_inner000 .contents_inner000__contents ul li img {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents {
    padding: 30px 15px;
  }
}
@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents .contents_inner {
    width: 100%;
  }
}
@media all and (max-width: 639px) {
  #otoiawse .otoiawse__contents a:last-child {
    margin-top: 10px;
  }
}
#page_top h2 {
  display: none;
}

#contact_1 {
  /*padding-bottom: 0;*/
}

.innerB .left a {
  margin-right: 0;
}

#single-item_1 .single .main_contents .post_custm .morelink {
  width: 190px;
}
#single-item_1 .single .main_contents .post_custm .excerpt_main {
  color: #68834B;
}

.b-m-30 {
  margin-bottom: -30px;
}

#pagetop002 a {
  border: none !important;
}

#s-wrap-pc .form {
  position: fixed;
  width: 310px;
  height: 35px;
  /*right: 28px;
  top: 90px;*/
  left: 28px;
  top: 9px;
  text-shadow: 0px 0px 3px #ffffff, 0px 0px 4px #ffffff;
  margin: initial;
}
#s-wrap-pc .form i {
  font-size: 28px;
  vertical-align: middle;
  /*color: #fff;*/
  margin-right: 6px;
  /*text-shadow: 0px 0px 5px #888;*/
}
#s-wrap-pc .form i.fa-shopping-cart {
  font-size: 24px;
}
#s-wrap-pc .form i.fa-facebook-square {
  font-size: 27px;
}

#s-wrap-sp {
  display: none;
}

#s-wrap-sp .form {
  margin: initial;
}

.s-box {
  width: 200px;
  height: 30px;
  padding: 0 10px;
  border-radius: 2px;
  border: solid 2px #eaeaea;
  outline: 0;
}

.s-btn-area {
  position: absolute;
  right: 3px;
  top: 2px;
  border: none;
  background: none;
  outline: 0;
}

.s-btn {
  background-color: #68834b;
  width: 50px;
  height: 26px;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 801px) and (max-width: 1240px) {
  .logo.gota {
    top: 65px;
    /*margin-top: 70px;*/
  }
  #menuB {
    /*margin: 40px auto 0;*/
    width: 100%;
    margin: 5px auto 0;
  }
  #s-wrap-pc .form {
    /*top: 132px;*/
  }
}
/* instagram */
#instagram_1 .ttl {
  text-align: center;
  padding-top: 10px;
}
#instagram_1 .ttl h3 {
  position: relative;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 26px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 1em;
}
#instagram_1 .ttl h3.en {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-size: 36px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 10px;
}
#instagram_1 .ttl h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: -1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1px;
  background-size: contain;
}
#instagram_1 .ttl .sub_read {
  line-height: 2em;
  width: 80%;
  margin: auto;
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #68834B;
  margin-bottom: 25px;
}
#instagram_1 .msr-wrap {
  /*position: relative;*/
}
#instagram_1 ul {
  width: 100%;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  padding-top: 50px;
}
#instagram_1 ul li {
  width: 270px;
  margin-bottom: 10px;
  /*margin: 10px;*/
  /*margin-right: 2%;
  margin-bottom: 50px;*/
}
#instagram_1 ul li:nth-child(4n) {
  margin-right: 0;
}
#instagram_1 ul li .data {
  margin: 13px 0 3px;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#instagram_1 ul li .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.8em;
  margin-left: 8px;
  border-radius: 100px;
}
#instagram_1 ul li a {
  display: block;
  overflow-wrap: break-word;
}
#instagram_1 ul li a.tham {
  background: #f2f2f2;
  display: block;
  text-align: center;
  height: 184px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #ccc;
  border-bottom: none;
}
#instagram_1 ul li a.tham img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#instagram_1 ul li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#instagram_1 ul li .txt_box {
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
}
#instagram_1 ul li .txt_area {
  display: block;
  /*padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
  background-color: #fff;*/
}
#instagram_1 ul li .txt_area h2 {
  font-size: 15px;
  margin: 0;
}
#instagram_1 ul li .txt_area p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}

@media all and (max-width: 639px) {
  #instagram_1 ul {
    display: block;
  }
}
@media all and (max-width: 639px) {
  #instagram_1 ul li {
    width: 100%;
    margin-right: 0;
  }
}
@media all and (max-width: 639px) {
  #instagram_1 ul li a.tham {
    height: 224px;
  }
}
#single-instagram_1 .single .main_contents {
  width: 80%;
  margin: auto;
}
#single-instagram_1 .single .main_contents.post_box {
  border-bottom: 1px solid #ccc;
  margin-bottom: 60px;
}
#single-instagram_1 .single .main_contents.post_box h3 {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
#single-instagram_1 .single .main_contents.post_box h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-instagram_1 .single .main_contents.post_box h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 23px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
#single-instagram_1 .single .main_contents.post_box .post_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#single-instagram_1 .single .main_contents.post_box .post_head {
  width: 49%;
}
#single-instagram_1 .single .main_contents.post_box .post_head a {
  display: block;
  transition: all 0.2s ease;
}
#single-instagram_1 .single .main_contents.post_box .post_head a:hover {
  opacity: 0.55;
}
#single-instagram_1 .single .main_contents.post_box .post_head .img-box {
  width: 100% !important;
  padding-top: 66% !important;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #single-instagram_1 .single .main_contents.post_box .post_head {
    width: 100%;
    order: 1 !important;
  }
  #single-instagram_1 .single .main_contents.post_box .post_head .img-box {
    width: 90% !important;
    margin-bottom: 10px;
  }
}
#single-instagram_1 .single .main_contents.post_box .post_custm {
  width: 49%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #single-instagram_1 .single .main_contents.post_box .post_custm {
    width: 100%;
    order: 2 !important;
  }
}
#single-instagram_1 .single .main_contents.post_box .post_custm h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#single-instagram_1 .single .main_contents.post_box .post_custm h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-instagram_1 .single .main_contents.post_box .post_custm h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 23px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  #single-instagram_1 .single .main_contents.post_box .post_custm h3 span {
    font-size: 21px;
  }
}
#single-instagram_1 .single .main_contents.post_box .post_custm2 {
  margin-top: 30px;
  margin-bottom: 50px;
}
#single-instagram_1 .single .main_contents.post_box .excerpt_main {
  text-align: center;
  width: 85%;
  margin: auto;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 1.3 !important;
}
#single-instagram_1 .single .main_contents.post_box:nth-child(odd) .post_head {
  order: 2;
}
#single-instagram_1 .single .main_contents.post_box:nth-child(odd) .post_custm {
  order: 1;
}
#single-instagram_1 .single .main_contents .post_head .data {
  margin: 13px 0 0;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#single-instagram_1 .single .main_contents .post_head .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.5em;
  margin-left: 8px;
}
#single-instagram_1 .single .main_contents .post_head h3 {
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
#single-instagram_1 .single .main_contents .post_head h3:before {
  content: "";
  background-image: url(../img/top_title_back.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 335px;
  height: 16px;
  position: absolute;
  z-index: 1;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 6px;
  background-size: contain;
}
#single-instagram_1 .single .main_contents .post_head h3 span {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
#single-instagram_1 .single .main_contents .post_head .chachi {
  width: 80%;
  display: block;
  margin: 0 auto 50px;
  border-radius: 10px;
}
#single-instagram_1 .single .main_contents .post_head .img-box {
  display: block;
  position: relative;
  width: 60%;
  padding-top: 40%;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: 0 auto 50px;
  border-radius: 10px;
}
#single-instagram_1 .single .main_contents .post_head .img-box img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 0px;
}
#single-instagram_1 .single .main_contents .post_custm {
  margin-bottom: 50px;
}
#single-instagram_1 .single .main_contents .post_custm .excerpt_title {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}
#single-instagram_1 .single .main_contents .post_custm .excerpt_main {
  text-align: center;
  width: 80%;
  margin: auto;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#single-instagram_1 .single .main_contents .post_custm img {
  width: 150px;
  display: block;
}
#single-instagram_1 .single .main_contents .post_custm .morelink {
  display: table;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 50px auto 0;
  width: 50%;
  text-align: center;
  border-radius: 100px;
}
#single-instagram_1 .single .main_contents .post_custm .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#single-instagram_1 .single .main_contents .post_custm .post_main {
  width: 100%;
  margin: 100px auto;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .service_1__item {
  margin-bottom: 100px;
}
#single-instagram_1 .single .main_contents .post_custm .post_main img {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin: auto;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .img-box {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 67%;
  overflow: hidden;
  border-radius: 10px;
  margin: auto;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 0px;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .title {
  width: 100%;
  display: table;
  margin: 0 0 15px;
}
#single-instagram_1 .single .main_contents .post_custm .post_main h4 {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 37px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  margin-top: 0;
  line-height: 1em;
  background: #fff;
  position: relative;
  display: inline-block;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .read {
  display: inline-block;
  margin: 0;
  position: relative;
  padding: 0 1em;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .read:before {
  content: "";
  display: block;
  width: 100%;
  background: rgba(104, 131, 75, 0.1);
  height: 0.8em;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: -1;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .read span {
  text-align: center;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 400;
  color: #68834B;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .main {
  margin-top: 15px;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #444;
  font-weight: 400;
  line-height: 2em;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .morelink {
  /*display: table;*/
  display: inline-block;
  background: rgba(242, 242, 242, 0.5);
  padding: 15px 0;
  color: #68834B;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 10px 15px 0 0;
  width: 250px;
  text-align: center;
  border-radius: 100px;
}
#single-instagram_1 .single .main_contents .post_custm .post_main .morelink span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}
#single-instagram_1 .single .project_info {
  margin-top: 120px;
}
#single-instagram_1 .single .project_info .read {
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 42px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  /*color: rgba(242, 242, 242, 0.5);*/
  color: rgb(235, 236, 238);
  text-align: center;
}
#single-instagram_1 .single .project_info ul li {
  text-align: center;
}
#single-instagram_1 .single .project_info ul li p {
  line-height: 1em;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

.list-link {
  position: fixed;
  bottom: 20px;
  z-index: 999;
  left: 0;
  right: 0;
  display: table;
  padding: 15px 0;
  color: #ffffff !important;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  margin: 0 auto;
  width: 250px;
  text-align: center;
  border-radius: 10px;
  background: rgba(104, 131, 75, 0.8);
  border: 1px solid #68834b;
}

.list-link span:after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 5px;
  font-size: 10px;
}

@media all and (max-width: 639px) {
  #single-instagram_1 .single .main_contents {
    width: 100%;
  }
  .list-link {
    width: 195px;
  }
}
#single-instagram_2 {
  margin: 100px 0 50px;
}
#single-instagram_2 .pageer {
  width: 100%;
  text-align: center;
}
#single-instagram_2 .pageer ul {
  display: table;
  table-layout: fixed;
  margin: auto;
}
#single-instagram_2 .pageer ul li {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid rgba(242, 242, 242, 0.5);
  border-radius: 5px;
}
#single-instagram_2 .pageer ul li a {
  padding: 0.8em 1.8em;
  text-align: center;
  display: block;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
}

@media all and (max-width: 639px) {
  #single-instagram_2 {
    margin: 0;
  }
}
#single-instagram_3 {
  margin: 0 0 100px;
}
#single-instagram_3 .morelink {
  border: 1px solid #68834B;
}
#single-instagram_3 ul.w-new {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  padding-top: 50px;
}
#single-instagram_3 ul.w-new li {
  width: 23.5%;
  margin: 0 5px;
  margin-bottom: 50px;
}
#single-instagram_3 ul.w-new li:first-of-type {
  display: none;
}
#single-instagram_3 ul.w-new li .data {
  margin: 13px 0 3px;
  font-family: "YakuHanJP", "Barlow Condensed", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
}
#single-instagram_3 ul.w-new li .data span {
  background: #68834B;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  display: inline-block;
  padding: 0 0.8em;
  margin-left: 8px;
  border-radius: 100px;
}
#single-instagram_3 ul.w-new li a {
  display: block;
}
#single-instagram_3 ul.w-new li a.tham {
  background: #f2f2f2;
  display: block;
  text-align: center;
  height: 140px;
  vertical-align: middle;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
#single-instagram_3 ul.w-new li a img {
  display: block;
  margin: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#single-instagram_3 ul.w-new li a p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  font-weight: 500;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
}
#single-instagram_3 ul.w-new li p {
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  font-weight: 400;
  color: #68834B;
  line-height: 1.5em;
  margin-top: 10px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (max-width: 639px) {
  #single-instagram_3 {
    margin: 0 0 50px;
  }
  #single-instagram_3 ul.w-new li {
    width: 48.75%;
    margin: 0 5px 90px;
  }
  #single-instagram_3 ul.w-new li a.tham {
    height: 230px;
  }
  #single-instagram_3 .slick-list {
    width: 80%;
    margin: 0 auto;
  }
  #single-instagram_3 .slick-prev {
    left: 10px !important;
    margin-top: -30px;
  }
  #single-instagram_3 .slick-next {
    right: 10px !important;
    margin-top: -30px;
  }
}
.main_w80 {
  width: 80%;
  margin: 0 auto;
}

.main_color {
  color: #68834B !important;
}/*# sourceMappingURL=basis.css.map */
/*# contactform7完了画面入力欄非表示 20250903 */
.wpcf7-form.sent *:not(.wpcf7-response-output) {
  display: none !important;
}