@charset "utf-8";
/*
assets/js/my_animation.jsとの組み合わせ

フェードイン：fadeIn_left blurTrigger

スライドイン（左から右）：
┗親(背景スライド要素)：bgextend_left bgRLextendTrigger_left
┗子(コンテンツの中身)：bgappearTrigger_left


スライドイン（右から左）：
┗親：bgRLextendTrigger_left
…付与される。bgRLextend_left
┗子：bgappearTrigger_left
…付与される。bgappear_left
*/
body {
    color: #000000;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header#site-header .site-header-logo, .mintyo {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.bold {
  font-weight: 600;
}
h2.mainttl span.green {
  padding: 0;
  color: #729925;
}
span.green {
  color: #729925;
}
li {
  list-style: none;
}
p {
  line-height: 1.9;
}
h2 {
    border: 0;
    display: block;
}
.h2_ttl  {
  font-size: 30px;
}
.center{
  text-align: center;
  display: block;
}
.m_tb100{
  margin: 100px 0;
}
.m_b100{
  margin-bottom: 100px;
}
.m_t100{
  margin-top: 100px;
}
.m_tb50{
  margin: 50px 0;
}
.m_b50{
  margin-bottom: 50px ;
}
.m_t50{
  margin-top: 50px ;
}
.m_tb25{
  margin: 25px 0;
}
.m_b25{
  margin-bottom: 25px;
}
.m_t25{
  margin-top: 25px;
}
.green_font{
  color: #729925;
}
.h2_design1 {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  color: #729925;
  line-height: 1.2;
  margin: 50px 0 5px;
}
textarea, input.c-form-parts {
  margin-bottom: 0;
}
.white {
  color: #ffffff;
}
h3 {
  font-size: 21px;
}
h4 {
  background: none;
  padding: 0;
  font-size: 18px;
}
/*　main coad end */


