@charset "UTF-8";
/*
Theme Name: MY-THEME
*/

@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  font-size: 62.5%;
  overflow-x: hidden;
}

@media screen and (max-width: 1340px) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 68.75%;
  }
}
body {
  font-family: YakuHanJP, '中ゴシックBBB', 'Gothic Medium BBB', 'A-OTF-GothicBBBPro-Medium','A-OTF 中ゴシックBBB Pro', Meiryo, sans-serif;
  letter-spacing: 0.06em;
  position: relative;
  background: #f7f8f6 center center;
  background-image: url("images/body_bg.png");
  color: #3e3d35;
  overflow: hidden;
  letter-spacing: 0.04em;
  min-width: 1060px;
}
@media screen and (max-width: 1060px) {
  html {
    overflow: scroll;
  }
}
.bold {
  font-family: '見出ゴMB31', Midashi Go MB31,'A-OTF 見出ゴMB31 Pro', Meiryo, sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}

.pc-only,.pc_only {
  display: block;
}

.sp-only,.sp_only {
  display: none;
}

.header {
  height: 100vh;
  position: relative;
}
.header-sub {
	height: auto;
}

.home .header {
	opacity: 0;
	transition: 0.8s ease-in-out;
}

.home .header.show {
	opacity: 1;
}

.header .drawer-menu--top .drawer-nav {
  margin: 3.4722222222vw;
  margin: 60px;
  margin-bottom: 32px;
  display: inline-block;
  position: absolute;
  bottom: 156px;
  left: 0;
}
@media screen and (max-width: 1340px) {
.header .drawer-menu--top .drawer-nav {
  margin-bottom: 22px;
}
}

.header .drawer-menu--top .drawer-nav ul {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 7.5%;
       column-gap: 7.5%;
  row-gap: 14px;
  width: 52.8967254408%;
}
.header .drawer-menu--top .drawer-nav ul li {
  width: 180px;
}
.header .drawer-menu--top .drawer-nav ul li a {
  width: 100%;
  font-size: 2rem;
  display: flex;
  align-items: center;
}
.header .drawer-menu--top .drawer-nav ul li a::before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 8px;
  background-image: url("images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 18px;
  transition: 0.4s ease-in-out;
}

.header .drawer-menu--top .drawer-nav ul li a:hover::before {
	margin-right: 12px;
	margin-left: 6px;
}

.header .drawer-menu--top .drawer-nav ul li:last-child {
  width: 100%;
}




.header-sub .drawer-menu--top .drawer-nav {
  margin: 0 0 0 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  bottom: auto;
  width: 100%;

}
.header-sub .drawer-menu--top .drawer-nav ul {
  display: flex;
 justify-content: center;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 14px;
  width: 100%;
}
.header-sub .drawer-menu--top .drawer-nav ul li {
  width: auto;
  margin: 0 12px;
}
.header-sub .drawer-menu--top .drawer-nav ul li:last-child {
	width: auto;
}

.header-sub .drawer-menu--top .drawer-nav ul li a::before {
	margin-right: 8px;
}

.header-sub .drawer-menu--top .drawer-nav ul li a:hover::before {
	margin-right: 2px;
	margin-left: 6px;
}




.header .drawer-menu--top .link-nav {
  width: 120px;
  margin: 30px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-feature-settings: normal;
}
.header .drawer-menu--top .link-nav li {
  width: 100%;
}
.header .drawer-menu--top .link-nav li a {
  width: 100%;
  aspect-ratio: 1/1;
/*   border: solid 1px #3e3d35; */
	background: #fff;
  border-radius: 9999px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  padding-top: 6px;
  transition: 0.4s ease-in-out;
}

.header .drawer-menu--top .link-nav li a:hover {
	background: #eaede7;
}

.header .drawer-menu--top .link-nav li a:first-child {
  margin-bottom: 15px;
  text-align: center;
}
.header .drawer-menu .header__info {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 60px 60px;
}

.header-sub .drawer-menu .header__info {
  display: none;
}
.header .drawer-menu .header__info li {
  display: flex;
}
.header .drawer-menu .header__info li:first-child {
  font-size: 2.2rem;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
  align-items: baseline;
}
.header .drawer-menu .header__info li:first-child::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("images/icon_tel.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.header .drawer-menu .header__info li:last-child {
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  line-height: 1.5;
  align-self: flex-start;
}
.header .drawer-menu .header__info li:last-child::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 22px;
  background-image: url("images/icon_address.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-left: 1px;
}
.header__wrapper--middle .logo {
  width: 240px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 60px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.header__wrapper--bottom {
  display: flex;
  position: static;
  bottom: 0;
  width: 100%;
  justify-content: space-between;
}
.header__wrapper--bottom .copy {
  writing-mode: vertical-rl;
  margin: 3.00vw 2.80vw;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  position: absolute;
  right: 0;
  bottom: 0;
  font-feature-settings: normal;
}
.header-sub .header__wrapper--bottom .copy {
	position: fixed;
	z-index: 10;
}
.header__wrapper--bottom .scroll-down {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.1rem;
  text-align: center;
}
.header__wrapper--bottom .scroll-down img {
  width: 10px;
  margin: 0 auto 10px;
  display: block;
}

.header-sub .header__wrapper--bottom .scroll-down {
	display: none;
}

.footer {
  background-image: url("images/footer_bg.png");
  background-size: cover;
  padding-bottom: 10px;
  position: relative;
}
.footer__wrapper {
  width: 75%;
  max-width: 1520px;
  margin: 0 auto 0 auto;
  padding-top: 80px;
  padding-bottom: 120px;
}
.footer__wrapper .container--top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;


}
.footer__wrapper .container--top .copy {
	position: relative;
}
.footer__wrapper .container--top .copy svg {
  width: 36.1944444444vw;
  max-width: 428.5555555556px;
  height: auto;
  margin: 0 0 0 -70px;
}
.footer_copy {
	position: absolute;
	top: -20px;
	left: -30px;
	width: 20.8%;
	z-index: 10;
}
.footer__wrapper .container--top .logo {
  width: 11.1111111111vw;
  max-width: 168.8888888889px;
  margin: 0 0 12vw auto;
}
.footer__wrapper .container--bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row-reverse;
  transform: translateY(-8vw);
}
.footer__wrapper .container--bottom--right__item {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  margin-bottom: 6px;
}
.footer__wrapper .container--bottom--right__item:first-child::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("images/icon_mail.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.footer__wrapper .container--bottom--right__item:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("images/icon_tel.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.footer__wrapper .container--bottom--right__item:last-child {
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  line-height: 1.5;
  align-items: flex-start;
  margin-top: 12px;
}
.footer__wrapper .container--bottom--right__item:last-child::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 22px;
  background-image: url("images/icon_address.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 15px;
  margin-left: 1px;
}
.footer__wrapper .container--bottom--left dl {
  display: flex;
  padding: 24px 0;
  align-items: flex-start;
  border-top: 1px solid #d4d5d2;
}
.footer__wrapper .container--bottom--left dl:last-child {
  border-bottom: 1px solid #d4d5d2;
}
.footer__wrapper .container--bottom--left dl a {
	text-decoration: underline;
}
.footer__wrapper .container--bottom--left dl dt {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  width: 11.1111111111vw;
  max-width: 168.8888888889px;
  display: inline-block;
  padding-top: 1px;
}
.footer__wrapper .container--bottom--left dl dd {
  font-size: 1.7rem;
  letter-spacing: 0.02em;
}
.footer__wrapper .container--bottom--left dl dd .container {
  display: flex;
  align-items: baseline;
}
.footer__wrapper .container--bottom--left dl dd .container:first-child {
  margin-bottom: 18px;
}
.footer__wrapper .container--bottom--left dl dd .container .date {
  display: inline-block;
  width: 4.1666666667vw;
  max-width: 63.3333333333px;
}
.footer__wrapper .container--bottom--left dl dd .container .desc {
  line-height: 1.8em;
}
.footer #scroll-top {
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  text-align: center;
  margin: -10vw auto 0 auto;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.footer #scroll-top img {
  width: 10px;
  margin-bottom: 10px;
  transform: rotate(180deg);
}

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

