@charset "UTF-8";
/*
Theme Name: mystyle.css
Description: 
* 
* Bootstrap Grid v5.3.0 (https://getbootstrap.com/)
*/
.container {
  /*max-width: 1062px;*/
  max-width: initial;
}
.container{width: 92vw;}@media (min-width:576px){.container{max-width:initial}}@media (min-width:768px){.container{max-width:initial}}@media (min-width:992px){.container{width: 86.215714vw;max-width:initial}}@media (min-width:1200px){.container{max-width:initial}}

.col-flex-1 {
  flex: 1;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}
@media (min-width: 480px){
  .col-sm-flex-1 {flex: 1;}
}

/* header
---------------------------------------- */
header {
  transition: 1s;
}
header.isScroll {
  background-color: transparent;
}
header .brand {
  opacity: 1;
  visibility: visible;
  transition: 1s;
}
header.isScroll .brand {
  opacity: 0;
  visibility: hidden;
}
.nav-open header.isScroll .brand {
  opacity: 1;
  visibility: visible;
}

.brand {
  display:-ms-flexbox;
  display:flex;
  height: 100%;
  max-width: 341px;
  position: relative;
  z-index: 81;
}
@media only screen and (max-width: 992px) {
  .brand {
    max-width: calc(100% - 95px);
  }
}
header h1 {
  margin: auto;
}
@media (min-width: 992px) {
  .brand {
    margin: auto;
  }
  header h1 img {
    max-width: 341px;
  }
  /*#nav-bar {
    display: grid;
    grid-template-columns: 24% auto;
    gap: 2%;
    padding-right: 10rem;
    position: relative; */
  } /*
  header .brand {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  } /*
  header .brand h1 {
    flex: 1;
  }
}*/

header .fa-chevron-circle-right {
  color: #167f72;
}
/*
@media only screen and (max-width: 1199.98px) {
  header .sub-nav>ul>li,
  .global-nav>ul>li {
    padding-right: 8px;
    padding-left: 8px;
  }
}*/
header [class^=btn-] {
  border-radius: .5rem;
  display: flex;
  height: 32px;
  line-height: 32px;
  padding: 0 1.75rem;
}
header [class^=btn-]:hover {
  opacity: .75;
}

@media only screen and (max-width: 576px) {
  header [class^=btn-] {
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* header anime */
header.Up {
	animation: Up .5s forwards;
  position: fixed;
}
@keyframes Up {
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 0;transform: translateY(-100px);}
}
header.Down {
  animation: Down .8s forwards;
  position: fixed;
}
@keyframes Down{
  from {opacity: 0;transform: translateY(-100px);}
  to {opacity: 1;transform: translateY(0);}
}

/* sub-menu, megamenu */
.hambNav>ul li a {
  /* color: #1b2d57; */
  color: #c6cbd4;
  display: flex;
  padding: 1.25rem .5rem .25rem 2.5rem;
  position: relative;
}
.hambNav>ul li a::after {
  content: "";
  background-color: #d3eff7;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .3s;
}
.hambNav>ul li a:hover {
  color: #1b2d57;
  text-decoration: none;
}
.hambNav>ul li a:hover::after {
  background-color: #25bddc;
}

.nav-area {align-self: flex-end;}
.nav-area nav .navbar-toggler {
  background-color: transparent;
  height: 40px;
  width: 108px;
  position: fixed;
  top: 36px;
  right: 2.5rem;
}
@media only screen and (max-width: 767.98px) {
  .nav-area nav .navbar-toggler {
    right: 0;
  }
}
.navbar-toggler .navbar-toggler-icon {background-color: transparent;}
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
  background: #00499e;
  width: 7.3rem;
}
.navbar-toggler .navbar-toggler-icon:before {
  top: -9px;
}
.navbar-toggler .navbar-toggler-icon:after {
  bottom: -9px;
}
@media only screen and (max-width: 576px) {
  .nav-area nav .navbar-toggler {
    height: 40px;
    width: 40px;
    right: 1.5rem;
  }
  .navbar-toggler .navbar-toggler-icon,
  .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
    height: .6rem;
    width: 4rem;
  }
  .navbar-toggler .navbar-toggler-icon:before {
    top: -6px;
  }
  .navbar-toggler .navbar-toggler-icon:after {
    bottom: -6px;
  }
}

/* font-size: */
:where(.page-child #page_header h1) {
  font-size: 1.6rem;
}
@media (min-width: 360px) {
  .page #page-title h1 {
    font-size: 2rem;
  }
}
@media (min-width: 576px) {
  .page #page-title h1 {
    font-size: 2.6rem;
    letter-spacing: .25rem;
  }
}
@media (min-width: 768px) {
  .page #page-title h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .page #page-title h1 {
    font-size: 3.6rem;
  }
}

/**
 * font-size: calc([最小値] + ([最大値] - [最小値]) * ((100vw - [最小画面幅]) / ([最大画面幅] - [最小画面幅])));
 */
 @media (min-width: 320px) {
  #page-title h1 {
    font-size: calc(3rem + 18*((100vw - 320px) / 672));
  }
}
@media (min-width: 992px) {
  #page-title h1{
    font-size: calc(3.7rem + 27 * ((100vw - 576px) / 824));
    letter-spacing: .25rem;
  }
}
@media (min-width: 1320px) {
  #page-title h1 {
    font-size: 6.7rem;
  }
}

/* bread_crumb
---------------------------------------- */
#bread_crumb {
  transform: rotateZ(0.03deg);
}
#bread_crumb a {
  color: #666666;
}
#bread_crumb a:hover {
  color: #ed6b87;
}

/* contents
---------------------------------------- */
/* picture */
.pic {
  margin-top: 8px;
  margin-bottom: 8px;
  height: 0;
  padding-top: 56.25%;
  /* padding-top: 75%; */
  position: relative;
}
.pic img {
  height: 100%;
  width: 100%;
  object-fit: cover; /* or contain */
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .75s;
}

@media only screen and (max-width: 768px) {
  .pic {
    margin-bottom: 1.5rem;
  }
}
a:hover .pic img {
  transform: scale(1.2);
  opacity: 1;
}

/* link btn */
.link a {
  display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;
  -ms-flex-pack: center;justify-content: center;
  -ms-flex-align: center;align-items: center;
  gap: 0.5rem;
}
.link a::after {
  content: "";
  background: url(../images/arrowToDetails.png) no-repeat center /contain;
  height: 8px;
  margin-top: .15rem;
  width: 8px;
  transition: opacity .3s;
}
.link a:hover::after {
  opacity: .75;
}

/* .toArchives */
section .toArchives {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  background-color: #222;
  border-color: transparent;
  border-radius: 100vw;
  color: #fff;
  font-size: 1.4rem;
  /*font-weight: normal;*/
  padding: .25rem .5rem;
  text-decoration: none;
  transition: background-color .3s;
  width: 108px;
}
section .toArchives:hover {
  background-color: #555;
}
section .toArchives::after {
  content: "";
  background: url(../images/arrowToDetails.png) no-repeat center / contain;
  height: 8px;
  width: 8px;
  transition: opacity .3s;
}