header#site-header h1 span  {
  color: #000000;
}
section#mv, section#sec1 {
    padding: 0 0 50px 0;
}
section#mv {
    position: relative;
}
.mv_right {
    text-align: right;
}
.mv_right img {
    width: 50vw;
}
section#mv h2 {
    font-size: 60px;
    line-height: 2;
    letter-spacing: 5px;
}
h2.mainttl span {
    background: #ffffff;
    padding: 10px 30px;
}
section#mv h2.mainttl {
    text-align: right;
    margin-bottom: 0;
    padding: 0 0 30px;
}
.mv_left {
    position: absolute;
    left: 40%;
    top: 50%;
    margin: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
p.catch {
    text-align: right;
}
p.catch span {
  background: #ffffff;
  padding: 7px 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 2.3;
}
section#sec1 {
    padding: 125px 0 100px;
    background: #729925;
    position: relative;
}
h2.main_page_h2 {
  color: #ffffff;
  font-size: 80px;
  text-align: center;
  letter-spacing: 5px;
  font-weight: 900;
  padding: 0;
  margin-bottom: 0;
}
h2.main_page_h2 span {
  width: 700px;
  display: inline-block;
}
.container {
  position: relative;
}
.sec1_box {
}
section#sec1 h2 {
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  margin: auto;
}
section#sec1 h2 span {
  background: #729925;
}
.sec1_box {
  padding: 80px 50px 50px;
  z-index: 0;
  position: relative;
}
.sec1_box p {
  text-align: center;
  color: #ffffff;
}
p.sec1_maintxt {
  font-size: 27px;
  font-weight: 700;
}
a.link-button {
  width: 250px;
  background: #ffffff;
  display: block;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  padding: 15px 0;
  border-radius: 40px;
  color: #729925;
  margin: 50px auto 0;
  position: relative;
  box-shadow: 0px 3px 0px 1px #3A4427;
  z-index: 10;
}
a.link-button::after {
  content: "";
  background-image: url(../../img/common/green_logo.png);
  background-size: 100%;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
p.sec1_txt {
  line-height: 2;
}
section#sec2 h2, section#sec5 h2 {
  color: #729925;
}
section#sec2 {
  padding: 100px 0;
  position: relative;
}
.grid-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  align-items: center;
}
.grid-item1 {
  grid-area: 1/1/4/2;
  padding-bottom: 10px;
}
.grid-item2 {
  grid-area: 4/1/7/2;
}
.grid-item3 {
  grid-area: 1/2/3/3;
}
.grid-item4 {
  grid-area: 3/2/5/3;
}
.grid-item5 {
  grid-area: 5/2/7/3;
}
.grid-item6 {
  grid-area: 1/3/7/5;
  padding-left: 15px;
}
section#sec2 h2 {
  margin-bottom: 50px;
}
.grid-box img {
  padding: 0 5px;
}
.grid-item3, .grid-item4, .grid-item5 {
  padding-bottom: 7px;
}
.grid-box>div {
  line-height: 1;
}
h3, h3::after {
  border-bottom: 0;
}
.grid-box h3 {
  margin-bottom: 0;
}
p.subttl {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.grid-item6 a {
  margin: 0;
}
a.link-button2 {
  background: #729925;
  color: #ffffff;
  line-height: 1.5;
}
a.link-button2::after {
  content: "";
  background-image: url(../../img/common/white_logo.png);
}
.global-nav-list>li:before {
  border-bottom: 1px solid #729925;
}
section#sec3 {
  width: 100%;
  padding: 100px 0;
  background: #729925;
}
section#sec4 {
  width: 100%;
  padding: 100px 0;
  background: #3A4427;
}
section#sec3 h2, section#sec4 h2 {
  line-height: 1;
  margin-bottom: 75px;
}
section#leasing h2 {
  line-height: 1;
  margin-bottom: 50px;
}
.sec3-grid-box {
  display: grid;
  grid-template-columns: 200px 1fr;
}
.sec3-left {
  background: #ffffff;
  height: 200px;
  align-items: center;
  justify-content: center;
  display: grid;
}
.container2 {
  max-width: 750px;
  margin: auto;
}
.sec3-right {
  padding-left: 50px;
}
section#sec3 h3, section#sec3 p, section#sec4 h3, section#sec4 p {
  color: #ffffff;
  padding-bottom: 0;
}
section#sec3 a {
  margin: 0;
}
section#sec4 h2::after {
  content: "採用情報";
  font-size: 16px;
  display: block;
  margin-top: 20px;
}
.sec4_wrppaer {
  text-align: center;
}
p.big-font {
  font-size: 25px;
  font-weight: 600;
  line-height: 2;
}
section#sec5 {
  width: 100%;
  padding: 100px 0;
}
section#sec5 li span {
  font-size: 14px;
  letter-spacing: 1px;
  margin-right: 30px;
}
section#sec5 a.post_ttl {
  font-size: 16px;
  color: #000000;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: 600;
}
section#sec5 li {
  padding: 35px 30px;
  border-bottom: 1px solid #E1E1E1;
}
a.post_cat {
  border: 1px solid #939393;
  padding: 3px 20px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  margin-right: 30px;
}
footer.site-footer {
  background: #729925;
  color: #ffffff;
}
.head_recruit {
  position: absolute;
  top: 50%;
  right: 5px;
  font-size: 14px;
  transform: translateY(-50%);
  width: 110px;
  text-align: center;
  background: #3a4427;
  padding: 0;
}
.head_newshop {
  position: absolute;
  top: 50%;
  right: 125px;
  font-size: 14px;
  transform: translateY(-50%);
  width: 110px;
  text-align: center;
  background: #729925;
  padding: 0;
}
.head_recruit a, .head_newshop a {
  color: #ffffff;
  font-weight: 600;
  padding: 28px 0;
  display: block;
}
.head_newshop::after {
  content: "";
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: #4e6d12;
  width: 9px;
  height: 6px;
  position: absolute;
  bottom: 0px;
  left: -8px;
}
.head_recruit::after {
  content: "";
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: #324709;
  width: 9px;
  height: 6px;
  position: absolute;
  bottom: 0px;
  left: -8px;
}
.device-pc .global-nav-list>li>a {
  padding: 14px 25px;
}
.button:hover {
  background: #596F2D;
    color: #ffffff;
    letter-spacing: 5px;
    transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
}
aside#nav_menu-3 li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 0;
}
footer.site-footer h2 {
  padding: 0;
}
.fot_button a {
  border: 2px solid #ffffff;
  width: calc(100% - 50px);
  display: block;
  margin-bottom: 24px;
  color: #ffffff;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
header#site-header {
  width: 100%;
}
.header_scrolled .header-top, .header_scrolled .site-header-logo, .header_scrolled .site-header-sub {
  display: block;
}
.site-footer-content {
  padding: 75px 15px 50px;
}
.page-header {
  color: #fff;
  background-color: #729925;
  padding: 50px 0;
}
.page-header-inner.container p {
  font-size: 80px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 3px;
}
h1.page-header-title {
  font-size: 18px;
}
h1.out_page_h1 {
  margin-bottom: 0;
}
dl {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
}
dt {
  border-bottom: 1px solid #f0f0f0;
  padding: 30px 10px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
  height: 100%;
}
dd {
  border-bottom: 1px solid #f0f0f0;
  padding: 30px 10px;
  font-weight: 500;
  font-size: 16px;
}
.flex {
  display: flex;
}
/*----------------------------------------
about us
----------------------------------------*/
.about_sec1 div {
  width: 100%;
}
p.font-weight {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
}
.about_sec1 span {
  font-size: 12px;
  font-weight: 600;
}
.about_sec1 p {
  margin-bottom: 0;
}
p.main_txt {
  font-size: 22px;
  font-weight: 600;
  margin: 20px 0;
  letter-spacing: 3px;
}
.about_sec1 {
  margin-bottom: 50px;
}
.about_sec1_right {
  border-left: 1px solid #e5e5e5;
  padding-left: 50px;
}
.about_sec2_right {
  padding-left: 50px;
}
span.page_h2subttl {
  text-align: center;
  display: block;
  color: #729925;
  font-weight: 600;
}
.page_h2mainttl {
  color: #729925;
  font-weight: 800;
  font-size: 50px;
  letter-spacing: 3px;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
}
.page_h2mainttl2 {
  color: #729925;
  font-weight: 600;
  font-size: 30px;
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
}
.page_h2ttl {
  margin: 50px 0;
}
.about_sec3_right {
  padding-left: 50px;
}
p.name {
  font-size: 20px;
  font-weight: 700;
}
p.name span {
  display: block;
  font-weight: 100;
  font-size: 14px;
}
p.center {
  text-align: center;
}
.fot_button2 a {
  font-size: 20px;
  color: #729925;
  font-weight: 700;
  text-align: center;
  display: block;
  letter-spacing: 1px;
}
.business_box_left, .business_box_right {
  width: 50%;
}
.business_box_left img {
  width: 275px;
}
.business_box {
  margin-bottom: 80px;
}
.business_box_left, .business_box_right {
  width: 50%;
  padding: 0 20px;
}
.business_wrap {
  margin-top: 100px;
}
header#site-header {
  position: fixed;
}
.site-header-logo {
  text-align: left;
  padding-top: 15px;
  margin-bottom: 15px;
}
.device-mobile .global-nav-list>li {
  padding: 14px 30px;
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.c-form.is-default th {
  display: table-cell;
  width: 280px;
  min-height: 70px;
  background-color: #f1f5e9;
  overflow: hidden;
  vertical-align: middle;
}
.c-form.is-default th, .c-form.is-default td {
  padding: 10px;
  border-width: 1px 0;
  border-color: #729925;
}
input.c-form-parts, select.c-form-parts, textarea.c-form-parts, button.c-form-parts {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  padding: 13px 20px;
  font-size: 16px;
  border: 1px solid #D6D6D6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
}
.c-form-label {
  width: 48px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  margin-left: 10px;
  text-align: center;
  background: #729925;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
}
.c-form.is-default th {
  font-weight: 700;
  text-align: left;
  font-size: 16px;
  color: #4E6A15;
}
.link-button {
  width: 300px;
  background: #ffffff;
  display: block;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  padding: 15px 0;
  border-radius: 40px;
  color: #729925;
  margin: 50px auto 0;
  position: relative;
  box-shadow: 0px 3px 0px 1px #3A4427;
  z-index: 10;
  font-size: 18px;
}
.link-button::after {
  content: "";
  background-image: url(../../img/common/green_logo.png);
  background-size: 100%;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.link-button2::after {
  content: "";
  background-image: url(../../img/common/white_logo.png);
}
.link-button2 {
  background: #729925;
  color: #ffffff;
  line-height: 1.5;
}
button {
    border: 0px;
    background: none;
}
button.c-form-btn.c-btn02.green {
  display: block;
  margin: auto;
}
.buysell img:hover {
  opacity: 0.5;
  transition-duration: 0.3s;

}
.buysell {
  width: 200px;
}
section#leasing {
  width: 100%;
  padding: 100px 0;
  background: #729925;
}
section#leasing h2::after {
  content: "店舗物件募集の案内";
  font-size: 16px;
  display: block;
  margin-top: 20px;
}
.outlink::before {
  content: "";
  background-image: url(../../img/common/outlink.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: -25px;
  top: 2px;
  bottom: 0;
  margin: auto;
}
.outlink2::before {
  content: "";
  background-image: url(../../img/common/outlink.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 10px;
  top: 2px;
  bottom: 0;
  margin: auto;
}
.entry-meta-data-list dt {
  height: auto;
}
input[type=submit] {
  border: 1px solid #729925;
  background-color: #729925;
}
.btn-primary {
  background-color: #729925;
  border-color: #4d6d0d;
}
.vk_post_imgOuter>a::after {
  content: "";
  background-image: url(../../img/common/logo_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35%;
}
.card-img-overlay {
  background: #729925;
}
.site-footer-title:after {
  content: ".";
  border-bottom: 1px solid #729925;
}
.media-img {
  border: 0px;
}
.entry-meta-data-list.entry-meta-data-list--category {
  display: none;
}










/*---------------------------------------------------------アニメーション系---------------------------------------------------------------*/
/*----------------------------------------
横スクロール アニメーション start
----------------------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 80s infinite linear 0.5s both;
  }
  .scroll-infinity__item {
    width: calc(100vw / 6);
  }
  .scroll-infinity__item>img {
    width: 100%;
  }
/*----------------------------------------
横スクロール アニメーション end
----------------------------------------*/




/*----------------------------------------
矢印 アニメーション start
----------------------------------------*/
.fot_button{
position: relative;
  padding: 0 20px;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.fot_button::before{
  content: '';
  position: absolute;
  bottom: 15px;
  right: 8%;
  width: 18%;
  height: 2px;
  background:#ffffff;
  transition: all .3s;
}
.fot_button::after{
  content: '';
  position: absolute;
  bottom: 20px;
  right: 27px;
  width: 15px;
  height:2px;
  background:#ffffff;
  transform: rotate(35deg);
  transition: all .3s;
}
.fot_button:hover::before{
  right: 2%;
}
.fot_button:hover::after{
  right: 2%;
}

.fot_button2 {
  position: relative;
  padding: 18px;
  color: #729925;
  text-decoration: none;
  outline: none;
  border: 2px solid #729925;
  width: 330px;
}
  .fot_button2::before{
    content: '';
    position: absolute;
    bottom:15px;
    right: -10%;
    width: 18%;
    height: 2px;
    background: #729925;
    transition: all .3s;
  }
  .fot_button2::after{
    content: '';
    position: absolute;
    bottom: 20px;
    right: -10%;
    width: 15px;
    height:2px;
    background:#729925;
    transform: rotate(35deg);
    transition: all .3s;
  }
  .fot_button2:hover::before{
    right: -14%;
  }
  .fot_button2:hover::after{
    right: -14%;
  }
/*----------------------------------------
矢印 アニメーション end
----------------------------------------*/

/*----------------------------------------
フェードイン アニメーション start
----------------------------------------*/
.fadeIn. {
  opacity: 0;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 30%);
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_left.blurTrigger {
  opacity: 0;
}
.fadeIn_left.blur {
  transform: translate(0, 0);
  animation-name: blurAnime;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-fill-mode: both;
  height: auto;
}
.fadeIn_right.blurTrigger {
  opacity: 1;
  /*transform: translate(30%, 0);*/
}
.fadeIn_right.blur {
  transform: translate(0, 0);
  animation-name: blurAnime;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: both;
}
section#sec2 .fadeIn_left, section#sec2 .fadeIn_right {
  opacity: 0;
}
/*----------------------------------------
button アニメーション start
----------------------------------------*/
.link-button {
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
}
.link-button:hover {
  background: #596F2D;
  color: #ffffff;
  letter-spacing: 5px;
}
.link-button2 {
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
}
.link-button2:hover {
  background: #3A4427;
  color: #ffffff;
  letter-spacing: 5px;
}
/*----------------------------------------
枠線アニメーション start
----------------------------------------*/

/* ::beforeと::after疑似要素に共通するスタイル */
.sec1_box::before, 
.sec1_box::after {  
  border: 3px solid #ffffff;
  position: absolute;               /* 絶対指定 */
  content: "";                      /* コンテンツの内容を空に */  
  transition: all 0.7s ease-in-out; /* 徐々に加速 */
}

/* ::before疑似要素のスタイル「左上括弧」 */
.sec1_box::before {  
  border-width: 3px 0 0 3px; /* 上と左の境界線のみ表示 */
  top: 0;                    /* 要素の上端からの位置 */
  left: 0;                   /* 要素の左端からの位置 */
  width: 30px;               /* 幅を30pxに設定 */
  height: 25px;              /* 高さを25pxに設定 */
}

/* ::after疑似要素のスタイル「右下括弧」 */
.sec1_box::after {  
  border-width: 0 3px 3px 0; /* 下と右の境界線のみ表示 */
  bottom: 0;                 /* 要素の下端からの位置 */
  right: 0;                  /* 要素の右端からの位置 */
  width: 30px;               /* 幅を30pxに設定 */
  height: 25px;              /* 高さを25pxに設定 */
}

/* ホバー時の::beforeと::after疑似要素のスタイル */
.sec1_box_plus::before,
.sec1_box_plus::after {  
  width: 100%;               /* 幅を要素全体に拡大 */
  height: 100%;              /* 高さを要素全体に拡大 */
}



/*----------------------------------------
背景 帯の流れる要素 start
----------------------------------------*/

.bgextend{
    animation-name:bgextendAnimeBase;
    animation-duration:1s;
    animation-fill-mode:forwards;
    position: relative;
    overflow: hidden;/*　はみ出た色要素を隠す　*/
    opacity:0;
  }
  
  @keyframes bgextendAnimeBase{
    from {
      opacity:0;
    }
  
    to {
      opacity:1;  
  }
  }
  
  /*中の要素*/
  .bgappear{
    animation-name:bgextendAnimeSecond;
    animation-duration:1s;
    animation-delay: 0.6s;
    animation-fill-mode:forwards;
    opacity: 0;
  }
  
  @keyframes bgextendAnimeSecond{
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
  }
  }
  
  /*右から左*/
  .bgRLextend::before{
    animation-name:bgRLextendAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #3A4427;/*伸びる背景色の設定*/
  }
  @keyframes bgRLextendAnime{
    0% {
      transform-origin:right;
      transform:scaleX(0);
    }
    50% {
      transform-origin:right;
      transform:scaleX(1);
    }
    50.001% {
      transform-origin:left;
    }
    100% {
      transform-origin:left;
      transform:scaleX(0);
    }
  }
  
  
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
  .bgappearTrigger,
  .bgRLextendTrigger{
      opacity: 0;
  }


/*左から右*/


  .bgextend_left{
    animation-name:bgextendAnimeBase_left;
    animation-duration:1s;
    animation-fill-mode:forwards;
    position: relative;
    overflow: hidden;/*　はみ出た色要素を隠す　*/
    opacity:0;
  }
  
  @keyframes bgextendAnimeBase_left{
    from {
      opacity:0;
    }
  
    to {
      opacity:1;  
  }
  }
  
  /*中の要素*/
  .bgappear_left{
    animation-name:bgextendAnimeSecond_left;
    animation-duration:1s;
    animation-delay: 1s;
    animation-fill-mode:forwards;
    opacity: 0;
  }
/*リクルートページ*/
  #workstyle .bgappear_left{
    animation-duration:0.5s;
    animation-delay: 0.7s;
  }
/*リクルートページ*/

  @keyframes bgextendAnimeSecond_left{
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
  }
  }
  
  /*bgRLextend_left */
  .bgRLextend_left::before{
    animation-name:bgRLextendAnime_left;
    animation-duration:1s;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #3A4427;/*伸びる背景色の設定*/
  }
  .bgRLextend_left3::before{
    animation-name:bgRLextendAnime_left;
    animation-duration:1s;
    animation-delay:0;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #ffffff;/*伸びる背景色の設定*/
      z-index: 10000;
  }
  /*リクルートページ*/
  .point_back.bgRLextend_left::before{
    animation-name:bgRLextendAnime_left;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #3A4427;/*伸びる背景色の設定*/
      z-index: 10000;
  }

  .point_ttl.bgRLextend_left::before{
    animation-name:bgRLextendAnime_left;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #729925;/*伸びる背景色の設定*/
      z-index: 10000;
  }
  /*リクルートページ*/
  
  @keyframes bgRLextendAnime_left{
    0% {
      transform-origin:left;
      transform:scaleX(0);
    }
    50% {
      transform-origin:left;
      transform:scaleX(1);
    }
    50.001% {
      transform-origin:right;
    }
    100% {
      transform-origin:right;
      transform:scaleX(0);
    }
  }
