@charset "UTF-8";
/* ===================================================================
CSS information

file name  : group.css
author     : Abilive
style info : 団体のお客様
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-group {
  position: relative;
}
.p-group::before {
  content: "";
  background: url(../images/common/bg_deco.png) no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 0;
  padding-bottom: calc(1131 / 1440 * 100%);
  width: calc(1191 / 1440 * 100%);
}
@media only screen and (min-width: 768px) {
  .p-group::before {
    top: -8%;
  }
}
@media only screen and (max-width: 767px) {
  .p-group::before {
    top: -2%;
  }
}
.p-group__int {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-group__int {
    width: calc(1160 / 1440 * 100%);
    max-width: calc(1160px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-group__int {
    max-width: calc(1160px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-group__int {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__int {
    width: calc(348 / 428 * 100%);
  }
}
.p-group__int .read {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .p-group__int .read {
    margin-top: calc(40 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__int .read {
    margin-top: 2em;
  }
}
.p-group__lower {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-group__lower {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-group__lower {
    max-width: calc(1260px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-group__lower {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower {
    margin-top: calc(100 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower {
    margin-top: 6em;
  }
}
.p-group__lower .read {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .p-group__lower .read {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower .read {
    margin-top: 2em;
  }
}
.p-group__lower .c-circle-btn {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .p-group__lower .c-circle-btn {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower .c-circle-btn {
    margin-top: 2rem;
  }
}
.p-group__lower__img {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .p-group__lower__img {
    margin-top: calc(35 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower__img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower__img .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower__img .box_img {
    width: 100%;
  }
}
.p-group__lower__img .box_img p {
  width: 50%;
  float: left;
}
.p-group__lower__img .box_img .left {
  float: left;
}
.p-group__lower__img .box_img .right {
  float: right;
}
.p-group__contact {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  border-color: var(--color-7);
  background-color: var(--color-e9e8e3);
}
@media only screen and (min-width: 1025px) {
  .p-group__contact {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-group__contact {
    max-width: calc(900px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-group__contact {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-group__contact {
    margin-top: calc(70 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact {
    margin-top: 3em;
  }
}
.p-group__contact .deco_btm,
.p-group__contact .deco_top {
  position: absolute;
  height: 7px;
  width: 100%;
}
.p-group__contact .deco_btm::before, .p-group__contact .deco_btm::after,
.p-group__contact .deco_top::before,
.p-group__contact .deco_top::after {
  content: "";
  position: absolute;
}
.p-group__contact .deco_btm::before,
.p-group__contact .deco_top::before {
  top: 0;
  right: 0;
}
.p-group__contact .deco_btm::after,
.p-group__contact .deco_top::after {
  left: 0;
  top: 0;
}
.p-group__contact .deco_top {
  top: 0;
}
.p-group__contact .deco_top::before {
  border-bottom: 6px solid transparent;
}
.p-group__contact .deco_top::after {
  border-bottom: 6px solid transparent;
}
.p-group__contact .deco_btm {
  bottom: -1px;
}
.p-group__contact .deco_btm::before {
  border-top: 6px solid transparent;
}
.p-group__contact .deco_btm::after {
  border-top: 6px solid transparent;
}
.p-group__contact .deco_top::before {
  border-right: 7px solid var(--color-7);
}
.p-group__contact .deco_top::after {
  border-left: 7px solid var(--color-7);
}
.p-group__contact .deco_btm::before {
  border-right: 7px solid var(--color-7);
}
.p-group__contact .deco_btm::after {
  border-left: 7px solid var(--color-7);
}
.p-group__contact__inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner {
    padding: calc(35 / 13 * 1rem) 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner {
    width: calc(800 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner {
    width: 88%;
  }
}
.p-group__contact__inner .txt {
  margin-top: .5em;
  text-align: center;
}
.p-group__contact__inner__tel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel {
    margin-top: calc(10 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel {
    flex-direction: column;
  }
}
.p-group__contact__inner__tel .tel_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .tel_box {
    flex-direction: column;
  }
}
.p-group__contact__inner__tel .tel_box a, .p-group__contact__inner__tel .tel_box .tel {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel .tel_box .st {
    font-size: calc(12 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .tel_box .st {
    font-size: calc(calc(12 + var(--font-size-sp-add)) / var(--font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel .tel_box .st {
    margin-right: .75em;
  }
}
.p-group__contact__inner__tel .tel_box .tel_txt {
  font-family: var(--font-en);
  font-optical-sizing: auto;
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel .tel_box .tel_txt {
    font-size: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .tel_box .tel_txt {
    font-size: calc(30 / var(--font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .tel_box .tel_txt {
    line-height: 1.2;
  }
}
.p-group__contact__inner__tel .btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel .c-large-btn {
    width: calc(350 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .c-large-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__contact__inner__tel .c-large-btn {
    margin-left: calc(15 / 800 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__contact__inner__tel .c-large-btn {
    margin-top: 1em;
  }
}
.p-group__contact__inner__tel .c-large-btn__link {
  min-width: 100%;
}
.p-group__contact__inner__tel .c-large-btn:first-child {
  margin-left: 0;
}
.p-group__lower2 {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .p-group__lower2 {
    width: calc(900 / 1440 * 100%);
    max-width: calc(900px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-group__lower2 {
    max-width: calc(900px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-group__lower2 {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2 {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower2 {
    margin-top: calc(90 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2 {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower2 {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2 {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .p-group__lower2__txt {
    padding-left: calc(70 / 13* 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-group__lower2__txt {
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__txt {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower2__txt {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__txt {
    margin-top: 1rem;
  }
}
.p-group__lower2__txt .c-circle-btn {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .p-group__lower2__txt .c-circle-btn {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__txt .c-circle-btn {
    margin-top: 1.25em;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower2__txt .c-circle-btn {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__txt .c-circle-btn {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .p-group__lower2__txt .txt {
    margin-top: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__txt .txt {
    margin-top: 1.5em;
  }
}
.p-group__lower2__img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-group__lower2__img {
    margin-top: 1.5em;
  }
}
.p-group__lower2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1025px) {
  .p-group__lower2 {
    align-items: center;
  }
}