/* footer
---------------------------------------- */
footer {
  color:#333;
  margin-top: 2rem;
}
footer>section>div:nth-of-type(1) {
  max-width: 615px;
}
footer>section>div:nth-of-type(2) {
  max-width: 680px;
}
footer .container>.row>div {
  display: flex;
  margin-top: -2rem;
  position: relative;
}
footer .container>.row>div:nth-of-type(2) {
  justify-content: flex-end;
}
@media (min-width: 576.02px) {
  footer .container>.row>div:nth-child(1):after {
    background-color: #bfbfbf;
    content: "";
    display: block;
    height: 100%;
    width: .1rem;
    position: absolute;top: 0;left: 100%;
  }
}
footer .container>.row>div .body {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media only screen and (max-width: 576px) {
  footer .container>.row,footer .container>.row>div,footer .container>.row>div .body {
    display: block;
  }
  footer .container>.row>div:nth-child(1) {
    margin-bottom: 1.5rem;
  }
}
footer h4 {
  font-size: 1.6rem;
}
footer .toArchives {
  font-size: 1.1rem;
  width: 183px;
  max-width: 100%;
  padding: .35rem .75rem;
  transition: opacity .3s;
}
footer .instagram,
footer .instagram:hover {
  background-color: #357cbe;
}
footer .contact,
footer .contact:hover {
  background-color: #f39939;
}
footer .toArchives:hover {
  text-decoration: none;
  opacity: .75;
}
footer .toArchives::after {
  margin-top: .025rem;
}

footer ul {
  margin-left: 0;
}
footer .sub-nav {
  font-size: 1.6rem;
  margin-left: 1.5rem;
  padding-top: .5rem;
  padding-left: .75em;
  padding-bottom: .5rem;
}
footer .sub-nav>li {
  line-height: 1.428;
}
footer .sub-nav>li:not(:last-child) {
  margin-bottom: .75rem;
}
footer ul>li {
  line-height: 1.6;
}
[class^=footer-nav] ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
@media (min-width: 576px) {
  footer h4 {
    font-size: 2rem;
  }
  footer .toArchives {
    font-size: 1.3rem;
    width: 214px;
  }
}
@media (min-width: 640px) {
  [class^=footer-nav] ul {
    justify-content: space-between;
  }
  footer ul li {
    flex: auto;
    text-align: center;
  }
  [class^=footer-nav]>ul>li a {
    padding: 0;
  }
}
@media only screen and (max-width: 639.98px) {
  [class^=footer-nav] {
    display: flex;
    justify-content: center;
  }
  [class^=footer-nav] ul {
    flex-direction: column;
  }
  [class^=footer-nav] ul>li {
    margin-bottom: 1rem;
  }
}
[class^=footer-nav]>ul>li a {
  color: #1b2d57;
  font-size: 1.5rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}

footer .inner {
  padding: 6rem 0 1rem;
}
@media (min-width: 768px) {
  footer .inner {
    padding: 10rem 0 3rem;
  }
}
@media only screen and (max-width: 450px) {
  footer .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

footer .fut-nav {
  border-bottom: 1px dotted #333;
  margin-left: 2%;
  margin-right: 2%;
}
footer .fut-nav ul {
  display: -ms-flexbox;display: flex;
  -webkit-box-pack: end;justify-content: flex-end;
  list-style: none;
  margin-right: -.5rem;
  margin-bottom: 0;
  padding: 0;
}
footer .fut-nav ul li {
  line-height: 1.3;
}
footer .fut-nav ul li a {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer-brand {
  text-align: center;
}

@media only screen and (max-width: 576px) {
  .footer-brand {
    margin-bottom: 0;
  }
  footer>section>div:nth-of-type(2) .row>[class^="col"]:nth-of-type(2) {
    display: none;
  }
}

/* copyright */
footer .copyright {
  padding: .5rem 2.25rem 1.5rem;
}
footer .copyright p {
  font-size: 1rem;
  display: -ms-flexbox;display: flex;
  -webkit-box-pack: center;justify-content: center;
}

/* front-page
---------------------------------------- */




/* #jumbotron */
body:not(.home) .nav-wrap {display: none;}
.global-nav {
  max-width: 200px;
  position: absolute;top: 0;left: 0;
  z-index: 1
}

.global-nav>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-nav ul>li>a {
  /*color: #1b2d57;*/
  color: #c6cbd4;
  display: flex;
  padding: 1.25rem .5rem .25rem 2.5rem;
  position: relative;
}
.global-nav ul>li>a::after {
  content: "";
  background-color: #d3eff7;
  height: 3px;width: 100%;
  position: absolute;left: 0;bottom: 0;
  transition: .3s;
}
.global-nav ul>li>a:hover {
  color: #1b2d57;
}
.global-nav ul>li>a:hover::after {
  background-color: #25bddc;
}

@media (min-width: 1021px) {
  .global-nav ul>li>a {
    position: relative;
  }
}
@media (min-width: 768px) {
  .global-nav ul>li>a {
    font-size: 1.6rem;
    /*font-weight: normal;*/
  }
  .utility ul>li:first-child {
    flex: 1;
  }
}
/* #hero-slider */
.home #hero-slider {
  background-color: #000;
  overflow: clip;
}
#hero-slider .desc p {
  letter-spacing: .25em;
  line-height: 1.528;
}
@media (min-width: 576px) {
  #hero-slider .carousel-cell {
    overflow: clip;
    aspect-ratio: 125 / 72;
  }
  #hero-slider .bg-image {
    height: 100%;
    padding: 0;
    width: 100%;
  }
}

#hero-slider .desc p {
  color: #ffffff;
  /*font-size: 3.6rem;*/
  font-size: clamp(3.3rem, 5vw, 4.8rem);
  letter-spacing: .25rem;
  line-height: 1.528;
  position: absolute;top: 33.333%;
  transform: translateY(-50%);
  padding-bottom: 1%;
  text-align: center;
}
@media (min-width: 576px) {
  #hero-slider .desc p {
    letter-spacing: .8rem;
  }
}
#hero-slider .slick-dots {
  right: 2.5rem;
  width: auto;
  display: flex;
  flex-direction: column;
  z-index: 2;
}

/**
 * font-size: calc([最小値] + ([最大値] - [最小値]) * ((100vw - [最小画面幅]) / ([最大画面幅] - [最小画面幅])));
 *//*
@media (min-width: 320px) {
  #hero-slider .desc p {
    font-size: calc(2.4rem + 18*((100vw - 320px) / 672));
  }
} */
@media (min-width: 480px) {
  #hero-slider .desc p {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
/* @media (min-width: 992px) {
  #hero-slider .desc p {
    font-size: 4.6rem;
  }
}
@media (min-width: 1200px) {
  #hero-slider .desc p {
    font-size: 5.4rem;
  }
} */

/* #sectionOne */
#sectionOne {
  margin-top: -4rem;
  padding-top: 4rem;
}
#sectionOne .header h2 {
  margin-bottom: 4rem;
}
#sectionOne .body {
  margin-bottom: 4rem;
}

#sectionOne .parent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 4rem;
}
#sectionOne .div2 {
  grid-column-start: 1;
  grid-row-start: 2;
}
#sectionOne .div3 {
  grid-column-start: 2;
  grid-row-start: 1;
}

#sectionOne .parent figure {
  clip-path: inset(0%);
  overflow: hidden;
  overflow: clip;
  padding-top: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
#sectionOne .parent .item-1 figure {
  aspect-ratio: 768 / 1025;
}
#sectionOne .parent .item-2 figure {
  aspect-ratio: 690 / 690;
}
#sectionOne .parent .item-3 figure {
  aspect-ratio: 770 / 963;
}
#sectionOne .parent .item-4 figure {
  aspect-ratio: 770 / 899;
}

#sectionOne .parent .item-1 .pic {
  background-image: url(../images/asset-12.webp);
}
#sectionOne .parent .item-2 .pic {
  background-image: url(../images/asset-14.webp);
}
#sectionOne .parent .item-3 .pic {
  background-image: url(../images/asset-13.webp);
}
#sectionOne .parent .item-4 .pic {
  background-image: url(../images/asset-15.webp);
}
#sectionOne .parent .pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  margin: 0;
  padding-top: 0;
  /*position: absolute;top: 0;right: 0;bottom: 0;left: 0;
  background-attachment: fixed;*/
  height: 100%;
  width: 100%;
  will-change: transform;
}

#sectionOne .footer p {
  font-size: 3.4rem;
  text-align: center;
}

#sectionOne .header,
#sectionOne .footer {
  margin-bottom: 4rem;
}

#sectionOne .body>.row {
  position: relative;
}
#sectionOne h3 {
  background-color: #fff;
  border-radius: 3.2rem;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 0;
  padding: 6rem 3.2rem;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}
#sectionOne .item-1 h3 {
  border-radius: 0 3.2rem 5.2rem 0;
  left: -2.5rem;bottom: 0;
  transform: translateY(50%);
}
#sectionOne .item-3 h3 {
  border-radius: 4.2rem;
  line-height: 1.4;
  padding: 4rem 2rem 8rem;
  top: 50%; right: -7.5rem;
  transform: translateY(-50%);
  text-align: left;
}
#sectionOne .item-4 h3 {
  border-radius: 4.2rem;
  padding-left: 2rem;
  top: 50%;right: -2.5rem;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  #sectionOne .item-1 figure {
    margin-top: 4.5rem;
  }
  #sectionOne .item-2 {
    padding-left: 3rem;
    padding-right: 2rem;
  }
  #sectionOne .item-4 {
    margin-top: -8.5rem;
  }
  #sectionOne .item-4 figure {
    margin-left: -2rem;
  }
}

@media (min-width: 992px) {
  #sectionOne .container .body {
    position: relative;
    right: 3rem;
  }
}

@media only screen and (max-width: 991.98px) {
  #sectionOne h3 {
    font-size: clamp(1.3rem, 2.5vw, 2.2rem);
  }
  #sectionOne .item-3 h3 {
    right: -4rem;
  }
  #sectionOne .item-4 h3 {
    padding: clamp(.5rem, 5vw, 6rem) clamp(1rem, 3vw, 2rem);
  }
}

@media only screen and (max-width: 768px) {
  #sectionOne .footer p {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  #sectionOne .parent {
    gap: 3rem;
  }
  #sectionOne .item-1 h3 {
    border-top-right-radius: 2rem;
    padding: clamp(2rem, 5vw, 6rem) clamp(1.5rem, 3vw, 2.5rem) clamp(3.2rem, 5vw, 6rem);
  }
  #sectionOne .item-3 h3 {
    padding: clamp(1.2rem, 5vw,3rem) clamp(1.5rem, 3vw, 2rem) clamp(1.2rem, 5vw,4.5rem);
  }
  #sectionOne .item-1 figure {
    margin-top: 2.5rem;
  }
  #sectionOne .item-4 {
    margin-top: -4.5rem;
  }
}
@media only screen and (max-width: 576px) {
  #sectionOne .parent {
    gap: 1.5rem;
  }
  #sectionOne .item-1 h3 {
    border-top-right-radius: 1.5rem;
  }

  #sectionOne .item-4 h3 {
    padding: clamp(.5rem, 3vw, 6rem) clamp(1rem, 3vw, 2rem);
  }
  #sectionOne .item-3 h3 {
      right: -3rem;
  }
}