/*bgRLextend_left */

  
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
  .bgappearTrigger_left,
  .bgRLextendTrigger_left{
      opacity: 0;
  }

/*----------------------------------------
背景の流れる要素 end
----------------------------------------*/

/*----------------------------------------
ふわっとテキスト出現 start
----------------------------------------*/

.blur{
	animation-name:blurAnime;
  animation-delay: 2s;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.blur2{
	animation-name:blurAnime;
    animation-delay: 1s;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.blur3{
	animation-name:blurAnime;
    animation-delay: 3s;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.blur4{
	animation-name:blurAnime;
    animation-delay: 4s;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.0);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
 
.blurTrigger, .blurTrigger3, .blurTrigger4 {
    opacity: 0;
}

/*----------------------------------------
ふわっとテキスト出現 end
----------------------------------------*/

/*----------------------------------------
ハンバーガー start
----------------------------------------*/

.wrapper_ham {
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    z-index: 100000;
}
.new_menu-icon-toggle {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 100000;
}
.new_menu-icon-toggle {
  top: 50px;
  position: fixed;
  right: 20px;
  top: 15px;
  z-index: 10000000;
}
.new_menu-icon-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  background-color: #729925;
  transform: translate(0, -50%);
  transition: opacity 0.3s 0.3s;
}
.home:not(.open) .new_menu-icon-toggle span {
  background-color: #729925;
}
.new_menu-icon-toggle::before, .new_menu-icon-toggle::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #333333;
  transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}
.new_menu-icon-toggle::before {
  top: 6px;
}
.new_menu-icon-toggle::after {
  bottom: 6px;
}
.open .new_menu-icon-toggle span {
  opacity: 0;
  transition: opacity 0.3s;
}
.open .new_menu-icon-toggle::before, .open .new_menu-icon-toggle::after {
  background-color: #333333;
}
.open .new_menu-icon-toggle::before {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.open .new_menu-icon-toggle::after {
  bottom: calc(50% - 1px);
  transform: rotate(-45deg);
}
.open .new_menu-icon-toggle::before, .open .new_menu-icon-toggle::after {
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}
.new_menu-background {
  visibility: hidden;
  width: 300%;
  height: 100%;
  left: -130%;
  background-color: #729925;
  transition: background-position 0.5s, transform 0.5s 0.5s, visibility 0.5s 1s;
  position: fixed;
  z-index: 10000;
}
.open .new_menu-background {
  visibility: visible;
  transition: background-position 0.5s, transform 0.5s 0.5s;
  z-index: 10000;
  position: fixed;
}
.new_menu-background.top {
  transform: rotate(-45deg) translateY(-150%);
  background: linear-gradient(to top, #ffffff 50%, #729925 50%);
  background-size: 100% 200%;
  background-position: -100% 100%;
}
.open .new_menu-background.top {
  transform: rotate(-45deg) translateY(-49%);
  background-position: 0 0;
}
.new_menu-background.middle {
  transform: rotate(-45deg) translateY(50%) scaleY(0);
  background: #729925;
}
.open .new_menu-background.middle {
  transform: rotate(-45deg) translateY(50%) scaleY(1);
}
.new_menu-background.bottom {
  transform: rotate(-45deg) translateY(250%);
  background: linear-gradient(to bottom, #729925 50%, #ffffff 50%);
  background-size: 100% 200%;
  background-position: 0 -100%;
}
.open .new_menu-background.bottom {
  transform: rotate(-45deg) translateY(149%);
  background-position: 0 0;
}
.new_menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 10000;
}
.open .new_menu {
  visibility: visible;
  position: fixed;
}
.new_menu li {
  opacity: 0;
  margin-bottom: 5px;
  transform: translateX(20px);
  transition: all 0.3s;
}
.new_menu li:nth-child(5) {
  transition-delay: 0.1s;
}
.new_menu li:nth-child(5) span {
  transition-delay: 0.1s;
}
.new_menu li:nth-child(5) {
  transition-delay: 0.2s;
}
.new_menu li:nth-child(5) span {
  transition-delay: 0.2s;
}
.new_menu li:nth-child(4) {
  transition-delay: 0.3s;
}
.new_menu li:nth-child(4) span {
  transition-delay: 0.3s;
}
.new_menu li:nth-child(3) {
  transition-delay: 0.4s;
}
.new_menu li:nth-child(3) span {
  transition-delay: 0.4s;
}
.new_menu li:nth-child(2) {
  transition-delay: 0.5s;
}
.new_menu li:nth-child(2) span {
  transition-delay: 0.5s;
}
.new_menu li:nth-child(1) {
  transition-delay: 0.6s;
}
.new_menu li:nth-child(1) span {
  transition-delay: 0.6s;
}
.open .new_menu li {
  opacity: 1;
  transform: translateX(0);
  backface-visibility: hidden;
}
.open .new_menu li:nth-child(1) {
  transition-delay: 1.1s;
}
.open .new_menu li:nth-child(1) span {
  transition-delay: 1.1s;
}
.open .new_menu li:nth-child(2) {
  transition-delay: 1.2s;
}
.open .new_menu li:nth-child(2) span {
  transition-delay: 1.2s;
}
.open .new_menu li:nth-child(3) {
  transition-delay: 1.3s;
}
.open .new_menu li:nth-child(3) span {
  transition-delay: 1.3s;
}
.open .new_menu li:nth-child(4) {
  transition-delay: 1.4s;
}
.open .new_menu li:nth-child(4) span {
  transition-delay: 1.4s;
}
.open .new_menu li:nth-child(5) {
  transition-delay: 1.5s;
}
.open .new_menu li:nth-child(5) span {
  transition-delay: 1.5s;
}
.open .new_menu li:nth-child(6) {
  transition-delay: 1.6s;
}
.open .new_menu li:nth-child(6) span {
  transition-delay: 1.6s;
}
.open .new_menu li:nth-child(7) {
  transition-delay: 1.7s;
}
.open .new_menu li:nth-child(7) span {
  transition-delay: 1.7s;
}
.new_menu li:nth-child(6), .new_menu li:nth-child(7) {
  border-bottom: 0px;
}
.new_menu li:nth-child(6), .new_menu li:nth-child(7) {
  background: #ffffff;
  margin-top: 30px;
  border: 7px double #729925;
}

.new_menu a {
  position: relative;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
}
.new_menu a::before {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  left: -30px;
  top: 50%;
  background-color: #ffffff;
  transform: translateY(-50%);
  transition: width 0.3s;
}
.new_menu a:hover::before {
  width: 15px;
}
.open .content {
  opacity: 0;
  transition: all 0.3s;
}
ul.new_menu {
  width: 100%;
}
ul.new_menu li {
  width: 80%;
  margin: auto;
  line-height: 2;
  border-bottom: 1px solid #a1bf62;
  font-size: 16px;
}
ul.new_menu a {
  padding: 15px 0;
  display: block;
}
a.ham_recruit {
  color: #729925;
  font-weight: 600;
  text-align: center;
  display: block;
  letter-spacing: 3px;
}
/*----------------------------------------
ハンバーガー end
----------------------------------------*/
div#post-63 h2 {
  padding-bottom: 0;
}



/*
  アコーディオンそのものの横幅と余白を指定。
  開閉動作に影響なし。
*/
.accordion__list {
  width: 100%;
}

/*
  アコーディオンの2つ目以降、上に余白を取る。
  開閉動作に影響なし。
*/
.accordion__item:nth-child(n+2) {
  margin-top: 10px;
}

/*
  アコーディオンの開閉ボタンの装飾。
  position: relative;が無いと、
  「+」「-」の位置がずれるので注意。
*/
.accordion__head {
  position: relative;
  width: 100%;
  padding: 35px 85px 35px 50px;
  background: #F6F6F6;
  cursor: pointer;
  border: 1px solid;
}

/*
  アコーディオンの開閉ボタンの右側に「+」を表示。
*/
.accordion__head::after {
  content: "+";
  position: absolute;
  top: -30px;
  right: 25px;
  bottom: 0;
  font-size: 30px;
  line-height: 1;
  margin: auto;
  height: 0;
  display: block;
}

/*
  アコーディオンが開いた際に、
  開閉ボタンの右側に「+」を「-」に変更する。
*/
.accordion__item.active .accordion__head::after {
  content: "-";
  right: 25px;
  font-size: 45px;
  top: -60px;
}

/*
  アコーディオンの閉じている部分の装飾。
  height: 0; overflow: hidden;にすることで、
  通常時は表示されないようにする。
*/
.accordion__body {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 10px;
  background: #FBFBFB;
  transition: all .25s ease;
}

/*
  アコーディオンが開いた際に、
  heightを0からautoに、paddingの上下を0から10に。
*/
.accordion__item.active .accordion__body {
  height: auto;
  padding: 0 40px 20px;
}
.accordion__head p {
  margin-bottom: 0;
  line-height: 1.7;
}
.accordion__head h4 {
  margin-bottom: 10px;
}
.accordion__item {
  margin-bottom: 20px;
}
.accordion-content dl {
  margin: 0;
}
.accordion-content dd, .accordion-content p {
  line-height: 1.7;
  font-size: 15px;
}
section.job_wrap {
  margin-top: 70px;
}
.accordion__item.active .accordion__body {
  height: auto;
  padding: 0 40px 20px;
  border-left: 1px dashed #717171;
  border-right: 1px dashed #717171;
  border-bottom: 1px dashed #717171;
}
span.mwform-checkbox-field-text a {
  color: var(--vk-color-text-link-hover);
  font-weight: 600;
}
p.c-form-agreement.mwform-checkbox-field-text {
  text-align: center;
  margin: 50px 0 0;
}
a.outlink {
  position: relative;
}
.fotter_top_logo img {
  width: 150px;
}
.fotter_top_wrap {
  align-items: center;
  justify-content: center;
  padding: 25px 0;
}
.fotter_top_wrap div {
  margin: 0 15px;
}
section#fotter_top {
  border-top: 1px solid #e1e1e1;
  margin-top: 50px;
}
.fotter_top_txt {
  font-size: 14px;
}
.about_sec2_left {
  max-width: 400px;
}
div#mission h2 {
  font-size: 50px;
  margin-bottom: 5px;
  line-height: 1;
  padding: 0;
  letter-spacing: 4px;
}
div#vision h2 {
  font-size: 50px;
  margin-bottom: 5px;
  line-height: 1;
  padding: 0;
  letter-spacing: 4px;
  color: #ffffff;
}
div#value h2 {
  font-size: 50px;
  margin-bottom: 5px;
  line-height: 1;
  padding: 0;
  color: #729925;
  letter-spacing: 4px;
}
div#mission {
  font-weight: 600;
  width: 75%;
  margin: 75px auto 100px;
}
div#vision {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: #729925;
  padding: 75px 0;
}
.vision_wrap {
  font-weight: 600;
  width: 75%;
  margin: 0 auto;
}
div#value {
  font-weight: 600;
  width: 75%;
  margin: 75px auto 0;
}
div#mission p.h2_bottom {
  font-size: 14px;
}
 div#vision p {
  color: #ffffff;
}
div#value p.h2_bottom {
  font-size: 14px;
  color: #729925;
}
div#mission p.h2_bottom {
  font-size: 14px;
}
div#mission p, div#vision p {
  line-height: 2;
}