.yuge {
	width: 100%;
	height: 100%;
	transition: 1.0s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.key .yuge {
	transition: 5.0s cubic-bezier(0.65, 0, 0.35, 1);
}

.show .yuge {
	opacity: 0;
	transform: scale(1.4);
}

.key .show .yuge {
	transform: scale(1.8);
}

.key {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
}
.key .kv_area {
  position: absolute;
  top: 50vh;
  left: 50vw;
  margin-left: -26vw;
  margin-top: -26vw;

  transition: 0.6s ease-in-out;
  opacity: 1;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 52vw;
  height: 52vw;
}

.key .kv_area .kv {
  width: 100%;
  height: 100%;
}

.key .kv_area .kv .kv00 {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: 1.2s cubic-bezier(0.65, 0, 0.35, 1);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;

}
.key .kv_area .kv .kv00.show {
  opacity: 1;
}

/*
.key .kv_area .kv .kv00 svg {
	transition: 6.0 ease-in-out;
	transform: scale(1.0);
}

.key .kv_area .kv .kv00.show svg {
	transform: scale(1.2);
}
*/



/*

@keyframes kvmask {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
*/

.key .kv_area .kv svg {
	width: 100%;
	height: 100%;
}

.kvshadow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	transform: scale(0.3);
	transition: 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}

.kvshadow.pre {
	opacity: 1;
	transform: scale(0.3);
}

.kvshadow.show {
	transform: scale(0.98);
	opacity: 1;
}

.load_logo {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background: no-repeat center center;
	background-size: cover;
	z-index: 5;
	opacity: 0.3;
/* 	filter: brightness(3000%); */
	background-image: url("images/logo_load.png");
	transition: 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}

.load_logo.hide {
	opacity: 0;
	transform: scale(1.3);
}

.load_text{
	font-size: 1.1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 10vw 0 0 -3.5em;
	color: #999;
	opacity: 0.7;
	transition: 0.4s ease-in-out;
}

.load_text.hide {
	opacity: 0;
}

/*

.kv01 {
	background-image: url("images/kv01.jpg");
}

.kv02 {
	background-image: url("images/kv02.jpg");
}

.kv03 {
	background-image: url("images/kv03.jpg");
}

.kv01.change {
	background-image: url("images/kv04.jpg");
}

.kv02.change {
	background-image: url("images/kv05.jpg");
}
*/


.kv01 .second,.kv02 .second {
	display: none;
}

.kv01.change .second,.kv02.change .second {
	display: block;
}

.kv01.change .first,.kv02.change .first {
	display: none;
}

.key h1 {
  position: absolute;
  bottom: 14.6666666667vh;
  right: 15.9722222222vw;
  width: 11.94vw;
  z-index: 10;
  opacity: 0;
  transition: 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}