@media only screen and (max-width: 430px) {
  #sectionOne .item-4 h3 {
    top: 64%;
  }
}
/* #sectionTwo */
#content>#sectionTwo {
  background-color: #f5f5f5;
  padding-top: 4rem;
}
@media (min-width: 992px) {
  #content>#sectionTwo {
    padding-top: 8rem;
  }
}
#sectionTwo .header {
  margin-bottom: 4rem;
}
#sectionTwo .body {
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  #sectionTwo .header {
    margin-bottom: 6rem;
  }
  #sectionTwo .body {
    margin-bottom: 8rem;
  }
}
#sectionTwo .body>.inner {
  margin-bottom: 6rem;
}
#sectionTwo .body>.inner>.row {
  margin-right: calc(-1* var(--bs-gutter-x));
  margin-left: calc(-1* var(--bs-gutter-x));
  margin-bottom: 1.5rem;
}
#sectionTwo .body>.inner>.row>* {
  padding-right: calc(var(--bs-gutter-x)* 1);
  padding-left: calc(var(--bs-gutter-x)* 1);
}
#sectionTwo .card-body h3 {
  margin-bottom: 1.5rem;
}
#sectionTwo .footer h2 {
  border-bottom: 1px solid #333;
  font-size: 3.4rem;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
#sectionTwo .footer a {
  font-size: 1.3rem;
  margin: .25rem;
  padding: 1rem;
  width: 191px;
  max-width: 100%;
}
@media only screen and (max-width: 820px) {
  #sectionTwo .body>.inner {overflow-x:scroll;}
  #sectionTwo .body>.inner::-webkit-scrollbar{height:10px;}/*バーの太さ*/
  #sectionTwo .body>.inner::-webkit-scrollbar-track{background:#f0f0f0;}/*バーの背景色*/
  #sectionTwo .body>.inner::-webkit-scrollbar-thumb{background:#ddd;}/*バーの色*/
  #sectionTwo .body>.inner>.row {width: 820px;}
}
#sectionTwo .kurashi .pic {
  aspect-ratio: 501 / 626;
  overflow: clip;
  padding-top: 0;
  height: auto;
  width: auto;
}
#sectionTwo .kurashi .pic a:hover img {
  transform: scale(1.2);
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  #sectionTwo .footer h2 {
    font-size: 2.4rem;
  }
}
@media (min-width: 1124px) {
  #sectionTwo .toArchives {
    position: absolute;top: .4rem;right: 0;
  }
}

/* #sup */
#sup {
  background-color: rgba(117,195,108,.1);
  overflow: hidden;
}
#content>#sup  {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  #content>#sup  {
      padding-top: 8rem;
  }
}
#sup .containerInner {
  width: 119.758571%;
  margin-left: -10.958571%;
}
#sup .flexItem ul {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  list-style: none;
  margin: 0;
}
#sup .flexItem ul li:nth-of-type(1) {
  width: 100%;
  position: relative;
  z-index: 1;
}
#sup .flexItem ul li:nth-of-type(2) {
  margin-top: 30.3858695652%;
  margin-right: -15.2173913043%;
  width: 100%;
}
@media (min-width: 992px) {
  #sup .dFlex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 7.258571%;
  }
  #sup .dFlex .flexItem:nth-of-type(1) {
    width: 61.758571%;
  }
  #sup .dFlex .flexItem:nth-of-type(2) {
    width: 33.333%;
  }

  #sup .flexItem ul li:nth-of-type(1) {
    width: 69.6869565217%;
  }
  #sup .flexItem ul li:nth-of-type(2) {
    margin-right: -42.2173913043%;
    width: 69.6869565217%;
  }
}
@media only screen and (max-width: 991.98px) {
  #sup .dFlex .flexItem:nth-of-type(1) {
    margin-bottom: 3rem;
  }
  #sup .dFlex .flexItem:nth-of-type(2) {
    padding-left: 7.25%;
    padding-right: 7.25%;
  }
}
@media only screen and (max-width: 768px) {
  #sup .dFlex .flexItem:nth-of-type(1) {
    margin-bottom: 3rem;
  }
  #sup .dFlex .flexItem:nth-of-type(2) {
    padding-left: 8.25%;
    padding-right: 8.25%;
  }
  #sup .dFlex .flexItem:nth-of-type(1) ul li:nth-of-type(1) figure {
    margin-left: -100px;
  }
  #sup .dFlex .flexItem:nth-of-type(1) ul li:nth-of-type(2) figure {
    margin-right: -100px;
  }
}


#sup h2 {
  font-size: 3rem;
}
#sup h3 {
  font-size: 2.6rem;
  margin-bottom: 2.5rem;
}
#sup p {
  font-size: 1.3rem;
  letter-spacing: normal;
}
#sup .link {
  letter-spacing: .15rem;
  margin-top: 2rem;
  text-align: left;
}


@media (min-width: 576px) {
  .recruitment .d-grid {
      grid-template-columns: 1.2fr 0.75fr;
      grid-auto-columns: 1fr;
  }
}

.recruitment .d-grid {
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr 1fr;
  gap: 15px 15px;
  grid-auto-flow: row;
  text-align: center;
}


/* #suumoArea */
#content>#suumoArea  {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  #content>#suumoArea {
      padding-top: 8rem;
  }
}
#suumoArea .cardHeader {
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
}
#suumoArea .link {
  letter-spacing: .25rem;
}
@media (min-width: 1200px) {
  #suumoArea .link {
    margin-top: -1rem;
  }
}

/* #news */
#news .cardHeader {
  margin-bottom: 5rem;
}
#news .cardHeader h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cfd0cc;
  padding-bottom: 1rem;
  text-align: left;
}
#content>#news {
  padding-top: 4rem;
}
@media (min-width: 992px) {
  #content>#news {
    padding-top: 8rem;
  }
}
#news .inner-container {
  max-width: 768px;
  margin-left: auto;margin-right: auto;
}
#news .header {
  margin-bottom: 4rem;
}
#news .post-list {
  margin-left: 0;
}
#news .post-list li {
  border-bottom: 1px solid #b5b5b6;
  margin-bottom: 2.25rem;
  padding: 0;
  transition: background-color .3s;
}
#news .post-list li:first-child {
  padding-top: 0;
}

@media (min-width: 768.02px) {
  #news .post-list h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #news .post-list h3 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 576.02px) {
  .home #news .post-list {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#news .post-list .date,
#news .post-list h3 {
  font-size: 1.8rem;
}
@media (min-width: 768.02px) {
  #news .post-list .date,
  #news .post-list h3 {
    font-size: 2rem;
  }
  #news .post-list .date {
    padding-right: calc(var(--bs-gutter-x)* 1);
    padding-left: calc(var(--bs-gutter-x)* 1);
  }
}

#news .post-list li a {
  color: #333;
  display: block;
  padding: 1rem 0;
  text-decoration: none;
}
#news .post-list h3 a:hover {
  color: #347cbd;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #news .post-list li {
    padding: 1.5rem 0;
  }
  #news .post-list h3 {
    flex: 0 0 100%;
}
  #news .post-list li a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.428;
    max-height: 95px;
    overflow: hidden;
    padding: .5rem 0 0;
  }
}
@media (min-width: 1200px) {
  #news .container {
    width: 83.6869565217%;
 }
}
@media only screen and (max-width: 576px) {
  #news .post-list li a {
    -webkit-line-clamp: 3;
  }
}
#sectionThree .toArchives::after {
  margin-top: .025rem;
}

/* #guide */
#content>#guide {
  padding-top: 4rem;
}
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
  #guide .container {
    width: 85.6869565217%;
 }
}
@media (min-width: 992px) {
  #content>#guide {
    padding-top: 8rem;
  }
}
@media (min-width: 1200px) {
  #guide .container {
    width: 80.6869565217%;
 }
}
#guide {
  background-color: rgba(10,66,103,.1);
  margin-bottom: 6rem;
}
#guide h2 {
  font-size: 3rem;
}
#guide .header h2 {
  display: flex; gap: 1rem;
  margin-bottom: 3.5rem;
  padding: 0;
}
#guide [class*="col"] h2 {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
#guide .header h2::after {
  background-color: #cfd0cc;
  content: "";
  flex: 1;
  align-self: flex-end;
  height: 1px;
  margin-bottom: .75rem;
  width: 100%;
}
#guide figure,
#guide figure img {
  border-radius: 2.5rem;
  overflow: hidden;
}
#guide p {
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
#guide .guide {
  border: none;
  font-size: 1.8rem;
}
#guide .guide th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
#guide .guide td {
  line-height: 1.328;
  padding: .525rem 0 1.5rem .5rem;
}
#guide .guide td a {
  color: #333;
  font-size: 1.2rem;
  transition: color .3s;
}
#guide .guide td a:hover {
  color: #0066cc;
  text-decoration: underline;
}
#guide .guide td a[href*="tel:"] span {
  line-height: .75;
}
#guide .guide td div {
  position: relative;
  padding-left: .75em;
}

#guide .guide td div::before {
  background-color: #333;
  content: "";
  height: .1rem;
  width: 1rem;
  position: absolute;top: 1.2rem;left: 0;
}
@media (min-width: 992px) {
  #guide .row>.col-auto {
    flex: 0 0 388px;
    width: 388px;
  }
}
#guide .guide tr:last-child td {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #guide h2 {
    font-size: 2.6rem;
  }
}

/* section .header */
section .header {
  position: relative;
}
section .header h2 {
  font-size: 3.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}