div#value .flex {
  align-items: center;
  margin-top: 60px;
}
.value_left {
  font-size: 35px;
  letter-spacing: 3px;
  color: #729925;
  padding-right: 50px;
}
.value_right {
  padding: 5px 0 5px 50px;
  border-left: 2px solid #729925;
}
.value_right h3 {
  margin-bottom: 0;
  font-size: 25px;
  letter-spacing: 2px;
}
.value_right p {
  font-weight: 300;
  margin-bottom: 0;
  line-height: 2;
}
section#sec2 h2::after {
  content: "事業紹介";
  font-size: 16px;
  display: block;
  line-height: 1;
  color: #000000;
  font-weight: 600;
}
section#sec2 h3 {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
}
section#sec2 h3 span {
  font-size: 27px;
  color: #729925;
}








/*---------------------------------------------------------レスポンシブ---------------------------------------------------------------*/
@media screen and (min-width: 376px) {
.w375on {
  display: none;
}
}
@media screen and (min-width: 430px) {
  .spon {display: none;}
}
@media screen and (min-width: 576px) {
  .container, .container-md, .container-sm {
    max-width: 100%;
}
}
@media screen and (min-width: 769px) {
  .container, .container-md, .container-sm {
    max-width: 750px;
}
  .tabin {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .wrapper_ham {
    display: none;
  }
  .992on {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .container, .container-md, .container-sm {
    max-width: 1000px;
}
}
@media screen and (min-width: 1501px) {
    section#mv h2 {
        font-size: 75px;
    }
}



@media screen and (max-width: 1500px) {
  nav#global-nav {
    padding-right: 220px;
}
}
@media screen and (max-width: 1200px) {
  nav#global-nav {
    padding-right: 220px;
}
section#mv h2 {
  font-size: 50px;
}
h2.mainttl span {
  padding: 5px 25px;
}
div#site-header-container {
  max-width: 100%;
}
}
@media screen and (max-width: 991px) {
  .head_button {
    display: none;
}
p {
    line-height: 1.7;
}
body, html {
  font-size: 16px;
}
div#vk-mobile-nav-menu-btn {
  display: none;
}
.new_menu-background {
  height: 80%;
}
.head_recruit.button {
  display: none;
}
section#mv {
  height: auto;
}
.mv_right img {
  width: 65vw;
}
.site-body {
  padding: 60px 0 0;
}
section#mv h2 {
  font-size: 50px;
}
p.catch span {
  background: #ffffff;
  padding: 6px 10px;
  font-size: 20px;
}
section#mv {
  padding: 30px 0 30px 0;
}
section#sec1 {
  padding: 75px 0 75px 0;
}
section#sec1 h2 {
  top: -37px;
}
h2.main_page_h2 {
  font-size: 50px;
}
h2.main_page_h2 span {
  max-width: 100%;
  padding: 0 50px;
  width: auto;
}
.sec1_box {
  padding: 60px 50px 50px;
}
p.subttl {
  font-size: 16px;
}
section#sec2, section#sec3, section#sec4, section#sec5, section#leasing {
  padding: 75px 0;
}
section#sec5 a.post_ttl {
  width: 100%;
  display: block;
  margin-top: 10px;
}
section#sec5 li {
  padding: 25px;
}
.about_sec2_left {
  width: 35%;
}
.about_sec2_right {
  padding-left: 40px;
  width: 65%;
}
.mv_left {
  left: 30%;
}
}
@media screen and (max-width: 768px) {
h2.mainttl span.green {
    color: #ffffff;
}
.pcon {display: none;}
h3 {
    font-size: 1.3rem;
}
  .mv_right img {
    width: 100%;
    display: block;
}
section#mv {
  padding: 0;
}
h2.mainttl span {
  background: none;
  color: #ffffff;
  padding: 0;
}
section#mv h2.mainttl {
  position: absolute;
  bottom: 120px;
  right: 20px;
  z-index: 100;
  line-height: 1.7;
}

