@charset "UTF-8";
/*
Theme Name: agri-info
Theme URI:
Description: agri-ssのinformation 等のページです。
Version: 1.1
Author: owndmedia-lab
*/
/*--------------------------------------------------------------
## 共通
--------------------------------------------------------------*/
body {
  width: 100%;
  font-size: 16px;
  color: #000;
  font-family: 'Noto Serif JP', serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 4px;
  line-height: 2rem;
  margin: 0 auto;
}

.container1 {
  margin: auto;
  width: calc(100% - 288px);
}

.container2 {
  margin: auto;
  width: 1180px;
}

h1 {
  font-size: 4rem;
  line-height: 5rem;
  margin: 1.5rem 0;
}

h2 {
  font-size: 2rem;
  line-height: 4rem;
  margin: .5rem 0;
}

h3 {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

a {
  text-decoration: none;
  color: #999;
}

table {
  width: 100%;
  margin: 1.5rem auto;
}

table tr th,
table tr td {

  padding: 1rem 2rem;
}

table tr th {
  font-weight: bold;
}

/*ボタンデザイン*/
.more-btn {
  font-size: .9rem;
}

.more-btn a {
  position: relative;
  color: #000;
  padding: 5rem 3rem 5rem 5rem;
}

.more-btn a::before, .more-btn a::after {
  position: absolute;
  content: '';
  height: 1px;
  background: #000;
  right: 0;
}

.more-btn a::before {
  width: 2.5rem;
  top: 5.6rem;
}

.more-btn a::after {
  width: .5rem;
  top: 5.45rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.more-btn2 {
  font-size: .9rem;
}

.more-btn2 span {
  position: relative;
  color: #000;
  padding: 5rem 3rem 5rem 5rem;
}

.more-btn2 span::before, .more-btn2 span::after {
  position: absolute;
  content: '';
  height: 1px;
  background: #000;
  right: 0;
}

.more-btn2 span::before {
  width: 2.5rem;
  top: 5.6rem;
}

.more-btn2 span::after {
  width: .5rem;
  top: 5.45rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

/* その他共通 */
.only-pc {
  display: block;
}

.only-mobile {
  display: none;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.deco-title {
  position: relative;
  margin: auto;
}

.deco-title::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 360px!important;
  background-color: #000;
  top: 3.5rem;
  z-index: -1;
}

.deco-title h2 {
  display: inline-block;
  background-color: #fff;
  padding-right: 3rem;
}

.deco-title p {
  font-size: .9rem;
  margin-bottom: 2rem;
  padding-left: .2rem;
}

/*スクロールバーデザイン*/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #fff;
  border-left: solid 1px #fdea60;
}

::-webkit-scrollbar-thumb {
  background: #fdea60!important;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
}

/*--------------------------------------------------------------
## loading
--------------------------------------------------------------*/
.loader-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10000;
}

.loader-wrap .loader {
  position: absolute;
  margin: auto;
  top: 38vh;
  left: 0;
  right: 0;
}

.loader-wrap .loader .ball {
  width: 10px;
  height: 10px;
  margin: 10px auto;
  border-radius: 50px;
}

.loader-wrap .loader .ball:nth-child(1) {
  background: #fdea60;
  -webkit-animation: right 1s infinite ease-in-out;
  animation: right 1s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(2) {
  background: #fdea60;
  -webkit-animation: left 1.1s infinite ease-in-out;
  animation: left 1.1s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(3) {
  background: #fdea60;
  -webkit-animation: right 1.05s infinite ease-in-out;
  animation: right 1.05s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(4) {
  background: #fdea60;
  -webkit-animation: left 1.15s infinite ease-in-out;
  animation: left 1.15s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(5) {
  background: #fdea60;
  -webkit-animation: right 1.1s infinite ease-in-out;
  animation: right 1.1s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(6) {
  background: #fdea60;
  -webkit-animation: left 1.05s infinite ease-in-out;
  animation: left 1.05s infinite ease-in-out;
}

.loader-wrap .loader .ball:nth-child(7) {
  background: #fdea60;
  -webkit-animation: right 1s infinite ease-in-out;
  animation: right 1s infinite ease-in-out;
}

@-webkit-keyframes right {
  0% {
    -webkit-transform: translate(-15px);
  }
  50% {
    -webkit-transform: translate(15px);
  }
  100% {
    -webkit-transform: translate(-15px);
  }
}

@-webkit-keyframes left {
  0% {
    -webkit-transform: translate(15px);
  }
  50% {
    -webkit-transform: translate(-15px);
  }
  100% {
    -webkit-transform: translate(15px);
  }
}

@keyframes right {
  0% {
    -webkit-transform: translate(-15px);
            transform: translate(-15px);
  }
  50% {
    -webkit-transform: translate(15px);
            transform: translate(15px);
  }
  100% {
    -webkit-transform: translate(-15px);
            transform: translate(-15px);
  }
}

@keyframes left {
  0% {
    -webkit-transform: translate(15px);
            transform: translate(15px);
  }
  50% {
    -webkit-transform: translate(-15px);
            transform: translate(-15px);
  }
  100% {
    -webkit-transform: translate(15px);
            transform: translate(15px);
  }
}

/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/
.site-title {
  position: fixed;
  top: 50px;
  left: 144px;
  z-index: 100;
}

.site-title h1 {
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin: auto;
}

.site-title h1 a {
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.site-title h1 a:hover {
  opacity: .7;
  -webkit-transition: .3s;
  transition: .3s;
}

/*-- ▼drower-nav▼ --*/
.menu-trigger {
  position: fixed;
  width: 60px;
  height: 60px;
  top: 20px;
  right: 20px;
  border: none;
  z-index: 100;
  cursor: pointer;
}

.menu-trigger-bar {
  position: absolute;
  width: 28px;
  height: 3px;
  margin: auto;
  left: 0;
  right: 0;
  background-color: #fff;
}

.menu-trigger-bar.top {
  top: 15px;
}

.menu-trigger-bar.middle {
  top: 25px;
}

.menu-trigger-bar.bottom {
  top: 35px;
}

.close-trigger {
  display: none;
  position: fixed;
  top: 16px;
  right: 20px;
  width: 60px;
  height: 60px;
  z-index: 1100;
  cursor: pointer;
}

.close-trigger-bar {
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #fff;
  margin: auto;
  top: 30px;
  left: 0;
  right: 0;
}

.close-trigger-bar.left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.close-trigger-bar.right {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/*-- ▼site-navi▼ --*/
.global-nav {
  background-color: rgba(0, 0, 0, 0.8);
  width: 560px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -560px;
  z-index: 1000;
  overflow-x: hidden;
}

.global-nav_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 100px;
}

.global-nav_list li {
  margin: 1rem 0;
}

.global-nav_list li h2 {
  color: #fff;
  margin: 3rem 0;
}

.global-nav_list li a {
  display: inline-block;
  color: #fff;
  padding: 1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

.global-nav_list li a:hover {
  color: #C7000B;

  -webkit-transition: .3s;
  transition: .3s;
}

/*-- ▼sns-navi▼ --*/
.sns-nav {
  display: none;
  position: fixed;
  left: 144px;
  bottom: 100px;
  z-index: 100;
}

.sns-nav ul li {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.5rem;
}

.sns-nav ul li a {
  color: #999;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

.sns-nav ul li a:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: .3s;
  transition: .3s;
}

/*-- ▼chromeのみSNSボタン不具合のため▼ --*/
.fa-twitter:before,.fa-facebook-square:before,.fa-instagram:before{
	font-family: "Font Awesome 5 Brands"!important;
    font-weight: 900!important;
}

.fa-facebook-square:before {
	content: "\f082"!important;
}

.fa-twitter:before {
    content: "\f099"!important;
}

/*-- ▼ページャー▼ --*/
.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-top: 3rem;
}

.page-numbers li span {
  padding: 1rem;
  background-color: #999;
  color: #fff;
}

.page-numbers li a {
  padding: 1rem;
  background-color: #554408;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.page-numbers li a:hover {
  background-color: #fdea60;
  -webkit-transition: .3s;
  transition: .3s;
}

.page-numbers li .prev,
.page-numbers li .next {
  background-color: transparent;
  color: #86e0aa;
  -webkit-transition: .3s;
  transition: .3s;
}

.page-numbers li .prev:hover,
.page-numbers li .next:hover {
  background-color: transparent;
  color: #3cb371;
  -webkit-transition: .3s;
  transition: .3s;
}

/*--------------------------------------------------------------
## TOP
--------------------------------------------------------------*/
.home_header-img {
  position: relative;
  height: 100vh;
}
/* .home{
background:#f8f5da;
z-index:-2;
} */

.home_header-img .header_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home_header-img .header_slider .slick-list {
  height: 100vh;
}

.home_header-img .header_slider .slick-list .slick-track {
  height: 100%;
}

.home_header-img .header_slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home_header-img .home_site-title {
  position: absolute;
  top: 48%;
  left: 144px;
  color: #fff;
}

.home_header-img .home_site-title p {
  font-size: 2rem;
}

.fixed-title {
  display: none;
}

.home .content1 {
  /*-- ▼content1▼ --*/
  padding: 160px 0;
  text-align: right;
}

.home .content1_text h2 {
  font-size: 2.5rem;
  margin: 0 0 3rem 0;
}

.home .concept {
  /*-- ▼concept▼ --*/
  position: relative;
  margin-bottom: 100px;
}

.home .concept_img {
  position: relative;
  width: 75vw;
  height: 30vw;
  background-image: url("https://esper-ito.mom/info/wp-content/uploads/2021/05/スパイラルフーズ-15.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home .concept_bk {
  position: absolute;
  content: '';
  height: 120%;
  width: 100%;
  background-color:#fdea60!important;
  z-index: -1;
}

.home .content2 {
  /*-- ▼content2▼ --*/
  padding: 160px 0;
}

.home .content2 .content2-section {
  width: 33%;
}

.home .content2 .content2-section_title {
  width: 420px;
}

.home .content2 .content2-section_img {
  position: relative;
  width: 420px;
  margin: auto;
}

.home .content2 .content2-section_img .content2-section_img-bk {
  background-color: transparent;
  position: absolute;
  width: 420px;
  height: 420px;
  content: '';
  top: 0;
}

.home .content2 .content2-section_img img {
  width: 100%;
  height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content2 .content2-section_img p {
  position: absolute;
  bottom: 1rem;
  padding: 2rem;
  color: #fff;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}

.home .content2 .content2-section_img a:hover .content2-section_img-bk {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content2 .content2-section_img a:hover img {
  z-index: -1;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content2 .content2-section_img a:hover p {
  visibility: visible;
  -webkit-transition: .2s;
  transition: .2s;
}

.home .content3 {
  /*-- ▼content3▼ --*/
  position: relative;
background:#f8f5da;
  background-color: #fffcdb;

  padding: 80px 0 160px;
}

.home .content3 .news-title {
  text-align: center;
  margin-bottom: 5rem;
}

.home .content3 .news-title p {
  font-size: .9rem;
}

.home .content3 .news-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home .content3 .news-content .news-article {
  background-color: #fff;
  width: 48%;
  margin-bottom: 2%;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .news-content .news-article:hover {
  -webkit-transform: rotate(-1.5deg);
          transform: rotate(-1.5deg);
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .news-content .news-article:hover a {
  color: #999;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .news-content .news-article:hover .news-article_text {
  border-top: 1px solid #999;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .news-content .news-article a {
  color: #000;
  padding: 2rem;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .news-content .news-article_date {
  font-size: .7rem;
  padding-left: .1rem;
  color: #fe4646;
}

.home .content3 .news-content .news-article_text {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #000;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .more-btn {
  position: absolute;
  right: calc(144px + 3rem);
/*   bottom: 90px; */
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content3 .more-btn:hover {
  right: calc(114px + 3rem);
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content4 {
  /*-- ▼content4▼ --*/
  padding: 160px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home .content4 .content4-section {
  position: relative;
  width: 35vw;
}
.home .content4 .content6-section {
  position: relative;
  width: 35vw;
}

.home .content4 .content4-section_bk {
  position: absolute;
  content: '';
  width: 90%;
  height: 70%;
  background:#fdea60!important;
  z-index: -1;
  left: 0;
}
.content6-section .content6-section_bk {
  position: absolute;
  content: '';
  width: 90%;
  height: 70%;
  background:#fdea60!important;
  z-index: -1;
  left: 0;
}

.content6-section_bk{
    height: 80%!important;
}
@media screen and (max-width: 559px){
.content6-section_bk{
    height: 160%!important;
	}}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.content6-section_bk{
    height: 128%!important;
	}
}
.home .content4 .content6-section a{
	  display: block;
  height: 70%;
  padding-top: 8.5rem;
  color: #000;
}
.home .content4 .content4-section a {
  display: block;
  height: 70%;
  padding-top: 8.5rem;
  color: #000;
}

.home .content4 .content4-section a:hover .more-btn2 {
  left: calc(440px - 5rem);
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content4 .content4-section_title {
  padding-left: 144px;
}

.home .content4 .content4-section_title h2 {
  background: #fdea60!important;
}

.home .content4 .content4-section_text {
  padding-top: 2.5rem;
  padding-left: 144px;
}

.home .content4 .more-btn2 {
  position: absolute;
  top: 70%;
  left: calc(410px - 5rem);
  -webkit-transition: .3s;
  transition: .3s;
}
.home .content6 .more-btn2 {
  position: absolute;
  top: 70%;
  left: calc(410px - 5rem);
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content4 .content4-img {
  width: 60vw;
}
.home .content6 .content4-img {
  width: 60vw;
}
.home .content4 .content4-img img {
  width: 100%;
}
.home .content .content4-img img {
  width: 100%;
}

.home .content5 {
  /*-- ▼content5▼ --*/
  padding: 0 0 160px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home .content5 .content5-img {
  width: 60vw;
}

.home .content5 .content5-img img {
  width: 100%;
}

.home .content5 .content5-section {
  position: relative;
  width: 35vw;
}

.home .content5 .content5-section_bk {
  position: absolute;
  content: '';
  width: 90%;
  height: 70%;
  background: #fdea60;
  z-index: -1;
  right: 0;
}

.home .content5 .content5-section a {
  display: block;
  height: 70%;
  padding-top: 8.5rem;
  color: #000;
}

.home .content5 .content5-section a:hover .more-btn2 {
  right: 124px;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .content5 .content5-section_title {
  text-align: right;
  padding-right: 144px;
}

.home .content5 .content5-section_title::before {
  right: 144px;
}

.home .content5 .content5-section_title h2 {
  background: #fdea60;
  padding-right: 0;
  padding-left: 3rem;
}

.home .content5 .content5-section_text {
  padding-top: 2.5rem;
  padding-right: 144px;
}

.home .content5 .more-btn2 {
  position: absolute;
  top: 70%;
  right: 154px;
  -webkit-transition: .3s;
  transition: .3s;
}

.home .gallery ul li {
  /*-- ▼gallery▼ --*/
  height: 25vw;
}

.home .gallery ul li img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

/*--------------------------------------------------------------
## lower
--------------------------------------------------------------*/
.lower_header-img {
  position: relative;
  height: 600px;
}

.lower_header-img::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
}

.lower_header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lower_header-img .page-title {
  position: absolute;
  text-align: center;
  top: calc(50% - 3.5rem);
  left: 0;
  right: 0;
  color: #fff;
}

.lower_header-img .page-title h2 {
  font-size: 2.5rem;
  line-height: 5rem;
}

.lower_header-img .page-title p {
  font-size: 1.5rem;
}

/*--------------------------------------------------------------
## archive※使わない場合は削除してください
--------------------------------------------------------------*/
.archive {
  background-color: rgba(237, 238, 184, 0.45);
  padding: 160px 0;
}

.archive .articles .article {
  background-color: #fff;
  margin-bottom: 2rem;
}

.archive .articles .article a {
  display: block;
  padding: 2rem;
  color: #000;
  -webkit-transition: .3s;
  transition: .3s;
}

.archive .articles .article a:hover {
  color: #999;
  -webkit-transition: .3s;
  transition: .3s;
}

.archive .articles .article a:hover .article_contents-data p {
  color: #C7E5D3;
  -webkit-transition: .3s;
  transition: .3s;
}

.archive .articles .article a:hover .article_contents-text {
  border-top: 1px solid #999;
  -webkit-transition: .3s;
  transition: .3s;
}

.archive .articles .article_contents-data p {
  font-size: .7rem;
  padding-left: .1rem;
  color: #C7000B;
  -webkit-transition: .3s;
  transition: .3s;
}

.archive .articles .article_contents-text {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #000;
  -webkit-transition: .3s;
  transition: .3s;
}

/*--------------------------------------------------------------
## single※使わない場合は削除してください
--------------------------------------------------------------*/
.single {
  padding: 160px 0;
  background-color: rgba(237, 238, 184, 0.45);
}

.single .container2 {
  position: relative;
}

.single .container2 .breadcrumb {
  /*-- ▼パンくず▼ --*/
  position: absolute;
  top: -4.5rem;
  font-size: .9rem;
}

.single .container2 .breadcrumb a {
  -webkit-transition: .3s;
  transition: .3s;
}

.single .container2 .breadcrumb a:hover {
  color: #86e0aa;
  -webkit-transition: .3s;
  transition: .3s;
}

.single .container2 .article {
  /*-- ▼記事▼ --*/
  background-color: #fff;
  padding: 5rem 3rem;
}

.single .container2 .article_data {
  border-bottom: 1px solid #000;
  padding-bottom: 1rem;
}

.single .container2 .article_data h3 {
  text-align: center;
  font-size: 2rem;
  line-height: 3.5rem;
}

.single .container2 .article_data p {
  color: #3cb371;
  padding-top: 1rem;
  font-size: .9rem;
  text-align: right;
}

.single .container2 .article_text {
  padding-top: 5rem;
}

.single .container2 .page-btn {
  /*-- ▼前後の投稿ボタン▼ --*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3rem;
}

.single .container2 .page-btn a {
  -webkit-transition: .3s;
  transition: .3s;
}

.single .container2 .page-btn a:hover {
  color: #86e0aa;
  -webkit-transition: .3s;
  transition: .3s;
}

/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
footer {
  background: #554408;
  padding: 160px 0 150px;
	text-align: center;
	color:#fff;
}

footer .container1 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .container1 .footer-section {
  color: #fff;
  width: 49%;
}

footer .container1 .footer-section a {
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

footer .container1 .footer-section a:hover {
  opacity: .7;
  -webkit-transition: .3s;
  transition: .3s;
}

footer .container1 .footer-section h2 {
  font-size: 2.5rem;
  margin-top: 1rem;
}
footer .footer__txt{
	font-size:18px;
}
footer .container1 .footer-section .footer-text {
  margin: 5.5rem 0 8rem;
}

footer .container1 .footer-section .footer-text_address {
  margin-bottom: 1rem;
}

footer .container1 .footer-section .footer-copyright {
  font-size: 0.7rem;
}

footer{
padding-bottom: env(safe-area-inset-bottom);
}
@media screen and (max-width: 559px){
.global-nav_item:last-child {
	padding-bottom:20px;
	}}
/* 募集要項 */
table{
  width: 100%;
  border-spacing: 0;
}

table th{
  padding: 10px 0;
}

table td{
  padding: 10px 0;
	text-align:left;
}

/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム
---------------------------------------------------------------------- */
.wpcf7 { width:100%; margin:0 0 2.5em !important; padding:0; border:1px solid #ddd; background:#fafafa; font-size:14px; }
.wpcf7 form { margin:1.5em 1.5em 0; }
.wpcf7 p { margin-bottom:1em; font-size:16px; }
.wpcf7 input, .wpcf7 textarea { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:8px; border:1px solid #ccc; line-height:1.2; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; padding:8px; border:1px solid #ccc; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size:14px; line-height:1.2; }
.wpcf7 .wpcf7-list-item { display:block; }
.wpcf7 textarea { height:300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #bbb; outline:none; }
.wpcf7 .wpcf7-submit { -webkit-transition:all .3s; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; position:relative; width:225px; height:48px; margin:30px auto 0; border:none !important; outline:none; background-color:#333333; color:#fff; font-size:14px; line-height:1.5; text-align:center; text-decoration:none; cursor:pointer; transition:all .3s; }
.wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { -webkit-box-sizing:border-box; box-sizing:border-box; }
.wpcf7 .wpcf7-submit:hover { background-color:#666666; }
.wpcf7 .wpcf7-submit .wpcf7-not-valid { background:pink; }
.wpcf7 .wpcf7-submit .wpcf7-response-output { -webkit-border-radius:4px; -moz-border-radius:4px; margin:10px 0 0; padding:8px 35px 8px 14px; border-radius:4px; }
.wpcf7 .wpcf7-submit .wpcf7-validation-errors { border:1px solid #EED3D7; background-color:#F2DEDE; color:#B94A48; }
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { border:1px solid #BCE8F1; background-color:#D9EDF7; color:#3A87AD; }

/* Style for DIVA dark ver. */
.wpcf7 { color:#000; }

.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
}
.cp_table th, .cp_table  td {
	padding: 10px;

}
.cp_table th {
	width: 30%;
	text-align: left;
	background: #f4f4f4;
}
@media only screen and (max-width:480px) {
	.cp_table {
		margin: 0;
	}
	.cp_table th, .cp_table td {
		width: 100%;
		display: block;
		border-top: none;
	}
	.cp_table tr:first-child th {
	border-top: 1px dashed #ddd;
	}
}
table tr{
	border-top: 1px dashed #ddd;
/* 	padding: 25px 0 25px 60px; */
}

table th{
background:#f7f8f8!important;
}
table tr:last-child td {
border-bottom: 1px dashed #ddd;
}
table tr th{
	vertical-align: middle;
}
/* ここはコピーしなくてOK　*/
.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
}


/* ここから下がボタンのCSS　*/
.btn-animation-02 {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #9ec34b;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
}

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

.content01 {
    margin: 0 auto;
    width: 1180px
}

.content02__title {
    margin: 1em 0 1em
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .content02__title {
        margin: 2em 0 2em
    }
}

.content02__text {
    margin: 0 0 5em
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .content02__text {
        margin: 0 0 3em
    }
}

.daia {
    color: #d7bf7d
}

.list {
    list-style: none;
    margin-left: 0 !important
}

.list .link {
    position: relative;
    background: #fff;
    text-align: center;
    font-weight: 900;
    border-radius: 8px;
    font-size: 1em;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
    border: solid 3px #d7bf7d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.list .link:after {
    content: "";
    position: absolute;
    bottom: -29px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #d7bf7d;
    z-index: 1
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.dp_text_widget h1,
.dp_text_widget h2,
.dp_text_widget h3,
.dp_text_widget h4,
.dp_text_widget h5,
.dp_text_widget h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    border-color: #d7bf7d;
    margin: 1em 0 1em
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .entry h1,
    .entry h2,
    .entry h3,
    .entry h4,
    .entry h5,
    .entry h6,
    .dp_text_widget h1,
    .dp_text_widget h2,
    .dp_text_widget h3,
    .dp_text_widget h4,
    .dp_text_widget h5,
    .dp_text_widget h6,
    .textwidget h1,
    .textwidget h2,
    .textwidget h3,
    .textwidget h4,
    .textwidget h5,
    .textwidget h6 {
        margin: 2em 0 2em
    }
}

.entry h1,
.entry h2,
.dp_text_widget h1,
.dp_text_widget h2,
.textwidget h1,
.textwidget h2 {
    padding: 10px 0;
    margin: 1em 0 1em
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .entry h1,
    .entry h2,
    .dp_text_widget h1,
    .dp_text_widget h2,
    .textwidget h1,
    .textwidget h2 {
        margin: 2em 0 2em
    }
}


/* .wrapper{
    background-color: #f8f5da;} */

.bg{
	width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}



/*モバイルファースト*/

.card-container{
    background: #333;
    color: #fff;
    display: flex;
    margin: 20px auto;
    width: 100%;
    box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.card-container a{
    text-decoration: none;
    color: #cddc39;
}

.card-text{
    width:100%;
    margin: 10px 20px;
}
.card-text h2{
    padding-top: 10px;
    font-size: 1em;
}
.card-text p{
    font-size: 0.6em;
}
.card-map{
    width: 80%;
}

{
    width:100%;
    height:100%;
    vertical-align:bottom;
}

/*PCサイズ*/

@media screen and (min-width:650px) {
    .card-container{
        max-width: 750px;
        height: 200px;
    }

    .card-text h2{
        font-size: 1.3em;
    }
    .card-text p{
        font-size: 1em;
    }
}

/* 投稿 */
.results__table th, .results__table td {
  padding: .5rem 1rem;
}


.wpcf7 .wpcf7-submit:hover{
color:#fdea60;
}


.wpcf7 .wpcf7-submit{
color:#554408;
}

.tell{
	color:#C7000B!important;
}

.orange{
color:#C7000B;
}

.privacy{
	overflow-y: scroll;
	margin: 50px auto 20px;
	padding: 25px;
background: #fff;
    height: 200px;
	height: 200px;
	border: 2px solid #ccc;
}

.archive .articles .article a:hover .article_contents-data p {
    color: #C05050;}


/* 価格CSS */
ul.price_list{
  list-style:none;
  column-count: 2;
  column-gap: 40px;
  margin:5%;
  padding:0;
}
ul.price_list li{
  display: inline-flex;
  padding-bottom: 8px;
  border-bottom: #d2d2d2 1px dotted;
  margin-bottom: 8px;
  width: 100%;
  color:#cc0000;
}
@media screen and (max-width: 500px){
 ul.side_menu li{
flex-direction:column;
	}
}
ul.price_list li strong{
  font-weight:normal;
  color:#333;
  margin-right:auto;
}
@media screen and (max-width: 500px){
  ul.price_list{
    column-count: 1;
  }
}

.main{
	overflow:hidden}
@media screen and (max-width: 500px){
iframe{

    height: 300px;
    width: 100%;
}}


table .adress {
	display: flex;
border:none;
margin: 0 0 60px 0;
}


.results__table td {
    padding: 1.5rem;
}
.wp-block-image:not(.is-style-rounded) img {
    height: auto;
    border-radius: inherit;
}


.results__table td {
    padding: 1.5rem 1.5rem;

}

table .adress {
    display: flex;
    border: none;
    justify-content: space-between;
}
@media screen and (max-width: 767px){
table .adress{
    display: flex;
    border: none;
    flex-direction: column;
    justify-content: space-between;
	}}

@media screen and (min-width: 768px){
.gmap iframe {
    width: 500px;
}}


@media screen and (min-width:769px){
	.results__table td{
		width:50%;}}

@media screen and (min-width: 768px){
.gmap iframe {
    width: 400px;
	}}

@media screen and (min-width: 1024px){
.results__table td {
    width: 50%;
	padding: 1.5rem;}}
@media screen and (min-width: 1280px){
.gmap iframe {
    width: 100%;
}}


.adress td ul li{
font-size:17px;
margin:0 0 16px;
}
@media screen and (min-width: 768px){
.strong__weight{
	font-weight:bold;}}
.marker {
	display:inline-block;
 background: linear-gradient(transparent 65%, #fdea60 65%);
font-weight: bold;
	border: none;
}


@media screen and (max-width: 559px){
.home_header-img .home_site-title p {
    font-size: 1rem;
	margin-top:20px;
    line-height: 1.2rem;
	}}

.home_header-img .home_site-title p {
    font-size: 2rem;
	margin-top: 20px;}

.fix-02 a{
    box-shadow: 0 2px 8px rgb(30 30 80 / 30%);
    right: 0;
    color: #999999;
    line-height: 1;
    position: fixed;
bottom: 0;
    z-index: 100;
    background: #000000;
    padding: 1rem;
    background-color: #000000;
color:#ffffff;
transition: .3s;
font-family:"MS Pゴシック",sans-serif;
font-weight:bold;
}

.fix-02 a:hover{
background: #e9463f;


}

.side_menu.price_list li strong {
    height: 100px;
    width: 82%;
}

ul.side_menu li {
    align-items: start!important;
}

@media screen and (max-width: 559px){
.side_menu.price_list li strong{
    width: 100%!important;
	}}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */
@media screen and (min-width: 559px){
.pc__br{
    display:none;
	}}

@media screen and (max-width: 559px){
.global-nav_list {
 padding-bottom: 340px!important;
	}
}

.home_header-img .home_site-title p {

    text-shadow: 1px 1px 2px black;

}

.home .content4 .content4-section_title::before {
    right: 114px;
}
@media screen and (min-width: 560px){
.single .container2 .article_text{
display:flex;
	}
}

@media (min-width: 769px){
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - .75em)!important;
    margin-right: 1em;
}
}