@charset "utf-8";
/* fv */
.page-id-12 .wrapper main article .fv {

}
.page-id-12 .wrapper main article .fv .container {
  background-image: url(../images/consulting_fv.jpg);
}
.page-id-12 .wrapper main article .fv .container .title {

}
@media (max-width: 769px) {
    
}
/* menu */
.page-id-12 .wrapper main article .menu {

}
.page-id-12 .wrapper main article .menu .row {

}
.page-id-12 .wrapper main article .menu .row .row-item {
    width: auto;
}
/* .page-id-12 .wrapper main article .menu .row .row-item ul {
    display: flex;
    gap: 3em;
}
.page-id-12 .wrapper main article .menu .row .row-item ul li {
    display: inline-block;
    border-top: .0625em solid var(--border-color);
    border-bottom: .0625em solid var(--border-color);
    width: auto;
    min-width: 206px;
}
.page-id-12 .wrapper main article .menu .row .row-item ul li span {
 
}
.page-id-12 .wrapper main article .menu .row .row-item ul li span a {
    padding: 1em 3em 1em 0;
    line-height: 1.8;
} */
@media (max-width: 769px) {
    .page-id-12 .wrapper main article .menu .row {
        margin: 1em 0 0 0;
    }
    /* .page-id-12 .wrapper main article .menu .row .row-item ul {
        gap: 0;
        flex-direction: column;
        margin: 0;
    }
    .page-id-12 .wrapper main article .menu .row .row-item ul li {
        border-top: none;
    }
    .page-id-12 .wrapper main article .menu .row .row-item ul li span a {
        padding: .5em 1em .5em 0;
    } */
}
/* intro */
.page-id-12 .wrapper main article .intro {
  margin: 5.5em auto 0;
}
.page-id-12 .wrapper main article .intro .title {
  margin: 0;
  font-size: 2.375em;
  font-weight: 600;
  color: var(--main-color);
  text-align: center;
}
.page-id-12 .wrapper main article .intro .text {
  margin: 1em 0 0 0;
  font-size: 1.125em;
}
.page-id-12 .wrapper main article .intro .text p {
  display: inline;
  margin: 0;
}
@media (max-width: 769px) {

}
/* alignment */
.page-id-12 .wrapper main article .alignment {

}
.page-id-12 .wrapper main article .alignment .container {
  width: 100%;
  max-width: 100%;
}
.page-id-12 .wrapper main article .alignment .container .section-title {

}
.page-id-12 .wrapper main article .alignment .container .section-title .title {

}
.page-id-12 .wrapper main article .alignment .container .section-title .title span {

}
.page-id-12 .wrapper main article .alignment .container .accordion {

}
.page-id-12 .wrapper main article .alignment .container .accordion .item {

}
.page-id-12 .wrapper main article .alignment .container .accordion .item:not(:first-child) {
  margin: 2.75em 0 0 0;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head {
  display: flex;
  justify-content: space-between;
  padding: 1.125em 2.5em 1.125em 2em;
  background-color: var(--main-color);
  border-radius: .5em;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head p {
  font-size: 1.375em;
  color: #fff;
  font-weight: 500;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head .toggle-button {
  position: relative;
  width: 1em;
  height: .0625em;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head .toggle-button span {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: .0625em;
  background: #fff;
  transition: .5s;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head .toggle-button span:not(:first-child) {
  transform: rotate(90deg);
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head.open .toggle-button span:not(:first-child) {
  transform: rotate(0deg);
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .head .toggle-button span::after {
  position: static;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .body {
  display: none;
  padding: 1em 2em .5em;
}
.page-id-12 .wrapper main article .alignment .container .accordion .item .body p {
margin: 0;
font-size: 1.125em;
}
@media (max-width: 769px) {
    .page-id-12 .wrapper main article .alignment .container .accordion .item .head p {
        font-size: 1.125em;
    }
    .page-id-12 .wrapper main article .alignment .container .accordion .item:not(:first-child) {
        margin: 1.5em 0 0 0;
    }
    .page-id-12 .wrapper main article .alignment .container .accordion .item .head {
        padding: 1.125em 2.5em 1.125em 1em;
    }
}
/* contact */
.page-id-12 .wrapper main article .contact {
  margin: 5em auto 0;
}
.page-id-12 .wrapper main article .contact .container {
  
}
.page-id-12 .wrapper main article .contact .container .section-title {

}
.page-id-12 .wrapper main article .contact .container .section-title .title {

}
.page-id-12 .wrapper main article .contact .container .section-title .title span {

}
.page-id-12 .wrapper main article .contact .container .text {

}
.page-id-12 .wrapper main article .contact .container .text p {
  margin: 0;
  line-height: 1.8;
}
.page-id-12 .wrapper main article .contact .container .card-list {

}
.page-id-12 .wrapper main article .contact .container .card-list .container {
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card {
  border: .125em solid var(--main-color);
  border-radius: .5em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card {
  padding: 0;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .top {
  display: flex;
  align-items: center;
  justify-content:center;
  min-height: 5.25em;
  padding: .5em;
  background-color: var(--main-color);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .top .head {
  margin: 0;
  color: #fff;
  font-size: 1.25em;
  font-weight: 600;
  text-align: center;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 19em;
  height: 8em;
  margin: 1em auto;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8125em;
  text-decoration: none;
  background-color: var(--sub-color);
  border-radius: .5em;
  padding: .875em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a figure {
  margin: 0;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a figure .img {

}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a .tel {
  display: flex;
  flex-direction: column;
  gap: .25em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a .tel span {
  display: block;
  color: #fff;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a .tel span.number {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.125;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .info a .tel span.number span {
  font-size: .875em;
  margin: .125em 0 0 0;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main-color);
    border-radius: .5em;
    width: 19em;
    margin: 0 auto 1em;
    padding: 1em;
    cursor: pointer;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area p {
  margin: 0;
  color: #fff;
  font-weight: 500;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area .toggle-button {
  position: relative;
  width: 1em;
  height: .0625em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area .toggle-button span {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: .0625em;
  background: #fff;
  transition: .5s;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area .toggle-button span:not(:first-child) {
  transform: rotate(90deg);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area.open .toggle-button span:not(:first-child) {
  transform: rotate(0deg);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .area.open .toggle-button span::after {
  position: static;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body {
  display: none;
  width: 19em;
  margin: 0 auto 1em;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block {

}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block:not(:first-child) {
  margin: 1em 0 0 0;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1em .25em;
  border-bottom: .125em solid var(--border-color);
  cursor: pointer;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index p {
  margin: 0;
  font-weight: 500;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index .toggle-button  {
  position: relative;
  width: 1em;
  height: .0625em;
  background-color: var(--text-color);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index .toggle-button span  {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: .0625em;
  background-color: var(--text-color);
  transition: .5s;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index .toggle-button span:not(:first-child) {
  transform: rotate(90deg);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index.open .toggle-button span:not(:first-child) {
  transform: rotate(0deg);
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block .index.open .toggle-button span:after {
  position: static;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block ul {
  display: none;
  margin: 0;
  padding: 0 1em;
  list-style: none;
}
.page-id-12 .wrapper main article .contact .container .card-list .container .card .body .block ul li {
  text-decoration: underline;
}
@media (max-width: 769px) {
    .page-id-12 .wrapper main article .contact .container .card-list .container {
        gap: 3em;
        grid-template-columns: repeat(1, 1fr);
        width: 88%;
    }
}