.mv_left {
  position: unset;
  transform: unset;
}
.tabout {
  display: none;
}
div#site-header-container {
  max-width: 100%;
}
p.catch.tabin {
  color: #729925;
  text-align: center;
  margin: 30px 0;
  padding: 0;

}
h2.main_page_h2 {
  font-size: 33px;
}
p.catch.tabin span {
  font-size: 25px;
  line-height: 1.8;
  padding: 0;
}
section#sec1 h2 {
  top: -25px;
}
p.sec1_maintxt {
  font-size: 20px;
}
.sec1_box {
  padding: 35px 25px;
}
a.link-button {
  margin: 30px auto 0;
}
section#sec3 h2, section#sec4 h2 {
  margin-bottom: 50px;
}
.fot_button {
  max-width: 350px;
}
.grid-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content max-content auto;
  align-items: center;
}
.grid-item1 {
  grid-area: none;
  padding-bottom: 5px;
  grid-row: 1/4;
  grid-column: 1/2;
}
.grid-item2 {
  grid-area: none;
  grid-row: 4/7;
grid-column: 1/2;
}
.grid-item3 {
  grid-area: none;
  grid-row: 1/3;
grid-column: 2/3;
}
.grid-item4 {
  grid-area: none;
  grid-row: 3/5;
grid-column: 2/3;
}
.grid-item5 {
  grid-area: none;
  grid-row: 5/7;
grid-column: 2/3;
}
.grid-item6 {
  grid-area: none;
  padding-left: 0;
  grid-row: 7/8;
grid-column: 1/3;
padding-top: 10px;
padding-bottom: 10px;
}
.grid-item3, .grid-item4, .grid-item5 {
  padding-bottom: 5px;
}
section#sec2 h2, section#sec3 h2, section#sec4 h2, section#leasing h2 {
  margin-bottom: 25px;
}
aside#nav_menu-3 li a {
  padding-left: 0;
}
.fot_button {
  padding: 0;
}
header#site-header .site-header-logo, .mintyo {
  font-size: 21px;
}
.page-header-inner.container p {
  font-size: 60px;
}
.site-body {
  padding: 50px 0 0;
}
.about_sec1_right {
  padding-left: 25px;
}
p.main_txt {
  font-size: 20px;
  letter-spacing: 2px;
}
p.font-weight {
  font-size: 18px;
}
}
@media screen and (max-width: 576px) {
section#sec2 h3 span {
    font-size: 24px;
}
.fot_button2 {
  padding: 12px;
  width: 250px;
}
.fot_button a {
  padding: 12px;
}
.fot_button2 a {
  font-size: 16px;
}
.c-form.is-default th, .c-form.is-default td {
    padding: 10px;
    border-width: 1px 0;
    border-color: #729925;
    width: 100%;
    display: block;
}
.c-form.is-default td {
  border-width: 0;
}
.c-form.is-default th {
  text-align: center;
  min-height: 0;
}
  p {
    font-size: 15px;
}
  .new_menu-background {
    height: 50%;
  }
  section#mv h2.mainttl {
    bottom: 120px;
    font-size: 40px;
}
p.catch.tabin {
  margin: 20px 0;
}
p.catch.tabin span {
  font-size: 20px;
}
h2.main_page_h2 span {
    max-width: 100%;
    padding: 0 30px;
    width: auto;
}
p.sec1_txt {
  line-height: 1.7;
  text-align: left;
}
h2.main_page_h2 span {
  padding: 0 25px;
  line-height: 1.2;
}
.sec3-right {
  padding-left: 0;
}
.sec3-left img {
  height: 175px;
}
.sec3-right {
  padding-left: 0;
  margin-top: 15px;
}
section#sec3 a {
  margin: auto;
}
.sec3-right h3 {
  margin-bottom: 15px;
}
section#sec2, section#sec3, section#sec4, section#sec5, section#leasing {
  padding: 50px 0;
}
.sec3-grid-box {
  grid-template-columns: none;
}
section#sec5 li {
  padding: 20px 0;
}
.about_sec1 {
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.about_sec1_right {
  border-left: 0;
  padding-left: 0;
  padding-top: 30px;
}
p.main_txt {
  font-size: 23px;
  margin: 0;
}
.about_sec2_left, .about_sec2_right {
  width: 100%;
}
div#post-42 .fadeIn_left {
  flex-wrap: wrap;
}
.about_sec2_right {
  padding-left: 0;
  width: 100%;
}
.about_sec2_right p {
  letter-spacing: 1px;
  line-height: 1.6;
}
.about_sec2_left img, .about_sec3_left img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  margin: auto;
}
.about_sec2_left {
  margin-bottom: 25px;
  width: 100%;
}
.about_sec3_right {
  padding-left: 0;
}
.about_sec3_left {
  margin-bottom: 25px;
}
.page_h2ttl {
  margin: 30px 0;
}
.page_h2mainttl {
  line-height: 1.2;
  font-size: 40px;
}
.page_h2mainttl2 {
  font-size: 20px;
}
.site-body {
  padding: 30px 0 0;
}
.business_wrap {
  margin-top: 50px;
}
.business_box {
  flex-wrap: wrap;
}
.business_box_left, .business_box_right {
  width: 100%;
  padding: 0 20px;
}
.business_box_left {
  order: 2;
  padding: 0;
}
.business_box_right {
  order: 1;
  padding: 0;
  margin-bottom: 15px;
}
.business_box_left img {
  width: 250px;
  margin: 0 auto 15px;
  display: block;
}
.business_box_left p {
  display: none;
}
.business_box_left p.p_taisaku {
  display: block;
}
.fot_button2 {
  margin: auto;
}
dl {
  grid-template-columns: 1fr;
}
dt {
  border-bottom: 0px;
  padding: 15px 5px 0;
}
dd {
  border-bottom: 1px solid #f0f0f0;
  padding: 5px 5px 15px;
}
.blur {
  animation-delay: 1.5s;
}