section .header.icon h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
section .header.icon h2::before {
  content: "";
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  margin-bottom: .5rem;
}
@media only screen and (max-width: 768px) {
  section .header h2 {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 480px) {
  section .header h2 {
    font-size: clamp(2.0rem, 5vw, 2.6rem);
  }
}

/* .card-item */
h3 {
  font-size: 2.3rem;
}
.card-item p {
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: normal;
  text-align: justify
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 2.2rem;
  }
}

/* .post
---------------------------------------- */
.post a h3, .post a:link h3, .post a:active h3 {
  transition: color .3s;
}
.post article>a,
.post a h3, .post a:link h3, .post a:active h3,
.post h3 a, .post h3 a:link, .post h3 a:active {
  color:#666666;
  text-decoration: none;
}
.post a:hover h3,
.post h3 a:hover {
  color: #ed6b87;
}
.post #pagination {
  margin-top: auto;
}
.post #pagination p {
  margin-bottom: 0;
}

/* for wp
---------------------------------------- */
.wp-block-table {
  transform: rotateZ(0.03deg);
}
@media only screen and (max-width: 600px) {
  .wp-block-media-text__media img {display: block;margin: 0 auto 1.5rem;max-width: 225px;}
  .wp-block-media-text .wp-block-media-text__content {padding: 0;}
}
figure:where(.wp-block-group + *) {
  margin-top: 5rem;margin-bottom: 5rem;
}
figure:where(.wp-block-columns + *) {
  margin-top: 8rem;
}
@media only screen and (max-width: 767.98px) {
  figure:where(.wp-block-columns + *) {
    margin-top: 5rem;
  }
}
figure:not(.wp-block-table):where(.wp-block-heading + *) {
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.wp-block-column .wp-block-heading + p {
  margin-top: -.75rem;
  margin-bottom: 0;
}
:where(#the_content) pre.wp-block-verse {
  line-height: 2;
  margin-top: 0;
  overflow: visible;
}

/* sub page
---------------------------------------- */
.page h2 {font-size: 2.6rem;}
@media (min-width: 768px) {
  .page h2 {font-size: 3rem;}
}
@media (min-width: 1200px) {
  .page h2 {font-size: 3.4rem;}
}

/* ac */
.ac-container {
  background-color: #f2f2f2;
  border: 1px solid #666666;
  border-radius: 1rem;
  margin: 0;
  overflow: hidden;
}
.ac-toggle {
  cursor: pointer;
  font-size: 2rem;
  padding: 1.25rem 4rem;
  transition: color .3s;
  position: relative;
}
@media only screen and (max-width: 575.98px) {
  .ac-toggle {
    font-size: 1.8rem;
    padding: 1rem 2rem;
  }
}
.ac-toggle::before, 
.ac-toggle::after {
  content: "";
  background-color: #666666;
  border-radius: 1rem;
  display: block;
  margin: auto;
  height: 3px;
  width: 18px;
  position: absolute;
  top: 0;right: 4rem;bottom: 0;
  transition: .5s;
}
@media only screen and (max-width: 575.98px) {
  .ac-toggle::before, 
  .ac-toggle::after {
    right: 2rem;
  }
}
.ac-toggle::after {
  transform: rotate(90deg);
}
.open::before {
  transform: rotate(-180deg);
}
.open::after {
  transform: rotate(0deg);
}
.ac-content {
  margin: 0;
  padding: 0 2rem 2rem;
}
.ac-content .inner {
  background-color: #ffffff;
  padding: 2rem;
}
@media (min-width: 768px) {
  .ac-content {
    padding: 1rem 4rem 4rem;
  }
  .ac-content .inner {
    padding: 4rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .ac-content .inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ac-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.close-wrap {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
.ac-content .close {
  background-color: #ffffff;
  border: 1px solid #666666;
  border-radius: 100vw;
  cursor: pointer;
  color: #666666;
  display: inline-block;
  font-size: 1.6rem;
  width: 240px;
  margin: auto;
  max-width: 90%;
  padding: 1.5rem;
}
.ac-content .inner h4 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.ac-content .inner>h4:not(:first-child) {
  margin-top: 5rem;
}
/* ac table */
.ac-content .inner .wp-block-table {
  margin: 0 0 1rem;
}
.ac-content .inner table {
  table-layout: fixed;
  margin-top: 0;
  margin-bottom: 0;
}
.ac-content .inner table th {
  background-color: #f2f2f2;
  line-height: 1.3;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ac-content .inner table td {
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 767.98px) {
  .ac-content .inner table {
    font-size: 1.5rem;
    margin-top: 0;
  }
  .ac-content .inner table th {
    line-height: 1.3;
  }
}

/* .living */
.living #page_header {
  display: none;
}
.living #sectionTwo {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 767.98px) {
  .living #suumoArea {
    padding-bottom: 4rem;
  }
}

/* .estate */
.estate #the_content {
  padding-top: 1rem!important;
}
.estate #page_header {
  display: none;
}
.estate #sectionTwo {
  background-color: #f5f5f5;
  margin-bottom: 4rem;
  padding-top: 6rem;
  padding-bottom: 4rem;
}
.estate #sectionTwo .body {
  margin-bottom: 0;
}

/* .two-area */
.two-area {
  padding-top: 0;
}
.two-area header {
  background-color: transparent;
}
.two-area #page_header {
  height: auto;
  padding-top: calc(834 / 1249* 100%);
}

.two-area #page_header #page-title {
  margin: 0 auto;
  position: absolute;top: 12rem;left: 0;right: 0;
  text-align: center;
}
.two-area #page_header #page-title p {
  color: #1b2d57;
  font-size: 1.8rem;
  margin: 0;
}
.two-area #page_header #page-title p>span {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.428;
  letter-spacing: .1em;
}
.two-area main section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.two-area main p {
  font-size: 1.8rem;
}
.two-area main h2,.two-area main h3 {
  line-height: 1.328;
}

.two-area .sectionOne {
  margin-bottom: 4rem;
}
.two-area .sectionOne h2 {
  margin-bottom: 4rem;
}
.two-area .sectionOne p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 3.75rem;
  padding-left: 1.5rem;
}
.two-area .sectionOne p span {
  background: linear-gradient(transparent 80%, #f39939 0%);
  display: inline;
  padding-bottom: .5rem;
}

@media (min-width: 992px) {
  .two-area .flex {
    display: flex;
    justify-content: center;
  }
  .two-area .col-left {
    width: auto;
    margin-right: 4rem;
  }
  .two-area .col-right {
    width: 37.4285714286%;
  }
}
.two-area .flex {
  margin-bottom: 4rem;
}
.two-area .flex figure {
  padding-bottom: 1.5rem;
}
.two-area .tags {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(142px, 1fr));
  list-style: none;
  margin: 0;
}
@media (min-width: 1062px) {
  .two-area .sectionOne .row>[class^="col"] {flex: 0 0 auto;width: auto;}
  .two-area .tags {grid-template-columns: repeat(6, 1fr);}
}
/*
@media only screen and (max-width: 1200px) {.two-area .tags {grid-template-columns: repeat(5, 1fr);}}
@media only screen and (max-width: 992px) {.two-area .tags {grid-template-columns: repeat(4, 1fr);}}
@media only screen and (max-width: 768px) {.two-area .tags {grid-template-columns: repeat(3, 1fr);}}
@media only screen and (max-width: 576px) {.two-area .tags {grid-template-columns: repeat(2, 1fr);}}
@media only screen and (max-width: 400px) {.two-area .tags {grid-template-columns: repeat(1, 1fr);}} */
.two-area .tags li {
  color: #fff;
  margin: 0;
}
.two-area .tags li>span {
  background-color: #0a4267;
  border-radius: 100vw;
  display: inline-block;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .two-area #page_header #page-title p>span {
    /*font-size: 5.4rem;*/
    font-size: 4.6rem;
  }
  .two-area .tags li>span {
    padding-left: 1.25vw;
    padding-right: 1.25vw;
  }
}