.key h1.show {
	opacity: 1;
}
.section__wrapper {
  width: 75%;
  max-width: 1520px;
  margin: 0 auto;
}
.section__wrapper p {
	line-height: 2.0;
	font-size:1.6rem;
}
.section-about__wrapper {
  width: 75%;
  max-width: 1520px;
  margin: 200px auto 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-about__wrapper h2 {
  width: 14.4305555556vw;
  max-width: 188.9444444444px;
  margin-top: -13vw;
}
@media screen and (min-width:1520px) {
.section-about__wrapper h2 {
	margin-top: -200px;
}
}

.section-about__wrapper .desc {
  width: 59.0277777778vw;
  max-width: 897.2222222222px;
  margin-top: 100px;
  margin-left: 12.7777777778vw;
  font-size: 2rem;
  letter-spacing: 0.06em;
  line-height: 1.9;
  text-align: left;
}
.section-about__wrapper .desc p {
  margin-bottom: 30px;
}
.section-about .slide-show-area {
  display: flex;
  width: 100vw;
  height: 34.4444444444vh;
  overflow: hidden;
  position: relative;
}



.section-about .slide-show-area li {
  width: 26.6666666667vw;
  max-width: 405.3333333333px;
  aspect-ratio: 1.25/1;
  -o-object-fit: cover;
     object-fit: cover;
     opacity: 0;

     transition: 1.4s ease-in-out;
}

.section-about .slide-show-area li.show {

	opacity: 1;
}



.home .section-feature::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
}
.section-feature__wrapper {
  width: 75%;
  max-width: 1520px;
  margin: 140px auto 140px;
}
.section-feature__wrapper .container--top {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.section-feature__wrapper .container--top h2 {
  width: 13.0555555556vw;
  max-width: 235px;
}
.section-feature__wrapper .container--top .img_stay {
  width: 40.0694444444vw;
  max-width: 721.25px;
  padding-top: 80px;
  margin-bottom: 60px;
}
.section-feature__wrapper .container--middle {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 130px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary {
  display: flex;
  width: 40.0694444444vw;
  max-width: 609.0555555556px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.3333333333vw;
  max-width: 126.6666666667px;
  height: 8.3333333333vw;
  max-height: 126.6666666667px;
  margin: 0 84px 0 0;

  background-size: contain;
  background-repeat: no-repeat;
  font-size: 2rem;
  color: #fff;
  position: relative;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .icon span {
	position: relative;
	z-index: 5;
}

.section-feature__wrapper .container--middle .feature-list__item--primary .text {
  width: 26.9444444444vw;
  max-width: 409.5555555556px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .text h3 {
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-indent: -0.6em;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .text .desc {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 2;
  margin: 20px auto 20px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .text .more {
  font-size: 1.6rem;
  display: block;
  text-align: right;
  position: relative;
  padding-right: 20px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .text .more::after {
  content: "";
  display: inline-block;
  height: 11px;
  width: 8px;
  background-image: url("images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 5.5px;
  margin-bottom: 1px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .text .more:hover::after {
	right: -6px;
}

.section-feature__wrapper .container--middle .illust01 {
  width: 12.0138888889vw;
  max-width: 182.6111111111px;
  transform: translateX(20%);
}
.section-feature__wrapper .container--bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.section-feature__wrapper .container--bottom .feature-list {
  display: flex;
  -moz-column-gap: 4.1666666667vw;
       column-gap: 4.1666666667vw;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents {
  width: 17.2222222222vw;
  max-width: 310px;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area {
  margin-bottom: 36px;
  position: relative;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon {
  position: absolute;
  top: -10%;
  left: -8%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.8333333333vw;
  max-width: 105px;
  height: 5.8333333333vw;
  max-height: 105px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 1.4rem;
  color: #fff;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon span {
	position: relative;
	z-index: 1;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .icon:after,
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat center center;
	background-size: contain;

}

.section-feature__wrapper .container--middle .feature-list__item--primary .icon:after,
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon:after {
	animation: iconspin 25.8s linear infinite;
}

@keyframes iconspin {
	0% {transform: scale(1.05) rotate(0);}
	10% {transform: scale(1.00) rotate(18deg);}
	20% {transform: scale(1.10) rotate(0);}
	30% {transform: scale(1.00) rotate(18deg);}
	40% {transform: scale(1.05) rotate(0);}
	50% {transform: scale(1.00) rotate(18deg);}
	60% {transform: scale(1.10) rotate(0);}
	70% {transform: scale(1.00) rotate(18deg);}
	80% {transform: scale(1.05) rotate(0);}
	90% {transform: scale(1.00) rotate(18deg);}
	100% {transform: scale(1.05) rotate(0);}
}

/*
.section-feature__wrapper .container--middle .feature-list__item--primary .icon:before,
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon:before {
	animation: iconspin2 40.8s linear infinite;
}

@keyframes iconspin2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}
*/


.section-feature__wrapper .container--bottom .feature-list__item .contents .text-area {
  width: 92%;
  max-width: 287.5px;
  margin: 0 auto;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .text-area h3 {
  font-size: 2.3rem;
  line-height: 1.5;
  height: calc(3.6rem + 1.5em);
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .desc {
  font-size: 1.6rem;
  line-height: 2;
  text-align: justify;
  margin: 20px 0;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .more {
  font-size: 1.4rem;
  display: block;
  text-align: right;
  position: relative;
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .more::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 6px;
  background-image: url("images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;

  position: absolute;
  top: 5.5px;
}
.section-feature__wrapper .container--middle .feature-list__item--primary .icon:after,
.section-feature__wrapper .container--middle .feature-list__item--primary .icon:before {
  background-image: url("images/stay.png");
}
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon:after,
.section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon:before {
  background-image: url("images/hotspring.png");
}
.section-feature__wrapper .container--bottom .feature-list__item:nth-child(2) .contents .img-area .icon:after,
.section-feature__wrapper .container--bottom .feature-list__item:nth-child(2) .contents .img-area .icon:before {
  background-image: url("images/eat.png");
}
.section-feature__wrapper .container--bottom .feature-list__item:last-child .contents .img-area .icon:after,
.section-feature__wrapper .container--bottom .feature-list__item:last-child .contents .img-area .icon:before {
  background-image: url("images/play.png");
}
.section-feature__wrapper .container--bottom .illust02 {
  width: 9.8611111111vw;
  max-width: 149.8888888889px;
  transform: translate(-50%, 15%);
}

.section-news {
  margin-bottom: 10px;
}
.section-news__wrapper {
  width: 75%;
  max-width: 1520px;
  margin: 120px auto 0;
}


.section-news__wrapper .container--top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 76px;
}





.section__wrapper .section-news__wrapper {
	width: 100%;
	margin: 0;
}

.section__wrapper .section-news__wrapper {

}

.section__wrapper .section-news__wrapper .container--top {
	display: block;
}
.section__wrapper .section-news__wrapper .container--top ol li {
	width: 100%;
	max-width: 100%;
}
.section__wrapper .section-news__wrapper .container--top ol li {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.section__wrapper .section-news__wrapper .container--top ol li .img {
	display: block;
	width: 21.8%;
	margin-right: 5.5%;
}
.section__wrapper .section-news__wrapper .container--top ol li .text {

	width: 72.7%;
	padding-top: 10px;
}
.section__wrapper .section-news__wrapper .container--top ol li .text .bold {
	font-size: 2.0rem;
	margin-bottom: 30px;
	line-height: 1.75;
}
.section__wrapper .section-news__wrapper .container--top li::after {
	margin-top: -10px;
	width: 72.7%;
	
}








.section-news__wrapper .container--top h2 {
  width: 4.2361111111vw;
  max-width: 64.3888888889px;
  margin-bottom: auto;
}
.section-news__wrapper .container--top li {
  width: 25vw;
  max-width: 380px;
}
.section-news__wrapper .container--top li {
  margin-bottom: 40px;
}
.section-news__wrapper .container--top li:last-child {
	margin-bottom: 0;
}
.section-news__wrapper .container--top li::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 12px;
  background-image: url("images/line.png");
  background-size: contain;
  background-repeat: repeat-x;
}
.section-news__wrapper .container--top li date {
  font-size: 1.4rem;
  margin-bottom: 2px;
  display: inline-block;
}
.section-news__wrapper .container--top li h3 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.section-news__wrapper .container--top .news_img {
  width: 26.6666666667vw;
  max-width: 480px;
  margin-top: 120px;
}
.section-news__wrapper .container--bottom {
  display: flex;
  justify-content: space-between;
}
.section-news__wrapper .container--bottom .more {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  position: relative;
  height: 2rem;
}
.section-news__wrapper .container--bottom .more::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 6px;
  background-image: url("images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;

  position: absolute;
  top: 6.4px;

}
.section-news__wrapper .container--bottom .more:hover::after {

}
.section-news__wrapper .container--bottom .news_illust {
  width: 7.6388888889vw;
  max-width: 116.1111111111px;
  transform: translate(70%, -56%);
}

.more::after {
  transition: 0.6s ease;
  margin-left: 12px;
}

.more:hover::after {
	margin-left: 18px;
}

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

	下層ページ

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

/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/


.wide_1_1 {
	width: 100%;
}

.wide_1_4 {
	width: 20.8%;
}

.wide_1_4_w {
	width: 26.3%;
}

.wide_3_4 {
	width: 73.6%;
}

.wide_3_4_w {
	width: 79.1%;
}

.wide_1_3 {
	width: 29.6%;
}

.wide_1_3_w {
	width: 35.5%;
}

.wide_2_3 {
	width: 64.5%;
}

.wide_2_3_w {
	width: 71.0%;
}

.wide_1_2 {
	width: 46.6%;
}

.wide_1_2_w {
	width: 53.6%;
}



/*page title*/

.page_title {
	padding-top: 140px;
	padding-bottom: 120px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-content: flex-end;
	align-items: flex-end;
	margin-bottom: -40px;
}

.page_title svg {
	width: 56.4%;
	height: auto;
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.page_title.show svg {
	opacity: 1;
}

.page_title .text {
	padding: 0 0 60px 0;
}

.page_title .text .title {
	font-size: 4.4rem;
	margin: 0 0 20px 0;
	line-height: 1.4;
}

.page_title .text p {
	font-size: 2.0rem;
	line-height: 1.75;
}

/*base info*/

.base_info {
	display: flex;
	position: relative;
	justify-content: flex-end;
	align-items: stretch;
	align-content: stretch;
	margin-bottom: 11vw;
}


.base_info .img {
	position: absolute;
	left: -12.5vw;
	bottom: 0;
	width: 53.7%;
	background: no-repeat center center;
	background-size: cover;
	height: 100%;
}

.base_info .text {
	padding: 120px 40px 0 0;
}

.base_info .text .title {
	font-size: 2.0rem;
	margin: 40px 0 20px 0;
}

.base_info .text .title:first-child {
	margin-top: 0;
}

.table_standard {
	font-size: 1.5rem;
	width: 100%;
	border-collapse: collapse;
	background: repeat-x center top;
	background-image: url("images/border.png");
	background-size: auto 1px;
	line-height: 1.75;
}

.table_standard td,
.table_standard th {
	vertical-align: top;
	background: repeat-x center bottom;
	background-image: url("images/border.png");
	background-size: auto 1px;
	padding: 20px 0;
	text-align: left;
}

.table_standard th {
	width: 25%;
}


.bg_white,.bg_gray {

	padding-bottom: 11.1vw;
	background: repeat-x center bottom;
	background-size: auto 1px;
}

.bg_white {
	margin: 0 0 0 0;
	padding: 8.33vw 0 21.1vw 0;
	background-color: #fff;
}

.bg_white img {
	width: 100%;
	height: auto;
}

.bg_white .section_title {
	text-align: center;
	padding: 8.33vw 0;
	font-size: 2.8rem;
}

.bg_white .section_title:first-child {
	padding-top: 0;
}

/*layout a*/

.layout_lead {
	text-align: left;
	margin: 0 0 8.33vw 0;
}

.layout_lead:last-child {
	margin-bottom: 0;
}

.layout_lead .title {
	font-size: 2.8rem;
	margin: 0 0 20px 0;
}

.layout_lead p {
	font-size: 1.8rem;
}

.layout_a {
/* 	margin-bottom: 16.0vw; */
}

.layout_a .content {
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
	align-items: flex-end;
	margin: 0 0 8.33vw 0;
	position: relative;
}


.layout_a .content:last-child {
	margin-bottom: 0;
}


.layout_a .content:nth-child(odd) {
	flex-direction: row-reverse;
}

.layout_a .content .img {
	position: relative;
}

.layout_a .content .img .sub {
	width: 34%;
	position: absolute;
	bottom: -15.33vw;

}

.layout_a .content:nth-child(odd) .img .sub {
	right: -4.16vw;
}

.layout_a .content:nth-child(even) .img .sub {
	left: -4.16vw;
}

.layout_a .content .text {
	width: 38.8%;
	padding: 3.25%;
	position: relative;
}

.layout_a .content .text:before,
.layout_a .content .text:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	background: no-repeat center center;
	background-size: 100% auto;
}

.layout_a .content .text:before {
	background-image: url("images/kakko_start.svg");
	top: -10px;
	left: -10px;
}

.layout_a .content .text:after {
	background-image: url("images/kakko_end.svg");
	bottom: 0;
	right: -10px;	
}

.layout_a .content .text .title {
	font-size: 2.8rem;
	margin: 0 0 20px 0;
	line-height: 1.4;
}

.layout_a .content .text p {
	font-size: 1.6rem;
}

/*layout b*/

.layout_b {
/* 	margin-bottom: 8vw; */
}

.layout_b .content {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	
}

.layout_b .content .img {
	padding: 0 11.9% 11.9% 11.9%;

}

.layout_b .content .text .title {
	font-size: 2.8rem;
	margin: 0 0 20px 0;
}

.layout_b .content .text p {
	font-size: 1.6rem;
}

/*layout c*/

.layout_c .content .img {
	padding: 0 0 11.9% 0;

}

.icon_contact {
	display: inline-block;
	padding-left: 40px;
	background-size: 24px auto;
	background-position: left center;
	background-repeat: no-repeat;
}

.icon_mail {
	background-image: url("images/icon_mail.svg");
}

.icon_tel {
	background-image: url("images/icon_tel.svg");
}

.layout_c .content .img_text {
	padding: 140px 0;
	font-size: 2.8rem;
	background: #fff;
	text-align: center;
}

.single .section-news__wrapper {
	margin-top: 11vw;
}




/*Google map*/

.gmap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.gmap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/*--------------------------------------
	
	blog
	
--------------------------------------*/


.post_title,.post_body {
	margin: 0 auto;
}

.post_title {
	border-bottom: 1px solid #d6d6d7;
}

.post_title date {
	font-size: 1.8rem;
	display: block;
	margin-bottom: 10px;
}

.post_title .title {
	font-size: 3.0rem;
}

.single .section__wrapper .section-news__wrapper {
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
	align-items: flex-end;
}

.single .section-news__wrapper .container--top {
	margin-bottom: 0;
}

.post_body {
	padding: 80px 0 0 0;
}

.post_body p {
	font-size: 1.8rem;
	line-height: 2.0;
	margin: 0 0 30px 0;
}

.post_body h2,
.post_body h3,
.post_body h4,
.post_body h5 {
	font-family: '見出ゴMB31', Midashi Go MB31,'A-OTF 見出ゴMB31 Pro', Meiryo, sans-serif;
}

.post_body h2 {
	font-size: 2.8rem;
	line-height: 1.5;
	margin: 80px 0 30px 0;
	  
}

.post_body h3,
.post_body h4,
.post_body h5 {
	font-size: 2.0rem;
	line-height: 1.5;
	margin: 60px 0 30px 0;
}

.post_body ul,
.post_body ol {
	padding-left: 3em;
	margin: 0 0 30px 0;
}

.post_body li {
	position: relative;
	font-size: 1.8rem;
}

.post_body li:before {
	content: '●';
	display: inline-block;
	font-size: 1.0rem;
	color: #3e3d35;
	position: absolute;
	left: -1.5em;
	top: 0.4em;
}

.post_body figure {
	padding: 0 60px;
	margin: 40px 0 40px 0;
}

.post_body figure figcaption {
	font-size: 1.4rem;
	margin: 10px 0 0 0;
	text-align: center;
}



/*----------------------------------------------------------------------------------

	pagenavi

----------------------------------------------------------------------------------*/

.wp-pagenavi_area {

	width: 100%;



}

.wp-pagenavi {
	text-align: center;
	width: 100%;
	line-height: 1.5;

	padding: 120px 0 0 0;
	

}

.wp-pagenavi span,
.wp-pagenavi a {
	font-size: 1.6rem;
	display: inline-block;
	padding: 6px 14px;
	background: #3e3d35;
	border: 1px solid #3e3d35!important;
	color: #fff;

	margin: 0 5px !important;
	border-radius: 30px;
	transition: 0.4s ease-in-out;
}

.wp-pagenavi a:hover {
	border: none;
	border: 1px solid #3e3d35 !important;
	background: #fff;
	color: #3e3d35;

}

.wp-pagenavi span.current {
	border: none;
	border: 1px solid #fff !important;
	background: #fff;
	color: #3e3d35;
	font-weight: normal;
}

.wp-pagenavi span.pages {
	display: none;
}

.wp-pagenavi a, .wp-pagenavi span {

	padding: 5px 15px !important;
}

.wp-pagenavi span.extend {
	display: none;
}

.wp-pagenavi span.extend {
	display: none;
}


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

	スマホここから

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




@media screen and (max-width: 768px) {

  html {
    font-size: 62.5%;
  }
  body {
    height: 100%;
    overflow-y: scroll;
    min-width: auto;
  }
  .pc-only,.pc_only {
    display: none;
  }
  .sp-only,.sp_only {
    display: block;
  }
  .header {
    height: 100%;
  }
  .header-sub {
	  height: auto;
  }
  .header__wrapper--top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: block;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 4vw;
  }
  .header__wrapper--top .info-icon {
    display: flex;
    align-items: center;
    margin-right: 2.1333333333vw;
  }
  .header__wrapper--top .info-icon li {
    display: flex;
    align-items: center;
  }
  .header__wrapper--top .info-icon li img {
    width: 16px;
    margin: 0 20px;
  }
  .header__wrapper--top .info-icon li::after {
    content: "";
    width: 1px;
    height: 22px;
    background: #e1e2df;
    display: inline-block;
  }
  .header__wrapper--top .info-icon li:last-child::after {
    display: none;
  }
  .header__wrapper--top .hamburger {
    background-image: url("images/hamburger.svg");
    background-size: contain;
    aspect-ratio: 1/1;
    width: 46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    position: relative;
  }
  .header__wrapper--top .hamburger span {
    transition: all 0.4s;
    width: 14px;
    display: block;
    height: 2px;
    background-color: #fafbf9;
    margin: 0 15px;
    position: absolute;
    top: 18px;
  }
  .header__wrapper--top .hamburger span:last-child {
    top: inherit;
    bottom: 18px;
  }
  .header__wrapper--top .hamburger.active span {
    transition: all 0.4s;
    top: 22px;
    left: -1px;
    width: 18px;
    transform: rotate(45deg);
  }
  .header__wrapper--top .hamburger.active span:last-child {
    transform: rotate(-45deg);
    top: 22px;
    left: -1px;
  }
  .header__wrapper--middle .logo {
    width: 34.6666666667vw;
    display: inline-block;
    margin-left: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
    position: absolute;
    bottom: calc(25px + 6.6vw);
    top: auto;
    position: absolute;
    z-index: 99;
  }
  .header__wrapper--middle h1 {
    width: 25.0666666667vw;
    margin-right: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
    position: absolute;
    bottom: calc(116px + 6.6vw);
    right: 0;
  }
  .header-sub .header__wrapper--middle .logo {
	  width: 110px;
	  position: absolute;
	  margin: 0;
	  top: 5vw;
	  left: 5vw;
	  bottom: auto;
  }
  .header__wrapper--bottom {
    display: flex;
    justify-content: space-between;
    padding: 16px 6.6vw;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    transform: translateY(1px);
  }
  
  .header__wrapper--bottom .copy,
  .header-sub .header__wrapper--bottom .copy {
    writing-mode: horizontal-tb;
    width: 100%;
    position: static;
    margin: 0;
    font-size: 1.1rem;
  }
  .header-sub .header__wrapper--bottom .copy,
  .header-sub .header__wrapper--bottom {
	  display: none;
  }
  .header__wrapper--bottom .scroll-down {
    position: static;
    display: inline-block;
  }
  .header__wrapper--bottom .scroll-down img {
    width: 10px;
    margin-bottom: 0;
  }
  .header .drawer-menu {
    width: 100%;
    height: 100dvh;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -120%;
    transition: all 0.6s;
    background-color: #f5f5f5;
    list-style: none;
  }
  .header .drawer-menu--top {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin: 0px auto;
    padding-top: 0;
    border-bottom: solid 1px #3e3d35;
    position: absolute;
    left: 10vw;
    bottom: 10vw;
    margin-bottom: 110px;
  }
  .header .drawer-menu--top .drawer-nav,
  .header-sub .drawer-menu--top .drawer-nav {
    position: static;
    margin-top: 20px;
    margin-bottom: 8vw;
    margin-left: 0;
    width: 180px;
    margin-right: 0;
  }
  .header .drawer-menu--top .drawer-nav ul {
    row-gap: inherit;
    width: 100%;
  }
  .header-sub .drawer-menu--top .drawer-nav ul li,
  .header .drawer-menu--top .drawer-nav ul li {
	  margin: 0;
    width: 100%;
  }
  .header-sub .drawer-menu--top .drawer-nav ul li:last-child {
	  width: 100%;
  }
  .header .drawer-menu--top .drawer-nav ul li a {
    width: 100%;
    font-size: 2rem;
    display: flex;
    align-items: baseline;
    margin-bottom: 3vw;
  }
  .header .drawer-menu--top .drawer-nav ul li:last-child a {
    margin-bottom: 0;
  }
  .header .drawer-menu--top .drawer-nav ul li a::before,
  .header-sub .drawer-menu--top .drawer-nav ul li a::before {
	  margin-left: 0;
	  margin-right: 12px;
  }
  .header .drawer-menu--top .link-nav {
    position: static;
    width: 24.5333333333vw;
    margin: 0 0 30px 30px;
  }
  .header .drawer-menu--top .link-nav li a {
    width: 90px;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    padding-top: 0;
  }
  .header .drawer-menu .header__info,
  .header-sub .drawer-menu .header__info {
    position: static;
    display: block;
    width: 80vw;
    margin: 0 auto;

    position: absolute;
    left: 10vw;
    bottom: 10vw;

  }
  .header .drawer-menu .header__info li:first-child {
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
    align-items: baseline;
  }
  .header .drawer-menu .header__info li:last-child {
    font-size: 1.2rem;
    letter-spacing: 0.12em;
    line-height: 1.5;
    align-self: flex-start;
  }
  .header .drawer-menu.panelactive {
    right: 0;
  }
  .header .modal-area {
    transition: all 0.4s;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  .header .modal-area .hide-area {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .header .modal-area .inquery {
    width: 86.4vw;
    margin: 0 auto;
    background-color: #F5F5F4;
    color: #3C3D39;
    text-align: center;
    padding: 20px 0 50px;
    border-radius: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header .modal-area .inquery .close-btn {
    aspect-ratio: 1/1;
    width: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    position: relative;
    margin: 0 20px 12px auto;
  }
  .header .modal-area .inquery .close-btn span {
    display: block;
    height: 2px;
    background-color: #3C3D39;
    position: absolute;
    top: 8px;
    left: -1px;
    width: 100%;
    transform: rotate(45deg);
  }
  .header .modal-area .inquery .close-btn span:last-child {
    transform: rotate(-45deg);
  }
  .header .modal-area .inquery__title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .header .modal-area .inquery__tel {
    font-size: 2rem;
    border-bottom: solid 1px #3C3D39;
    display: inline-block;
    margin-bottom: 26px;
  }
  .header .modal-area .inquery__desc {
    font-size: 1rem;
    line-height: 1.8;
  }
  .header .modal-area .inquery__desc .light {
    font-family: inherit;
  }
  .header.telShow .modal-area {
    opacity: 1;
    pointer-events: auto;
  }
  .footer {
	  padding-bottom: 60px;
  }
  .footer__wrapper {
    width: 86.4vw;
    max-width: 100%;
    margin: 0 auto 0;
    padding-top: 24px;
  }
  .footer__wrapper .container--top {
    transform: inherit;
    position: relative;
    margin-bottom: 0;
  }

.footer__wrapper .container--top .copy {
	width: 70.66vw;
	margin-left: 9vw;
	margin-top: 40px;
}

.footer__wrapper .container--top .copy svg {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
}
.footer_copy {
	position: absolute;
	top: -20px;
	left: -5px;
	width: 20.8%;
	z-index: 10;
}


  .footer__wrapper .container--top .logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29.8666666667vw;
    max-width: 100%;
    margin-bottom: 0;
  }
  .footer__wrapper .container--bottom {
    display: block;
  transform: translateY(0);
  }
  .footer__wrapper .container--bottom--left {
    margin-bottom: 40px;
  }
  .footer__wrapper .container--bottom--left dl {
    display: block;
    padding: 20px 0;
  }
  .footer__wrapper .container--bottom--left dl:first-child {
    border-top: none;
  }
  .footer__wrapper .container--bottom--left dl dt {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-top: 0;
  }
  .footer__wrapper .container--bottom--left dl dd {
    font-size: 1.2rem;
  }
  .footer__wrapper .container--bottom--left dl dd .container:first-child {
    border-top: none;
  }
  .footer__wrapper .container--bottom--left dl dd .container .date {
    display: inline;
    width: 100%;
    width: 13.3333333333vw;
    max-width: 100%;
  }
  .footer__wrapper .container--bottom--left dl dd .container .desc {
    display: inline;
    line-height: 1.3333333333;
  }
  .footer__wrapper .container--bottom--right__item:first-child::before, .footer__wrapper .container--bottom--right__item:nth-child(2)::before {
    width: 16px;
    height: 16px;
  }
  .footer__wrapper .container--bottom--right__item:first-child:last-child::before, .footer__wrapper .container--bottom--right__item:nth-child(2):last-child::before {
    width: 16px;
    height: 22px;
  }
  .footer__wrapper #scroll-top img {
    width: 10px;
  }
  
  .footer #scroll-top {
	  margin-top: 0;
  }
  
  
  
  
  /*****************************************************/


  .load_text {
	  margin-top: 22vw;
	  font-size: 1rem;
  }

  .key {
    overflow: hidden;
    height: 100%;
  }
  .key .kv_area {
    width: 117vw;
    height: 117vw;
    top: 42vw;
    left: 17vw;
  }
  .key .kv_area .kv .kv00 {
    width: 100%;
  }
  .key .kv_area .kv .kv00 img {
    width: 100%;
  }
  .key h1 {
    width: 25.6vw;
    max-width: 100%;
    margin-bottom: calc(11vw + 1.1rem);
    bottom: 6.6666666667vw;
    right: 6vw;
  }
  .section__wrapper {
    display: block;
    width: 86.4vw;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;  
  }
  .section-about__wrapper {
    display: block;
    width: 86.4vw;
    max-width: 100%;
    margin: 40px auto 54px;
  }
  .section-about__wrapper h2 {
    width: 50.1333333333vw;
    max-width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .section-about__wrapper h2 img {
    width: 50.1333333333vw;
    max-width: 100%;
  }
  .section-about__wrapper .desc {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
  }
  .section-about__wrapper .desc p {
    margin-bottom: 16px;
  }
  .section-about .slide-show-area li {
    width: 51.2vw;
    max-width: 100%;
    opacity: 1;
  }
  .section-about .slide-show-area li .yuge {
	  display: none;
  }
  .section-feature__wrapper {
    width: 100%;
    margin: 76px 0 46px;
  }
  .section-feature__wrapper .container--top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .section-feature__wrapper .container--top h2 {
    width: 46.9333333333vw;
    max-width: 100%;
    margin-left: 6.5333333333vw;
  }
  .section-feature__wrapper .container--top .illust01.sp-only {
    width: 26.6666666667vw;
    max-width: 100%;
    margin-right: 6.5333333333vw;
  }
  .section-feature__wrapper .container--top .img_stay {
    width: 100vw;
    padding-top: 36px;
    margin-bottom: 32px;
  }
  .section-feature__wrapper .container--middle {
    display: block;
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e2df;
    margin: 0 auto 40px;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary {
    justify-content: space-between;
    width: 86.4vw;
    max-width: 100%;
    margin: 0 auto;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .icon {
    width: 15.4666666667vw;
    max-width: 100%;
    height: 15.4666666667vw;
    max-height: 100%;
    background-repeat: no-repeat;
    font-size: 1rem;
    margin: 0 20px 0 0;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .text {
    width: 64vw;
    max-width: 100%;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .text h3 {
    font-size: 1.8rem;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .text .desc {
    font-size: 1.2rem;
    margin: 14px auto 14px;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .text .more {
    font-size: 1.1rem;
  }
  .section-feature__wrapper .container--middle .feature-list__item--primary .text .more::after {
    height: 0.8rem;
    width: 0.8rem;
    margin-left: 8px;
  }
  .section-feature__wrapper .container--bottom {
    display: block;
  }
  .section-feature__wrapper .container--bottom .feature-list {
    display: block;
  }
  .section-feature__wrapper .container--bottom .feature-list__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e2df;
    margin-bottom: 30px;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents {
    width: 93.3333333333vw;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    -moz-column-gap: 8vw;
         column-gap: 8vw;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .img-area {
    width: 45.3333333333vw;
    max-width: 100%;
    margin-bottom: 0;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .img-area img {
    width: 100%;
    margin-bottom: 60px;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .img-area .icon {
    width: 60px;
    height: 60px;
    font-size: 1rem;
    top: 34vw;
    left: 4vw;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .text-area {
    width: 40vw;
    max-width: 100%;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .text-area h3 {
    font-size: 1.8rem;
    height: auto;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .desc {
    font-size: 1.2rem;
    margin: 3px auto 10px;
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .more {
    font-size: 1.1rem;
    transform: translateX(-14px);
  }
  .section-feature__wrapper .container--bottom .feature-list__item .contents .text-area .more::after {
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 8px;
  }
  .section-feature__wrapper .container--bottom .feature-list__item:nth-child(even) .contents {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .section-feature__wrapper .container--bottom .feature-list__item:nth-child(even) .contents .icon {
    right: 4vw;
    left: inherit;
  }
  .section-feature__wrapper .container--bottom .feature-list__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .section-news__wrapper {
    width: 86.4vw;
    max-width: 100%;
    margin: 42px auto 42px;
  }
  .section-news__wrapper .container--top {
    display: block;
    margin-bottom: 24px;
  }
  .section-news__wrapper .container--top h2 {
    width: 54.9333333333vw;
    max-width: 100%;
    margin-bottom: 32px;
  }
  .section-news__wrapper .container--top li {
    width: 100%;
    margin-bottom: 40px;
  }
  .section-news__wrapper .container--top li date {
    font-size: 1.1rem;
    margin-bottom: 6px;
  }
  .section-news__wrapper .container--top li h3 {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }
  .section-news__wrapper .container--top li::after {
    height: 5px;
    background-repeat: repeat;
  }
  .section-news__wrapper .container--bottom .more {
    font-size: 1.1rem;
  }
  .section-news__wrapper .container--bottom .more::after {
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 8px;
    top: 3.2px;
  }
  .section-news__wrapper .container--bottom .news_illust {
    width: 20.2666666667vw;
    max-width: 100%;
    transform: inherit;
  }
  
  




.section__wrapper .section-news__wrapper {
	margin-top: 0;
}
.section__wrapper .section-news__wrapper .container--top ol li {


	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 6vw;

}
.section__wrapper .section-news__wrapper .container--top ol li .img {


}
.section__wrapper .section-news__wrapper .container--top ol li .text {


	padding-top: 0;
}
.section__wrapper .section-news__wrapper .container--top ol li .text .bold {
	font-size: 1.6rem;
	margin-bottom: 2vw;
}
.section__wrapper .section-news__wrapper .container--top li::after {
	margin-top: 4vw;
	width: 100%;
}






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

	下層ページ

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

/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/

.wide_1_4 {
	width: 45.5%;
}

.wide_1_4_w {
	width: 45.5%;
}

.wide_3_4 {
	width: 100%;
}

.wide_3_4_w {
	width: 100%;
}

.wide_1_3 {
	width: 45.5%;
}

.wide_1_3_w {
	width: 45.5%;
}

.wide_2_3 {
	width: 100%;
}

.wide_2_3_w {
	width: 100%;
}

.wide_1_2 {
	width: 100%;
}

.wide_1_2_w {
	width: 100%;
}

.wide_100 {
	width: 100%;	
}

.wide_100 {
	width: 100%;
}


/*page title*/

.page_title {
	padding-top: 76px;
	padding-bottom: 6vw;
	margin-bottom: 0;
	flex-direction: column;
	align-content: flex-end;
	align-items: flex-end;

}

.page_title svg {
	width: 56.4vw;
	margin-right: -4vw;
}

.page_title .text {
	width: 100%;
	margin-top: -8vw;
	padding: 0 0 4vw 0;
}

.page_title .text .title {
	font-size: 2.4rem;
	margin: 0 0 10px 0;
}

.page_title .text p {
	font-size: 1.4rem;
}

/*base info*/

.base_info {
	flex-direction: column-reverse;

	margin-top: 0;
}

.base_info .img {
	position: static;
	margin-left: -10vw;
	bottom: 0;
	width: 112.1%;
	padding-top: 80%;
	height: auto;
}

.base_info .text {
	padding: 0 0 12vw 0;
}

.base_info .text .title {
	font-size: 1.6rem;
	margin: 5vw 0 2vw 0;
}

.base_info .text .title:first-child {
	margin-top: 0;
}


.table_standard {
	font-size: 1.3rem;

}

.table_standard td {
	padding: 4px 0 16px 0;
	display: block;
}

.table_standard td:first-child {
	padding-top: 16px;
}

.table_standard th {
	width: 100%;
	display: block;
	padding: 16px 0 0 0;
	background: none;
  font-family: '見出ゴMB31', Midashi Go MB31,'A-OTF 見出ゴMB31 Pro', Meiryo, sans-serif;
}


.bg_white {

	margin: 0 0 0 0;
	padding: 8.33vw 0 11.1vw 0;
	background: repeat-x center bottom #fff;
	background-size: auto 1px;
}

.bg_white img {
	width: 100%;
	height: auto;
}

.bg_white .section_title {
	text-align: center;
	padding: 8.33vw 0;
	font-size: 1.8rem;
}

.bg_white .section_title:first-child {
	padding-top: 0;
}

/*layout a*/

/*
.layout_lead {
	text-align: left;
	margin: 0 0 8.33vw 0;
}
*/

.layout_lead .title {
	font-size: 2.0rem;
	margin: 0 0 20px 0;
}

.layout_lead p {
	font-size: 1.4rem;
}

.layout_a {
	margin-bottom: 12.0vw;
}

.layout_a:last-child {
	margin-bottom: 0;
}

.layout_a .content {
	display: block;
/*
	justify-content: space-between;
	align-content: flex-end;
	align-items: flex-end;
*/
	margin: 0 0 12vw 0;
}

/*
.layout_a .content:nth-child(odd) {
	flex-direction: row-reverse;
}
*/

.layout_a .content .img {
	margin-bottom: 10vw;
	margin-right: -10vw;
	width: 112.1%;
}

.layout_a .content:nth-child(even) .img {
	margin-left: -10vw;
	margin-right: 0;
}



.layout_a .content .img .sub {
	display: none;
}


/*

.layout_a .content .img .sub {
	bottom: -4.33vw;
}

.layout_a .content:nth-child(odd) .img .sub {
	right: auto;
	left: -10vw;
}

.layout_a .content:nth-child(even) .img .sub {
	left: auto;
	right: -10vw;
}
*/









.layout_a .content .text {
	width: 100%;
	padding: 6vw;
}

.layout_a .content .text:before,
.layout_a .content .text:after {
	width: 4vw;
	height: 4vw;
}

.layout_a .content .text:before {
	top: 0;
	left: 0;
}

.layout_a .content .text:after {
	bottom: 0;
	right: 0;	
}

.layout_a .content .text .title {
	font-size: 2.0rem;
	margin: 0 0 10px 0;
}

.layout_a .content .text p {
	font-size: 1.4rem;
}

/*layout b*/

.layout_b .content {
	display: block;
	
}

.layout_b .content .img {
	padding: 0 18.9% 11.9% 18.9%;

}

.layout_b:first-child .content .img {
	padding-top: 6%;
}

.layout_b .content .box {
	margin: 0 0 8vw 0;
}

.layout_b .content .box:last-child {
	margin-bottom: 0;
}

.layout_b .content .text .title {
	font-size: 1.8rem;
	margin: 0 0 10px 0;
}

.layout_b .content .text p {
	font-size: 1.3rem;
}

/*layout c*/

.layout_c .content .img {
	padding: 6% 18.9% 11.9% 18.9%;

}

.icon_contact {

	padding-left: 28px;
	background-size: 16px auto;

}



.layout_c .content .img.img_text {
	padding: 30px 0;
	font-size: 1.8rem;

}

.gmap {
	padding-top: 150%;
}

/*--------------------------------------
	
	blog
	
--------------------------------------*/


.post_title,.post_body {

	margin: 0 auto;
}

.post_title {
	border-bottom: 1px solid #d6d6d7;
	padding: 200px 0 20px 0;
}

.post_title date {
	font-size: 1.1rem;
}

.post_title .title {
	font-size: 1.8rem;
}

.single .section__wrapper .section-news__wrapper {
	display: block;

	
	padding-top: 12vw;
}

.single .section-news__wrapper .container--top {
	margin-bottom: 0;
}

.single .section-news__wrapper .container--bottom {
	display: flex;
	justify-content: flex-end;
	padding-right: 10px;
}










.post_body {
	padding: 8vw 0 0 0;
}

.post_body p {
	font-size: 1.4rem;
	margin: 0 0 5vw 0;
}



.post_body h2 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin: 10vw 0 5vw 0;
	  
}

.post_body h3,
.post_body h4,
.post_body h5 {
	font-size: 1.8em;
	margin: 7vw 0 5vw 0;
}

.post_body ul,
.post_body ol {
	margin: 0 0 5vw 0;
}

.post_body li {
	font-size: 1.4rem;
}


.post_body li:before {

	top: 0;
}

.post_body figure {
	padding: 0 8vw;
	margin: 6vw 0 6vw 0;
}

.post_body figure figcaption {
	font-size: 1.2rem;
	margin: 10px 0 0 0;
}


/*----------------------------------------------------------------------------------

	pagenavi

----------------------------------------------------------------------------------*/

.wp-pagenavi_area {

}

.wp-pagenavi {
	padding: 10vw 0;

}

.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 3px !important;
	display: inline-block;
	padding: 6px 13px !important;
	font-size: 1.2rem;
}



.wp-pagenavi span.pages {
	margin: 0 0 10px 0;
}

.wp-pagenavi a.last,
.wp-pagenavi a.first {
	display: none;
}



}/*# sourceMappingURL=style.css.map */


/*
子犬関連のCSS
*/
.pg_puppy {
}

.pg_puppy .section#sec1 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin: 100px auto 0;
    width: 90%;
}

.home_puppy_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}

.home_puppy_items .item {
    width: 33.333%;
    padding-left: 16px;
    padding-right: 16px;
}

.home_puppy_items .item:nth-child(n+4) {
    margin-top: 30px;
}

.home_puppy_items .item .inner {
    height: 100%;
}

.home_puppy_items .item .img {
    display: block;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #b5b5b5;
    position: relative;
}

.home_puppy_items .item .img:before {
    content: "";
    display: block;
    padding-top: 86.66%;
}

.home_puppy_items .item .img a {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home_puppy_items .item .img .status {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    width: 115px;
    padding: 8px;
    background: #ccc;
}

.home_puppy_items .item .img .status.status0 {
    background: #e37059;
}

.home_puppy_items .item .img .status.status1 {
    background: #489674;
}

.home_puppy_items .item .img .status.status2 {
    background: #735645;
}

.home_puppy_items .item .meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}

.home_puppy_items .item .meta dl {
    display: flex;
    margin-bottom: 0.4em;
}

.home_puppy_items .item .meta dl dt {
    background: #735645;
    border-radius: 5px;
    padding: 1px 10px;
    margin-right: 12px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.home_puppy_items .item .meta dl dd {
    font-weight: 500;
    font-size: 16px;
}

.home_puppy_items .item .link {
    width: 100%;
    margin-top: 0.4em;
}

.home_puppy_items .item .link a {
    display: block;
    background: #735645;
    padding: 4px 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

.home_puppy_items .item .link a:after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
}

/* Responsive adjustments */
@media (min-width: 1200px) {
    .home_puppy_items.archive {
        margin-left: -23px;
        margin-right: -23px;
    }
    .home_puppy_items.archive .item {
        padding-left: 23px;
        padding-right: 23px;
    }
    .home_puppy_items.archive .item:nth-child(n+4) {
        margin-top: 50px;
    }
}

.home_puppy_items.archive .item .meta {
    margin-top: 20px;
}

.home_puppy_items.archive .item .meta dl dt {
    font-size: 15px;
    padding: 4px 20px;
}

.home_puppy_items.archive .item .link a {
    padding: 15px 5px;
}

.home_puppy_items.archive .item .link a:after {
    right: 40px;
}


.puppy_detail_wrap {
    /* General styling for puppy details */
}

.puppy_tt1 {
    background: #FFF;
    color: #735645;
    border-radius: 39px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
    padding: 15px 10px;
}

.puppy_tt1 span {
    position: relative;
    padding: 0 40px;
    display: inline-block;
}

/* Main image slider area */
.puppy_main_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.puppy_main_img .box1 {
    width: 48.92%;
}

.puppy_main_img .box1.no_movie {
    width: 75%;
    margin: 0 auto;
}

.puppy_main_img .box2 {
    width: 100%;
}

.puppy_main_img .guide_link a,
.puppy_main_img .reserve_link a {
    display: block;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px 10px;
    background: #735645;
    color: #FFF;
    position: relative;
}

.puppy_main_img .guide_link a:after,
.puppy_main_img .reserve_link a:after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

/* Info Table */
.puppy_info {
    margin-top: 100px;
	font-size: 1.5rem;
}

.puppy_info .title {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    color: #735645;
}

.puppy_info_tbl {
    width: 100%;
}

.puppy_info_tbl th,
.puppy_info_tbl td {
    padding: 17px 10px;
    color: #111;
}

.puppy_info_tbl th {
    background: #735645;
    border-bottom: 2px solid #FFF;
    color: #fff;
}

.puppy_info_tbl td {
    background: #FFF;
    border-bottom: 1px solid #735645;
}

/* Pagination */
.pagination {
    text-align: center;
    margin-top: 65px;
}

.pagination .nav-posts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 19px;
}

.pagination .page-next,
.pagination .page-prev {
    min-width: 180px;
}

.pagination .page-next a,
.pagination .page-prev a {
    display: block;
    border: 1px solid #735645;
    padding: 15px 50px;
    background: #FFF;
    font-size: 12px;
    position: relative;
}

.pagination .page-next a:before,
.pagination .page-prev a:after {
    content: "→";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.pagination .page-archive a {
    display: block;
    background: #735645;
    color: #fff;
    padding: 15px 120px;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .pagination .nav-posts .page-next,
    .pagination .nav-posts .page-prev {
        min-width: 120px;
    }
    .pagination .nav-posts .page-next a,
    .pagination .nav-posts .page-prev a,
    .pagination .page-archive a {
        font-size: 10px;
        padding: 10px;
    }
}



.puppy_slider .sp-slides {
  overflow: visible; /* 画像が非表示にならないように */
}

.puppy_slider .sp-slide {
  width: 100% !important; /* 各スライドがフルサイズで表示されるように */
  height: auto !important;
}

.puppy_slider .sp-image-container {
  overflow: hidden;
}

.puppy_slider .sp-slide img {
  width: 100%;
  height: auto;
}
.puppy_slider {
  background: transparent; /* 背景を透明に */
}


.puppy_main_img .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.puppy_main_img .guide_link, .puppy_main_img .reserve_link {
    width: 49.5%;
    margin-top: 20px;
}



.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}

.qa-8 dd::before {
    content: "A.";
}

.qa-8 {
    font-size: 1.7rem;
}


/*口コミ*/

.kuchikomi-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.kuchikomi-box {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.kuchikomi-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.kuchikomi-header h2 {
    margin: 0;
    font-size: 2rem;
    color: #333;
}

.kuchikomi-rating {
    display: flex;
    align-items: center;
}

.kuchikomi-rating span {
    font-size: 2rem;
    color: gold;
}

.kuchikomi-details {
    font-size: 1.3rem;
    color: #777;
	
}

.kuchikomi-body {
    margin-top: 10px;
    font-size: 1rem;
    color: #333;
}

.kuchikomi-image img {
    width: auto; /* 幅は元画像のサイズを保つ */
    height: auto; /* 高さも元画像のサイズを保つ */
    max-width: 100%; /* 親コンテナより大きくならないように制限 */
    border-radius: 5px;
}



/* Responsive Design */
@media (max-width: 768px) {
    .kuchikomi-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .kuchikomi-rating {
        margin-top: 10px;
    }
}