/*
Theme Name: 多業種対応HPシステム(CMSテーマ)【Hide Professional Theme】ITツールNo:TL29-0042726
Theme URI:     https://yamato.studio/package/
Author: 株式会社大和(Yamato Inc.)
Author URI: https://yamato.studio/
Description: CMS(Wordpress)のスクラッチテーマです。 CMSホームページ導入により売上アップおよび業務効率化が可能です。（既存顧客の維持、新規顧客獲得、エンドユーザー様の利便性の向上、売上向上、顧客管理）ブログやホームページ内の更新はもちろん、メールフォームの追加や編集、予約機能の切り替え、受発注処理を行うことのできるパッケージテーマです。 お客様のビジョンを明確にし、目標設定、ブランディングからペルソナデザインまで行い、お客様にとっての最良のホームページという24時間不眠不休で働く営業マンを作成いたします。 それによりPRやお問合せ受付、社内でのお知らせによる情報共有、予約スケジュール、顧客管理と生産性を向上させます。 下記内容がサーバーにアップしテーマを有効化した状態で行いますので、すぐに運用を開始できます。 ・ブログの更新、お知らせの更新、ページ内の更新は、プログラムの言語が分からなくても直感的に行えます。 ・情報をカテゴリーごとに分けユーザーがほしい情報にたどりつきやすくなっております。 ・管理画面内で使用、不使用を選択できるので今後の展開も視野に入れてお使いいただけます。 ・メール機能も簡単にカスタマイズできるのでお問合せ以外に受注発注の処理も一貫して行うことができます。 ・メールにて収集したメールアドレスを管理することも可能です。 ・お客様の声など、現場の声をより簡単に更新が行えます ・タイムスケジュール、カレンダーの同期も行えます。
Version: 1.1.2
*/

:root {
  --main: #000000;
  --third: #343434;
  --sub: #FD8115;
  --bg: #EFEFEF;
}