.two-area .sectionTwo {
  background-color: rgba(117,195,108,.1);
}
.two-area .sectionTwo h2 {
  margin-bottom: 2rem;
}
.two-area .sectionTwo h2 span {
  background: linear-gradient(transparent 85%, #0a4267 0%);
  display: inline;
  padding-bottom: .5rem;
}
.two-area .sectionTwo p {
  font-size: 1.8rem;
  line-height: 1.9;
}
.two-area .sectionTwo p:nth-of-type(1) {
  margin-bottom: 4rem;
}
.two-area .sectionTwo p.text-end a {
  color: #333;
  font-size: 1.2rem;
  text-decoration: underline;
}
.two-area .sectionTwo p.text-end a:hover {
  color: #0066cc;
}
@media (min-width: 768px) {
  .two-area .sectionTwo {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.two-area .sectionThree {
  padding-bottom: 0;
}
.two-area .sectionThree h2 {
  margin-bottom: 4rem;
  text-align: center;
}
.two-area .sectionThree h3 {
  border-bottom: 6px solid #357cbe;
  display: flex;
  font-size: 3rem;
  margin: 0;
  padding: 2rem 1rem 2rem 3rem;
}
.two-area .sectionThree h3 span {
  color: #357cbe;
  padding-right: 1rem;
  white-space: nowrap;
}
.two-area .sectionThree h3 i {
  font-style: normal;
  padding-right: 1rem;
}
.two-area .sectionThree .inner p:nth-of-type(1) {
  margin-bottom: 3.2rem;
}
.two-area .sectionThree .innerWrap {
  border: 6px solid #357cbe;
  border-radius: 2rem;
  height: 100%;
}
.two-area .sectionThree .inner {
  padding: 2.5rem 1rem 4rem 3rem;
}

@media (min-width: 768px) {
  .two-area .sectionThree {
    padding-top: 8rem;
  }
}
.two-area .sectionThree .row>[class^="col"] {
  flex: 0 0 auto;
  width: auto;
}
@media (min-width: 500px) {
  .two-area .sectionThree .row>[class^="col"] {
    flex: 0 0 500px;
    width: 500px;
  }
}
@media (min-width: 820px) {
  .two-area .sectionThree .row>[class^="col"] {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .two-area .sectionThree .row>[class^="col"] {
    flex: 0 0 530px;
    width: 530px;
  }
}
/* @media only screen and (max-width: 1120px) {} */

.two-area .sectionFour #suumoArea .cardHeader {
  padding-right: calc(var(--bs-gutter-x)* 0);
  padding-left: calc(var(--bs-gutter-x)* 0);
}
.two-area .sectionFour #suumoArea .cardHeader+p {
  margin-bottom: 6rem;
}
.two-area .sectionFour .footer .contact {
  font-size: 1.1rem;
  letter-spacing: normal;
  width: 183px;
  max-width: 100%;
  padding: .35rem .75rem;
  transition: opacity .3s;
  background-color: #f39939;
}

.two-area .sectionFive {
  background: url(../images/asset-40.webp) no-repeat center / cover;
}
.two-area .sectionSix {
  background: url(../images/asset-41.webp) no-repeat center / cover;
}
.two-area .sectionFive .container,
.two-area .sectionSix .container {
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.two-area main .sectionFive {padding: 0;}
.two-area main .sectionSix {padding: 0;}
@media (min-width: 576px) {
  .two-area  main .sectionFive {padding-top: 0;padding-bottom: calc(1252 / 1877* 100%);}
  .two-area  main .sectionSix {padding-top: 0;padding-bottom: calc(1252 / 1877* 100%);}
  .two-area .sectionFive .container {padding: 0;}
  .two-area .sectionSix .container {padding: 0;}
  .two-area .sectionFive .inner,
  .two-area .sectionSix .inner {position: absolute; top: 8vw; left: 8vw;}
}

.two-area .sectionFive h2,
.two-area .sectionSix h2 {
  margin-bottom: 3rem;
}
.two-area .sectionFive .link,
.two-area .sectionSix .link {
  margin-top: 0;
  text-align: left;
}
.two-area .sectionFive .btn,
.two-area .sectionSix .btn {
  font-size: 1.1rem;
  letter-spacing: normal;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: .35rem 1.75rem;
  transition: opacity .3s;
  background-color: #357cbe;
}
.two-area .sectionSix .btn span i {
  display: inline-block;
  font-style: normal;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (min-width: 576px) {
  .two-area .sectionFive p,
  .two-area .sectionSix p,
  .two-area .sectionFive .link,
  .two-area .sectionSix .link {
    padding-left: 1.25em;
  }
}

.two-area .sectionSeven {
  background-color: rgba(117, 195, 108, .1);
}
.two-area .sectionSeven h2 {
  margin-bottom: 3.5rem;
  position: relative;
}
.two-area .sectionSeven h2>span {
  background: linear-gradient(transparent 87.5%, #0a4267 0%);
  display: inline;
  padding: 0 .5rem .5rem;
}
.two-area .sectionSeven p>span {
  display: block;
  margin-bottom: 1.5rem;
}
@media (min-width: 470px) {
  .two-area .sectionSeven {
      padding-top: 6rem;
      padding-bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .two-area .sectionSeven {
      padding-top: 10rem;
      padding-bottom: 10rem;
  }
}

/* .aboutus */
.aboutus header {
  background-color: transparent;
}
.aboutus #page-title .page-title {display: none;}
.aboutus main .container {
  margin: 0 auto;
}
@media (min-width: 576px) {
  .aboutus main .container {
    padding-bottom: 8rem;
  }
  .aboutus main .vision_mission .container {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .aboutus main .container {
    padding-bottom: 4rem;
  }
}

.aboutus {padding-top: 0;}
.aboutus #page_header {
  height: 0;
  padding-top: calc(834 / 1251* 100%);
}
.aboutus #page-title {
  margin: 0 auto;
  padding-top: 12rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  position: absolute; top: 0;left: 0;right: 0;
}

.aboutus #page-title p {
  color: #1b2d57;
  font-size: 1.8rem;
}
.aboutus #page-title p>span {
  font-size: 4rem;
}
@media (min-width: 1200px) {
  .aboutus #page-title p>span {
    /*font-size: 5.4rem;*/
    font-size: 4.6rem;
  }
}
@media only screen and (max-width: 992px) {
  .aboutus #page_header {
    height: auto;
    padding: 0;
  }
  .aboutus #page-title {
    padding: 12rem 1rem 32rem;
    position: relative;
  }
}
.aboutus .d-flex {
  gap: 2rem;
  justify-content: center;
  margin-bottom: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.aboutus .d-flex>.pic {
  flex: 0 0 33.333%;
  margin: 0;
  padding-top: calc(901 / 601* 33.333%);
}
.aboutus h2 {
  margin-bottom: 3.5rem;
}
.aboutus h2:not(.normal) {
  display: flex;
  gap:1rem;
}
.aboutus h2:not(.normal)::after {
  background-color: #cfd0cc;
  content: "";
  flex: 1; align-self: flex-end;
  height: 1px;
  margin-bottom: .75rem;
  width: 100%;
}
.aboutus h2.normal {
  text-align: center;
}

.aboutus .vision_mission h2 {
  margin-bottom: 2rem;
  gap: 4rem;
}
.aboutus .vision_mission p {
  font-size: 2.6rem;
  line-height: 1.428!important;
}
@media (min-width: 768px) {
  .aboutus .vision_mission p {
    font-size: 3rem!important;
  }
}
.aboutus .vision_mission .row>[class^="col"]:nth-of-type(1) {
  margin-bottom: 6rem;
}

.aboutus .greeting {
  background-color: #e3e8f1;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.aboutus .greeting>.container {
  padding-bottom: 4rem;
}
.aboutus .greeting>.container>.row:nth-of-type(1) {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 767.98px) {
  .aboutus .greeting>.container>.row:nth-of-type(1) {
    margin-bottom: 4rem;
  }
  .aboutus .greeting>.container {
    padding-bottom: 0;
  }
}
.aboutus .greeting h2::after {
  background-color: #333;
}
.aboutus .greeting figure>img {
  margin-bottom: 2rem;
}
.aboutus .greeting p>span {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 3rem;
}
.aboutus .greeting .name {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: right;
}
@media (min-width: 768px) {
  .aboutus .greeting {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .aboutus .greeting figure>img {
    max-width: 290px;
  }
}

.aboutus #guide {
  padding-top: 4rem;
}
#guide .container>p+.row {
  margin-bottom: 4rem;
}
.aboutus #guide .row h2::after {
  content: none;
}
#guide table {
  border-top: none;
  border-spacing: 0;
  letter-spacing: normal;
}

@media (min-width: 768px) {
  .aboutus #the_content p {
    font-size: 1.8rem;
  }
  .aboutus #guide {
    padding-top: 8rem;
  }
  .aboutus .greeting .row {
    flex-direction: row-reverse;
  }
}

.aboutus .fruid-2 {
  background-color: rgba(27,45,87,.1);
  margin-bottom: 8rem;
  padding-top: 8rem;
}
.aboutus .fruid-2 figure {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}

.aboutus #info {
  padding-top: 4rem;
}
.aboutus #info figure {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .aboutus #info  {
    padding-top: 10rem;
  }
  .aboutus #info figure {
    margin-bottom: 6rem;
  }
}

/* #sectionThree */
#sectionThree {
  background-color: #e1d2b4;
  padding-top: 4rem;
}
@media (min-width: 992px) {
  #sectionThree {
    padding-top: 8rem;
  }
}
#sectionThree .header {
  margin-bottom: 4rem;
}
.aboutus #sectionThree .header h2::after {
  background-color: #b3b3b3;
}
#sectionThree .pic {
  margin-bottom: 1.5rem;
  padding-top: calc(342 / 1063* 100%);
}
.aboutus #sectionThree .body .row p {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.aboutus #sectionThree .footer .row p {
  font-size: 1.3rem;
  line-height: 1.428;
  letter-spacing: normal;
  margin-bottom: .75rem;
  text-align: justify;
}
#sectionThree a {
  display: inline-flex;
  align-self: flex-start;
  margin-top: auto;
}
#sectionThree .footer .inner {
  border-left: 3px solid #00499e;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: 1.5rem;
}
#sectionThree .footer .row>div {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
#sectionThree .link {
  margin-top: 6rem;
}
#contactus {
  margin-top: 2rem!important;
  padding-top: 4rem;
}

.aboutus #sectionThree {
 
}



