@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}
@media screen and (max-width: 1200px) {
}

.c-topHeadingBlock {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  color: #7E6655;
}
.c-topHeadingLabel {
  font-family: "Barlow", sans-serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .1em;
}
.c-topHeading {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
  margin-left: 24px;
}
.c-pageSecHeadingBlock {
  display: flex;
  align-items: baseline;
  color: #7E6655;
}
.c-pageSecHeadingLabel {
  font-family: "Barlow", sans-serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: .1em;
}
.c-pageSecHeading {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
  margin-left: 24px;
}
a.c-linkAnc {
  color: #5BB498;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  padding-right: 220px;
}
a.c-linkAnc::before,
a.c-linkAnc::after {
  position: absolute;
  content: '';
}
a.c-linkAnc::before {
  right: 74px;
  bottom: 0;
  width: 126px;
  height: 2px;
  background-color: #5DC1A2;
}
a.c-linkAnc::after {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../images/common/linkanc_arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 768px){
  .c-topHeadingLabel {
    font-size: 36px;
  }
  .c-topHeading {
    font-size: 12px;
    margin-left: 5px;
  }
  .c-pageSecHeadingBlock {
    display: block;
    text-align: left;
  }
  .c-pageSecHeadingLabel {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .c-pageSecHeading {
    font-size: 12px;
    margin-left: 5px;
  }
  a.c-linkAnc {
    font-size: 15px;
    padding-right: 130px;
  }
  a.c-linkAnc::before {
    right: 46px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 1px;
  }
  a.c-linkAnc::after {
    width: 35px;
    height: 35px;
  }
}
/* CTA */
.c-cta {
  margin-top: 300px;
  padding: calc(140px + 6.66vw) 0;
  box-sizing: border-box;
  position: relative;
  background-color: #FFF9F2;
}
.c-cta::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-image: url('../images/common/cta_cover.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 6.66vw;
}
.c-ctaLinks {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.c-ctaLinks__item {
  width: calc((100% - 112px) / 3);
}
.c-ctaLinks.c-ctaLinks--single .c-ctaLinks__item {
  width: 60%;
  margin: 0 auto;
}
.c-ctaLinks__item.c-ctaLinks__item--line{
}
.c-ctaLinks__item.c-ctaLinks__item--web{
}
.c-ctaLinks__item.c-ctaLinks__item--tel {
}
.c-ctaLinks__item a {
  display: flex;
  align-items: center;
  border: 2px solid #7E6655;
  min-height: 126px;
  border-radius: 10px;
  padding: 20px 30px 20px 40px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
  position: relative;
}
.c-ctaLinks__item.c-ctaLinks__item--tel a {
  font-size: 22px;
}
.c-ctaLinks__item a::after {
  position: absolute;
  content: '';
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../images/common/cta_arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 45px;
  height: 45px;
}
.c-ctaLinks__item a span {
  position: relative;
  padding-left: 60px;
  box-sizing: border-box;
}
.c-ctaLinks__item a span::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-ctaLinks__item.c-ctaLinks__item--line a span::before {
  background-image: url('../images/common/cta_icon_line.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 41px;
  height: 41px;
}
.c-ctaLinks__item.c-ctaLinks__item--web a span::before {
  background-image: url('../images/common/cta_icon_web.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 45px;
  height: 40px;
}
.c-ctaLinks__item.c-ctaLinks__item--tel a span::before {
  background-image: url('../images/common/cta_icon_tel.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px){
  .c-cta {
    margin-top: 80px;
    padding: calc(75px + 6.66vw) 0;
  }
  .c-ctaLinks {
    flex-direction: column;
    margin-top: 30px;
  }
  .c-ctaLinks__item {
    width: 100%;
  }
  .c-ctaLinks.c-ctaLinks--single .c-ctaLinks__item {
  width: 100%;
}
  .c-ctaLinks__item + .c-ctaLinks__item {
    margin-top: 15px;
  }
  .c-ctaLinks__item a {
    border: 1px solid #7E6655;
    min-height: 67px;
    border-radius: 5px;
    padding: 20px 27px 20px 27px;
    font-size: 16px;
  }
  .c-ctaLinks__item.c-ctaLinks__item--tel a {
    font-size: 18px;
  }
  .c-ctaLinks__item a::after {
    right: 27px;
    width: 35px;
    height: 35px;
  }
  .c-ctaLinks__item a span {
    padding-left: 46px;
  }
  .c-ctaLinks__item a span::before {
    left: 0;
    top: 0;
    bottom: 0;
  }
  .c-ctaLinks__item.c-ctaLinks__item--line a span::before {
    width: 28px;;
    height: 28px;
  }
  .c-ctaLinks__item.c-ctaLinks__item--web a span::before {
    width: 28px;
    height: 24px;
  }
  .c-ctaLinks__item.c-ctaLinks__item--tel a span::before {
    width: 26px;
    height: 26px;
  }
}


.c-newsList {
  width: 100%;
}
.c-newsList > li {
  padding: 24px 0;
  border-bottom: 1px solid #7E6655;
  box-sizing: border-box;
}
.c-newsListHead {
  display: flex;
  margin: 0px auto 20px;
}
.c-newsListHead__date {
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
  width: 120px;
  text-align: left;
}
.c-newsListHead__label {
  margin-top: 3px;
}
.c-newsListHead__label > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 26px;
  padding: 0 17px;
  border: 1px solid #7E6655;
  color: #7E6655;
  box-sizing: border-box;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
}
.c-newsListTitle {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.41;
  letter-spacing: .05em;
  color: #7E6655;
  position: relative;
  padding-right: 74px;
}
.c-newsListTitle::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../images/common/cta_arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 54px;
  height: 54px;
}
a.c-newsLinkAnc {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
}
.c-newsLinkAnc > span {
  display: inline-block;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
}
.c-newsLinkAnc > span::before,
.c-newsLinkAnc > span::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-newsLinkAnc > span::before {
  right: 0;
  background-color: #7E6655;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.c-newsLinkAnc > span::after {
  right: 8px;
  top: -2px;
  background-image: url('../images/common/arrow_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 4px;
}
@media screen and (max-width: 768px){
  .c-newsList > li {
    padding: 15px 0;
    border-bottom: 1px solid #7E6655;
    box-sizing: border-box;
  }
  .c-newsListHead {
    display: flex;
    margin: 10px auto;
  }
  .c-newsListHead__date {
    font-size: 12px;
    width: 75px;
    margin-top: 2px;
  }
  .c-newsListHead__label {
    margin-top: 0px;
  }
  .c-newsListHead__label > span {
    height: 20px;
    padding: 0 12px;
    font-size: 9px;
  }
  .c-newsListTitle {
    font-size: 12px;
    padding-right: 50px;
  }
  .c-newsListTitle::after {
    width: 35px;
    height: 35px;
  }
  a.c-newsLinkAnc {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .05em;
    color: #7E6655;
  }
  .c-newsLinkAnc > span {
    display: inline-block;
    position: relative;
    padding-right: 40px;
    box-sizing: border-box;
  }
  .c-newsLinkAnc > span::before,
  .c-newsLinkAnc > span::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .c-newsLinkAnc > span::before {
    right: 0;
    background-color: #7E6655;
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .c-newsLinkAnc > span::after {
    top: -2px;
    right: 8px;
    background-image: url('../images/common/arrow_w.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 8px;
    height: 4px;
  }
}


/* BLOGリスト */
.c-blogList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 56px;
}
.c-blogList > li {
  width: calc((100% - 90px) / 3);
  margin-left: 45px;
}
.c-blogList > li:nth-of-type(3n+1) {
  margin-left: 0;
}
.c-blogList > li:nth-of-type(n+4) {
  margin-top: 60px;
}
.c-blogListLinkAnc {
  
}
.c-blogListThumb {
}
.c-blogListThumb img {
  border-radius: 20px;
  width: 100%;
}
.c-blogListHead {
  display: flex;
  margin: 15px auto;
}
.c-blogListHead__date {
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
  width: 120px;
  text-align: left;
}
.c-blogListHead__label {
  margin-top: 3px;
  
}
.c-blogListHead__label > span {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  height: 26px;
  padding: 0 12px;
  border: 1px solid #7E6655;
  color: #7E6655;
  box-sizing: border-box;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;

}
.c-blogListTitle {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.88;
  letter-spacing: .05em;
  color: #7E6655;
}
.c-blogListBtn {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
  margin-top: 15px;
  text-align: left;
}
.c-blogListBtn span {
  display: inline-block;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;

}
.c-blogListBtn span::before,
.c-blogListBtn span::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-blogListBtn span::before {
  right: 0;
  background-color: #7E6655;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.c-blogListBtn span::after {
  top: -2px;
  right: 7px;
  background-image: url('../images/common/arrow_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 4px;
}
@media screen and (max-width: 900px){
  .c-blogList > li {
    width: calc((100% - 36px) / 2);
    margin-left: 36px;
  }
  .c-blogList > li:nth-of-type(3n+1) {
    margin-left: 36px;
  }
  .c-blogList > li:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .c-blogList > li:nth-of-type(n+3) {
    margin-top: 60px;
  }

}
@media screen and (max-width: 768px){
  .c-blogList {
    margin-top: 48px;
  }
  .c-blogList > li {
    width: calc((100% - 13px) / 2);
    margin-left: 13px;
  }
  .c-blogList > li:nth-of-type(3n+1) {
    margin-left: 13px;
  }
  .c-blogList > li:nth-of-type(2n+1) {
    margin-left: 13px;
  }
  .c-blogList > li:nth-of-type(2n) {
    margin-left: 0;
  }
  .c-blogList > li:first-of-type {
    margin-left: 0;
    width: 100%;
  }
  .c-blogList.c-blogList--top > li:last-of-type {
    display: none;
  }
  .c-blogList > li:nth-of-type(n+2) {
    margin-top: 30px;
  }
  .c-blogListThumb img {
    border-radius: 10px;
  }
  .c-blogListHead {
    display: flex;
    margin: 10px auto;
  }
  .c-blogListHead__date {
    font-size: 12px;
    width: 72px;
    text-align: left;
    margin-top: 2px;
  }
  .c-blogListHead__label {
    margin-top: 0px;
  }
  .c-blogListHead__label > span {
    height: 20px;
    padding: 0 10px;
    font-size: 9px;
  }
  .c-blogListTitle {
    font-size: 12px;
  }
  .c-blogList > li:first-of-type .c-blogListTitle {
    font-size: 15px;
  }
  .c-blogListBtn {
    font-size: 11px;
    margin-top: 10px;
  }
  .c-blogListBtn span {
    padding-right: 24px;
  }
  .c-blogListBtn span::before {
    right: 0;
    width: 15px;
    height: 15px;
  }
  .c-blogListBtn span::after {
    right: 4px;
    top: -2px;
    width: 5px;
    height: 3px;
  }
}

.p-openingAnimation {
  position: fixed;
  z-index: 1010;
  background-color: #F4F0EC;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease;
  transform: translate3d(0, 0, 0);
}
.p-openingAnimation.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.p-openingAnimationInner {
  position: relative;
}
.p-openingAnimationTxt {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.96;
  letter-spacing: .1em;
  color: #7E6655;
  text-align: left;
}
.p-openingAnimationSwitch {
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 230px;
  height: 60px;
  border: 2px solid #5DC1A2;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 30px;
}
.p-openingAnimationSwitchInner {
  width: 100%;
  height: 56px;
  border: 4px solid #fff;
  background-color: #fff;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 10;
}
.p-openingAnimationSwitchInner::before {
  content: '';
  position:absolute;
  top: 0;
  left: 0;
  height:100%;
  border-radius: 28px;
  animation: progress 3s normal;
  animation-fill-mode: forwards;
  background-color: #5DC1A2;
  z-index: 12;
}
.p-openingAnimationSwitchInner::after {
  position: absolute;
  display: inline-block;
  content: '解決する';
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  left: .5em;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 14;
}
@keyframes progress {
  0% {width: 48px}
  30% {width: 48px}
  70% {width: 100%}
  100% {width: 100%}
}
@media screen and (max-width: 768px){
  .p-openingAnimationInner {
    margin-bottom: 110px;
  }
  .p-openingAnimationTxt {
    font-size: 28px;
  }
  .p-openingAnimationSwitch {
    bottom: 4px;
    right: 5px;
    width: 170px;
    height: 46px;
    border: 2px solid #5DC1A2;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 30px;
  }
  .p-openingAnimationSwitchInner {
    width: 100%;
    height: 42px;
    border: 4px solid #fff;
    border-radius: 21px;
  }
  .p-openingAnimationSwitchInner::before {
    border-radius: 21px;
  }
  .p-openingAnimationSwitchInner::after {
    font-size: 22px;
  }
  @keyframes progress {
    0% {width: 34px}
    30% {width: 34px}
    70% {width: 100%}
    100% {width: 100%}
  }
}

.p-topMainOuter {
  box-sizing: border-box;
  padding-top: 90px;
  background-color: #fff;
}
.p-topMain {
  background-image: url('../images/top/kv_pc.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  /* height: 1046px; */
  height: calc(100vh - 90px);
  position: relative;
}
.p-topMain::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-image: url('../images/top/pc_top.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 9.89vw;
}
.p-topMain::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -1px;
  background-image: url('../images/top/pc_bottom.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 9.89vw;
}
.p-topMainInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 0 50px;
  box-sizing: content-box;
}
.p-topMainCatch {
  /* font-family: "Barlow", "Zen Kaku Gothic New", sans-serif; */
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  color: #fff;
}
.p-topMainTitleBlock {
  margin: 50px auto;
}
.p-topMainTitle {
  position: relative;
  z-index: 12;
  /* font-size: 32px; */
  font-size: 45px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .12em;
  color: #fff;
}
.p-topMainTitle span {
  display: inline-block;
}
.p-topMainBox {
  /* font-family: "Barlow", "Zen Kaku Gothic New", sans-serif; */
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  color: #fff;

  /* background-color: #7E6655;
  mix-blend-mode: multiply; */
  padding: 20px 20px 25px;
  box-sizing: border-box;
  border-radius: 25px;
  position: relative;
  max-width: 900px;
  width: 100%;
  z-index: 10;
  background-color: #7E66559a;
}
.p-topMainBox::before,
.p-topMainBox::after {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 25px;
  border-style: solid;
  border-color: #fff;
  box-sizing: border-box;
}
.p-topMainBox::before {
  border-radius: 25px 25px 0 0;
  border-width: 2px 2px 0 2px;
  top: 0;
}
.p-topMainBox::after {
  border-radius: 0 0 25px 25px;
  border-width: 0 2px 2px 2px;
  bottom: 0;
}
.p-topMainStandOutTxt {
  /* font-size: 78px; */
  font-size: min(9.17vw, 78px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .15em;
  color: #fff;
}
.p-topMainStandOutTxt strong {
  font-size: 1.1em;
  font-weight: 700;
}
.p-topMainStandOutTxt span {
  display: inline-block;
}
@media screen and (max-width: 768px){
  .p-topMainOuter {
    padding-top: 60px;
  }
  .p-topMain {
    background-image: url('../images/top/kv_sp.jpg');
    width: 100%;
    height: calc(100vh - 60px);
  }
  .p-topMain::before {
    background-image: url('../images/top/sp_top.png');
    width: 100%;
    height: 13.35vw;
  }
  .p-topMain::after {
    background-image: url('../images/top/sp_bottom.png');
    width: 100%;
    height: 13.35vw;
  }
  .p-topMainInner {
    padding: 0 30px;
  }
  .p-topMainCatch {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .12em;
    color: #fff;
  }

  .p-topMainTitleBlock {
    margin: 36px auto;
  }
  .p-topMainTitle {
    font-size: 30px;
  }
  .p-topMainBox {
    font-size: 32px;
    padding: 15px 15px 20px;
    box-sizing: border-box;
    border-radius: 25px;
    position: relative;
    z-index: 10;
    max-width: 450px;
    width: calc(100% - 20px);
    background-color: #7E66559a;
    margin-bottom: 60px;
  }
  .p-topMainBox::before,
  .p-topMainBox::after {
    height: 20px;
  }
  .p-topMainBox::before {
    border-radius: 20px 20px 0 0;
    border-width: 1px 1px 0 1px;
  }
  .p-topMainBox::after {
    border-radius: 0 0 20px 20px;
    border-width: 0 1px 1px 1px;
  }
  .p-topMainStandOutTxt {
    /* font-size: min(11.71vw, 90px); */
    font-size: min(12vw, 67px);
  }
}

.p-topNews {
  padding-top: 200px;
  background: linear-gradient(to bottom,  #F8F4EF 0%,#f4f0ec 100%);
}
.p-topNewsContent {
  margin-top: 40px;
}
.p-topNewsReadMoreBlock {
  text-align: right;
  margin-top: 20px;
}
@media screen and (max-width: 768px){
  .p-topNews {
    padding-top: 80px;
  }
}

.p-topVoice {
  margin-top: 168px;
  /* background-color: #FFF9F2; */
  background: linear-gradient(to bottom,  #fff9f2 0%,#f4f0ec 100%);
  border-radius: 50vw 50vw 0 0;
  padding-top: 50vw;
  box-sizing: border-box;
  
}
.p-topVoiceIntroTxtBlock {
  -webkit-transform: translate(0%, -30vw);
  transform: translate(0%, -30vw);
  font-size: 20px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: .05em;
  color: #7E6655;
  /* margin-bottom: -30vw; */
}
.p-topVoiceIntroTxtBlock > p + p {
  margin-top: 50px;
}
@media screen and (max-width: 768px){
  .p-topVoice {
    margin-top: 100px;
    background: linear-gradient(to bottom,  #fff9f2 0%,#f4f0ec 100%);
  }
  .p-topVoiceIntroTxtBlock {
    -webkit-transform: translate(0%, -20vw);
    transform: translate(0%, -20vw);
    font-size: 12px;
  }
  .p-topVoiceIntroTxtBlock > p + p {
    margin-top: 20px;
  }
}

.p-topEffort {
  margin-top: calc(-30vw + 200px);

}
.p-topEffortCatch {
  margin: 60px auto 80px;
}
.p-topEffortCatchHead {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  max-width: 600px;
  margin: 0 auto 36px;
  color: #5BB498;
}
.p-topEffortCatchHead__item {
  width: calc((100% - 36px) / 2);
  margin-left: 36px;
}
.p-topEffortCatchHead__item:nth-of-type(3) {
  margin-top: 70px;
  position: relative;
}
.p-topEffortCatchHead__item:nth-of-type(3)::before {
  position: absolute;
  content: '✕';
  color: #7E6655;
  left: 0;
  right: 0;
  top: -80px;
  font-size: 1.2em;
  font-weight: 700;
  margin: auto;
}
.p-topEffortCatchHead__item:nth-of-type(2n+1) {
  margin-left: 0;
}
.p-topEffortCatchMain {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
}
.p-topEffortCatchMain strong {
  color: #5BB498;
  font-weight: 500;
  font-size: 60px;
  padding: 0 .25em;
  box-sizing: border-box;
}
.p-topEffortCatchMain small {
  font-weight: 500;
  font-size: 24px;
}
.p-topEffortContents{
}
.p-topEffortContentsHeading {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  display: inline-block;
  position: relative;
  margin-bottom: 36px;
}
.p-topEffortContentsHeading::before,
.p-topEffortContentsHeading::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #7E6655;
  height: 2px;
  width: 60px;
}
.p-topEffortContentsHeading::before {
  left: -20px;
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}
.p-topEffortContentsHeading::after {
  right: -20px;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
}
.p-topEffortContentsBtnList {
  display: flex;
  flex-wrap: wrap;
}
.p-topEffortContentsBtn {
  width: calc((100% - 100px) / 6);
  background: linear-gradient(to bottom,  #e5f3e2 0%,#f9f5e9 90%,#f9f5e9 100%);
  /* background-color: #e5f3e2; */
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  padding: 80px 20px 30px;
  min-height: 166px;
  box-sizing: border-box;
  margin-left: 20px;
  border: 1px solid #fff;

  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .1em;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  cursor: pointer;
  -webkit-transition: all .4s ease-out;
  transition: all .2s ease-out;
}
.p-topEffortContentsBtn:nth-of-type(6n+1) {
  margin-left: 0;
}
.p-topEffortContentsBtn:nth-of-type(n+7) {
  margin-top: 20px;
}
.p-topEffortContentsBtn:hover {
  box-shadow: 0 6px 14px rgba(0,0,0,.16);
  transform: translateY(-2px);
}
.p-topEffortContentsBtn::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 15px;
  margin: auto;
  width: 70px;
  height: 70px;
  padding-bottom: 20px;
  box-sizing: border-box;
  display: block;
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--access::before {
  background-image: url('../images/effort/icon_access.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: 70px;
  height: 70px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--cal::before {
  background-image: url('../images/effort/icon_cal.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: 70px;
  height: 70px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--reservation::before {
  background-image: url('../images/effort/icon_reservation.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--waiting::before {
  background-image: url('../images/effort/icon_waiting.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--visit::before {
  background-image: url('../images/effort/icon_visit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--staff::before {
  background-image: url('../images/effort/icon_staff.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--equipment::before {
  background-image: url('../images/effort/icon_equipment.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--privacy::before {
  background-image: url('../images/effort/icon_privacy.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--child::before {
  background-image: url('../images/effort/icon_child.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--economy::before {
  background-image: url('../images/effort/icon_economy.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--heart::before {
  background-image: url('../images/effort/icon_heart.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--policy::before {
  background-image: url('../images/effort/icon_policy.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--work::before {
  background-image: url('../images/effort/icon_work.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn.p-topEffortContentsBtn--annoyance::before {
  background-image: url('../images/effort/icon_annoyance.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* width: px;
  height: px; */
}
.p-topEffortContentsBtn span {
  position: relative;

}
.p-topEffortContentsBtn span::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: auto;
  background-image: url('../images/common/icon_popup.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: inline-block;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}
.p-topEffortTxtBlock {
  margin-top: 80px;
  font-size: 20px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: .12em;
}
@media screen and (max-width: 1050px){
  .p-topEffortContentsBtn {
    width: calc((100% - 60px) / 4);
  }
  .p-topEffortContentsBtn:nth-of-type(6n+1) {
    margin-left: 20px;
  }
  .p-topEffortContentsBtn:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .p-topEffortContentsBtn:nth-of-type(n+5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px){
  .p-topEffort {
    margin-top: calc(-30vw + 110px); 
  }
  .p-topEffortCatch {
    margin: 50px auto 60px;
  }
  .p-topEffortCatchHead {
    font-size: 24px;
    margin: 0 auto 50px;
    color: #5BB498;
    max-width: 335px;
  }
  .p-topEffortCatchHead__item {
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
  }
  .p-topEffortCatchHead__item:nth-of-type(3) {
    width: 100%;
    margin-top: 40px;
  }
  .p-topEffortCatchHead__item:nth-of-type(3)::before {
    top: -48px;
  }
  .p-topEffortCatchMain {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .12em;
  }
  .p-topEffortCatchMain strong {
    font-size: 42px;
  }
  .p-topEffortCatchMain small {
    font-size: 18px;
  }
  .p-topEffortContentsBtn {
    width: calc((100% - 30px) / 3);
    padding: 50px 10px 20px;
    font-size: 12px;
    min-height: 120px;
    margin-left: 15px;
    border-radius: 15px;
  }
  .p-topEffortContentsBtn:nth-of-type(4n+1) {
    margin-left: 15px;
  }
  .p-topEffortContentsBtn:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .p-topEffortContentsBtn:nth-of-type(n+4) {
    margin-top: 15px;
  }
  .p-topEffortContentsBtn::before {
    top: 15px;
    margin: auto;
    width: 45px;
    height: 45px;
    padding-bottom: 10px;
  }
  .p-topEffortContentsBtn span::after {
    bottom: -2px;
    width: 12px;
    height: 12px;
  }
  .p-topEffortTxtBlock {
    margin-top: 60px;
    font-size: 14px;
  }
}

.p-topEffortPopup {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.p-topEffortPopupInner{
}
.p-topEffortPopupSliderBlock{
}
.p-topEffortPopupSliderOuter.swiper {
  padding-bottom: 60px;
  box-sizing: border-box;
  position: relative;
}
.p-topEffortPopupSlider.swiper-wrapper{
}
.p-topEffortPopupSlider__item.swiper-slide{
}
.p-topEffortPopupSliderHeadingBlock {
}
.p-topEffortPopupSliderHeading {
  font-size: 36px;
  text-align: left;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  margin-bottom: 20px;
}
.p-topEffortPopupSliderLabels {
  margin: 0 auto 36px;
  padding-bottom: 10px;
  border-bottom: dotted 4px #7E6655;
  box-sizing: border-box;
}
.p-topEffortPopupSliderLabels > li {
  display: inline-block;
  margin: 0 20px 20px 0;
  background-color: #5DC1A2;
  color: #fff;
  padding: 8px 30px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  border-radius: 30px;
}
.p-topEffortPopupSliderLabels > li:last-of-type {
  margin-right: 0;
}
.p-topEffortPopupSliderList {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  margin-bottom: 20px;
  height: 200px;
  overflow: scroll;
}
.p-topEffortPopupSliderList dt {
  font-size: 18px;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  box-sizing: border-box;
}
.p-topEffortPopupSliderList dd + dt,
.p-topEffortPopupSliderList dt + dt {
  margin-top: 20px;
}
.p-topEffortPopupSliderList dt::before {
  content: '・';
}
.p-topEffortPopupSliderList dd {
  font-size: 14px;
  margin-top: 5px;
}

.p-topEffortPopupSliderArrowOuter {
  margin-top: 20px;
  position: relative;
}
.p-topEffortPopupSliderArrow {
  height: 100%;
}
.p-topEffortPopupSliderArrow::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../images/common/icon-swipe.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 55px;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
.p-topEffortPopupSliderArrow .swiper-button-prev,
.p-topEffortPopupSliderArrow .swiper-button-next {
  top: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #fff;
  background-color: #5DC1A2;
  width: auto;
  min-width: 120px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  margin: auto;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
  min-height: 40px;
}
.p-topEffortPopupSliderArrow .swiper-button-prev {
  left: 0;
}
.p-topEffortPopupSliderArrow .swiper-button-next {
  right: 0;
}
.p-topEffortPopupSliderArrow .swiper-button-prev::after,
.p-topEffortPopupSliderArrow .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 768px){
  .p-topEffortPopup {
    border-radius: 8px;
    padding: 30px 20px 10px;
  }
  .p-topEffortPopupSliderOuter.swiper {
    padding-bottom: 60px;
  }
  .p-topEffortPopupSliderHeading {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .p-topEffortPopupSliderLabels {
    margin: 0 auto 20px;
    padding-bottom: 15px;
    border-bottom: dotted 4px #7E6655;
  }
  .p-topEffortPopupSliderLabels > li {
    margin: 0 5px 10px 0;
    padding: 5px 10px;
    font-size: 13px;
  }
  .p-topEffortPopupSliderList {
    margin-bottom: 10px;
    height: 280px;
  }
  .p-topEffortPopupSliderList dt {
    font-size: 14px;
  }
  .p-topEffortPopupSliderList dd + dt,
  .p-topEffortPopupSliderList dt + dt {
    margin-top: 20px;
  }
  .p-topEffortPopupSliderList dt::before {
    content: '・';
  }
  .p-topEffortPopupSliderList dd {
    font-size: 12px;
    margin-top: 5px;
  }

  .p-topEffortPopupSliderArrowOuter {
    margin-top: 30px;
    position: relative;
  }
  .p-topEffortPopupSliderArrow {
    height: 100%;
  }
  .p-topEffortPopupSliderArrow::before {
    width: 40px;
    height: 44px;
    /* top: 8px; */
  }
  .p-topEffortPopupSliderArrow .swiper-button-prev,
  .p-topEffortPopupSliderArrow .swiper-button-next {
    font-size: 12px;
    line-height: 1;
    min-width: 90px;
    padding: 2px 5px;
    border-radius: 5px;
    min-height: 20px;
  }
  .p-topEffortPopupSliderArrow .swiper-button-prev {
    left: 0;
  }
  .p-topEffortPopupSliderArrow .swiper-button-next {
    right: 0;
  }
}



.p-topDifference {
  /* margin-top: calc(-30vw + 200px); */
  margin-top: 200px;
}
.p-topDifferenceContent {
  margin-top: min(12.69vw, 160px);
}
.p-topDifferenceList {

}
.p-topDifferenceList > li {
  background-color: #fff;
  color: #7E6655;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.p-topDifferenceList > li:first-of-type {
  border-radius: 20px 0 0 0;
}
.p-topDifferenceList > li:last-of-type {
  border-radius: 0 0 20px 20px;
}
.p-topDifferenceList > li + li {
  border-top: 2px solid #7E6655;
}
.p-topDifferenceList__label {
  font-size: min(2.2vw, 28px);
  line-height: 1.5;
  letter-spacing: .05em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.58vw, 20px);
  box-sizing: border-box;
  width: min(26.19vw, 330px);
  min-height: 148px;
}
.p-topDifferenceList__label small {
  font-size: min(1.58vw, 20px);
  display: inline-block;
  line-height: 1.5;
  margin-top: 10px;
}
.p-topDifferenceList__others {
  font-size: min(1.9vw, 24px);
  line-height: 1.5;
  letter-spacing: .05em;
  background-color: #E8E2DC;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: min(1.58vw, 20px);
  box-sizing: border-box;
  width: min(30vw, 380px);
  position: relative;
}
.p-topDifferenceList > li:first-of-type .p-topDifferenceList__others::before {
  position: absolute;
  content: '他院';
  left: 0;
  top: 0;
  background-color: #7E6655;
  height: min(6.34vw, 80px);
  width: 100%;
  font-size: min(2.2vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .3em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 20px 0 0;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}
.p-topDifferenceList__mine {
  font-size: min(1.9vw, 24px);
  line-height: 1.5;
  letter-spacing: .05em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(1.58vw, 20px);
  box-sizing: border-box;
  width: min(38.8vw, 490px);
  align-self: stretch;
  position: relative;
  cursor: pointer;
}
.p-topDifferenceList__mine:hover {
  background-color: #f1f1f1;
}
.p-topDifferenceList > li:first-of-type .p-topDifferenceList__mine::before {
  position: absolute;
  content: '当院';
  left: 0;
  top: 0;
  background-color: #5DC1A2;
  height: min(7.93vw, 100px);
  width: 100%;
  font-size: min(2.85vw, 36px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .3em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 20px 0 0;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}
.p-topDifferenceList__mine span {
  display: inline-block;
  background-color: #5DC1A2;
  border: 2px solid #5DC1A2;
  margin-top: 10px;
  color: #fff;
  padding: 2px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  vertical-align: middle;
}
.p-topDifferenceList__mine span::after {
  content: '';
  background-image: url('../images/common/icon_popup_white.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 5px;
}
.p-topDifferenceListInnerTxtBlock {
  position: relative;
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--cross {
  /* padding-top: min(6.34vw, 80px); */
  /* padding-top: min(7.14vw, 90px); */
  padding-top: min(3.8vw, 48px);
  box-sizing: border-box;
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--triangle {
  /* padding-top: min(6.34vw, 80px); */
  /* padding-top: min(7.14vw, 90px); */
  padding-top: min(3.8vw, 48px);
  box-sizing: border-box;
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--circle {
  /* padding-top: min(7.93vw, 100px); */
  /* padding-top: min(8.73vw, 110px); */
  padding-top: min(6.11vw, 77px);
  box-sizing: border-box;
}
.p-topDifferenceListInnerTxtBlock::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--cross::before {
  background-image: url('../images/top/mark_cross.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(3.8vw, 48px);
  height: min(3.8vw, 48px);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--triangle::before {
  background-image: url('../images/top/mark_triangle.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(4.36vw, 55px);
  height: min(4.36vw, 55px);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--circle::before {
  background-image: url('../images/top/mark_circle.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(6.1vw, 77px);
  height: min(6.1vw, 77px);
}
@media screen and (max-width: 768px){
  .p-topDifference {
    /* margin-top: calc(-30vw + 110px); */
    margin-top: 110px;
  }
  .p-topDifferenceContent {
    margin-top: min(14.58vw, 112px);
  }
  .p-topDifferenceList > li:first-of-type {
    border-radius: 10px 0 0 0;
  }
  .p-topDifferenceList > li:last-of-type {
    border-radius: 0 0 10px 10px;
  }
  .p-topDifferenceList > li + li {
    border-top: 1px solid #7E6655;
  }
  .p-topDifferenceList__label {
    font-size: min(3.38vw, 26px);
    padding: min(1.58vw, 20px);
    width: min(26.19vw, 330px);
    min-height: min(22.13vw, 170px);
  }
  .p-topDifferenceList__label small {
    font-size: min(2.08vw, 16px);
    margin-top: 5px;
  }
  .p-topDifferenceList__others {
    font-size: min(2.86vw, 22px);
    padding: min(1.58vw, 20px);
    box-sizing: border-box;
    width: min(30vw, 380px);
    position: relative;
  }
  .p-topDifferenceList > li:first-of-type .p-topDifferenceList__others::before {
    position: absolute;
    content: '他院';
    left: 0;
    top: 0;
    background-color: #7E6655;
    height: min(7.29vw, 100px);
    width: 100%;
    font-size: min(3.64vw, 28px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .3em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
  }
  .p-topDifferenceList__mine {
    font-size: min(2.86vw, 22px);
    padding: min(1.58vw, 20px);
    width: min(38.8vw, 490px);
  }
  .p-topDifferenceList > li:first-of-type .p-topDifferenceList__mine::before {
    height: min(9.375vw, 72px);
    font-size: min(4.6875vw, 36px);
    color: #fff;
    border-radius: 10px 10px 0 0;
  }
  .p-topDifferenceList__mine span {
    margin-top: 3px;
    padding: 2px 8px;
    border-radius: 5px;
  }
  .p-topDifferenceListInnerTxtBlock {
    position: relative;
  }
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--cross,
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--triangle {
    padding-left: 0;
    padding-top: min(10.15vw, 78px);
  }
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--circle {
    padding-left: 0;
    padding-top: min(10.15vw, 78px);
  }
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--cross::before {
    width: min(5.46vw, 42px);
    height: min(5.46vw, 42px);
    top: min(1.5625vw, 12px);
  }
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--triangle::before {
    width: min(6.25vw, 48px);
    height: min(6.25vw, 48px);
    top: min(1.5625vw, 12px);
  }
  .p-topDifferenceListInnerTxtBlock.p-topDifferenceListInnerTxtBlock--circle::before {
    width: min(8.85vw, 68px);
    height: min(8.85vw, 68px);
  }
  .p-topDifferenceList__mine span::after {
    width: 10px;
    height: 10px;
  }
}

/* Popup部 */
.p-topDifferencePopup {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.p-topDifferencePopupInner {

}
.p-topDifferencePopupSliderBlock{
  
}
.p-topDifferencePopupSliderOuter.swiper {
  padding-bottom: 60px;
  box-sizing: border-box;
  position: relative;
}
.p-topDifferencePopupSlider.swiper-wrapper{
}
.p-topDifferencePopupSlider__item.swiper-slide{
}
.p-topDifferencePopupSliderHeadingBlock{
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #7E6655;
  box-sizing: border-box;
}
.p-topDifferencePopupSliderHeading {
  font-size: 24px;
}
.p-topDifferencePopupSliderHeading small {
  font-size: .8em;
}
.p-topDifferencePopupList {
  overflow: scroll;
  height: 370px;
}
.p-topDifferencePopupList > li {
  box-sizing: border-box;
}
.p-topDifferencePopupList > li + li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #7E6655;
}
.p-topDifferencePopupListOthers{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.p-topDifferencePopupListOthersLabel {
  padding-left: 60px;
  box-sizing: border-box;
  position: relative;
  align-self: flex-start;
}
.p-topDifferencePopupListOthersLabel span {
  background-color: #7E6655;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px 8px;
  width: 85px;
  box-sizing: border-box;
}
.p-topDifferencePopupListOthersLabel::before {
  position: absolute;
  content: '';
  left: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-topDifferencePopupListOthersLabel.p-topDifferencePopupListOthersLabel--tri::before {
  background-image: url('../images/top/mark_triangle.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
.p-topDifferencePopupListOthersLabel.p-topDifferencePopupListOthersLabel--cross::before {
  background-image: url('../images/top/mark_cross.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.p-topDifferencePopupListOthersTxt {
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .05em;
}
.p-topDifferencePopupListMine {
  display: flex;
  align-items: center;
}
.p-topDifferencePopupListMineLabel {
  padding-left: 60px;
  box-sizing: border-box;
  position: relative;
  align-self: flex-start;
}
.p-topDifferencePopupListMineLabel span {
  width: 85px;
  background-color: #5DC1A2;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 8px;
  box-sizing: border-box;
}
.p-topDifferencePopupListMineLabel::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0px;
  margin: auto;
  background-image: url('../images/top/mark_circle.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 40px;
  height: 40px;
}
.p-topDifferencePopupListMineTxt {
  padding-left: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #5BB498;
}
.p-topDifferencePopupSliderArrowOuter {
  margin-top: 20px;
  position: relative;
}
.p-topDifferencePopupSliderArrow {
  height: 100%;
}
.p-topDifferencePopupSliderArrow::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../images/common/icon-swipe.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 55px;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
.p-topDifferencePopupSliderArrow .swiper-button-prev,
.p-topDifferencePopupSliderArrow .swiper-button-next {
  top: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #fff;
  background-color: #5DC1A2;
  width: auto;
  min-width: 120px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  margin: auto;
  -webkit-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
  min-height: 40px;
}
.p-topDifferencePopupSliderArrow .swiper-button-prev {
  left: 0;
}
.p-topDifferencePopupSliderArrow .swiper-button-next {
  right: 0;
}
.p-topDifferencePopupSliderArrow .swiper-button-prev::after,
.p-topDifferencePopupSliderArrow .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 768px){
  .p-topDifferencePopup {
    border-radius: 8px;
    padding: 20px 20px 10px;
  }
  .p-topDifferencePopupSliderOuter.swiper {
    padding-bottom: 60px;
  }
  .p-topDifferencePopupSliderHeadingBlock{
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .p-topDifferencePopupSliderHeading {
    font-size: 18px;
  }
  .p-topDifferencePopupList {
    overflow: scroll;
    height: 370px;
  }
  .p-topDifferencePopupList > li + li {
    margin-top: 20px;
    padding-top: 20px;
  }
  .p-topDifferencePopupListOthers{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  .p-topDifferencePopupListOthersLabel {
    padding-left: 40px;
  }
  .p-topDifferencePopupListOthersLabel span {
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 5px;
    width: 64px;
    box-sizing: border-box;
  }
  .p-topDifferencePopupListOthersLabel::before {
    left: 3px;
  }
  .p-topDifferencePopupListOthersLabel.p-topDifferencePopupListOthersLabel--tri::before {
    width: 24px;
    height: 24px;
  }
  .p-topDifferencePopupListOthersLabel.p-topDifferencePopupListOthersLabel--cross::before {
    width: 20px;
    height: 20px;
  }
  .p-topDifferencePopupListOthersTxt {
    padding-left: 15px;
    font-size: 14px;
  }
  .p-topDifferencePopupListMine {
    display: flex;
    align-items: center;
  }
  .p-topDifferencePopupListMineLabel {
    padding-left: 40px;
  }
  .p-topDifferencePopupListMineLabel span {
    width: 64px;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 5px;
  }
  .p-topDifferencePopupListMineLabel::before {
    width: 28px;
    height: 28px;
  }
  .p-topDifferencePopupListMineTxt {
    padding-left: 15px;
    font-size: 14px;
  }
  .p-topDifferencePopupSliderArrowOuter {
    margin-top: 30px;
    position: relative;
  }
  .p-topDifferencePopupSliderArrow::before {
    /* top: 8px; */
    width: 40px;
    height: 44px;
  }
  .p-topDifferencePopupSliderArrow .swiper-button-prev,
  .p-topDifferencePopupSliderArrow .swiper-button-next {
    font-size: 12px;
    line-height: 1;
    min-width: 90px;
    padding: 2px 5px;
    border-radius: 5px;
    min-height: 20px;
  }
  .p-topDifferencePopupSliderArrow .swiper-button-prev {
    left: 0;
  }
  .p-topDifferencePopupSliderArrow .swiper-button-next {
    right: 0;
  }
}



.p-topStaff {
  /* margin-top: calc(-30vw + 200px); */
  margin-top: 200px;
}
.p-topStaffCommignSoon {
  margin-top: 60px;
  /* height: 50vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-topStaffCommignSoon img {
  border-radius: 20px;
}
.p-topStaffCommignSoon__txt {
  font-family: "Barlow", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
}
@media screen and (max-width: 768px){
  .p-topStaff {
    /* margin-top: calc(-30vw + 110px); */
    margin-top: 110px;
  }
  .p-topStaffCommignSoon {
    margin-top: 36px;
    /* height: 40vh; */
  }
  .p-topStaffCommignSoon img {
    border-radius: 15px;
  }
  .p-topStaffCommignSoon__txt {
    font-size: 24px;
  }
}

.p-topSupport {
  padding-top: 200px;
}
.p-topSupportContent {
  margin-top: 60px;
}
.p-topSupportLinkBlock
{
  margin-top: 100px;
  text-align: right;
}
@media screen and (max-width: 768px){
  .p-topSupport {
    padding-top: 80px;
  }
  .p-topSupportContent {
    margin-top: 36px;
  }
  .p-topSupportLinkBlock
  {
    margin-top: 40px;
  }
}


.c-supportContent {
  display: flex;
  align-items: flex-start;
}
.c-supportContent__navi{
  width: 360px;
  padding-right: 76px;
  box-sizing: border-box;
  
}
.c-supportContentNaviList {
  width: 100%;
}
.c-supportContentNaviList > li {
  background-color: #7E6655;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  min-height: 60px;
  border-radius: 30px;
  padding: 2px 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c-supportContentNaviList > li.is-active {
  background-color: #fff;
  color: #7E6655;
  border: 1px solid #7E6655;
}
.c-supportContentNaviList > li + li {
  margin-top: 40px;
  position: relative;
}
.c-supportContentNaviList > li + li::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: -30px;
  margin: auto;
  background-color: #7E6655;
  width: 1px;
  height: 22px;
}
.c-supportContent__slider {
  width: calc(100% - 360px);
  position: relative;
}
.c-supportContentSlider {
}
.c-supportContentSlider__item{
  width: 100%;
  border: 1px solid #7E6655;
  border-radius: 30px;
  background-color: #fff;
  padding: 40px 70px;
  box-sizing: border-box;
}
.c-supportContentSliderItemHead {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px ;
}
.c-supportContentSliderItemHead__txtArea {
  text-align: left;
  width: calc(100% - 238px);
  padding-right: 20px;
  box-sizing: border-box;
}
.c-supportContentSliderNumBlock {
  font-family: "Barlow", sans-serif;
  color: #7E6655;
  position: relative;
  margin-bottom: 40px;
}
.c-supportContentSliderNum {
  font-size: 54px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .05em;
  padding-left: 5px;
  position: relative;
}
.c-supportContentSliderNum::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  background-color: #7E6655;
  width: 70px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.c-supportContentSliderTotalNum {
  position: absolute;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .05em;
  left: 42px;
  bottom: -50px;
}
.c-supportContentSliderLabel {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
  margin-bottom: 10px;
}
.c-supportContentSliderTitle {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #5BB498;
}
.c-supportContentSliderItemHead__illust {
}
.c-supportContentSliderItemHead__illust img {
  height: 100%;
  max-height: 235px;
  width: auto;
}
.c-supportContentSliderItemDescBlock {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .05em;
  text-align: left;
  color: #7E6655;
}
.c-supportContentSliderItemTagList {
  margin: 30px -5px 0;
  text-align: left;
}
.c-supportContentSliderItemTagList > li {
  display: inline-block;
  margin: 0 5px 15px;
}
.c-supportContentSliderItemTagList > li span {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #7E6655;
  border-radius: 30px;
  background-color: #fff;
  min-height: 42px;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7E6655;
}
@media screen and (max-width: 1100px){
  .c-supportContentSliderItemHead__txtArea {
    width: calc(100% - 16.54vw);
  }
  .c-supportContentSliderItemHead__illust img {
    height: 14.5vw;
    width: auto;
  }
}
@media screen and (max-width: 1000px){
  .c-supportContentSliderItemHead {
    margin-bottom: 5px ;
    position: relative;
  }
  .c-supportContentSliderItemHead__txtArea {
    width: 100%;
    padding-right: 0;
  }
  .c-supportContentSliderItemHead__illust{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: auto;
    height: 120px;
  }
  .c-supportContentSliderItemHead__illust img {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 768px){
  .c-supportContent {
    display: flex;
  }
  .c-supportContent__navi{
    width: 132px;
    padding-right: 20px;
  }
  .c-supportContentNaviList > li {
    font-size: 10px;
    min-height: 25px;
    border-radius: 30px;
    padding: 2px 12px;
  }
  .c-supportContentNaviList > li + li {
    margin-top: 15px;
    position: relative;
  }
  .c-supportContentNaviList > li + li::before {
    top: -11px;
    height: 8px;
  }
  .c-supportContent__slider {
    width: calc(100% - 132px);
  }
  .c-supportContentSlider {
  }
  .c-supportContentSlider__item{
    border-radius: 15px;
    padding: 15px 20px;
  }
  .c-supportContentSliderItemHead {
    margin-bottom: 5px ;
    position: relative;
  }
  .c-supportContentSliderItemHead__txtArea {
    width: 100%;
    text-align: left;
  }
  .c-supportContentSliderNumBlock {
    margin-bottom: 40px;
  }
  .c-supportContentSliderNum {
    font-size: 25px;
    padding-left: 3px;
  }
  .c-supportContentSliderNum::before {
    width: 35px;
    height: 1px;
  }
  .c-supportContentSliderTotalNum {
    font-size: 16px;
    left: 24px;
    bottom: -20px;
  }
  .c-supportContentSliderLabel {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .c-supportContentSliderTitle {
    font-size: 15px;
  }
  .c-supportContentSliderItemHead__illust{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    /* width: 56px; */
    height: 63px;
  }
  .c-supportContentSliderItemDescBlock {
    font-size: 11px;
  }
  .c-supportContentSliderItemTagList {
    margin: 30px -2px 0;
    text-align: left;
  }
  .c-supportContentSliderItemTagList > li {
    display: inline-block;
    margin: 0 2px 8px;
  }
  .c-supportContentSliderItemTagList > li span {
    min-height: 20px;
    padding: 0 12px;
    font-size: 10px;
  }
}

.c-supportContentSliderArrowOuter {
}
.c-supportContentSliderArrow {
}
.c-supportContentSliderArrow .swiper-button-next,
.c-supportContentSliderArrow .swiper-button-prev {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #5DC1A2CD;
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.c-supportContentSliderArrow .swiper-button-prev {
  left: -27px;
}
.c-supportContentSliderArrow .swiper-button-next {
  right: -27px;
}
.c-supportContentSliderArrow .swiper-button-next:after,
.c-supportContentSliderArrow .swiper-button-prev:after {
  display: none;
}
.c-supportContentSliderArrow .swiper-button-next:before,
.c-supportContentSliderArrow .swiper-button-prev:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
}
.c-supportContentSliderArrow .swiper-button-next:before {
  background-image: url('../images/common/arrow_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
}
.c-supportContentSliderArrow .swiper-button-prev:before {
  background-image: url('../images/common/arrow_rev_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
}
@media screen and (max-width: 768px){
  .c-supportContentSliderArrow .swiper-button-next,
  .c-supportContentSliderArrow .swiper-button-prev {
    width: 23px;
    height: 23px;
  }
  .c-supportContentSliderArrow .swiper-button-prev {
    left: -8px;
  }
  .c-supportContentSliderArrow .swiper-button-next {
    right: -8px;
  }
  .c-supportContentSliderArrow .swiper-button-next:before {
    width: 8px;
  }
  .c-supportContentSliderArrow .swiper-button-prev:before {
    width: 8px;
  }
}



.p-topBlog {
  padding-top: 200px;
}
.p-topBlogLinkBlock {
  margin-top: 90px;
  text-align: right;
}
@media screen and (max-width: 768px){
  .p-topBlog {
    padding-top: 80px;
  }
  .p-topBlogLinkBlock {
    margin-top: 45px;
  }
}

.c-pageMainBlock {
  background: linear-gradient(to bottom,  #f9f5e9 0%,#e5f3e2 90%,#e5f3e2 100%);
  position: relative;
  margin-bottom: min(16.5vw, 315px);
  color: #7E6655;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-pageMainBlock::after {
  position: absolute;
  bottom: 1px;
  display: block;
  content: '';
  background-image: url('../images/common/page_head_bottom_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: min(16.5vw, 315px);
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}
.c-pageMainBlockInner {
  max-width: 1160px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
}
.c-pankuzu {
  
}
.c-pankuzuInner{
}
.c-pankuzuList {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .15em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.c-pankuzuList__item {
  position: relative;
  margin-bottom: 5px;
  margin-right: 14px;
  box-sizing: border-box;
}
.c-pankuzuList__item::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-color: #7E6655;
  border-style: solid;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: left;
}
.c-pankuzuList__item.is-home::before {
  display: none;
}
.c-pankuzuList__item + .c-pankuzuList__item {
  padding-left: 25px;
}
.c-pankuzuList__item > a {
  color: #7E6655;
}
.c-pageMain {
  width: 100%;
}
.c-pageMainHeadingBlock {
  text-align: left;
  margin-top: 36px;
}
.c-pageMainHeading {
  font-size: 54px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .15em;
}
.c-pageMainHeadingLabel {
  margin-top: 10px;
  font-family: "Barlow", sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .1em;
}
.c-pageMainDateList {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
  margin-top: 15px;
}
.c-pageMainDateList > li {
  display: inline-block;
}
.c-pageMainDateList > li + li::before {
  content: '/';
}
.c-pageMainTags {
  margin: 10px -5px 0;
}
.c-pageMainTags > li {
  margin: 0 5px 10px;
  display: inline-block;
}
.c-pageMainTags > li + li {

}
.c-pageMainTags > li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 26px;
  padding: 0 12px;
  border: 1px solid #7E6655;
  color: #7E6655;
  box-sizing: border-box;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
}
.c-pageMainTxtBlock {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: .05em;
  margin-top: 36px;
}
@media screen and (max-width: 768px){
  .c-pageMainBlock {
    background: linear-gradient(to bottom,  #f9f5e9 0%,#e5f3e2 90%,#e5f3e2 100%);
    margin-bottom: min(21.875vw, 168px);
    padding: 20px 0 36px;
  }
  .c-pageMainBlock::after {
    background-image: url('../images/common/page_head_bottom_bg_sp.jpg');
    height: min(21.875vw, 168px);
  }

  /* .c-pageMainBlock::after {
    position: absolute;
    bottom: 1px;
    display: block;
    content: '';
    background-image: url('../images/common/page_head_bottom_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: min(21.875vw, 420px);
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
  } */

  .c-pageMainBlockInner {
    padding: 0 20px;
  }
  .c-pankuzuList {
    font-size: 12px;
  }
  .c-pankuzuList__item {
    margin-right: 8px;
  }
  .c-pankuzuList__item::before {
    top: 5px;
    width: 5px;
    height: 5px;
  }
  .c-pankuzuList__item + .c-pankuzuList__item {
    padding-left: 18px;
  }
  .c-pankuzuList__item > a {
    color: #7E6655;
  }
  .c-pageMainHeadingBlock {
    margin-top: 20px;
    padding-right: 30px;
    box-sizing: border-box;
    width: 100%;
  }
  .c-pageMainHeading {
    font-size: 36px;
  }
  .c-pageMainHeadingLabel {
    margin-top: 10px;
    font-size: 24px;
  }
  .c-pageMainDateList {
    font-size: 12px;
    margin-top: 15px;
  }
  .c-pageMainDateList > li {
    display: inline-block;
  }
  .c-pageMainDateList > li + li::before {
    content: '/';
  }
  .c-pageMainTags {
    margin: 10px -4px 0;
  }
  .c-pageMainTags > li {
    margin: 0 4px 10px;
    display: inline-block;
  }
  .c-pageMainTags > li + li {

  }
  .c-pageMainTags > li a {

  }
  .c-pageMainTxtBlock {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: .05em;
    padding-right: 30px;
    box-sizing: border-box;
    margin-top: 20px;
  }
}

.c-pageContents {
  background: linear-gradient(to bottom,  #f5f8ed 0%,#f5f8ed 50%,#F4F0EC 100%);
  /* background: linear-gradient(to bottom,  #f5f8ed 0%,#F4F0EC 100%); */
  margin-top: -1px;
}
.c-pageArticleKv {
  margin: 0 auto 80px;
  width: 100%;
}
.c-pageArticleKv img {
  width: 100%;
  border-radius: 20px;
}
.c-pageArticleContentBlock {
  margin-bottom: 200px;
}
.c-pageRelatedArticleBlock {
  margin-top: 200px;
}
.c-pageSec + .c-pageSec {
  margin-top: 200px;
}
@media screen and (max-width: 768px){
  .c-pageArticleContentBlock {
    margin-bottom: 80px;
  }
  .c-pageArticleKv {
    margin-bottom: 50px;
    width: 100%;
  }
  .c-pageArticleKv img {
    border-radius: 10px;
  }
  .c-pageRelatedArticleBlock {
    margin-top: 80px;
  }
  .c-pageSec + .c-pageSec {
    margin-top: 80px;
  }
}

/* WPページャー */
.c-pager {
  margin-top: 100px;
}
.c-pager .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.c-pager .wp-pagenavi a,
.c-pager .wp-pagenavi span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: #5DC1A2;
  background-color: #d3e8de;
  border-radius: 30px;
  margin: 0 5px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
  padding-bottom: 2px;
}
.c-pager .wp-pagenavi a:hover,
.c-pager .wp-pagenavi span.current {
  background: #5DC1A2;
  border: none;
  color: #fff;
  opacity: 1;
}
.c-pager .wp-pagenavi span.extend {
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  border: none;
  background: none;
  color: #5DC1A2;
  width: auto;
}
@media screen and (max-width: 768px){
  .c-pager {
    margin-top: 36px;
  }
  .c-pager .wp-pagenavi a,
  .c-pager .wp-pagenavi span {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

/* ブログ */
.c-pageBlogSecHeadingBlock {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #7E6655;
  border-top: dotted 4px #7E6655;
  padding-top: 36px;
}
.c-pageBlogSecHeadingLabel {
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .1em;
}
.c-pageBlogSecHeading {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .15em;
  margin-right: 24px;
}
.p-pagePickupBlogSliderBlock {
  margin: 56px 0 120px;
  position: relative;
  width: 100%;
  z-index: 1;
  /* max-width: 700px; */
}
.p-pagePickupBlogSliderOuter {
}
.p-pagePickupBlogSlider {
}
.p-pagePickupBlogSlider__item.swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
  opacity: .3;
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
}
.p-pagePickupBlogSlider__item > a {
  display: block;
  width: 100%;
  position: relative;
}
.p-pagePickupBlogSliderThumbnail {
  
}
.p-pagePickupBlogSliderThumbnail img {
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
}
.p-pagePickupBlogSliderItemBord {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  background-color: #0000006a;
  border-radius: 20px;
  border: 2px solid #fff;
  color: #fff;
  padding: 20px 30px 15px;
  box-sizing: border-box;
  text-align: left;
}
.p-pagePickupBlogSliderItemBord::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.p-pagePickupBlogSliderTitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
}
.p-pagePickupBlogSliderMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
.p-pagePickupBlogSliderMeta__date {
  width: 130px;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
  padding-right: 20px;
  box-sizing: border-box;
}
.p-pagePickupBlogSliderMeta__catLabel {
  width: calc(100% - 130px);
}
.p-pagePickupBlogSliderMeta__catLabel > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 26px;
  padding: 0 12px;
  border: 1px solid #7E6655;
  color: #7E6655;
  box-sizing: border-box;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
}
.p-pagePickupBlogSliderMeta__tags {
  width: 100%;
  margin: 10px -5px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .15em;
}
.p-pagePickupBlogSliderMeta__tags > li {
  display: inline-block;
  margin: 0 5px 5px;
}
.p-pagePickupBlogSliderPagination {
  margin-top: 20px;
}
.p-pagePickupBlogSliderPagination .swiper-pagination-bullet {
  background: #5DC1A2;
  width: 12px;
  height: 12px;
  opacity: .25;
}
.p-pagePickupBlogSliderPagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-next,
.p-pagePickupBlogSliderArrowOuter .swiper-button-prev {
  position: absolute;
  content: '';
  top: 0;
  bottom: 36px;
  margin: auto;
  background-color: #5DC1A2CD;
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.p-pagePickupBlogSliderArrowOuter .swiper-button-prev {
  /* left: -27px; */
  left: 40px;
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-next {
  /* right: -27px; */
  right: 40px;
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-next:after,
.p-pagePickupBlogSliderArrowOuter .swiper-button-prev:after {
  display: none;
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-next:before,
.p-pagePickupBlogSliderArrowOuter .swiper-button-prev:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-next:before {
  background-image: url('../images/common/arrow_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
}
.p-pagePickupBlogSliderArrowOuter .swiper-button-prev:before {
  background-image: url('../images/common/arrow_rev_w.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
}
@media screen and (max-width: 768px){
  .c-pageBlogSecHeadingBlock {
    display: block;
    padding-top: 30px;
  }
  .c-pageBlogSecHeadingLabel {
    font-size: 16px;
    margin-top: 10px;
  }
  .c-pageBlogSecHeading {
    font-size: 30px;
    margin-right: 0;
  }
  .p-pagePickupBlogSliderBlock {
    margin: 48px 0 80px;
    /* max-width: 600px;
    width: calc(100% - 30px); */
  }
  .p-pagePickupBlogSlider {
  }
  .p-pagePickupBlogSlider__item {
    margin-bottom: 70px
  }
  .p-pagePickupBlogSlider__item > a {
    display: block;
    width: 100%;
    position: static;
  }
  .p-pagePickupBlogSliderThumbnail {
    
  }
  .p-pagePickupBlogSliderThumbnail img {
    border-radius: 10px;
  }
  .p-pagePickupBlogSliderItemBord {
    left: 8px;
    bottom: -75px;
    width: calc(100% - 16px);
    border-radius: 10px;
    padding: 8px 10px;
    border: 1px solid #fff;
  }
  .p-pagePickupBlogSliderTitle {
    font-size: 14px;
  }
  .p-pagePickupBlogSliderMeta {
    margin-top: 5px;
  }
  .p-pagePickupBlogSliderMeta__date {
    width: 102px;
    font-size: 14px;
    padding-right: 12px;
  }
  .p-pagePickupBlogSliderMeta__catLabel {
    width: calc(100% - 102px);
  }
  .p-pagePickupBlogSliderMeta__catLabel > span {
    height: 20px;
    padding: 0 10px;
    font-size: 10px;
  }
  .p-pagePickupBlogSliderMeta__tags {
    margin: 5px -3px 0;
    font-size: 12px;
  }
  .p-pagePickupBlogSliderMeta__tags > li {
    display: inline-block;
  }
  .p-pagePickupBlogSliderMeta__tags > li + li {
    margin-left: 3px;
  }
  .p-pagePickupBlogSliderPagination {
    margin-top: 20px;
  }
  .p-pagePickupBlogSliderPagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .p-pagePickupBlogSliderArrowOuter .swiper-button-next,
  .p-pagePickupBlogSliderArrowOuter .swiper-button-prev {
    bottom: 0;
    width: 23px;
    height: 23px;
  }
  .p-pagePickupBlogSliderArrowOuter .swiper-button-prev {
    left: 40px;
  }
  .p-pagePickupBlogSliderArrowOuter .swiper-button-next {
    right: 36px;
  }
  .p-pagePickupBlogSliderArrowOuter .swiper-button-next:before {
    width: 8px;
  }
  .p-pagePickupBlogSliderArrowOuter .swiper-button-prev:before {
    width: 8px;
  }
}

.p-pageBlogLinkBtnBlock {
  margin-top: 80px;
  text-align: right;
}
.p-pageBlogTagListBox {
  background-color: #eff9f6;
  border: 2px solid #5DC1A2;
  padding: 40px 30px 30px;
  border-radius: 20px;
  margin-top: 60px;
}
.p-pageBlogTagList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #5DC1A2;
  margin: 0 -15px;
}
.p-pageBlogTagList > li {
  margin: 0 15px 10px;

}
.p-pageBlogTagList > li a {
  color: #5DC1A2;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .1em;
}
.p-pageBlogTagList > li a:hover {
  opacity: 1;
  text-decoration: underline;
}
.p-pageBlogTagList > li a::before {
  content: '#';
}
@media screen and (max-width: 768px){
  .p-pageBlogLinkBtnBlock {
    margin-top: 50px;
  }
  .p-pageBlogTagListBox {
    border: 1px solid #5DC1A2;
    padding: 25px 15px 10px;
    border-radius: 10px;
    margin-top: 48px;
  }
  .p-pageBlogTagList {
    margin: 0 -12px;
  }
  .p-pageBlogTagList > li {
    margin: 0 12px 15px;

  }
  .p-pageBlogTagList > li a {
    font-size: 14px;
  }
}

/* FORM(お問い合わせ) */
.p-pageContactFormCatch {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: 50px;
}
.p-pageContactFormTxtBlock {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: .05em;
}
.p-pageContactFormBtnBlock {
  margin-top: 80px;
  text-align: right;
}
@media screen and (max-width: 768px){
  .p-pageContactFormCatch {
  font-size: 20px;
  margin-bottom: 30px;
}
.p-pageContactFormTxtBlock {
  font-size: 14px;
}
.p-pageContactFormBtnBlock {
  margin-top: 50px;
}
}

/* UTILITY */
.u-taL {
  text-align: left !important;
}
.u-taC {
  text-align: center !important;
}
.u-taR {
  text-align: right !important;
}

@media screen and (max-width: 768px) {.u-pcOnly { display: none !important;}}
@media screen and (min-width: 769px) {.u-spOnly { display: none !important;}}