/* reset
-------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
table {
  font-size: 100%;
  line-height: 1.5;
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: normal;
  text-align: left;
}
img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
ul li {
  list-style: none;
}
ol {}
input, textarea {
  vertical-align: middle;
}
address, em {
  font-style: normal;
}
figure {
  margin: 0;
}
/* link
-------------------------------------------------------------------*/
a:link, a:visited, a:hover {
  color: #333;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/*　マウスホバーで透過　*/
a:hover {
  text-decoration: none !important;
  opacity: 0.7;
}
a:hover img, a:hover p {
  text-decoration: none !important;
  opacity: 0.7;
}
/* common class
-------------------------------------------------------------------*/
/* margin:top */

.w100p{width: 100%;}

.mt00 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.mt100 {
  margin-top: 100px !important;
}
/* margin:right */
.mr00 {
  margin-right: 0px !important;
}
.mr05 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr85 {
  margin-right: 85px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr95 {
  margin-right: 95px !important;
}
.mr100 {
  margin-right: 100px !important;
}
/* margin:bottom */
.mb00 {
  margin-bottom: 0 !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
@media screen and (max-width : 767px) {
  .mb20 {
    margin-bottom: 10px !important;
  }
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
@media screen and (max-width : 767px) {
  .mb30 {
    margin-bottom: 20px !important;
  }
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
@media screen and (max-width : 767px) {
  .mb40 {
    margin-bottom: 30px !important;
  }
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
@media screen and (max-width : 767px) {

  .mb50 {
    margin-bottom: 25px !important;
  }
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
@media screen and (max-width : 767px) {
  .mb60 {
    margin-bottom: 30px !important;
  }
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width : 767px) {
  .mb80 {
    margin-bottom: 40px !important;
  }
}
.mb85 {
  margin-bottom: 85px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width : 767px) {
  .mb100 {
    margin-bottom: 40px !important;
  }
}
.sp_mb10 {}
@media screen and (max-width : 767px) {
  .sp_mb10 {
    margin-bottom: 10px !important;
  }
}
.sp_mb15 {}
@media screen and (max-width : 767px) {
  .sp_mb15 {
    margin-bottom: 15px !important;
  }
}
.sp_mb20 {}
@media screen and (max-width : 767px) {
  .sp_mb20 {
    margin-bottom: 20px !important;
  }
}
.sp_mb30 {}
@media screen and (max-width : 767px) {
  .sp_mb30 {
    margin-bottom: 30px !important;
  }
}
.sp_mb40 {}
@media screen and (max-width : 767px) {
  .sp_mb40 {
    margin-bottom: 40px !important;
  }
}
.sp_mb50 {}
@media screen and (max-width : 767px) {
  .sp_mb50 {
    margin-bottom: 50px !important;
  }
}
/* margin:left */
.ml00 {
  margin-left: 0px !important;
}
.ml05 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.ml75 {
  margin-left: 75px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml85 {
  margin-left: 85px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.ml95 {
  margin-left: 95px !important;
}
.ml100 {
  margin-left: 100px !important;
}
/* padding:top */
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.pt00 {
  padding-top: 0px !important;
}
.pt05 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
/* padding:right */
.pr00 {
  padding-right: 0px !important;
}
.pr05 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
/* padding:bottom */
.pb00 {
  padding-bottom: 0 !important;
}
.pb05 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
/* padding:left */
.pl00 {
  padding-left: 0px !important;
}
.pl05 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/* font size weight */
.f_200 {
  font-weight: 200;
}
.f_300 {
  font-weight: 300;
}
.f_400 {
  font-weight: 400;
}
.f_500 {
  font-weight: 500;
}
.f_600 {
  font-weight: 600;
}
.f_700 {
  font-weight: 700;
}
.f_800 {
  font-weight: 800;
}
.f_900 {
  font-weight: 900;
}
.f_bold {
  font-weight: bold !important;
}
.f_normal {
  font-weight: normal !important;
}
.f_08 {
  font-size: 0.8rem !important;
}
.f_10 {
  font-size: 1.0rem !important;
}
.f_12 {
  font-size: 1.2rem !important;
}
.f_14 {
  font-size: 1.4rem !important;
}
.f_16 {
  font-size: 1.6rem !important;
}
.f_18 {
  font-size: 1.8rem !important;
}
@media screen and (max-width : 767px) {
  .f_18 {
    font-size: 1.6rem !important;
  }
}
.f_20 {
  font-size: 2.0rem !important;
}
@media screen and (max-width : 767px) {
  .f_20 {
    font-size: 1.8rem !important;
  }
}
.f_22 {
  font-size: 2.2rem !important;
}
.f_23 {
  font-size: 2.3rem !important;
}
.f_24 {
  font-size: 2.4rem !important;
}
@media screen and (max-width : 767px) {
  .f_24 {
    font-size: 1.8rem !important;
  }
}
.f_25 {
  font-size: 2.5rem !important;
}
.f_26 {
  font-size: 2.6rem !important;
}
.f_27 {
  font-size: 2.7rem !important;
}
.f_28 {
  font-size: 2.8rem !important;
}
.f_29 {
  font-size: 2.9rem !important;
}
.f_30 {
  font-size: 3.0rem !important;
}
.f_32 {
  font-size: 3.2rem !important;
}
.f_34 {
  font-size: 3.4rem !important;
}
.f_36 {
  font-size: 3.6rem !important;
}
@media screen and (max-width : 767px) {
  .f_36 {
    font-size: 3.0rem !important;
  }
}
/* align */
.t_left {
  text-align: left !important;
}
.t_center {
  text-align: center !important;
}
.t_right {
  text-align: right !important;
}
/* img-Max */
img {
  max-width: 100%;
  height: auto;
}
.pc_none {
  display: none;
}
@media screen and (max-width : 767px) {
  .pc_none {
    display: block;
  }
}
.sp_none {}
@media screen and (max-width : 767px) {
  .sp_none {
    display: none;
  }
}
.sp_center{}
@media screen and (max-width : 767px) {
.sp_center{
	text-align: center;
	}
}


/*base
-------------------------------------*/
body {
  background: #FCF7E1;
  color: #333;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 1.8rem;
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem;
  }
}
.lora {
  font-family: "Lora", "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.pankuzu_bg {
  background-color: #eeeeee;
}
.site_wrapper {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 767px) {
  .site_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
}
#wrapper_all {
  text-align: center;
  min-width: 1240px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #wrapper_all {
    min-width: 100%;
  }
}
/* header
-------------------------------------------------------------------*/
.hd_nav_box {
  display: flex;
  justify-content: space-between;
  padding: 20px 60px 40px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hd_nav_box {
    padding: 10px 20px;
  }
}
.hd_nav_box > div {}
@media screen and (max-width: 767px) {
  .hd_nav_box > div:first-child {
    width: 70px;
  }
}
.hd_nav {
  display: flex;
  font-size: 1.8rem;
  gap: 40px;
}
@media screen and (max-width: 1400px) {
  .hd_nav {
    font-size: 1.6rem;
    gap: 20px;
  }
}
.hd_nav > li a {
  display: block;
  padding: 10px 0;
}
.hd_nav > li:last-child a ,.btn_horse_end a{
 /* width: 300px;*/
	width: 480px;
  padding: 10px 20px;
  box-sizing: border-box;
  background: url("img/top/arrow.svg") 95% center no-repeat, #6CB45B;
  text-align: left;
  color: #fff;
  border-radius: 50px;display: block;
}
.btn_horse_end a{margin: auto;max-width: 90%;}
@media screen and (max-width: 767px) {
	.hd_nav{display: none;}
}


/*============
nav
=============*/
.hamburger {
  display: block;
  position: fixed;
  top: 0;
  right: -300px;
  bottom: 0;
  width: 300px;
  background: #FCF7E1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open .hamburger {
  right: 0;
  opacity: 1;
  padding-top: 30px;
}
.hamburger .inner {
  padding: 25px;
}
.hamburger .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hamburger .inner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
.hamburger .inner ul li a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
.hamburger .inner ul li a:hover {
  background: #e4e4e4;
}
@media screen and (max-width: 767px) {
  .hamburger {
    width: 80%;
  }
}
/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 60px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
  background: #6CB45B;
  /* padding:35px; */
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 15px;
  width: 30px;
  height: 2px;
  background-color: var(--bg);
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 33px;
}
.toggle_btn span:nth-child(2) {
  top: 42px;
}
.toggle_btn span:nth-child(3) {
  text-align: center;
  bottom: 18px;
  background: none;
  width: 100%;
  left: 0;
  font-size: 1.2rem;
  height: auto;
  color: var(--bg);
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .toggle_btn span {
    left: 15px;
  }
  .toggle_btn span:nth-child(1) {
    top: 15px;
  }
  .toggle_btn span:nth-child(2) {
    top: 25px;
  }
  .toggle_btn span:nth-child(3) {
    bottom: 8px;
  }
}
.open .toggle_btn {
  background: none;
}
.open .toggle_btn span {
  background-color: #6CB45B;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
  top: 30px;
}
.open .toggle_btn span:nth-child(2) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
  top: 50px;
}
.open .toggle_btn span:nth-child(3) {
  opacity: 0;
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--main);
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}
/*============

/* navi
-------------------------------------------------------------------*/
.g_nav li {
  float: left;
  width: -webkit-calc(100% / 7);
  width: calc(100% / 7);
  overflow: hidden;
  position: relative;
}
.g_nav li a {
  display: block;
  position: relative;
  font-weight: bold;
  padding: 0 0 20px;
  overflow: hidden;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.2;
}
.g_nav li a > span {
  display: block;
  font-size: 1.8rem !important;
}
.g_nav li a:after {
  display: block;
  content: "";
  width: 0%;
  height: 2px;
  background-color: #222;
  position: relative;
  top: 8px;
  margin: auto;
  transition: .25s ease-out;
  -webkit-transition: .25s ease-out;
  -moz-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  -ms-transition: .25s ease-out;
}
.g_nav li a:hover:after, .g_nav li.current a:after {
  width: 50%;
}
/*sp_nev
-------------------------*/
.close {
  font-weight: bold;
  font-size: 20px;
  text-align: right;
}
.button-toggle {}
@media screen and (max-width : 767px) {
  .button-toggle {}
}
@media screen and (max-width: 767px) {
  .menu {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
  }
  .menu a {
    display: block;
    text-decoration: none;
    padding: 15px 25px;
    font-size: 15px;
  }
}
.active {}
/* contents
-------------------------------------------------------------------*/
.btn_black a, .btn_black input {
  border: #333 1px solid;
  font-size: 1.4rem;
  color: #333;
  display: block;
  text-align: center;
  padding: 15px 30px;
  line-height: 1;
  background: #fff;
}
.btn_black_02 a, .btn_black_02 input {
  background: #181715;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  text-align: center;
  padding: 15px 30px;
  line-height: 1;
  border: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  width: 100%;
  -webkit-appearance: none;
}
/* footer
-------------------------------------------------------------------*/
footer {
  padding: 150px 0 0;
  background: #F2EBCB;
}
@media screen and (max-width: 767px) {
footer {
  padding: 80px 20px 0;
}
}
.ft_box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: #333 1px solid;
}
@media screen and (max-width: 767px) {
.ft_box {
flex-wrap: wrap;
gap:30px;	
  padding-bottom: 30px;
  margin-bottom: 30px;
}}
.ft_box > div:nth-child(1) {
  width: 30%;
  box-sizing: border-box;
  padding-right: 60px;
  border-right: #333 1px solid;
}
@media screen and (max-width: 767px) {
.ft_box > div:nth-child(1) {
  width: 100%;
   padding-right: 0;
  border-right: none;
}	
}
.ft_box > div:nth-child(2) {
  width: 45%;
  padding-left: 60px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.ft_box > div:nth-child(2) {
  width: 100%;
  padding-left: 0;
}
}


.ft_box > div:nth-child(3) {
  width: 25%;
  text-align: right;
}
@media screen and (max-width: 767px) {
.ft_box > div:nth-child(3) {
  width: 100%;
  text-align: left;
}
}

.btn_top a:hover *, .btn_top2 a:hover * {
  opacity: 0.35;
}
.ft_nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ft_nav > li {
  width: 48%;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.ft_nav > li {
  font-size: 1.4rem;
  margin-bottom: 15px;
}
}
.pet a {
  display: block;
  background: url("img/top/arrow_naname.svg") 95% center no-repeat, #F8B62C;
  color: #fff !important;
  padding: 20px;
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 5px;
  margin-bottom: 30px;
}
.link_list {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 767px) {
.link_list {
flex-wrap: wrap;
gap: 15px;
}
}
.link_list > li a {
  display: flex;
  align-items: center;
}
.link_list > li a svg {
  width: 20px;
  margin-left: 5px;
}
/*ggmap
--------------------------------*/
.ggmap iframe {
  border: none;
}
@media screen and (max-width: 767px) {
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* パンくずリスト
-------------------------------*/
nav#breadcrumbs {
  padding: 10px 0 100px;
}
@media screen and (max-width: 767px) {
  nav#breadcrumbs {
    padding: 10px 20px 30px;
  }
}
nav#breadcrumbs ol {
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size: 1.2rem;
}
nav#breadcrumbs ol li:before {
  content: " >";
}
nav#breadcrumbs ol li:first-child:before {
  content: "";
}
nav#breadcrumbs ol li svg {
  width: 15px;
}