/* table */
.aboutus table td {
  text-align: left;
}
@media (min-width: 576px) {
  .aboutus table tr>td:nth-child(1) {
    border-right: 1px solid #cfd0cc;
    width: 7em;
    padding: .25rem;
    white-space: nowrap;
    vertical-align: top;
  }
  .aboutus table tr>td:nth-child(2) {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .aboutus #info table {
    margin-left: 4rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .aboutus table td {
    display: block;
  }
  .aboutus table tr>td:nth-child(1) {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: .5rem;
  }
  .aboutus #info table tr>td:nth-child(2) {
    border-bottom: 1px solid #cfd0cc;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}
.aboutus table tr>td:nth-child(1) {
  letter-spacing: .25em;
}
@media (min-width: 576px) {
  .aboutus table tr>td:nth-child(1) {
    letter-spacing: .175em;
  }
  .aboutus table td>.t3 {
    letter-spacing: .75em;
  }
  .aboutus table td>.t2 {
    letter-spacing: 1.275em;
  }
}

/* .privacy-policy */
.privacy-policy #page_header {
  display: none;
}
.privacy-policy .post-content {
  counter-reset: number 0; 
  margin: 0 auto;
  width: 91.885714%;
}
.privacy-policy h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cfd0cc;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  padding-bottom: 1rem;
  text-align: center;
}

.privacy-policy h3 {
  font-size: 2.4rem;
  margin-top: 4rem;
}
.privacy-policy h3:before {
  counter-increment: number 1;
  content: counter(number) ".";
}
.privacy-policy h4 {
  font-size: 2rem;
  margin-top: 4rem;
}
.privacy-policy p {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767.98px) {

}

/* single
---------------------------------------- */
.single .post {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 576px) {
  .single .post {
    padding-bottom: 8rem;
  }
}
.single #detail .article-header h2 {margin-top: 2rem;}
.single #detail .article-header .date {font-size: 1.4rem;}
@media only screen and (max-width: 480px) {
  .single #detail .article-header h2 {line-height: 1.3;}
}
.single #pager a,
.single #pager a:visited {
  color:#666666;
  text-decoration: none;
}
.single #pager a:hover {
  color: #ed6b87;
}
.single #pager .next a {
  justify-content: flex-end;
}
.single #pager .prev a {
  justify-content: flex-start;
}
.single .link .btn {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 100vw;
  color: #666666;
  transition: color .3s;
}
.single .link .btn:hover {
  color: #ed6b87;
}
.single .link a::after {
  content: none;
}

/* single - news */
.single-news #page_header {display: none;}
.single-news .post {
  padding-top: 2rem;
}
.single-news .article-header {
  margin-bottom: 4rem;
}
.single-news .article-header figure {
  text-align: center;
}
.single-news .article-body {
  border-bottom: 1px solid #cfd0cc;
  margin: 0 auto;
  padding-bottom: 4.25rem;
}
.single-news .article-body h2 {
  font-size: 2.4rem;
  line-height: 1.428;
}
.single-news .article-body time {
  display: flex;
  gap: 1rem;
  font-size: 2rem;
  margin-bottom: 2.75rem;
}
.single-news .article-body time::after {
  background-color: #cfd0cc;
  content: "";
  flex: 1;
  align-self: flex-end;
  height: 1px;
  margin-bottom: .75rem;
  width: 100%;
}
.single-news .article-body p {
  font-size: 1.8rem;
}
@media (min-width: 576px) {
  .single-news .article-body h2 {
    font-size: 3rem;
    line-height: 1.428;
  }
}
@media (min-width: 625px) {
  .single-news .article-body {
    max-width: 625px;
  }
}
@media (min-width: 1251px) {
  .single-news .article-body {
    width: 65.885714%;
    max-width: initial;
  }
}


/* .suumoArea
---------------------------------------- */
.page-child .suumoArea .cardHeader+p {
  margin-bottom: 6rem;
}

.suumo-detail #page_header {display: none;}
.suumo-detail #the_content {padding-top: 1.6rem!important;}

.suumo-detail .suumoArea .deta {
  background: #f0f0f0;
  margin-bottom: 6rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.suumo-detail .suumoArea .deta .slider {
  margin-bottom: 2rem;
}
.suumo-detail .suumoArea .deta .slider .picture {
  border-radius: 2rem;
  margin-bottom: 1.5rem;
  /*padding-bottom: calc(235 / 315* 100%); position: relative;*/
  overflow: clip;
  /*aspect-ratio: 4 / 3; */
  background: #fff;
  display: flex; justify-content: center; align-items: center;
}
.suumo-detail .suumoArea .deta .slider .picture>img {
  /*height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0;*/
  max-height: 580px;
  width: auto;
  overflow: clip;
}
@media only screen and (max-width: 480px) {
  .suumo-detail .suumoArea .deta .slider .picture>img {
    max-height: 360px;
  }
}
.suumo-detail .suumoArea .deta .slider .thumbnail {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(7, 1fr);
  margin: 0;
  list-style: none;
}
.suumo-detail .suumoArea .deta .slider .thumbnail>li {
  margin: 0;
}
.suumo-detail .suumoArea .deta .slider .thumbnail>li a {
  opacity: .35;
  transition: opacity .3s;
}
.suumo-detail .suumoArea .deta .slider .thumbnail>li a:hover,
.suumo-detail .suumoArea .deta .slider .thumbnail>li a:hover img {
  opacity: 1;
}

.suumo-detail .suumoArea .deta .cost {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1.5* var(--bs-gutter-x));
  margin-left: calc(-1.5* var(--bs-gutter-x));
}
.suumo-detail .suumoArea .deta .cost dl {
  flex: auto;
  flex-shrink: 0;
  margin: 0 0 .75rem;
  padding-right: calc(var(--bs-gutter-x)* 1.5);
  padding-left: calc(var(--bs-gutter-x)* 1.5);
}
.suumo-detail .suumoArea .deta .cost dl:nth-of-type(1) {
  flex: 0 0 100%;
}
.suumo-detail .suumoArea .deta .cost dl dt {
  border-bottom: 1px solid #cfd0cc;
  color: #87949d;
  font-size: 1.5rem;
  margin: 0 0 .5rem;
}
.suumo-detail .suumoArea .deta .cost dl dd {
  font-size: 2.3rem;
  margin: 0;
}
.suumo-detail .suumoArea .deta .cost dl dd span {
  font-size: 3rem;
  line-height: 1;
}
.suumo-detail .suumoArea .deta .access dl {
  flex: 1;
  margin: 0;
}
.suumo-detail .suumoArea .deta .access dl dt {
  border-bottom: 1px solid #cfd0cc;
  color: #87949d;
  font-size: 1.5rem;
  margin: 0 0 .5rem;
}
.suumo-detail .suumoArea .deta .access dl dd {
  margin: 0;
}
.suumo-detail .suumoArea .deta .access dl dd span {
  font-size: 2.3rem;
  display: block;
  line-height: 1.3;
  margin-bottom: .5rem;
}

/* .col-one */
.suumo-detail .col-one>h2 {
  border: none;
  font-size: 1.5rem;
}
.suumo-detail .col-one .inner .item1 {
  font-size: 2.3rem;
  line-height: 1.423;
}
.suumo-detail .col-one .inner .item1 dl {
  margin: 0;
}
.suumo-detail .col-one .inner .item1 dt {
  border-bottom: 1px solid #cfd0cc;
  color: #87949d;
  font-size: 1.5rem;
  margin: 0 0 .5rem;
}
.suumo-detail .col-one .inner .item1 dd {
  margin-left: 0;
}
.suumo-detail .col-one .inner .item1 dd span {
  display: inline-block;
}

