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

file name  : stay_detail.css
author     : Abilive
style info : 過ごし方詳細
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.f_num {
  font-family: var(--font-jp-serif);
  font-weight: 400;
  color: var(--color-cv);
  line-height: 1;
}

.p-frie__int {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-frie__int {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-frie__int {
    max-width: calc(1360px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie__int {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie__int {
    width: calc(388 / 428 * 100%);
  }
}
.p-frie__int .p-frie__int__txt .c-title {
  text-align: center;
}
.p-frie__int .p-frie__int__txt .txt {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .p-frie__int .p-frie__int__txt .txt {
    margin-top: calc(15 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie__int .p-frie__int__txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie__int .tmp_anch {
    margin-top: calc(80 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie__int .tmp_anch {
    margin-top: calc(60 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie__int .tmp_anch {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie__int .tmp_anch > ul > li {
    width: calc(154 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie__int .tmp_anch > ul > li {
    width: calc(154 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie__int .tmp_anch > ul > li:nth-of-type(n+3) {
    margin-top: 1.5em;
  }
}
.p-frie__int .tmp_anch > ul > li > a {
  position: relative;
}
.p-frie__int .tmp_anch > ul > li > a .f_num {
  position: absolute;
  top: -.7em;
  left: .5em;
}
@media only screen and (min-width: 768px) {
  .p-frie__int .tmp_anch > ul > li > a .f_num {
    font-size: calc(26 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie__int .tmp_anch > ul > li > a .f_num {
    font-size: calc(20 / var(--font-size) * 1rem);
  }
}

.p-frie-type__content {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-frie-type__content {
    max-width: calc(1360px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content {
    margin-top: calc(100 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content {
    margin-top: calc(80 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content {
    margin-top: 4.5em;
  }
}
.p-frie-type__content > .c-title {
  text-align: center;
}
.p-frie-type__content > .c-title > span > span {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content > .c-title > span > span.f_num {
    font-size: calc(50 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content > .c-title > span > span.f_num {
    font-size: calc(40 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content > .c-title > span > span.f_num {
    font-size: calc(35 / var(--font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__content > .c-title > span > span.t {
    margin-top: calc(10 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content > .c-title > span > span.t {
    margin-top: 0.5em;
  }
}
.p-frie-type__content__img {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content__img {
    margin-top: calc(40 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content__img {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__img {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__img {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__content__img__main {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__img__main {
    width: 100%;
  }
}
.p-frie-type__content__img__main__img img {
  aspect-ratio: 682 / 550;
  display: block;
  object-fit: cover;
}
.p-frie-type__content__img__sub {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__content__img__sub {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__img__sub {
    width: 100%;
  }
}
.p-frie-type__content__img__sub__img {
  width: 50%;
}
.p-frie-type__content__img__sub__img img {
  aspect-ratio: 341 / 275;
  display: block;
  object-fit: cover;
}
.p-frie-type__content__img.lay_res {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__img.lay_res {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content__txt {
    margin-top: calc(40 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content__txt {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__txt {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__content__txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__txt {
    text-align: left;
  }
}
.p-frie-type__content__txt .c-circle-btn {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__content__txt .c-circle-btn {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content__txt .c-circle-btn {
    margin-top: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content__txt .c-circle-btn {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 1025px) {
  .p-frie-type__content + .p-frie-type__content {
    margin-top: calc(145 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__content + .p-frie-type__content {
    margin-top: calc(125 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__content + .p-frie-type__content {
    margin-top: 5em;
  }
}

.p-frie-type__flex {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__flex {
    margin-top: calc(145 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex {
    margin-top: calc(125 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex {
    margin-top: 5em;
  }
}
.p-frie-type__flex .c-title {
  text-align: center;
}
.p-frie-type__flex .c-title > span > span {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__flex .c-title > span > span.f_num {
    font-size: calc(50 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex .c-title > span > span.f_num {
    font-size: calc(40 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex .c-title > span > span.f_num {
    font-size: calc(35 / var(--font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex .c-title > span > span.t {
    margin-top: calc(10 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex .c-title > span > span.t {
    margin-top: 0.5em;
  }
}
.p-frie-type__flex__content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content__txt {
    width: calc(270 / 1360 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__flex__content__txt .txt {
    margin-top: calc(25 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex__content__txt .txt {
    margin-top: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__txt .txt {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content__txt .txt + .c-circle-btn {
    margin-top: calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__txt .txt + .c-circle-btn {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex__content__txt .c-title .c-title__jp {
    margin-right: -1em;
    margin-left: -1em;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__txt .c-circle-btn {
    display: flex;
    justify-content: center;
  }
}
.p-frie-type__flex__content__img {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content__img {
    width: calc(1024 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content__img {
    margin-left: calc(75 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content__img {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__content__img {
    margin-top: 2em;
  }
}
.p-frie-type__flex__content__img__sub {
  width: calc(305 / 1024 * 100%);
}
.p-frie-type__flex__content__img__sub img {
  aspect-ratio: 305 / 248;
  display: block;
  object-fit: cover;
}
.p-frie-type__flex__content__img__main {
  width: calc(720 / 1024 * 100%);
}
.p-frie-type__flex__content__img__main img {
  aspect-ratio: 720 / 496;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__content.reverse {
    justify-content: flex-start;
  }
  .p-frie-type__flex__content.reverse .p-frie-type__flex__content__img {
    order: -1;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .p-frie-type__flex__content.reverse .p-frie-type__flex__content__img {
    margin-right: calc(75 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .p-frie-type__flex__content.reverse .p-frie-type__flex__content__img {
    margin-right: 0;
  }
}

.p-frie-type__flex__border {
  position: relative;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  border-color: var(--color-7);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border {
    margin-top: calc(80 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border {
    margin-top: 3em;
  }
}
.p-frie-type__flex__border .deco_btm,
.p-frie-type__flex__border .deco_top {
  position: absolute;
  height: 7px;
  width: 100%;
}
.p-frie-type__flex__border .deco_btm::before, .p-frie-type__flex__border .deco_btm::after,
.p-frie-type__flex__border .deco_top::before,
.p-frie-type__flex__border .deco_top::after {
  content: "";
  position: absolute;
}
.p-frie-type__flex__border .deco_btm::before,
.p-frie-type__flex__border .deco_top::before {
  top: 0;
  right: 0;
}
.p-frie-type__flex__border .deco_btm::after,
.p-frie-type__flex__border .deco_top::after {
  left: 0;
  top: 0;
}
.p-frie-type__flex__border .deco_top {
  top: 0;
}
.p-frie-type__flex__border .deco_top::before {
  border-bottom: 6px solid transparent;
}
.p-frie-type__flex__border .deco_top::after {
  border-bottom: 6px solid transparent;
}
.p-frie-type__flex__border .deco_btm {
  bottom: -1px;
}
.p-frie-type__flex__border .deco_btm::before {
  border-top: 6px solid transparent;
}
.p-frie-type__flex__border .deco_btm::after {
  border-top: 6px solid transparent;
}
.p-frie-type__flex__border .deco_top::before {
  border-right: 7px solid var(--color-7);
}
.p-frie-type__flex__border .deco_top::after {
  border-left: 7px solid var(--color-7);
}
.p-frie-type__flex__border .deco_btm::before {
  border-right: 7px solid var(--color-7);
}
.p-frie-type__flex__border .deco_btm::after {
  border-left: 7px solid var(--color-7);
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__flex__border {
    width: calc(800 / 1440 * 100%);
    max-width: calc(800px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-frie-type__flex__border {
    max-width: calc(800px * ((15 + 0) / 13));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex__border {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-frie-type__flex__border {
    width: calc(1000 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__flex__border {
    max-width: calc(750 / 13 * 1rem);
  }
}
.p-frie-type__flex__border__inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner {
    width: calc(660 / 800 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner {
    padding: calc(40 / 13 * 1rem) 0 calc(30 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner {
    padding: 2em;
  }
}
.p-frie-type__flex__border__inner .c-title {
  width: 100%;
}
.p-frie-type__flex__border__inner__txt {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner__txt {
    margin-top: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner__txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner__txt .att {
    margin-top: calc(10 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner__txt .att {
    margin-top: 0.75em;
  }
}
.p-frie-type__flex__border__inner__txt .att span {
  color: var(--color-cv);
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
.p-frie-type__flex__border__inner__txt .att span::before {
  content: "※";
}
.p-frie-type__flex__border__inner__txt .btn_wrp {
  display: flex;
  flex-wrap: wrap;
}
.p-frie-type__flex__border__inner__txt .btn_wrp .c-circle-btn {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner__txt .btn_wrp .c-circle-btn {
    margin-top: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner__txt .btn_wrp .c-circle-btn {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__flex__border__inner__txt .btn_wrp .c-circle-btn + .c-circle-btn {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__flex__border__inner__txt .btn_wrp .c-circle-btn:not(:last-child) {
    margin-right: calc(20 / 13 * 1rem);
  }
}

.p-frie-type__point {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__point {
    width: calc(1160 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__point {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-frie-type__point {
    margin-top: calc(80 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-frie-type__point {
    margin-top: calc(60 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point {
    margin-top: 3.5em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-frie-type__point {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point {
    flex-wrap: wrap;
  }
}
.p-frie-type__point__item {
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item {
    width: calc(360 / 1160 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item:nth-of-type(n+2) {
    margin-left: calc(40 / 1160 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item:nth-of-type(n+2) {
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item:nth-of-type(n+2) {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item {
    margin-left: auto;
    margin-right: auto;
  }
}
.p-frie-type__point__item__txt {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt {
    margin-top: calc(10 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt {
    margin-top: 1em;
  }
}
.p-frie-type__point__item__txt .c-point-tit {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.p-frie-type__point__item__txt .c-point-tit .sub {
  color: var(--color-cv);
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt .c-point-tit .sub {
    margin-right: calc(20 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .c-point-tit .sub {
    margin-right: 1em;
  }
}
.p-frie-type__point__item__txt .c-point-tit .sub .en {
  font-family: var(--font-en);
  font-optical-sizing: auto;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt .c-point-tit .sub .en {
    font-size: calc(15 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .c-point-tit .sub .en {
    font-size: calc(calc(15 + var(--font-size-sp-add)) / var(--font-size) * 1rem);
  }
}
.p-frie-type__point__item__txt .c-point-tit .sub .num {
  font-family: var(--font-jp-serif);
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt .c-point-tit .sub .num {
    font-size: calc(22 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .c-point-tit .sub .num {
    font-size: calc(calc(16 + var(--font-size-sp-add)) / var(--font-size) * 1rem);
  }
}
.p-frie-type__point__item__txt .c-point-tit .num {
  font-family: var(--font-jp-serif);
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt .c-point-tit .num {
    font-size: calc(22 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .c-point-tit .num {
    font-size: calc(calc(16 + var(--font-size-sp-add)) / var(--font-size) * 1rem);
  }
}
.p-frie-type__point__item__txt .tit {
  font-family: var(--font-jp-serif);
  font-weight: 400;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item__txt .tit {
    font-size: calc(16 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .tit {
    font-size: calc(calc(16 + var(--font-size-sp-add)) / var(--font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item__txt .tit {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-frie-type__point__item .txt {
    margin: calc(8 / 13 * 1rem) 0 calc(15 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-frie-type__point__item .txt {
    margin: 0.25em 0 1em;
  }
}
.p-frie-type__point__item .c-circle-btn {
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
}
.p-frie-type__point__item .c-circle-btn .c-circle-btn__link .c-circle-btn__text {
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media only screen and (min-width: 1025px) {
  .u-lower-links {
    margin-top: calc(150 / 13 * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .u-lower-links {
    margin-top: calc(130 / 13 * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .u-lower-links {
    margin-top: 5em;
  }
}