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

 file name  : oversea-service__yoyaku.css
 author     : Ability Consultant
 style info : 海外ホテルWEB集客サポート
=================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap");
#contents .con_service-yoyaku, #contents .con_service-yoyaku .box_problems .box_contents .box_supports, #contents .con_service-yoyaku .box_form_contact .box_inq {
  max-width: 1280px;
  margin: auto;
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku, #contents .con_service-yoyaku .box_problems .box_contents .box_supports, #contents .con_service-yoyaku .box_form_contact .box_inq {
    width: 93.75%;
    padding: 0;
  }
}

#contents .con_service-yoyaku .box_main-img, #contents .con_service-yoyaku .box_problems, #contents .con_service-yoyaku .box_flow, #contents .con_service-yoyaku .box_form_contact {
  margin-inline: calc(50% - 50vw + var(--scrollbar-width, 0px) / 2);
}

/* font-awesome */
/* 青 */
/* 緑ボタン・基準 */
/* 赤いボタン・マルコ系 */
/* H3見だし・左に■　ビッグサイズです */
.accordion.all {
  color: #fff;
  background: #777;
  padding: 10px;
  cursor: pointer;
  position: relative;
  font-size: 120%;
}
.accordion.all:after {
  content: '';
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-top: solid 7px #000;
  border-bottom-width: 0;
  z-index: 100;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
}
.accordion.all.active:after {
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.accordion.all + * .inner {
  padding: 1em;
  border: 1px dotted #999;
  border-top: 0;
  display: block;
}
.accordion.all + * {
  display: none;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .accordion.sp_only {
    font-weight: bold;
  }
  .accordion.sp_only + * {
    display: block !important;
  }
}
@media print {
  .accordion.sp_only {
    font-weight: bold;
  }
  .accordion.sp_only + * {
    display: block !important;
  }
}
.ie8 .accordion.sp_only {
  font-weight: bold;
}
.ie8 .accordion.sp_only + * {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .accordion.sp_only {
    color: #fff;
    background: #777;
    padding: 10px;
    cursor: pointer;
    position: relative;
    font-size: 120%;
  }
  .accordion.sp_only:after {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-top: solid 7px #000;
    border-bottom-width: 0;
    z-index: 100;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
  }
  .accordion.sp_only.active:after {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  .accordion.sp_only + * .inner {
    padding: 1em;
    border: 1px dotted #999;
    border-top: 0;
    display: block;
  }
  .accordion.sp_only + * {
    display: none;
  }
}

/* -----------------------------------------------------------
	common style
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header .wrp_main .box_h1 h1 {
  color: #323232;
}
#header .wrp_main .box_h1 .tel {
  color: #323232;
}

@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku {
    width: 94%;
  }
}
@media print {
  #contents .con_service-yoyaku {
    width: 94%;
  }
}
.ie8 #contents .con_service-yoyaku {
  width: 94%;
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku {
    width: 90%;
  }
}
#contents .con_service-yoyaku * {
  box-sizing: border-box;
}
#contents .con_service-yoyaku .box_main-img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .photo {
    margin-top: -10vw;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .photo {
    margin-top: -10vw;
  }
}
#contents .con_service-yoyaku .box_main-img .photo img {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .photo img {
    max-height: calc(100vh - calc(var(--header-height) / var(--base) * 1em));
    object-fit: cover;
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .photo img {
    max-height: calc(100vh - calc(var(--header-height) / var(--base) * 1em));
    object-fit: cover;
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .photo img {
  max-height: calc(100vh - calc(var(--header-height) / var(--base) * 1em));
  object-fit: cover;
}
#contents .con_service-yoyaku .box_main-img .box_main {
  background: rgba(7, 44, 112, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .box_main {
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    padding: calc(30 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main {
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    padding: calc(30 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main {
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  padding: calc(30 / var(--base) * 1em);
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main {
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main {
    padding-block: calc(64 / var(--base) * 1em) calc(85 / var(--base) * 1em);
    padding-inline: 5%;
  }
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main {
    padding-block: calc(25 / var(--base) * 1em) calc(32 / var(--base) * 1em);
    padding-inline: 5%;
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
    --fsz: 60;
    line-height: calc(79.57 / 60);
    margin-block: calc(80 / var(--fsz) * 1em) calc(17 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
    --fsz: 60;
    line-height: calc(79.57 / 60);
    margin-block: calc(80 / var(--fsz) * 1em) calc(17 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
  --fsz: 60;
  line-height: calc(79.57 / 60);
  margin-block: calc(80 / var(--fsz) * 1em) calc(17 / var(--fsz) * 1em);
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
    --fsz: 50;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
    --fsz: 40;
    line-height: calc(79.57 / 65);
    margin-block: calc(45 / var(--fsz) * 1em) calc(30 / var(--fsz) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .title {
    --fsz: 25.39;
    line-height: calc(31.08 / 25.39);
    margin-block: calc(17 / var(--fsz) * 1em) calc(12 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
    --fsz: 18;
    line-height: calc(35 / 18);
    max-width: calc(710 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
    --fsz: 18;
    line-height: calc(35 / 18);
    max-width: calc(710 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
  --fsz: 18;
  line-height: calc(35 / 18);
  max-width: calc(710 / var(--fsz) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
    --fsz: 18;
    line-height: calc(35 / 24);
    max-width: calc(802 / var(--fsz) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .txt {
    --fsz: 14;
    line-height: 1.6;
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
  order: -1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
    gap: calc(15 / var(--base) * 1em) 7.09677%;
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
    gap: calc(15 / var(--base) * 1em) 7.09677%;
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
  gap: calc(15 / var(--base) * 1em) 7.09677%;
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
    gap: calc(15 / var(--base) * 1em) 3.87097%;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical {
    gap: calc(5 / var(--base) * 1em) 6.66667%;
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item {
    min-width: calc(250 / var(--base) * 1em);
    padding-inline: 37px;
    padding-bottom: 10px;
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item {
    min-width: calc(250 / var(--base) * 1em);
    padding-inline: 37px;
    padding-bottom: 10px;
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item {
  min-width: calc(250 / var(--base) * 1em);
  padding-inline: 37px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item {
    padding-inline: 4vw;
    padding-bottom: calc(5 / var(--base) * 1em);
    min-width: calc(105 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before, #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
  content: "";
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before, #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
    width: 40px;
    height: 112px;
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before, #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
    width: 40px;
    height: 112px;
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before, .ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
  width: 40px;
  height: 112px;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before, #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
    width: 4vw;
    height: 12vw;
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::before {
  left: 0;
  background: url(../service/images/yoyaku/icon_cornflower_left.webp) no-repeat;
  background-size: contain;
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item::after {
  right: 0;
  background: url(../service/images/yoyaku/icon_cornflower_right.webp) no-repeat;
  background-size: contain;
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
    --fsz: 24.06;
    line-height: calc(43.05 / 24.06);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
    --fsz: 24.06;
    line-height: calc(43.05 / 24.06);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
  --fsz: 24.06;
  line-height: calc(43.05 / 24.06);
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
    --fsz: 22;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
    --fsz: 28;
    line-height: calc(43.05 / 28);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_1 {
    --fsz: 10.94;
    line-height: calc(16.82 / 10.94);
    margin-bottom: calc(3 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_large {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  color: #ffff33;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_large {
    --fsz: 45.58;
    line-height: calc(43.05 / 45.58);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_large {
    --fsz: 45.58;
    line-height: calc(43.05 / 45.58);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_large {
  --fsz: 45.58;
  line-height: calc(43.05 / 45.58);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_large {
    --fsz: 23.74;
    line-height: calc(16.82 / 23.74);
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_medium {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_medium {
    --fsz: 37.99;
    line-height: calc(43.05 / 37.99);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_medium {
    --fsz: 37.99;
    line-height: calc(43.05 / 37.99);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_medium {
  --fsz: 37.99;
  line-height: calc(43.05 / 37.99);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_medium {
    --fsz: 14.84;
    line-height: calc(16.82 / 14.84);
  }
}
#contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
    --fsz: 21.53;
    line-height: calc(43.05 / 21.53);
  }
}
@media print {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
    --fsz: 21.53;
    line-height: calc(43.05 / 21.53);
  }
}
.ie8 #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
  --fsz: 21.53;
  line-height: calc(43.05 / 21.53);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
    --fsz: 24;
    line-height: calc(43.05 / 24);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_main-img .box_main .box_main_ttl .box_statistical .box_item .txt_2 .txt_small {
    --fsz: 9.37;
    line-height: calc(16.82 / 9.37);
  }
}
#contents .con_service-yoyaku .box_charts {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_charts {
    margin-top: calc(140 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_charts {
    margin-top: calc(140 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_charts {
  margin-top: calc(140 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_charts {
    margin-top: calc(35 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_charts > .title {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.05em;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_charts > .title {
    --fsz: 32;
    line-height: calc(39.19 / 32);
    padding-inline: calc(20 / var(--fsz) * 1em);
    display: inline-block;
    vertical-align: top;
  }
}
@media print {
  #contents .con_service-yoyaku .box_charts > .title {
    --fsz: 32;
    line-height: calc(39.19 / 32);
    padding-inline: calc(20 / var(--fsz) * 1em);
    display: inline-block;
    vertical-align: top;
  }
}
.ie8 #contents .con_service-yoyaku .box_charts > .title {
  --fsz: 32;
  line-height: calc(39.19 / 32);
  padding-inline: calc(20 / var(--fsz) * 1em);
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_charts > .title {
    line-height: calc(49 / 32);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_charts > .title {
    --fsz: 18.75;
    line-height: calc(30 / 18.75);
  }
}
#contents .con_service-yoyaku .box_charts > .title .ico_left,
#contents .con_service-yoyaku .box_charts > .title .ico_right {
  position: absolute;
  top: calc(2 / var(--fsz) * 1em);
  bottom: calc(2 / var(--fsz) * 1em);
  background: currentColor;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_charts > .title .ico_left,
  #contents .con_service-yoyaku .box_charts > .title .ico_right {
    width: calc(3 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_charts > .title .ico_left,
  #contents .con_service-yoyaku .box_charts > .title .ico_right {
    width: calc(3 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_charts > .title .ico_left, .ie8
#contents .con_service-yoyaku .box_charts > .title .ico_right {
  width: calc(3 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_charts > .title .ico_left,
  #contents .con_service-yoyaku .box_charts > .title .ico_right {
    width: calc(1 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_charts > .title .ico_left::before, #contents .con_service-yoyaku .box_charts > .title .ico_left::after,
#contents .con_service-yoyaku .box_charts > .title .ico_right::before,
#contents .con_service-yoyaku .box_charts > .title .ico_right::after {
  content: "";
  background: currentColor;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_charts > .title .ico_left::before, #contents .con_service-yoyaku .box_charts > .title .ico_left::after,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::before,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::after {
    width: calc(10 / var(--fsz) * 1em);
    height: calc(3 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_charts > .title .ico_left::before, #contents .con_service-yoyaku .box_charts > .title .ico_left::after,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::before,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::after {
    width: calc(10 / var(--fsz) * 1em);
    height: calc(3 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_charts > .title .ico_left::before, .ie8 #contents .con_service-yoyaku .box_charts > .title .ico_left::after, .ie8
#contents .con_service-yoyaku .box_charts > .title .ico_right::before, .ie8
#contents .con_service-yoyaku .box_charts > .title .ico_right::after {
  width: calc(10 / var(--fsz) * 1em);
  height: calc(3 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_charts > .title .ico_left::before, #contents .con_service-yoyaku .box_charts > .title .ico_left::after,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::before,
  #contents .con_service-yoyaku .box_charts > .title .ico_right::after {
    width: calc(5 / var(--fsz) * 1em);
    height: calc(1 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_charts > .title .ico_left::before,
#contents .con_service-yoyaku .box_charts > .title .ico_right::before {
  top: 0;
}
#contents .con_service-yoyaku .box_charts > .title .ico_left::after,
#contents .con_service-yoyaku .box_charts > .title .ico_right::after {
  bottom: 0;
}
#contents .con_service-yoyaku .box_charts > .title .ico_left {
  left: 0;
}
#contents .con_service-yoyaku .box_charts > .title .ico_left::before, #contents .con_service-yoyaku .box_charts > .title .ico_left::after {
  left: 0;
}
#contents .con_service-yoyaku .box_charts > .title .ico_right {
  right: 0;
}
#contents .con_service-yoyaku .box_charts > .title .ico_right::before, #contents .con_service-yoyaku .box_charts > .title .ico_right::after {
  right: 0;
}
#contents .con_service-yoyaku .box_charts > .title .txt_highlight {
  font-size: calc(var(--fsz2) / var(--fsz) * 1em);
  color: #0099cc;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_charts > .title .txt_highlight {
    --fsz2: 33;
    line-height: calc(42 / 33);
    padding-inline: calc(10 / var(--fsz2) * 1em);
    border: 2px solid #111111;
    margin-inline: calc(5 / var(--fsz2) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_charts > .title .txt_highlight {
    --fsz2: 33;
    line-height: calc(42 / 33);
    padding-inline: calc(10 / var(--fsz2) * 1em);
    border: 2px solid #111111;
    margin-inline: calc(5 / var(--fsz2) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_charts > .title .txt_highlight {
  --fsz2: 33;
  line-height: calc(42 / 33);
  padding-inline: calc(10 / var(--fsz2) * 1em);
  border: 2px solid #111111;
  margin-inline: calc(5 / var(--fsz2) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_charts > .title .txt_highlight {
    --fsz2: 19.33;
    line-height: calc(26 / 19.33);
    padding-inline: calc(7 / var(--fsz2) * 1em);
    border: 1px solid #111111;
    margin-inline: calc(3 / var(--fsz2) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_reasons {
    margin-top: calc(117 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons {
    margin-top: calc(117 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons {
  margin-top: calc(117 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons {
    margin-top: calc(37 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_reasons > .title {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_reasons > .title {
    --fsz: 29.22;
    line-height: calc(41.42 / 29.22);
    gap: calc(7 / var(--fsz) * 1em);
    margin-bottom: calc(64 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons > .title {
    --fsz: 29.22;
    line-height: calc(41.42 / 29.22);
    gap: calc(7 / var(--fsz) * 1em);
    margin-bottom: calc(64 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons > .title {
  --fsz: 29.22;
  line-height: calc(41.42 / 29.22);
  gap: calc(7 / var(--fsz) * 1em);
  margin-bottom: calc(64 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons > .title {
    --fsz: 20;
    line-height: calc(24.27 / 20);
    gap: calc(4 / var(--fsz) * 1em);
    margin-bottom: calc(35 / var(--fsz) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons > .title img {
    max-height: calc(21 / var(--fsz) * 1em);
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_reasons .box_content {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_reasons .box_content {
    gap: calc(20 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content {
    gap: calc(20 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content {
  gap: calc(20 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content {
    gap: calc(15 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons .box_content {
    text-align: center;
  }
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item {
  border: 1px solid #adbec8;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item:not(:first-child) {
    margin-top: calc(25 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item {
    display: inline-block;
    vertical-align: top;
  }
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number {
  position: absolute;
  background: #005587;
  border-radius: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  line-height: 1;
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::after {
  content: "";
  width: 143.85965%;
  height: 143.85965%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 85, 135, 0.085);
  border-radius: 100%;
  z-index: -1;
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::before {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::before {
    top: calc(-3 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::before {
    top: calc(-3 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::before {
  top: calc(-3 / var(--fsz) * 1em);
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number::before {
    top: calc(-2 / var(--fsz) * 1em);
  }
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number {
    --fsz: 28;
    width: calc(57 / var(--fsz) * 1em);
    height: calc(57 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number {
    --fsz: 28;
    width: calc(57 / var(--fsz) * 1em);
    height: calc(57 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number {
  --fsz: 28;
  width: calc(57 / var(--fsz) * 1em);
  height: calc(57 / var(--fsz) * 1em);
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt_number {
    --fsz: 16.4;
    width: calc(33 / var(--fsz) * 1em);
    height: calc(33 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .img {
  width: 100%;
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .img img {
  width: 100%;
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  padding-inline: calc(5 / var(--fsz) * 1em);
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
    --fsz: 21;
    line-height: calc(31 / 21);
    margin-block: calc(30 / var(--fsz) * 1em) calc(44 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
    --fsz: 21;
    line-height: calc(31 / 21);
    margin-block: calc(30 / var(--fsz) * 1em) calc(44 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
  --fsz: 21;
  line-height: calc(31 / 21);
  margin-block: calc(30 / var(--fsz) * 1em) calc(44 / var(--fsz) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
    --fsz: 13.89;
    line-height: calc(22 / 13.89);
    margin-block: calc(15 / var(--fsz) * 1em) calc(20 / var(--fsz) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt {
    --fsz: 16;
    line-height: calc(20 / 12.89);
    margin-block: calc(15 / var(--fsz) * 1em) calc(29 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_reasons .box_content .box_item .txt span {
  color: #0099cc;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt span {
    border-bottom: 3px solid currentColor;
  }
}
@media print {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt span {
    border-bottom: 3px solid currentColor;
  }
}
.ie8 #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt span {
  border-bottom: 3px solid currentColor;
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_reasons .box_content .box_item .txt span {
    border-bottom: 1px solid currentColor;
  }
}
#contents .con_service-yoyaku .box_title_bg {
  position: relative;
  text-align: center;
}
#contents .con_service-yoyaku .box_title_bg .txt_title {
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_title_bg .txt_title {
    --fsz: 28;
    line-height: calc(39.19 / 28);
  }
}
@media print {
  #contents .con_service-yoyaku .box_title_bg .txt_title {
    --fsz: 28;
    line-height: calc(39.19 / 28);
  }
}
.ie8 #contents .con_service-yoyaku .box_title_bg .txt_title {
  --fsz: 28;
  line-height: calc(39.19 / 28);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_title_bg .txt_title {
    --fsz: 20;
    line-height: calc(24.49 / 17.58);
  }
}
#contents .con_service-yoyaku .box_title_bg .txt_title span {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_title_bg .txt_title span {
    border-bottom: 3px solid #0097cc;
  }
}
@media print {
  #contents .con_service-yoyaku .box_title_bg .txt_title span {
    border-bottom: 3px solid #0097cc;
  }
}
.ie8 #contents .con_service-yoyaku .box_title_bg .txt_title span {
  border-bottom: 3px solid #0097cc;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_title_bg .txt_title span {
    border-bottom: 1px solid #0097cc;
  }
}
#contents .con_service-yoyaku .box_title_bg .txt_decoration {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.05em;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 900;
  color: #f1f9fc;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_title_bg .txt_decoration {
    --fsz: 120;
  }
}
@media print {
  #contents .con_service-yoyaku .box_title_bg .txt_decoration {
    --fsz: 120;
  }
}
.ie8 #contents .con_service-yoyaku .box_title_bg .txt_decoration {
  --fsz: 120;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_title_bg .txt_decoration {
    --fsz: 54.68;
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems {
    --borderWidth: 165;
    margin-top: calc(210 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems {
    --borderWidth: 165;
    margin-top: calc(210 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems {
  --borderWidth: 165;
  margin-top: calc(210 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems {
    --borderWidth: 35;
    margin-top: calc(80 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_header {
  text-align: center;
  position: relative;
}
#contents .con_service-yoyaku .box_problems .box_header::after {
  content: "";
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  right: 0;
  border-top: calc(var(--borderWidth) / var(--base) * 1em) solid #fff;
  border-bottom: calc(var(--borderWidth) / var(--base) * 1em) solid transparent;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  pointer-events: none;
}
#contents .con_service-yoyaku .box_problems .box_header > ul {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul {
    margin-top: calc(89 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > ul {
    margin-top: calc(89 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul {
  margin-top: calc(89 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul {
    margin-bottom: calc(140 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul {
    width: 90%;
    margin-inline: auto;
    margin-block: calc(39 / var(--base) * 1em) calc(60 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_header > ul li {
  font-weight: 700;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  background: #e5e4e4;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li + li {
    margin-top: calc(24 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > ul li + li {
    margin-top: calc(24 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li + li {
  margin-top: calc(24 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li + li {
    margin-top: calc(15 / var(--fsz) * 1em);
  }
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(2) {
    transform: translateX(var(--gapLeft));
  }
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(3) {
    transform: translateX(calc(var(--gapLeft) * 2));
  }
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(4) {
    transform: translateX(calc(var(--gapLeft) * 3));
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(2) {
    transform: translateX(var(--gapLeft));
  }
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(3) {
    transform: translateX(calc(var(--gapLeft) * 2));
  }
  #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(4) {
    transform: translateX(calc(var(--gapLeft) * 3));
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(2) {
  transform: translateX(var(--gapLeft));
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(3) {
  transform: translateX(calc(var(--gapLeft) * 2));
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li:nth-child(4) {
  transform: translateX(calc(var(--gapLeft) * 3));
}
#contents .con_service-yoyaku .box_problems .box_header > ul li::before {
  content: "";
  background: url(../service/images/yoyaku/ico_check.svg) center no-repeat;
  background-size: contain;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li::before {
    width: calc(26 / var(--fsz) * 1em);
    height: calc(29 / var(--fsz) * 1em);
    left: calc(20 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > ul li::before {
    width: calc(26 / var(--fsz) * 1em);
    height: calc(29 / var(--fsz) * 1em);
    left: calc(20 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li::before {
  width: calc(26 / var(--fsz) * 1em);
  height: calc(29 / var(--fsz) * 1em);
  left: calc(20 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li::before {
    width: calc(16 / var(--fsz) * 1em);
    height: calc(19 / var(--fsz) * 1em);
    left: calc(13 / var(--fsz) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li {
    --fsz: 21;
    --gapLeft: calc(60 / var(--fsz) * 1em);
    line-height: calc(31 / 21);
    padding-block: calc(10 / var(--fsz) * 1em);
    padding-inline: calc(59 / var(--fsz) * 1em) calc(30 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > ul li {
    --fsz: 21;
    --gapLeft: calc(60 / var(--fsz) * 1em);
    line-height: calc(31 / 21);
    padding-block: calc(10 / var(--fsz) * 1em);
    padding-inline: calc(59 / var(--fsz) * 1em) calc(30 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > ul li {
  --fsz: 21;
  --gapLeft: calc(60 / var(--fsz) * 1em);
  line-height: calc(31 / 21);
  padding-block: calc(10 / var(--fsz) * 1em);
  padding-inline: calc(59 / var(--fsz) * 1em) calc(30 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_header > ul li {
    --fsz: 13.28;
    line-height: calc(19.53 / 13.28);
    padding-block: calc(7 / var(--fsz) * 1em);
    padding-inline: calc(37 / var(--fsz) * 1em) calc(9 / var(--fsz) * 1em);
    display: inline-block;
    vertical-align: top;
  }
}
#contents .con_service-yoyaku .box_problems .box_header > .img {
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_header > .img {
    max-width: calc(152 / var(--base) * 1em);
    left: 28%;
    bottom: 0;
    transform: translateY(53%);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_header > .img {
    max-width: calc(152 / var(--base) * 1em);
    left: 28%;
    bottom: 0;
    transform: translateY(53%);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_header > .img {
  max-width: calc(152 / var(--base) * 1em);
  left: 28%;
  bottom: 0;
  transform: translateY(53%);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_header > .img {
    max-width: calc(94 / var(--base) * 1em);
    right: 3%;
    bottom: calc(-37 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents {
  background: #072c70;
  padding-block: calc( calc(var(--borderWidth) / var(--base) * 1em) + calc(var(--gapTop) / var(--base) * 1em) ) calc(var(--gapBottom) / var(--base) * 1em);
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents {
    --gapTop: 75;
    --gapBottom: 188;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents {
    --gapTop: 75;
    --gapBottom: 188;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents {
  --gapTop: 75;
  --gapBottom: 188;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents {
    --gapTop: 45;
    --gapBottom: 58;
  }
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports {
    width: 94%;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports {
    width: 94%;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports {
  width: 94%;
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports {
    width: 90%;
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title {
  color: #fff;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title {
    --fsz: 28;
    line-height: calc(39.7 / 28);
    margin-bottom: calc(70 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title {
    --fsz: 28;
    line-height: calc(39.7 / 28);
    margin-bottom: calc(70 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title {
  --fsz: 28;
  line-height: calc(39.7 / 28);
  margin-bottom: calc(70 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title {
    --fsz: 20;
    line-height: calc(25 / 17.58);
    margin-bottom: calc(38 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title span {
  color: #ffff33;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title span {
    border-bottom: 3px solid currentColor;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title span {
    border-bottom: 3px solid currentColor;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title span {
  border-bottom: 3px solid currentColor;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .title span {
    border-bottom: 2px solid currentColor;
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
  display: grid;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
    gap: calc(49 / var(--base) * 1em) calc(15 / var(--base) * 1em);
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
    gap: calc(49 / var(--base) * 1em) calc(15 / var(--base) * 1em);
    grid-template-columns: repeat(3, 1fr);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
  gap: calc(49 / var(--base) * 1em) calc(15 / var(--base) * 1em);
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
    gap: calc(47 / var(--base) * 1em) calc(19 / var(--base) * 1em);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content {
    gap: calc(22 / var(--base) * 1em) calc(16 / var(--base) * 1em);
    grid-template-columns: repeat(2, 1fr);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item {
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .img {
  order: -1;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .img {
    margin-inline: calc(50 / var(--base) * 1em);
    margin-top: calc(-20 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .img {
    margin-inline: calc(50 / var(--base) * 1em);
    margin-top: calc(-20 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .img {
  margin-inline: calc(50 / var(--base) * 1em);
  margin-top: calc(-20 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .img {
    margin-inline: calc(30 / var(--base) * 1em);
    margin-top: calc(-12 / var(--base) * 1em);
    max-width: 54%;
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt_number {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  letter-spacing: 0.05em;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  background: #00498e;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt_number {
    --fsz: 20;
    line-height: calc(37 / 20);
    min-width: calc(46 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt_number {
    --fsz: 20;
    line-height: calc(37 / 20);
    min-width: calc(46 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt_number {
  --fsz: 20;
  line-height: calc(37 / 20);
  min-width: calc(46 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt_number {
    --fsz: 13.28;
    line-height: calc(22 / 13.28);
    min-width: calc(26 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt {
  color: #00266c;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt {
    --fsz: 20;
    line-height: calc(23 / 20);
    margin-block: calc(25 / var(--fsz) * 1em) calc(31 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt {
    --fsz: 20;
    line-height: calc(23 / 20);
    margin-block: calc(25 / var(--fsz) * 1em) calc(31 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt {
  --fsz: 20;
  line-height: calc(23 / 20);
  margin-block: calc(25 / var(--fsz) * 1em) calc(31 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_supports > .box_content .box_item .txt {
    --fsz: 14;
    line-height: calc(13.23 / 11.72);
    margin-block: calc(13 / var(--fsz) * 1em) calc(15 / var(--fsz) * 1em);
  }
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider {
    max-width: calc(1490 / var(--base) * 1em);
    width: 90%;
    margin-inline: auto;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider {
    max-width: calc(1490 / var(--base) * 1em);
    width: 90%;
    margin-inline: auto;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider {
  max-width: calc(1490 / var(--base) * 1em);
  width: 90%;
  margin-inline: auto;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider > .title {
  color: #fff;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.075em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider > .title {
    --fsz: 28;
    line-height: calc(39.7 / 28);
    margin-block: calc(95 / var(--fsz) * 1em) calc(36 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider > .title {
    --fsz: 28;
    line-height: calc(39.7 / 28);
    margin-block: calc(95 / var(--fsz) * 1em) calc(36 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider > .title {
  --fsz: 28;
  line-height: calc(39.7 / 28);
  margin-block: calc(95 / var(--fsz) * 1em) calc(36 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider > .title {
    --fsz: 17.19;
    line-height: calc(24.61 / 17.19);
    margin-block: calc(35 / var(--fsz) * 1em) calc(22 / var(--fsz) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider {
    --gap: 20;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider {
    --gap: 20;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider {
  --gap: 20;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider {
    --gap: 12;
  }
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows {
    --gap: -90;
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows {
    --gap: -90;
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows {
  --gap: -90;
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows {
    --gap: -70;
  }
}
@media only screen and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows {
    --gap: 0;
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow {
  background: none;
  border: 0;
  color: #cecece;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 0;
  z-index: 1;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow:hover {
  color: #fff;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  vertical-align: middle;
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
    stroke-width: calc(8 / var(--base) * 1em);
    height: calc(70 / var(--base) * 1em);
    width: calc(70 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
    stroke-width: calc(8 / var(--base) * 1em);
    height: calc(70 / var(--base) * 1em);
    width: calc(70 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
  stroke-width: calc(8 / var(--base) * 1em);
  height: calc(70 / var(--base) * 1em);
  width: calc(70 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
    stroke-width: calc(6 / var(--base) * 1em);
    height: calc(60 / var(--base) * 1em);
    width: calc(60 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow svg {
    stroke-width: calc(7 / var(--base) * 1em);
    height: calc(52 / var(--base) * 1em);
    width: calc(52 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow--prev {
  transform: scaleX(-1) translateY(-50%);
  left: calc(var(--gap) / var(--base) * 1em);
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__arrows .splide__arrow--next {
  transform: translateY(-50%);
  right: calc(var(--gap) / var(--base) * 1em);
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination {
    gap: calc(6 / var(--base) * 1em);
    margin-top: calc(25 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination {
    gap: calc(6 / var(--base) * 1em);
    margin-top: calc(25 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination {
  gap: calc(6 / var(--base) * 1em);
  margin-top: calc(25 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination {
    gap: calc(4 / var(--base) * 1em);
    margin-top: calc(15 / var(--base) * 1em);
    margin-bottom: calc(10 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button {
  width: calc(var(--size) / var(--base) * 1em);
  height: calc(var(--size) / var(--base) * 1em);
  border-radius: 100%;
  padding: 0;
  border: 0;
  background: #7e848e;
  cursor: pointer;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button.is-active, #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button:hover {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button {
    --size: 13;
    gap: calc(6 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button {
    --size: 13;
    gap: calc(6 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button {
  --size: 13;
  gap: calc(6 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__pagination li button {
    --size: 10;
    gap: calc(4 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__track {
  margin-inline: calc((var(--gap) * -1) / var(--base) * 1em);
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__track .splide__list .splide__slide {
  padding-inline: calc(var(--gap) / var(--base) * 1em);
  text-align: center;
}
#contents .con_service-yoyaku .box_problems .box_contents .box_slider .slider .splide .splide__track .splide__list .splide__slide img {
  border-radius: calc(3 / var(--base) * 1em);
}
#contents .con_service-yoyaku .box_flow {
  background: #f2f2f2;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow {
    padding-bottom: calc(170 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow {
    padding-bottom: calc(170 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow {
  padding-bottom: calc(170 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow {
    padding-bottom: calc(61 / var(--base) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow .box_title_bg {
    margin-block: calc(142 / var(--base) * 1em) calc(130 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow .box_title_bg {
    margin-block: calc(142 / var(--base) * 1em) calc(130 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow .box_title_bg {
  margin-block: calc(142 / var(--base) * 1em) calc(130 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow .box_title_bg {
    margin-block: calc(53 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_flow .box_title_bg .txt_decoration {
  color: #fff;
}
#contents .con_service-yoyaku .box_flow > .box_content {
  max-width: calc(1160 / var(--base) * 1em);
  margin-inline: auto;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content {
    display: flex;
    gap: calc(7 / var(--base) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    gap: 7.93103%;
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    gap: 7.93103%;
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
  gap: 7.93103%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    gap: 5%;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 {
    flex: 1 1 auto;
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
  background: #072c70;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child) {
    margin-bottom: calc(31 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
  content: "";
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    border: calc(11 / var(--base) * 1em) solid transparent;
    border-left-color: #072c70;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    border: calc(11 / var(--base) * 1em) solid transparent;
    border-left-color: #072c70;
    top: 50%;
    transform: translateY(-50%);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
  border: calc(11 / var(--base) * 1em) solid transparent;
  border-left-color: #072c70;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    right: -42%;
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    right: -42%;
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
  right: -42%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    left: 113%;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item:not(:last-child)::after {
    border: calc(7 / var(--base) * 1em) solid transparent;
    top: calc(100% + calc(13 / var(--base) * 1em));
    border-top-color: #072c70;
    right: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    padding: calc(10 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    padding: calc(10 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
  padding: calc(10 / var(--base) * 1em);
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    min-height: calc(200 / var(--base) * 1em);
    --numberSize: 62;
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    min-height: calc(200 / var(--base) * 1em);
    --numberSize: 62;
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
  min-height: calc(200 / var(--base) * 1em);
  --numberSize: 62;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    min-height: calc(150 / var(--base) * 1em);
    --numberSize: 48;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item {
    margin-left: calc(var(--numberSize) / var(--base) * 1em * 0.5);
    padding-block: calc(17 / var(--base) * 1em);
    --numberSize: 36;
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: calc(var(--fsz) / var(--base) * 1em);
}
@media only screen and (min-width: 1280px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
    --fsz: 16;
    line-height: calc(30 / 16);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
    --fsz: 16;
    line-height: calc(30 / 16);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
  --fsz: 16;
  line-height: calc(30 / 16);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
    --fsz: 14;
    line-height: calc(30 / 14);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt {
    --fsz: 14;
    line-height: calc(17.58 / 10.55);
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt_number {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  letter-spacing: 0.01em;
  background: #0262bc;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--numberSize) / var(--fsz) * 1em);
  height: calc(var(--numberSize) / var(--fsz) * 1em);
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt_number {
    --fsz: 22;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt_number {
    --fsz: 22;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt_number {
  --fsz: 22;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step1 .box_item .txt_number {
    --fsz: 12.9;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step2 {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 {
    gap: calc(5 / var(--base) * 1em);
    margin-top: calc(35 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 {
    gap: calc(5 / var(--base) * 1em);
    margin-top: calc(35 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 {
  gap: calc(5 / var(--base) * 1em);
  margin-top: calc(35 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 {
    flex-direction: column;
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item {
  background: #c1d7ec;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item {
    margin-right: calc(var(--borderSize) / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-color: transparent;
    border-left-color: #c1d7ec;
    border-style: solid;
    border-top-width: calc(17.5 / var(--base) * 1em);
    border-bottom-width: calc(17.5 / var(--base) * 1em);
    border-left-width: calc(var(--borderSize) / var(--base) * 1em);
    border-right-width: calc(var(--borderSize) / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(1) {
    --borderSize: 8;
    padding-inline: calc(54 / var(--base) * 1em) calc(50 / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(2), #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(3) {
    --borderSize: 21;
    padding-inline: calc(80 / var(--base) * 1em) calc(68 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item {
    margin-right: calc(var(--borderSize) / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-color: transparent;
    border-left-color: #c1d7ec;
    border-style: solid;
    border-top-width: calc(17.5 / var(--base) * 1em);
    border-bottom-width: calc(17.5 / var(--base) * 1em);
    border-left-width: calc(var(--borderSize) / var(--base) * 1em);
    border-right-width: calc(var(--borderSize) / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(1) {
    --borderSize: 8;
    padding-inline: calc(54 / var(--base) * 1em) calc(50 / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(2), #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(3) {
    --borderSize: 21;
    padding-inline: calc(80 / var(--base) * 1em) calc(68 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item {
  margin-right: calc(var(--borderSize) / var(--base) * 1em);
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-color: transparent;
  border-left-color: #c1d7ec;
  border-style: solid;
  border-top-width: calc(17.5 / var(--base) * 1em);
  border-bottom-width: calc(17.5 / var(--base) * 1em);
  border-left-width: calc(var(--borderSize) / var(--base) * 1em);
  border-right-width: calc(var(--borderSize) / var(--base) * 1em);
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(1) {
  --borderSize: 8;
  padding-inline: calc(54 / var(--base) * 1em) calc(50 / var(--base) * 1em);
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(2), .ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item:nth-child(3) {
  --borderSize: 21;
  padding-inline: calc(80 / var(--base) * 1em) calc(68 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item {
    margin-bottom: calc(var(--borderSize) / var(--base) * 1em);
    padding-block: calc(14 / var(--base) * 1em) calc(9 / var(--base) * 1em);
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item::after {
    border-top-color: #c1d7ec !important;
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt {
  color: #00215d;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 {
    margin-top: calc(13 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 {
    margin-top: calc(13 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step3 {
  margin-top: calc(13 / var(--base) * 1em);
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
  background: #d1d1d2;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
    --borderSize: 21;
    margin-right: calc(var(--borderSize) / var(--base) * 1em);
    padding-inline: calc(15 / var(--base) * 1em);
    text-align: center;
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-color: transparent;
    border-left-color: #d1d1d2;
    border-style: solid;
    border-top-width: calc(17.5 / var(--base) * 1em);
    border-bottom-width: calc(17.5 / var(--base) * 1em);
    border-left-width: calc(var(--borderSize) / var(--base) * 1em);
    border-right-width: calc(var(--borderSize) / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
    --borderSize: 21;
    margin-right: calc(var(--borderSize) / var(--base) * 1em);
    padding-inline: calc(15 / var(--base) * 1em);
    text-align: center;
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-color: transparent;
    border-left-color: #d1d1d2;
    border-style: solid;
    border-top-width: calc(17.5 / var(--base) * 1em);
    border-bottom-width: calc(17.5 / var(--base) * 1em);
    border-left-width: calc(var(--borderSize) / var(--base) * 1em);
    border-right-width: calc(var(--borderSize) / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
  --borderSize: 21;
  margin-right: calc(var(--borderSize) / var(--base) * 1em);
  padding-inline: calc(15 / var(--base) * 1em);
  text-align: center;
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-color: transparent;
  border-left-color: #d1d1d2;
  border-style: solid;
  border-top-width: calc(17.5 / var(--base) * 1em);
  border-bottom-width: calc(17.5 / var(--base) * 1em);
  border-left-width: calc(var(--borderSize) / var(--base) * 1em);
  border-right-width: calc(var(--borderSize) / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
    height: calc(100% - calc(var(--borderSize) / var(--base) * 1em));
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item::after {
    border-top-color: #d1d1d2 !important;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(var(--borderSize) / var(--base) * 1em);
    width: calc(21 / var(--base) * 1em);
    --borderSize: 12;
  }
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item::after,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border-color: transparent;
    border-style: solid;
    border-top-width: calc(var(--borderSize) / var(--base) * 1em);
    border-left-width: calc((21 / 2) / var(--base) * 1em);
    border-right-width: calc((21 / 2) / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt,
#contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
    --fsz: 16;
    line-height: calc(35 / 16);
  }
}
@media print {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
    --fsz: 16;
    line-height: calc(35 / 16);
  }
}
.ie8 #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt, .ie8
#contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
  --fsz: 16;
  line-height: calc(35 / 16);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
    --fsz: 14;
    line-height: calc(35 / 14);
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt,
  #contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt {
    --fsz: 14;
    line-height: calc(11.72 / 9.37);
    writing-mode: vertical-rl;
  }
}
#contents .con_service-yoyaku .box_flow > .box_content .box_step2 .box_item .txt .txt_num,
#contents .con_service-yoyaku .box_flow > .box_content .box_step3 .box_item .txt .txt_num {
  writing-mode: horizontal-tb;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa {
    margin-bottom: calc(170 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa {
    margin-bottom: calc(170 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa {
  margin-bottom: calc(170 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa {
    margin-bottom: calc(50 / var(--base) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_title_bg {
    margin-block: calc(148 / var(--base) * 1em) calc(90 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_title_bg {
    margin-block: calc(148 / var(--base) * 1em) calc(90 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_title_bg {
  margin-block: calc(148 / var(--base) * 1em) calc(90 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_title_bg {
    margin-block: calc(57 / var(--base) * 1em) calc(45 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details.is-opened summary .btn .icon::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#contents .con_service-yoyaku .box_qa .box_content details .icon_left {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  line-height: 1;
  width: calc(var(--size) / var(--fsz) * 1em);
  height: calc(var(--size) / var(--fsz) * 1em);
  border-radius: 100%;
  color: #fff;
  letter-spacing: 0.01em;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details .icon_left {
    --size: 52;
    --fsz: 22;
    padding-bottom: calc(4 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details .icon_left {
    --size: 52;
    --fsz: 22;
    padding-bottom: calc(4 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details .icon_left {
  --size: 52;
  --fsz: 22;
  padding-bottom: calc(4 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details .icon_left {
    --size: 31;
    --fsz: 15;
    padding-bottom: calc(2 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary {
  position: relative;
  border: 0;
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid #c4d5e4;
  background: #fff;
}
#contents .con_service-yoyaku .box_qa .box_content details summary::-webkit-details-marker {
  display: none;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary {
    padding-block: calc(24 / var(--base) * 1em);
    padding-inline: calc(91 / var(--base) * 1em) calc(75 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details summary {
    padding-block: calc(24 / var(--base) * 1em);
    padding-inline: calc(91 / var(--base) * 1em) calc(75 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details summary {
  padding-block: calc(24 / var(--base) * 1em);
  padding-inline: calc(91 / var(--base) * 1em) calc(75 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary {
    padding-block: calc(14 / var(--base) * 1em);
    padding-inline: calc(53 / var(--base) * 1em) calc(25 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary .txt {
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #072c70;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .txt {
    --fsz: 20;
    line-height: calc(30 / 20);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details summary .txt {
    --fsz: 20;
    line-height: calc(30 / 20);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details summary .txt {
  --fsz: 20;
  line-height: calc(30 / 20);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .txt {
    --fsz: 15;
    line-height: calc(17.58 / 12.89);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary .icon_left {
  position: absolute;
  top: calc(8 / var(--base) * 1em);
  background: #0262bc;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .icon_left {
    left: calc(15 / var(--fsz) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details summary .icon_left {
    left: calc(15 / var(--fsz) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details summary .icon_left {
  left: calc(15 / var(--fsz) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .icon_left {
    left: calc(9 / var(--fsz) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary .btn {
  margin-left: auto;
  transition: 0.3s;
  position: absolute;
  width: calc(var(--sizeButton) / var(--base) * 1em);
  height: calc(var(--sizeButton) / var(--base) * 1em);
  border: 1px solid #b2c7db;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn {
    --sizeButton: 32;
    top: calc(23 / var(--base) * 1em);
    right: calc(24 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn {
    --sizeButton: 32;
    top: calc(23 / var(--base) * 1em);
    right: calc(24 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details summary .btn {
  --sizeButton: 32;
  top: calc(23 / var(--base) * 1em);
  right: calc(24 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn {
    --sizeButton: 19;
    top: calc(14 / var(--base) * 1em);
    right: 0;
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon {
  width: calc(var(--sizeBar) / var(--base) * 1em);
  height: calc(var(--sizeBar) / var(--base) * 1em);
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon {
    --sizeBar: 13;
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon {
    --sizeBar: 13;
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon {
  --sizeBar: 13;
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon {
    --sizeBar: 9;
  }
}
#contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon:before, #contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #0262bc;
  -webkit-transition: .3s;
  transition: .3s;
  width: calc(var(--sizeBar) / var(--base) * 1em);
  height: 2px;
  content: "";
}
#contents .con_service-yoyaku .box_qa .box_content details summary .btn .icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#contents .con_service-yoyaku .box_qa .box_content details .box_details_content {
  display: flex;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content {
    padding-left: calc(14 / var(--base) * 1em);
    gap: calc(26 / var(--base) * 1em);
    margin-block: calc(18 / var(--base) * 1em) calc(51 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content {
    padding-left: calc(14 / var(--base) * 1em);
    gap: calc(26 / var(--base) * 1em);
    margin-block: calc(18 / var(--base) * 1em) calc(51 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details .box_details_content {
  padding-left: calc(14 / var(--base) * 1em);
  gap: calc(26 / var(--base) * 1em);
  margin-block: calc(18 / var(--base) * 1em) calc(51 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content {
    padding-left: calc(9 / var(--base) * 1em);
    gap: calc(15 / var(--base) * 1em);
    margin-block: calc(10 / var(--base) * 1em) calc(20 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details .box_details_content .icon_left {
  background: #929292;
  flex: 0 0 calc(var(--size) / var(--fsz) * 1em);
}
#contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner {
  flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner {
    padding-top: calc(13 / var(--base) * 1em);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner {
    padding-top: calc(13 / var(--base) * 1em);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner {
  padding-top: calc(13 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner {
    padding-top: calc(8 / var(--base) * 1em);
  }
}
#contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner p {
  letter-spacing: 0.05em;
  font-size: calc(var(--fsz) / var(--base) * 1em);
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner p {
    --fsz: 16;
    line-height: calc(30 / 16);
  }
}
@media print {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner p {
    --fsz: 16;
    line-height: calc(30 / 16);
  }
}
.ie8 #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner p {
  --fsz: 16;
  line-height: calc(30 / 16);
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_qa .box_content details .box_details_content .box_details_inner p {
    --fsz: 15;
    line-height: calc(17.58 / 9.38);
  }
}
#contents .con_service-yoyaku .box_form_contact {
  padding: 8rem 0 6rem;
  background: #f7f7f7;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_form_contact {
    padding: 7rem 0 5rem;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_form_contact {
    padding: 6rem 0 4rem;
  }
}
#contents .con_service-yoyaku .box_form_contact > .title {
  font-size: 227%;
  text-align: center;
  margin-bottom: 3rem;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_form_contact > .title {
    font-size: 194%;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_form_contact > .title {
    font-size: 140%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_form_contact > .title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_form_contact > .title {
    margin-bottom: 1.5rem;
  }
}
#contents .con_service-yoyaku .box_form_contact .box_inq {
  max-width: 1200px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  padding: 100px 125px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #contents .con_service-yoyaku .box_form_contact .box_inq {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_service-yoyaku .box_form_contact .box_inq {
    padding: 3em 2em;
  }
}