.suumo-detail .col-one .inner .item2 h3 {
  border-bottom: 1px solid #cfd0cc;
  color: #87949d;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}

/*.suumo-detail .col-one .inner .item3 h3 {
  border-bottom: 1px solid #cfd0cc;
  color: #e59c4e;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}*/
.suumo-detail .col-one .inner .item3 h3 {
  background-color: #e1882c;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: .5rem;
  padding: .5rem 1.5rem;
}
.suumo-detail .col-one .inner .item3 p {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.suumo-detail .col-one .inner .item3 p span {
  font-size: 2.3rem;
  display: inline-block;
  line-height: 1.423;
  margin-bottom: .25rem;
}

.suumo-detail .col-one .inner .item5 .itemInner {
  background-color: #fff;
  border: 1px solid #cfd0cc;
}
.suumo-detail .col-one .inner .item5 h3 {
  background-color: #cfd0cc;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  padding: .5rem;
}
.suumo-detail .col-one .inner .item5 figure {
  padding: 0 1.5rem 1.5rem;
  text-align: center;
}
.suumo-detail .col-one .inner .item5 figure>img {
  max-height: 480px;
  width: auto;
}
@media only screen and (max-width: 480px) {
  .suumo-detail .col-one .inner .item5 figure>img {
    max-height: 360px;
  }
}
.suumo-detail .col-one .inner {
  display: grid;
  grid-auto-flow: dense;
  gap: 2rem 0;
}
@media (min-width: 768.02px) {
  .suumo-detail .col-one .inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content max-content max-content 1fr auto;
    gap: 1rem 4rem;
  }
  .suumo-detail .col-one .inner [class^="item"] {
    margin-bottom: 1.5rem;
  }
  .slider { grid-area: 1 / 1 / 5 / 2; }
  .item1 { grid-area: 1 / 2 / 2 / 3; }
  .item2 { grid-area: 2 / 2 / 3 / 3; }
  .item3 { grid-area: 3 / 2 / 4 / 3; }
  .item4 { grid-area: 4 / 2 / 6 / 3; }
  /*.item5 { grid-area: 5 / 1 / 6 / 2; }*/
  .suumo-detail .col-one .inner .item5 {
    margin-top: 4rem;
  }
}
@media (min-width: 992px) {
  .suumo-detail .suumoArea .deta .slider .picture {
    border-radius: 3rem;
  }
}
/* image-propertyに「間取りの画像」があるので使えない、「間取りの画像」いらないなあ、、
.suumo-detail .suumoArea .deta .slider .picture {
  aspect-ratio: 64 / 48;
  position: relative;
}
.suumo-detail .suumoArea .deta .slider .picture>img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
}
*/

/* .col-two */
.suumo-detail .suumoArea .deta .row .col-two {
  margin-top: 8rem;
}
@media (min-width: 768.02px) {
  .suumo-detail .suumoArea .deta .row .col-two {
    margin-top: 4rem;
  }
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry {
  background-color: #fff;
  border: 2px solid #e59c4e;
  margin-bottom: 2.5rem;
  padding: 2.5rem;
  position: relative;
  text-align: center;
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry h3 {
  background-color: #e59c4e;
  border-radius: 1rem;
  color: #fff;
  font-size: 1.5rem;
  display: inline-block;
  margin: 0 auto;
  padding: .5rem 1.75rem;
  position: absolute;top: -15px;left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry .ph {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry .ph a {
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry .ph a>span {
  line-height: 1.2;
}
.suumo-detail .suumoArea .deta .row .col-two .inquiry .ph span:nth-of-type(1) {
  flex: 0 0 auto;
}
/* .suumo-detail .suumoArea .deta .row .col-two .inquiry .close {
  display: inline-block;
} */
.suumo-detail .suumoArea .deta .row .col-two dl {
  font-size: 1.5rem;
}
.suumo-detail .suumoArea .deta .row .col-two dl dt {
  color: #87949d;
  margin: 0;
}

.suumo-detail .suumoArea .deta .row .col-two .d-flex {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  flex-wrap: wrap;
  margin-top: calc(-1* var(--bs-gutter-y));
  margin-right: calc(-1.5* var(--bs-gutter-x));
  margin-left: calc(-1.5* var(--bs-gutter-x));
}
.suumo-detail .suumoArea .deta .row .col-two .d-flex .f-item {
  padding-right: calc(var(--bs-gutter-x)* 1.5);
  padding-left: calc(var(--bs-gutter-x)* 1.5);
  margin-top: var(--bs-gutter-y);
}
.suumo-detail .suumoArea .deta .row .col-two .d-flex .f-item:nth-of-type(1) {
  flex: 0 0 auto;
  width: auto;
}
@media (min-width: 576px) {
  .suumo-detail .suumoArea .deta .row .col-two .d-flex .f-item {
    max-width: 50%;
  }
  .suumo-detail .suumoArea .deta .row .col-two .d-flex .f-item:nth-of-type(2) {
    flex: 1;
  }
}
.suumo-detail .suumoArea .deta .row .col-two .d-flex table th {
  color: #87949d;
  text-align: left;
  width: auto!important;
  min-width: 4em;
  padding-right: .5rem;
  white-space: nowrap;
  vertical-align: top;
}
@media only screen and (max-width: 767.98px) {
  .suumo-detail .suumoArea .deta .row .col-two .d-flex table th {
    width: auto!important;
  }
}
@media only screen and (max-width: 575.98px) {
 .suumo-detail #the_content .suumoArea .deta .row .col-two .d-flex .f-item {
    flex: 0 0 100%;
    width: 100%;
  }
  .suumo-detail .suumoArea .deta .row .col-two .d-flex table th {
    width: auto!important;
  }
}
@media only screen and (max-width: 479.98px) {
  .suumo-detail .suumoArea .deta {
    margin-bottom: 0;
  }
 }

.suumo-detail .suumoArea .deta .row .col-two .d-flex table td {
  vertical-align: top;
}
/* End .suumo-detail */

.suumoArea .cardHeader {
  margin-bottom: 3rem;
  text-align: right;
}
#suumoArea .cardHeader,
#searchResultArea .cardHeader {
  padding-right: calc(var(--bs-gutter-x)* 0);
  padding-left: calc(var(--bs-gutter-x)* 0);
}

@media (min-width: 576px) {
  .suumoArea .post-list {
    margin-right: calc(-1.25* var(--bs-gutter-x));
    margin-left: calc(-1.25* var(--bs-gutter-x));
  }
  .suumoArea .post-list>* {
    padding-right: calc(var(--bs-gutter-x)* 1.25);
    padding-left: calc(var(--bs-gutter-x)* 1.25);
  }
  .suumoArea .post-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575.98px) {
  .suumoArea .post-list:not(.row) {
    margin-left: auto!important;
    margin-right: auto!important;
  }
}

.suumoArea .post-list>li {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 6rem;
}
.suumoArea .post-list>p {
  --bs-gutter-x: 2.5rem;
  margin-bottom: 5rem;
}

@media (min-width: 768px) {
  .suumoArea .post-list>li {
      flex: 0 0 auto;
      width: 50%;
  }
}
@media (min-width: 1100px) {
  .suumoArea .post-list>li {
      flex: 0 0 auto;
      width: 33.33333333%;
  }
}
@media only screen and (max-width: 767.98px) {
  .suumoArea .post-list>li {
    margin: 0 auto 4.5rem;
    max-width: 576px;
  }
}
.suumoArea h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cfd0cc;
  padding-bottom: 1rem;
  text-align: left;
}
.suumoArea .viewAll {
  font-size: 1.8rem;
  color: #333;
  display: inline-flex;align-items: center;gap: .5rem;
  margin-left: auto;
  position: relative;
  transition: opacity .3s;
  text-decoration: none;
}
.suumoArea .viewAll::after {
  background: url(../images/arrowToDetailsBlack.png) no-repeat center / contain;
  content: "";
  height: 10px;
  width: 10px;
}
.suumoArea .viewAll:hover {
  opacity: .75;
}
.suumoArea .viewAll::before {
  background-color: #333;
  content: "";
  height: 1px;
  width: calc(100% - 8px);
  position: absolute;
  left: 0;
  bottom: .25rem;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.suumoArea .viewAll:hover::before {
  opacity: .75;
  transform: scale(1, 1);
}

.suumoArea .more {
  font-size: 1.8rem;
  color: #333;
  margin: 0;
  text-align: center;
}
.suumoArea .more a {
  font-size: 1.8rem;
  color: #333;
  padding-bottom: .5rem;
  position: relative;
  transition: opacity .3s;
  text-decoration: none;
}
.suumoArea .more a:hover {
  opacity: .7;
}
.suumoArea .more a::after {
  background: url(../images/more.webp) no-repeat center / contain;
  display: inline-block;
  margin: auto;
  content: "";
  height: 8px;
  width: 17px;
  position: absolute;top: 100%;left: 0;right: 0;
  transition: opacity .3s;
}
.suumoArea .more a:hover::after {
  opacity: .75;
}

.suumoArea .pic {
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-top: calc(249 / 314* 100%)!important;
}

/* page-child
---------------------------------------- */
.pageHeaderInner {display: none;}
.page-child main .container {
  /*max-width: 1042px;*/
  max-width: initial;
}
@media (min-width: 576px) {
  .page-child main .container {
    width: 87.5%;
  }
}

.page-child .suumoArea h2 {
  font-size: 2.6rem;
}

.page-child .secOne {
  display: flex;
  justify-content: center;
  margin-bottom: 8rem;
}
.page-child .secOne h1 {
  font-size: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.page-child .secOne p:not(.copyWr) {
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
.page-child .secOne .copyWr {
  margin-bottom: 1rem;
  text-align: center;
}

/* archive
---------------------------------------- */
.hashTags {
  font-size: 2.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hashTags>li {
  padding-left: .8rem;
  padding-right: .8rem;
}
.post-list .header {
  display: flex;
  margin-bottom: 1rem;
}
.post-list a {
  color: #333;
  text-decoration: none;
}
.post-list .header .badge {
  background-color: #333;
  border-radius: 100vw;
  color: #fff;
  font-size: 1.1rem;
  min-width: 5em;
  line-height: 1.8;
  letter-spacing: normal;
  padding: .25rem .8rem;
  text-align: center;
}
.post-list .header .detail {
  display: inline-flex;align-items: center;gap: .25rem;
  font-size: 1.2rem;
  margin-left: auto;
  position: relative;
  transition: opacity .3s;
}
.post-list .header .detail::before,
.post-list .header .detail::after {
  content: "";
}
.post-list .header .detail::before {
  background-color: #333;
  height: 1px;
  width: calc(100% - 8px);
  position: absolute;left: 0;bottom: .25rem;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.post-list .header .detail::after {
  background: url(../images/arrowToDetailsBlack.png) no-repeat center / contain;
  height: 7px;
  width: 7px;
}
.post-list a:hover .detail::before {
  transform: scale(1, 1);
}
.post-list a:hover .detail {
  opacity: .75;
}

.post-list .body {
  font-size: 1.4rem;
  margin-bottom: .8rem;
}
.post-list .body h3 {
  font-size: 1.8rem;
  margin-bottom: .5rem;
}
.post-list .body .conditions {
  border-bottom: 1px solid #cfd0cc;
  margin-bottom: .8rem;
  padding-bottom: .8rem;
}
.post-list .body .cost {
  display: flex;
  gap: 2.75rem;
}
.post-list .body .cost dl {
  margin: 0;
}
.post-list .body .cost dl dd {
  margin: 0;
}
.post-list .body .cost dl span {
  font-size: 1.8rem;
}

.post-list .footer .myFavorites {
  display: flex;align-items: center;gap: .5rem;
  font-size: 1.2rem;
}
.favorite-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;align-items: center;gap: .5rem;
  padding: 0;
}
.favorite-btn i {
  color: #dfdfdf;
  font-size: 3rem;
  font-style: normal;
  line-height: 1.2;
}
.favorite-btn.favorited i {
  color: #ff0;
}

.archive .post {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 576px) {
  .archive .post {
    padding-bottom: 8rem;
  }
}
.archive .link .btn {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 100vw;
  color: #666666;
  transition: color .3s;
}
.archive .link .btn:hover {
  color: #ed6b87;
}
.archive .link a::after {
  content: none;
}

/* archive - news */
.post-type-archive-news #page_header {display: none;}
.post-type-archive-news h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cfd0cc;
  margin-left: auto; margin-right: auto;
  margin-bottom: 5rem;
  max-width: 1041px;
  padding-bottom: 1rem;
  text-align: center;
}
.post-type-archive-news .container .news {
  margin: 0 auto;
}
@media (min-width: 680px) {
  .post-type-archive-news .container .news {
    max-width: 680px;
  }
}
@media (min-width: 1251px) {
  .post-type-archive-news .container .news {
    width: 65.885714%;
    max-width: initial;
  }
}

/* 賃貸物件、売買物件、テナント物件
---------------------------------------- */
.formTab {
  border-bottom: 2px solid #333;
  display: flex;
  list-style: none;
  margin: 0 -.1rem 4rem;
}
.formTab>li {
  flex: 1;
  margin: 0;
  padding-left: .05rem;
  padding-right: .05rem;
  text-align: center;
}
.formTab>li span,
.formTab>li a {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  color: #fff;
  display: block;
  line-height: 1.328;
  height: 100%;
  padding: 1rem;
  text-decoration: none;
}
.formTab>li a {
  background-color: #c9caca;
}

.formTab>li:nth-of-type(1) .active,
.formTab>li:nth-of-type(1) a:hover {
  background-color: #0080c7;
}
.formTab>li:nth-of-type(2) .active,
.formTab>li:nth-of-type(2) a:hover {
  background-color: #004a77;
}
.formTab>li:nth-of-type(3) .active,
.formTab>li:nth-of-type(3) a:hover {
  background-color: #8592a7;
}
@media (min-width: 576px) {
  .formTab>li span,
  .formTab>li a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* font size
---------------------------------------- */
/* front page */
@media only screen and (max-width: 400px) {
  #hero-slider .desc p {
    font-size: 7vw;
  }
  .home section h2 {
    /*font-size: 6.75vw;*/
    line-height: 1.328;
  }
  .home section h3 {
    line-height: 1.328;
  }/*
  #sectionOne h3 {
    font-size: 4.75vw;
  }
  #sectionOne .footer p {
    font-size: 6.25vw;
  }
  #sectionThree h3 {
    font-size: 5.5vw;
  }*/
}
@media (min-width: 430.02px) {section h2 br{display: none;}}


/* contact
---------------------------------------- */
.contact #page_header {display: none;}
.contact h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cfd0cc;
  margin-left: auto; margin-right: auto;
  margin-bottom: 5rem;
  max-width: 1041px;
  padding-bottom: 1rem;
  text-align: center;
}
.contact #contact {
  margin: 0 auto;
}
@media (min-width: 680px) {
  .contact #contact {
    max-width: 680px;
  }
}
@media (min-width: 1251px) {
  .contact #contact {
    width: 59.885714%;
    max-width: initial;
  }
}
.contact #contact label {
  font-size: 1.8rem;
}
.contact #contact .form-group {
  margin-bottom: 2.5rem;
}
.contact #contact .form-control {
  font-size: 1.6rem;
  height: auto;
  padding: 1.5rem 1.2rem;
  border-radius: 1rem;
}
.contact #contact .form-group p {
  font-size: 1.4rem;
}
.contact #contact .form-group p a {
  color: #333;
}
.contact #contact .form-group p a:hover {
  opacity: .75;
}