section#mv {
  padding: 30px 0 0 0;
  min-height: 370px;
}
.c-text__item {
  padding: 0 2px;
}
.point_box_left {
  padding: 0;
}
.point_img_box {
  position: relative;
}
img.point_img {
  max-width: 500px;
  position: relative;
  left: 0;
}
div#mission {
  width: 100%;
  margin: 30px auto 50px;
}
div#value {
  width: 100%;
  margin: 50px auto 50px;
}
div#vision {
  background: #729925;
  padding: 50px 0;
}
.vision_wrap {
  width: 100%;
}
div#value .flex {
  margin-top: 30px;
}
div#mission h2, div#value h2, div#vision h2 {
  font-size: 33px;
}
div#mission p {
  font-size: 16px;
}
.value_left {
  font-size: 27px;
  padding-right: 20px;
  letter-spacing: 0px;
}
.value_right {
  padding: 5px 0 5px 25px;
}
.value_right h3 {
  margin-bottom: 0;
  font-size: 20px;
  letter-spacing: 1px;
}
.value_right p {
  font-size: 14px;
  line-height: 1.8;
}
}
@media screen and (max-width: 430px) {
  .fotter_top_wrap div {
    margin: 0 10px;
}
  section#mv h2.mainttl {
    bottom: 80px;
    font-size: 33px;
}
p.catch.tabin span {
  font-size: 18px;
  width: 100%;
  padding: 0;
}

.sec3-left img {
  height: 125px;
}
.sec3-left {
  height: 150px;
}
p.big-font {
  font-size: 21px;
  line-height: 1.8;
}
#home h2::after {
  letter-spacing: 2px;
}
.site-footer-content {
  padding: 50px 15px 50px;
}
section#sec5 ul {
  padding-left: 0;
}

footer.site-footer h2 {
  margin-bottom: 0;
}
.page-header-inner.container p {
  font-size: 42px;
}
}
@media screen and (max-width: 375px) {
section#mv h2.mainttl {
    font-size: 30px;
}
.page-header-inner.container p {
  font-size: 35px;
}
}