.box_main {
  margin: 0 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .box_main {
    margin: 0 20px;
  }
}
.box_main img {
  width: 100%;
  height: auto;
}
.txt_box {
  position: absolute;
  color: #fff;
  top: 20%;
  left: 100px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .txt_box {
    top: 10%;
    left: 30px;
  }
}
.txt_box p:first-child {
  font-size: 3rem;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .txt_box p:first-child {
    font-size: 1.8rem;
  }
}
.txt_box p:last-child {
  font-size: 9rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .txt_box p:last-child {
    font-size: 4.2rem;
  }
}
.txt_box p:last-child span {
  font-size: 8rem;
}
@media screen and (max-width: 767px) {
  .txt_box p:last-child span {
    font-size: 3.2rem;
  }
}
.ttl_01 {
  margin-bottom: 100px;
  font-size: 6rem;
  font-weight: 500;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ttl_01 {
    margin-bottom: 80px;
    font-size: 3.6rem;
  }
}
.ttl_01::before {
  content: "";
  background-image: url("img/top/dot_green.svg");
  width: 46px;
  height: 10px;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ttl_01.white {
  color: #fff;
}
.ttl_01.white::before {
  background-image: url("img/top/dot_white.svg");
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ttl_01.left {
  margin-bottom: 100px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .ttl_01.left {
    margin-bottom: 80px;
  }
}
.ttl_01.left::before {
  left: 0;
  right: auto;
}
.concept {
  background: url("img/top/concept.svg") left top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .concept {
    background-size: 100%;
    padding: 20px 0 0;
  }
}
.profile {
  background: url("img/top/profile.svg") center top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .profile {
    padding: 40px 0 0;
    background-size: 100%;
  }
}
.price {
  background: url("img/top/price.svg") center top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .price {
    padding: 30px 0 0;
    background-size: 70%;
  }
}
.facebook {
  background: url("img/top/facebook.svg") left top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .facebook {
    padding: 20px 0 0;
    background-size: 100%;
  }
}
.sns {
  background: url("img/top/sns.webp") left top no-repeat;
  padding: 80px 0 0;
}
@media screen and (max-width: 767px) {
  .sns {
    padding: 20px 0 0;
    background-size: 100%;
	  background-size: 50% auto;
  }
}
.instagram {
  background: url("img/top/instagram.webp") left top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .instagram {
    padding: 20px 0 0;
    background-size: 100%;
  }
}
.schedule {
  background: url("img/top/schedule.svg") center top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .schedule {
    padding: 20px 0 0;
    background-size: 100%;
  }
}

.content_07{

padding: 150px 20px 0px;
background-size: 100%;
}
.equipment {
  background: url("img/top/equipment.webp") center top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
	
.content_07{
padding: 60px 20px 0px;
background-size: 200%;
}
  .equipment {
    padding: 20px 0 0;
    background-size: 100%;
  }
}



ul.eq_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.eq_list::after{display: none;}
ul.eq_list figure{text-align: center;}
ul.eq_list figcaption{text-align: center;padding-top: 20px;line-height: 1.5;font-size: 1.4rem;font-weight: bold;}
@media screen and (max-width: 767px) {
	ul.eq_list > li{width: 48%;}
	ul.eq_list figcaption{font-size: 1.2rem;padding: 10px 0 20px;}
}

.contact {
  background: url("img/top/equipment.webp") center top no-repeat;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .contact {
    padding: 20px 0 0;
    background-size: 100%;
  }
}
.ttl_circle {
  background: url("img/top/circle.svg") left center no-repeat;
  padding-left: 40px;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 60px;
}
@media screen and (max-width : 767px) {
  .ttl_circle {
    background-size: 20px;
    padding-left: 30px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.ttl_circle.white {
  background: url("img/top/circle_wh.svg") left center no-repeat;
  color: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .ttl_circle.white {
    margin-bottom: 20px;
  }
}
.content_01 {
  padding: 150px 0 200px;
  position: relative;
  background: url("img/top/bg_green.webp") bottom center no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .content_01 {
    padding: 80px 20px 500px;
    background-size: 100%;
  }
}
.content_01::before {
  content: "";
  position: absolute;
  background-image: url("img/top/img_01.webp");
  background-size: cover;
  width: 520px;
  height: 520px;
  top: 150px;
  right: 60px;
}
@media screen and (max-width: 767px) {
  .content_01::before {
    background-image: url("img/top/img_01.webp");
    background-size: cover;
    width: 70%;
    height: 300px;
    top: auto;
    bottom: 10%;
    right: 20px;
  }
}
.content_01::after {
  content: "";
  position: absolute;
  background-image: url("img/top/img_02.webp");
  width: 350px;
  height: 323px;
  bottom: 200px;
  right: 20%;
}
@media screen and (max-width: 767px) {
  .content_01::after {
    width: 50%;
    height: 160px;
    bottom: 80px;
    right: auto;
    left: 20px;
    background-size: cover;
  }
}
.content_01 > div > div {
  width: 52%;
}
@media screen and (max-width: 767px) {
  .content_01 > div > div {
    width: 100%;
  }
}
.txt_01 {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .txt_01 {
    font-size: 2.0rem;
    margin-bottom: 30px;
  }
}
.content_02 {
  background: url("img/top/grass.webp") center bottom no-repeat, #6CB45B;
  background-size: 100%;
  padding: 150px 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .content_02 {
    padding: 80px 20px;
    background-size: 200%;
  }
}
.box_01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .box_01 {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.box_01 > div {
  width: 52%;
}
@media screen and (max-width: 767px) {
  .box_01 > div {
    width: 100%;
  }
}
.name {
  font-size: 3rem;
  margin-bottom: 30px;
}
.name span {
  font-size: 1.6rem;
  margin-left: 20px;
}
.history > li {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .history > li {
    gap: 20px;
    font-size: 1.6rem
  }
}
.history > li:last-child {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .history > li > p:first-child {
    width: 70px;
  }
  .history > li > p:last-child, .history > li > div {
    width: calc(100% - 90px);
  }
  .history > li:last-child {
    margin-bottom: 20px;
  }
}
.content_03 {
  padding: 150px 0;
}
@media screen and (max-width: 767px) {
  .content_03 {
    padding: 80px 20px;
  }
}
.price_hyou {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}
@media screen and (max-width : 767px) {
  .price_hyou {
    margin-bottom: 40px;
  }
}
.price_hyou div {
  display: flex;
  gap: 15px;
  align-items: center;
}
@media screen and (max-width : 767px) {
  .price_hyou div {
    flex-wrap: wrap;
    gap: 5px;
    width: 60%;
    justify-content: center;
  }
  .price_hyou div p {
    width: 100%;
    text-align: center;
  }
}
.price_hyou figure {
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .price_hyou figure {
    width: 15px;
  }
}
.price_hyou p {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  background: #6CB45B;
  padding: 20px 30px;
}
@media screen and (max-width : 767px) {
  .price_hyou p {
    font-size: 1.4rem;
    padding: 8px;
  }
}
.price_hyou p.first {
  background: #ED6C0D;
}
@media screen and (max-width: 767px) {
  .price_hyou p.first {
    padding: 10px;
  }
}
.price_hyou p.last {
  background: #42A12C;
}
.ico01 {
  background: url("img/top/money.svg") center left no-repeat;
  padding: 5px 0 5px 50px;
}
.ico02 {
  background: url("img/top/car.svg") center left no-repeat;
  padding: 5px 0 5px 50px;
}
.ico03 {
  background: url("img/top/isya.svg") center left no-repeat;
  padding: 5px 0 5px 50px;
}
.ico04 {
  background: url("img/top/tyoushinki.svg") center left no-repeat;
  padding: 5px 0 5px 50px;
}
.ico05 {
  background: url("img/top/kusuri.svg") center left no-repeat;
  padding: 5px 0 5px 50px;
}
@media screen and (max-width : 767px) {
  .ico01, .ico02, .ico03, .ico04, .ico05 {
    background-size: 25px;
    padding: 5px 0 5px 35px;
  }
}
.price_list {
  background: #FFFCF0;
  padding: 80px;
}
@media screen and (max-width : 767px) {
  .price_list {
    padding: 30px;
  }
}
.price_list dl {
  display: flex;
  justify-content: space-between;
  border-bottom: #ccc 1px solid;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width : 767px) {
  .price_list dl {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.price_list dl dt p:nth-child(1) {
  font-size: 2.4rem;
}
@media screen and (max-width : 767px) {
  .price_list dl dt p:nth-child(1) {
    font-size: 1.8rem;
  }
}
.price_list dl dt p:nth-child(2),.price_list dl dt p:nth-child(3) {
  font-size: 1.8rem;
}
@media screen and (max-width : 767px) {
  .price_list dl dt p:nth-child(2),.price_list dl dt p:nth-child(3) {
    font-size: 1.4rem;
  }
}
.price_list dl dd {
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width : 767px) {
  .price_list dl dd {
    font-size: 2rem;
  }
}
.content_04 {background: url( "img/top/ft_grass.webp") bottom left no-repeat;padding-bottom: 150px;}
@media screen and (max-width : 767px) {
  .content_04 {
    padding: 0 20px 80px;
  }
}
.content_05 {
  padding: 150px 0 220px;
  background: url("img/top/grass.webp") bottom center no-repeat, #F2EBCB;
  background-size: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .content_05 {
    padding: 60px 20px 100px;
    background-size: 200%;
  }
}
.content_05  .flexbox {
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width : 767px) {
  .content_05  .flexbox {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.content_05  .flexbox > div:first-child {
  width: 50%;
}
@media screen and (max-width : 767px) {
  .content_05 .flexbox > div:first-child {
    width: 100%;
  }
}
.content_05 .flexbox > div:last-child {
  width: 45%;
}
@media screen and (max-width : 767px) {
  .content_05 .flexbox > div:last-child {
    width: 100%;
  }
}

.content_05 .ttl_01 {
  margin-bottom: 50px;
  font-size: 5rem;
}
@media screen and (max-width: 767px) {
.content_05 .ttl_01 {
    margin-bottom: 60px;
    font-size: 3.0rem;
  }
}

.horse_img {
  position: absolute;
  left: 10%;
  bottom: 20px;
}
@media screen and (max-width : 767px) {
  .horse_img {
    width: 160px;
    left: 10%;
    bottom: 15px;
  }
}
.calendar iframe {
  width: 100%;
}
.content_06 {
  padding: 150px 0;
background: url( "img/top/ft_grass.webp") bottom left no-repeat;
background-size: 100%;
	
}
@media screen and (max-width : 767px) {
  .content_06 {
    padding: 80px 20px;
background-size: 200%;
  }
}
.mb150 {
  margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .mb150 {
    margin-bottom: 80px;
  }
}
.contact_form {
  background: #FFFCF0;
  padding: 80px;
}
@media screen and (max-width: 767px) {
  .contact_form {
    padding: 30px;
  }
}
.contact_form dl {
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .contact_form dl {
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 15px;
  }
}
.contact_form dt {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .contact_form dt {
    width: 100%;
  }
}
.contact_form dd {
  width: 70%;
}
@media screen and (max-width: 767px) {
  .contact_form dd {
    width: 100%;
  }
}
.contact_form input[type=text], .contact_form input[type=email],.contact_form input[type=tel], .contact_form textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.contact_form dt span {
  font-size: 1.4rem;
  color: #fff;
  background: #ED6C0D;
  padding: 2px 10px;
  margin-left: 10px;
}
.contact_form input.age {
  width: 120px;
  margin-right: 10px;
}

.grecaptcha-badge{z-index: 2;}


.privacy_txt {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width : 767px) {
  .privacy_txt {
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
}
.privacy_txt a {
  text-decoration: underline;
}
.btn_submit {
  text-align: center;
}
.btn_submit input {
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  width: 250px;
  margin: 0 auto;
  background: url("img/top/arrow.svg") 92% center no-repeat, #6CB45B;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  padding: 10px 30px;
  box-sizing: border-box;
  border: none;
  border-radius: 50px;
  text-align: left;
  letter-spacing: 0.1em;
}
@media screen and (max-width : 767px) {
  .btn_submit input {
    width: 250px;
    background: url("img/top/arrow.svg") 92% center no-repeat, #6CB45B;
    font-size: 1.6rem;
  }
}
.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
}
.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  width: 100%;
  height: 100%;
}
.swiper{
	overflow: hidden;
	margin-top: 80px;	
}
@media screen and (max-width: 767px) {
.swiper{
	margin-top: 40px;	
}
}
.swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.bg_ttl {
	padding: 80px 20px 20px;
}
@media screen and (max-width : 767px) {
.bg_ttl {
	padding: 40px 20px 10px;
}
}
.bg_ttl .en{
	font-size: 3rem;
	font-weight: 500;
	text-transform: uppercase;
}
@media screen and (max-width : 767px) {
.bg_ttl .en{
	font-size: 1.6rem;
}
}
.bg_ttl .ja{
	font-size: 6rem;
	font-weight: 500;
}
@media screen and (max-width : 767px) {
.bg_ttl .ja{
	font-size: 3.2rem;
}	
}
.content{
  padding: 0 0 150px;
background: url( "img/top/ft_grass.webp") bottom left no-repeat;
background-size: 100%;
	
}
@media screen and (max-width : 767px) {
.content{
  padding: 0 20px 80px;
background-size: 200%;
	
}
}
a.link{
text-decoration: underline;
}

/*アコーディオン
------------------------------*/

.accordion_header {
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.accordion_header:hover {
  opacity: .8;
}
.accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;

  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion_header .i_box .one_i:before, .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #333;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion_header.open .i_box .one_i:before {
  content: none;
}
.accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion_inner {
  display: none;
}