.wpcf7-form-control.wpcf7-submit.submit-btn {
  background-color:#333;
  height: auto;
  margin-top: 4rem;
  padding: .5rem 2.5rem;
}
.wpcf7-form-control.wpcf7-submit.submit-btn:hover {
  opacity: .8;
  text-decoration: none;
}

/* 404 File not found.
---------------------------------------- */
.error404 #page_header {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* Bootstrap Form v4 @ front-page #form-search
---------------------------------------- */
#form-search .form-inner .input-group {display: flex;align-items: center;}
#form-search .input-group>span {display: inline-block;width: auto;}
#form-search .checkbox-group {display: flex;flex-wrap: wrap;align-items: center;}
#form-search .checkbox-group label {cursor: pointer;}
#form-search .form-check {display: flex;margin-right: 1.5rem;}
@media (min-width: 768px) {
  #form-search {display: flex;justify-content: center}
  #form-search .form-group {display: flex;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #form-search .form-label {float: left;}
  #form-search .form-inner .input-group {margin-left: 14em;}
}
#form-search .form-check-label {
  white-space: nowrap;
}
#form-search .input-group-addon {padding: .25rem 1rem;font-size: 14px;/*font-weight: normal;*/line-height: 1;color: #87949d;text-align: center;background-color: transparent;border: none;}
h2.form-label,h3.form-label,h4.form-label,h5.form-label,h6.form-label {display: inline-block;max-width: 100%;margin-bottom: 1.5rem;padding-top: .25rem;font-weight: 600;font-size: 100%;}
#form-search .form-label {color: #87949d;flex: 0 0 13.5em;width: 13.5em}
#form-search .form-control {box-shadow: none}
/*#form-search .form-control {box-shadow: none;width: 75%}@media (min-width: 768px) {#form-search .form-inline .form-control {width: auto}}*/
#form-search .form-group {margin-bottom: 3.5rem}
#form-search input {background-color: transparent;border-radius: 0; border:none;}
#form-search .form-check-label {padding-left: .5rem;}
#form-search label {color: #87949d;}
#form-search ::placeholder {opacity: .35;}
#form-search input[type="checkbox"] {border: 2px solid #87949d; border-radius: .75rem;margin: 0;height: 26px;width: 26px;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
#form-search input[type="input"] {background: url(../images/bg-input.webp) no-repeat left bottom / auto 60%;}
@media (min-width: 768px) {#form-search .form-inline .checkbox {display: inline-flex;align-items: flex-end;}}
#form-search #input1,#form-search #input7 {width: 275px;}

#form-search select {background: url(../images/bg-input.webp) no-repeat left bottom / auto 60%;}
#form-search select {width: 129px;border: none;}

#form-search .form-inner>.submit {display: flex;justify-content: center;margin-top: 6rem;margin-bottom: 0;}
#form-search .form-inner>.submit button {
  background-color: #222;
  border-color: transparent;
  border-radius: 100vw;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: .35rem;
  margin: .5rem;
  max-width: 90%;
  width: 302px;
  padding: 1rem 2.5rem;
  text-decoration: none;
  transition: background-color .3s;
}
#form-search select {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
#form-search input[type=checkbox]:checked {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}

/* font family 変更 */
#hero-slider .desc p,
section .header h2,
#sectionOne .footer p,
#sectionTwo .footer h2,
#sup h2,
.suumoArea h2,
#news .cardHeader h2,
.aboutus #page-title p,
.aboutus h2,
.two-area #page_header #page-title p>span,
.two-area section h2,
.single-news .article-body h2,
.contact h2,
.privacy-policy h2,.privacy-policy h3 {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-style: normal;
  font-weight: 600;
}

/* トップ画像画角変更 */
@media only screen and (max-width: 576px) {
  #hero-slider .bg-image {
    /*padding-top: calc(1444 / 1251* 100%);*/
    padding-top: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
  }
  #hero-slider .desc p {
    padding-bottom: 5vw;
  }
  .toContent {
    bottom: 4.25vw;
  }
}

/* トップsection位置変更 */
#sectionTwo #suumoArea {
  margin-bottom: 8rem;
}
#sectionTwo #suumoArea .post-list .header {
  margin-bottom: 1rem!important;
}
#sectionTwo #suumoArea .header h2 {
  border-bottom: none;
}
#sectionTwo #suumoArea .body {
  margin-bottom: 0!important;
}
@media (min-width: 768px) {
  #sectionTwo #suumoArea {
    margin-bottom: 10rem;
  }
  #sectionTwo #suumoArea .header {
    margin-bottom: 4rem;
  }
}

/* 物件詳細変更 */
@media (min-width: 768.02px) {
  .suumo-detail .suumoArea .deta .access dl {
    margin-bottom: 2rem;
  }
}