@charset "UTF-8";
/*
mixinの要素を呼び出すとき
@include flexCenter(red);
*/
html {
  font-size: 100%;
}

p {
  font-size: 1rem;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #222222;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

h2 {
  position: relative;
  font-size: 2rem;
  font-weight: 400;
  color: #01333f;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 80px auto;
  text-align: center;
  padding-top: 120px;
  margin-top: -120px;
}
.bg-color-white {
  background-color: #ffffff;
}

/* ヘッダー */
header {
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  height: 80px;
  padding-left: 4%;
  box-shadow: -1px 3px 1px 0px #f4f4f4;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* z-index: 300; */
}

header nav {
  display: flex;
  align-items: center;
}
.header_ul {
  display: flex;
  align-items: center;
}
.header_ul li {
  margin-left: 32px;
  text-decoration: none;
  cursor: pointer;
}
.header_ul li a {
  color: #01333f;
  transition: all 0.3s;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}
.header_ul li a:hover {
  opacity: 0.5;
  cursor: pointer;
}
header button {
  margin-left: 32px;
  background-color: #01333f;
  height: 80px;
  width: 240px;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}


/* button:hover {
  opacity: 0.8;
} */

.cta_arrow {
  padding-top: 6px;
}

button:hover .cta_arrow {
  position: relative;
  right: -24%;
  bottom: -30%;
  padding-top: 6px;
  animation: arrowmove 1s ease-in-out infinite;
}
/* 下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove {
  0% {
    left: 0%;
  }
  50% {
    left: 20%;
  }
  100% {
    left: 0%;
  }
}
/* .cta_arrow{
  position: absolute;
  bottom: -30%;
} */

.btn_sp {
  display: none;
}

.humberger_box {
  display: none;
}
.humberger_box input[type="checkbox"] {
  display: none;
}

.humberger_menu {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
}

.humberger_menu span,
.humberger_menu span:before,
.humberger_menu span:after {
  content: "";
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background-color: #01333f;
  position: absolute;
}
.humberger_menu span:before {
  bottom: 10px;
}
.humberger_menu span:after {
  top: 10px;
}

#humberger:checked ~ .humberger_menu span {
  background-color: rgba(
    255,
    255,
    255,
    0
  ); /*メニューオープン時は真ん中の線を透明にする*/
}
#humberger:checked ~ .humberger_menu span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#humberger:checked ~ .humberger_menu span::after {
  top: 0;
  transform: rotate(-45deg);
}

.sp_menu li {
  list-style: none;
  display: block;
}

button:hover {
  /* opacity: 0.8; */
  transition: all 0.3s;
}

.fv-sp_img {
  display: none;
}

.fv {
  position: relative;
  width: 100%;
  height: 600px;
  max-width: 1600px;
  margin: 0 auto;
}
.fv .bg-sp,
.fv .fv_price_sp_img {
  display: none;
}
.fv .fv_img {
  height: 100%;
  margin: 0 0 0 auto;
  display: block;
}
.fv .fv_text_wrapper {
  position: absolute;
  top: 25%;
  left: 5%;
}
.fv .fv_text_wrapper .fv_title {
  color: #baa75b;
  font-size: 22px;
  margin-bottom: 16px;
}
.fv .fv_text_wrapper .fv_title span {
  font-size: 1.75rem;
}
.fv .fv_text_wrapper .fv-title2 {
  color: #01333f;
  font-size: 1.75rem;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.3;
}
.fv .fv_text_wrapper .fv-title2 br {
  display: none;
}
.fv .fv_text_wrapper .fv-title3 {
  margin-bottom: 48px;
  font-family: "Noto Serif JP", serif;
  font-weight: lighter;
  font-size: 3.5rem;
  color: #01333f;
  line-height: 1.2;
}
.fv .fv_text_wrapper .fv-title3 span {
  background-image: linear-gradient(
    30deg,
    #a88f0e 10%,
    #bcaf61 50%,
    #7e730c 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.fv .fv_text_wrapper .bg {
  padding: 25px 30px 25px 30px;
  display: flex;
  width: 510px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0),
    #f3f0e1 50%,
    rgba(0, 0, 0, 0)
  );
}
.fv .fv_text_wrapper .bg .imadake {
  line-height: 2;
  margin-right: 16px;
  text-align: center;
}
.fv .fv_text_wrapper .bg .fv_text1 {
  font-size: 1.25rem;
  color: #baa75b;
}
.fv .fv_text_wrapper .bg .fv_text2 {
  font-size: 1.5rem;
  color: #fff;
  background-color: #baa75b;
  padding: 8px 24px 8px 24px;
}
.fv .fv_text_wrapper .bg .fv_price_flex {
  display: flex;
  align-items: center;
}
.fv .fv_text_wrapper .bg .fv_price_flex img {
  height: 50px;
  padding-top: 20px;
}
.fv .fv_text_wrapper .bg .fv_price {
  font-size: 4rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  color: #01333f;
}

/* loading  */
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading__inner {
  display: grid;
  justify-content: center;
  text-align: center;
  gap: 24px;
  margin-bottom: 150px;
}

.loading-status {
  padding: 20px 0px;
}

.loading-close {
  opacity: 0;
  transition: 0.3s;
}

.loading-open {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.title-img__loading {
  margin: auto;
  width: 256px;
}

.loading-title {
  color: #baa75b;
  font-size: 24px;
  line-height: 48px;
}

.sp-order-2 {
  order: 2;
  margin-right: 50%;
}
.sp-order-1 {
  margin-left: 50%;
}
.sp-order-2 {
  margin-right: 50%;
}
/*******************************
  ANIMATION FEADIN
*******************************/

/*アニメーション要素のスタイル*/
.animation {
  opacity: 0;
  visibility: hidden;
  transition: 1.4s;
  transform: translateY(30px);
  -webkit-transition: 1s;
  -webkit-transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.cta_1 {
  background-color: #01333f;
  text-align: center;
}
.cta_1 p {
  color: #fff;
  padding-top: 32px;
  margin-bottom: 24px;
  font-size: 1.5rem;
}
.cta_1 p br {
  display: none;
}
.cta_1 span {
  font-size: 1.75rem;
}
.cta_1 button {
  width: 500px;
  height: 100px;
  border-radius: 50px;
  background: #fff;
  border: none;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: center;
}
.cta_1 button a {
  color: #01333f;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  margin: 0 auto;
  align-items: center;
  gap: 20px;
}

.text-size1 {
  font-size: 24px;
}
.res_none2,
.res_none5 {
  display: none;
}

.appeal {
  line-height: 1.5;
  margin: 0 auto;
}
.appeal .contents {
  max-width: 1040px;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}
.appeal .subheading {
  margin-top: 80px;
  margin-bottom: 40px;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  text-align: center;
}
.appeal .worry-pc {
  width: 100%;
  margin-bottom: 72px;
}
.appeal .worry-sp {
  display: none;
}
.appeal .arrow {
  width: 20%;
  margin-top: 64px;
  margin-bottom: 24px;
}
.appeal .appeal-text {
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  margin-bottom: 24px;
}
.appeal .appeal-bigtext {
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  margin-bottom: 80px;
  color: #01333f;
  letter-spacing: 1px;
}
.appeal .appeal-bg {
  background-color: #f7f7f1;
}
.appeal .graph_contents {
  max-width: 1040px;
  margin: 0 auto;
}
.appeal .appeal-graph_flex {
  display: flex;
  margin: 0 auto;
  gap: 40px;
  margin-bottom: 64px;
  width: 70%;
}
.appeal .graph01 {
  width: 100%;
  margin-bottom: 0px;
  padding-top: 80px;
}
.appeal .graph02 {
  width: 100%;
  margin-bottom: 0px;
  padding-top: 80px;
}

.graph_p {
  font-size: 0.75rem;
  color: #888888;
}

.appeal .appeal-text2 {
  color: #222222;
  font-size: 1.5rem;
  line-height: 1.8;
  padding-bottom: 80px;
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
}
.appeal .appeal-tex3 {
  margin-top: 80px;
  font-size: 1.5rem;
  margin-bottom: 40px;
  text-align: center;
}
.appeal .appeal-bigtext2 {
  font-size: 2rem;
  color: #baa75b;
  font-weight: 500;
}
.appeal .appeal-wrapper {
  margin-bottom: 48px;
}
.appeal .appeal-wrapper_title {
  background-color: #baa75b;
  color: #fff;
  width: 80%;
  max-width: 1040px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin: 0 auto;
}
.appeal .appeal-wrapper_text {
  background-color: #f7f7f1;
  width: 80%;
  max-width: 1040px;
  padding: 24px 0;
  margin: 0 auto;
}
.appeal .appeal-wrapper_text ul {
  padding-left: 64px;
  padding-right: 32px;
  line-height: 2.3;
}
.appeal .appeal-wrapper_text ul li {
  color: #baa75b;
}
.appeal .appeal-wrapper_text ul span {
  color: #222222;
  line-height: 1;
}
.appeal .w-flex {
  display: flex;
  gap: 35px;
  margin-bottom: 120px;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 120px;
  align-items: center;
}
.appeal .w-flex_text {
  background-color: #01333f;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  padding: 0 10px 0 10px;
}
.appeal .w-flex_text2 {
  margin-top: 20px;
  font-size: 1.25rem;
  padding: 3px 10px;
}
.w-flex_sp {
  display: none;
}

.appeal .appeal-end {
  background-image: url(../img/cta-2.jpg);
  background-size: cover;
  height: 350px;
  text-align: center;
}
.appeal .appeal-end .appeal-end_contents {
  padding-top: 80px;
}
.appeal .appeal-end .appeal-end_text {
  color: #baa75b;
  background-color: #f7f7f1;
  font-size: 2.5rem;
  width: 80%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0.5%;
  line-height: 1.3;
}
.res_none4 {
  display: none;
}

.res_none3 {
  display: none;
}
.shape-relative {
  position: relative;
}

.subheading_sp {
  display: none;
}

.shape {
  width: 100%;
  position: absolute;
  top: 42%;
  height: 550px;
}

.reasons-contents {
  width: 80%;
  margin: 0 auto;
  max-width: 1040px;
  margin-top: 120px;
  margin-bottom: 120px;
}
.reasons-contents .reasons-rerative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.reasons-contents .reasons-rerative img {
  width: 25%;
  top: 70px;
  left: -30px;
  position: absolute;
}
.reasons-contents .reasons-rerative .pc-img1 {
  position: absolute;
  top: -40px;
  left: -50px;
}
.reasons-contents .reason-coun_right {
  text-align: right;
}
.reasons-contents .reason-coun_left {
  text-align: left;
}
.reasons-contents .reason-count {
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 11.25rem;
  color: #f7f7f1;
  line-height: 0.7;
}
.reasons-contents .reason-count-02 {
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 11.25rem;
  color: #ffffff;
  line-height: 0.7;
}
.reasons-contents h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 1.3;
}
.reasons-contents .pict {
  margin-left: 3%;
  text-align: center;
  width: 70%;
}
.reasons-contents .pict img {
  width: 100%;
}
.reasons-contents .box,
.reasons-contents .box2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 200px;
  gap: 5%;
  position: relative;
}
.reasons-contents .box .box-ratio,
.reasons-contents .box2 .box-ratio {
  width: 100%;
}
.reasons-contents .box .box-ratio .reason-sp_img,
.reasons-contents .box2 .box-ratio .reason-sp_img {
  display: none;
}
.box_br{
  display: none;
}
.reasons-contents .box .box-text,
.reasons-contents .box2 .box-text {
  margin-top: -80px;
}
.reasons-contents .box .box-text ul,
.reasons-contents .box2 .box-text ul {
  line-height: 1.3;
  padding-left: 20px;
  margin-bottom: 28px;
}
.reasons-contents .box .box-text ul li,
.reasons-contents .box2 .box-text ul li {
  color: #baa75b;
  margin: 16px 0;
}
.reasons-contents .box .box-text ul span,
.reasons-contents .box2 .box-text ul span {
  color: #222222;
}
.reasons-contents .box .box-text .reasons-point,
.reasons-contents .box2 .box-text .reasons-point {
  border: 1px solid #baa75b;
  padding: 20px;
  position: relative;
  display: inline-block;
}
.reasons-contents .box .box-text .reasons-point span,
.reasons-contents .box2 .box-text .reasons-point span {
  background-color: #baa75b;
  padding: 5px 15px 5px 15px;
  color: #fff;
  position: absolute;
  top: -10px;
}
.reasons-contents .box .box-text .reasons-point p,
.reasons-contents .box2 .box-text .reasons-point p {
  margin-top: 10px;
  line-height: 1.3;
}
.reasons-contents .box:nth-child(even) {
  flex-direction: row-reverse;
}
.reasons-contents .box:nth-child(even) .text {
  text-align: right;
}
.reasons-contents .box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}

.cta_2 {
  background-image: url(../img/cta_bg-01.jpg);
  background-size: cover;
  text-align: center;
}
.cta_2 .cta_2_contents {
  padding-top: 100px;
  padding-bottom: 40px;
}
.cta_2 .cta_2_contents p {
  font-size: 1.75rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 24px;
}
.cta_2 .cta_2_contents button {
  width: 500px;
  height: 100px;
  border-radius: 50px;
  background: #fff;
  border: none;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: center;
}
.cta_2 .cta_2_contents button a {
  color: #01333f;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
  align-items: center;
  gap: 30px;
}

.difference-rerative_sp {
  display: none;
}
.difference-rerative_sp2{
  display: none;
}

.difference-contents {
  width: 80%;
  margin: 0 auto;
  max-width: 1040px;
  margin-top: 120px;
  margin-bottom: 120px;
}
.difference-contents .difference-h2 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.difference-contents .difference-h2 img {
  position: absolute;
  width: 30%;
  top: 70px;
  left: -30px;
}
.difference-contents .difference-rerative {
  position: relative;
}
.difference-contents table {
  border: none;
}

/* .difference-contents tr, .difference-contents td {
  border: solid 1px gray;
} */

.difference-contents th {
  padding: 24px;
}
.difference-contents td {
  padding: 24px;
  vertical-align: middle;
  line-height: 1.5;
  border: solid 1px gray;
}
.th-2 {
  border: solid 1px gray;
}

.difference-contents .th-1 {
  width: 20%;
}
.difference-contents .th-2 {
  width: 35%;
  background-color: #d7e3e6;
  color: #01333f;
}
.difference-contents .th-3 {
  width: 45%;
  background-color: #baa75b;
  color: #fff;
  font-size: 1.5rem;
  border-top: solid 12px #baa75b;
  border-bottom: solid 1px #baa75b;
  border-left: solid 6px #baa75b;
  border-right: solid 6px #baa75b;
}
.difference-contents .th-3 img {
  /* margin-left: 5px; */
  vertical-align: text-top;
  width: 120px;
  margin-right: 20px;
}
.difference-contents .td-question {
  background-color: #f7f7f1;
  color: #01333f;
  font-weight: bold;
}
.difference-contents .td-fresta {
  border-right: solid 6px #baa75b;
  border-left: solid 6px #baa75b;
}
.difference-contents .td-fresta_end {
  border-bottom: solid 12px #baa75b;
  border-left: solid 6px #baa75b;
  border-right: solid 6px #baa75b;
}
.difference-contents .table-flex {
  display: flex;
  margin-top: 20px;
  text-align: center;
  line-height: 1.3;
}
.difference-contents .traiangle-1 {
  width: 0px;
  height: 0px;
  border-top: 40px solid #d7e3e6;
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  margin-left: auto;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.difference-contents .traiangle-1_text {
  font-size: 1.25rem;
  font-weight: 500;
  color: #01333f;
  margin-top: 32px;
}
.difference-contents .traiangle-2 {
  width: 0px;
  height: 0px;
  border-top: 40px solid #baa75b;
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  margin-left: auto;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.difference-contents .traiangle-2_text {
  font-size: 1.25rem;
  color: #01333f;
  font-weight: 500;
  margin-top: 32px;
}
.difference-contents .traiangle-box1 {
  position: absolute;
  left: 25%;
}
.difference-contents .traiangle-box2 {
  position: absolute;
  right: 11%;
}

.survice-bg {
  background-color: #f7f7f1;
  padding-top: 140px;
  margin-top: 220px;
}
.survice-bg .survice-contents {
  width: 80%;
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 120px;
}
.survice-bg .survice-contents .survice-rerative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.survice-bg .survice-contents .survice-rerative img {
  position: absolute;
  width: 30%;
  top: 70px;
  left: -30px;
}
.survice-bg .stepbarwrap {
  position: relative;
  margin: 40px 0;
  padding: 32px 40px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid;
  border-color: #baa75b;
  display: flex;
  align-items: center;
}
.survice-bg .stepbarwrap-sp,
.survice-bg .step-big_bg_sp,
.survice-bg .stepbarwrap-end_sp {
  display: none;
}
.survice-bg .stepbarwrap:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -52px;
    margin-left: auto;
    border: 32px solid transparent;
    border-top: 20px solid #baa75b;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.survice-bg .step {
  padding-right: 32px;
}
.survice-bg .step p {
  color: #baa75b;
  font-family: "din-2014", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.survice-bg .step-text {
  padding-left: 32px;
  border-left: 2px solid #baa75b;
}
.survice-bg .step-text span {
  font-size: 1.5rem;
  font-weight: 500;
  color: #baa75b;
}
.survice-bg .step-text p {
  margin-top: 24px;
  line-height: 1.5;
}
.survice-bg .step-text .silver {
  color: #a8a8a8;
  font-size: 1rem;
  font-weight: 400;
}
.survice-bg .step-big_bg {
  position: relative;
  margin: 40px 0;
  padding-top: 32px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid;
  border-color: #baa75b;
}
.survice-bg .step-big_bg .step-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 56px;
  padding: 0 40px;
}
.survice-bg .step-big_bg .step-wrap .step-point {
  font-size: 1rem;
  color: #baa75b;
  display: block;
  margin-top: 20px;
  margin-bottom: 8px;
}
.survice-bg .step-big_bg .step-wrap .step-point_text {
  margin-top: 10px;
}
.survice-bg .step-big_bg .step-explain {
  padding: 40px 0;
  /* height: 10vh; */
  text-align: center;
  background-color: #baa75b;
  border-radius: 0px 0px 5px 5px;
}
.survice-bg .step-big_bg .step-explain span {
  display: block;
  width: 80%;
  margin: 0 auto 16px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.3;
}
.survice-bg .step-big_bg .step-explain p {
  width: 80%;
  margin: 0 auto;
  color: #fff;
  line-height: 1.3;
}
.survice-bg .step-wrap:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: auto;
  border: 32px solid transparent;
  border-top: 20px solid #baa75b;
  transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.survice-bg .stepbarwrap-end {
  padding: 32px 40px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid;
  border-color: #baa75b;
  display: flex;
  align-items: center;
}
.survice-bg .stepbarwrap-end .step-point {
  font-size: 1rem;
  color: #baa75b;
  display: block;
  margin-top: 20px;
  margin-bottom: 8px;
}
.survice-bg .stepbarwrap-end .step-point_text {
  margin-top: 10px;
}

.cta_3 {
  background-image: url(../img/cta_bg-02.png);
  background-size: cover;
  text-align: center;
}
.cta_3 .cta_3_contents {
  padding-top: 100px;
  padding-bottom: 40px;
}
.cta_3 .cta_3_contents p {
  font-size: 1.75rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 24px;
}
.cta_3 .cta_3_contents button {
  width: 500px;
  height: 100px;
  border-radius: 50px;
  background: #fff;
  border: none;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: center;
}
.cta_3 .cta_3_contents button a {
  color: #01333f;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
  align-items: center;
  gap: 30px;
}
.production-contents {
  margin: 0 auto;
  max-width: 1040px;
  width: 90%;
  margin-top: 120px;
  margin-bottom: 120px;
}
.production-contents .production-rerative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.production-contents .production-rerative img {
  position: absolute;
  top: 70px;
  left: -50px;
}

.production-textbox {
  width: auto;
  background: #f7f7f1;
  padding: 20px 10px 20px 10px;
  margin-bottom: 64px;
  border-radius: 5px;
  max-width: 300px;
}
.production-textbox span {
  color: #01333f;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
.production-textbox p {
  line-height: 1.4;
}

.production-img-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  grid-column-gap: 2rem;
  margin-bottom: 2.5rem;
  justify-items: center;
}
.production-img-box img {
  max-width: 100%;
  height: auto;
}

.production-text-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  justify-content: space-between;
  grid-column-gap: 2rem;
}

.production-box_lp {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  align-self: center;
}
.production-box_lp img {
  max-width: 100%;
  height: auto;
}

.voice-bg {
  background-color: #f7f7f1;
  padding-top: 140px;
}
.voice-bg .voice-contents {
  width: 90%;
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 120px;
}
.voice-bg .voice-contents .voice-rerative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.voice-bg .voice-contents .voice-rerative img {
  position: absolute;
  width: 20%;
  top: 70px;
  left: -40px;
}
.voice-bg .voice-contents .voice-wrap {
  display: flex;
  justify-content: space-between;
}
.voice-bg .voice-contents .voice-size {
  width: 48%;
}
.voice-bg .voice-contents .voice-item {
  background-color: #fff;
  padding: 32px;
  border-radius: 5px;
  height: 85%;
}
.voice-bg .voice-contents .voice-item .voice-item_flex {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
/* .voice_img{
  width: 100%;
} */
.voice-bg .voice-contents .voice-item .voice-item_flex img {
  width: 100%;
}
.voice_br {
  display: none;
}
.voice-bg .voice-contents .voice-item .voice-item_flex .voice-item_text {
  text-align: center;
  margin-left: 8%;
}
.voice-bg .voice-contents .voice-item .voice-item_flex .work {
  color: #baa75b;
  margin-bottom: 16px;
}
.voice-bg .voice-contents .voice-item .voice-item_flex .voice-name {
  font-size: 1.5rem;
  color: #01333f;
  margin-bottom: 16px;
}
.voice-bg .voice-contents .voice-item .voice-item_flex .voice-name .san {
  font-size: 1rem;
  margin-bottom: 16px;
}
.voice-bg .voice-contents .voice-item .voice-item_flex .period {
  background-color: #baa75b;
  color: #fff;
  padding: 10px 15px 10px 15px;
  line-height: 1.3;
}
.voice-bg .voice-contents .voice-item .thoughts {
  line-height: 1.7;
}
.voice-bg .notes p {
  margin-top: 16px;
  font-size: 0.75rem;
  color: #888888;
}
.price_wrapper{
  position: relative;
}

.price-contents {
  width: 80%;
  margin: 0 auto;
  max-width: 1040px;
  margin-top: 120px;
  margin-bottom: 120px;
}
.price-contents .price-rerative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.price-contents .price-rerative img {
  position: absolute;
  width: 35%;
  top: 74px;
  left: -35px;
}
.price-contents .price-p_1 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 24px;
}
.price-contents .price-p_2 {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 100px;
}
.price-contents .price-p_2 br {
  display: none;
}
.price-contents .price-p_2 span {
  font-size: 1.5rem;
  color: #baa75b;
}
.price-contents .price-bg1 {
  background-color: #f7f7f1;
  display: flex;
  height: 160px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10%;
  margin-bottom: 40px;
}
.price-contents .price-bg1 .price-1_flex {
  display: flex;
  align-items: center;
  text-align: center;
}
.price-contents .price-bg1 .price-1_flex .naname {
  position: relative;
}
.price-contents .price-bg1 .price-1_flex .naname::before {
  position: absolute;
  content: "";
  display: block;
  transform: rotate(-8deg);
  background-color: #baa75b;
  width: 100%;
  height: 4px;
  top: 40%;
  left: 0;
}
.price-contents .price-bg1 .price-1_flex .price {
  font-size: 1.5rem;
  margin-right: 16px;
}
.price-contents .price-bg1 .price-1_flex .price-triangle {
  width: 0;
  height: 0;
  border-top: solid 12px transparent;
  border-right: solid 12px transparent;
  border-bottom: solid 12px transparent;
  border-left: solid 12px #baa75b;
}
.price-contents .price-bg1 .price-1_flex .price-imadake {
  font-size: 1.25rem;
  font-weight: 600;
}
.price-contents .price-bg1 .price-1_flex .zeroen {
  font-size: 2rem;
}
.price-contents .price-bg1 .price-1_flex .zeroen span {
  color: #baa75b;
  font-size: 4rem;
  margin-right: 11px;
}
.price-contents .price-text_bold {
  font-size: 1.5rem;
  font-weight: bold;
}
.price-contents .price-bg2 {
  background-color: #d7e3e6;
  display: flex;
  height: 160px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10.5%;
}
.price-contents .price-bg2 .en {
  font-size: 2rem;
}
.price-contents .price-bg2 .en .price {
  font-size: 4rem;
}
.price-contents .price-notes {
  margin-top: 16px;
  font-size: 0.75rem;
  color: #888888;
  line-height: 1.5;
}
.price_none {
  display: none;
}
.tax_included{
  font-size: 16px;
  position: absolute;
  top: 82%;
  left: 89%;
}
.tax_none{
  display: none;
}
.cta_4 {
  background-image: url(../img/cta_bg-03.jpg);
  background-size: cover;
  text-align: center;
}
.cta_4 .cta_4_contents {
  padding-top: 100px;
  padding-bottom: 40px;
}
.cta_4 .cta_4_contents p {
  font-size: 1.75rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 24px;
}
.cta_4 .cta_4_contents button {
  width: 500px;
  height: 100px;
  border-radius: 50px;
  background: #fff;
  border: none;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: center;
}

.cta_4 .cta_4_contents button a {
  color: #01333f;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
  align-items: center;
  gap: 30px;
}

.faq-contents {
  width: 80%;
  margin: 0 auto;
  max-width: 1040px;
  margin-top: 120px;
  margin-bottom: 120px;
}
.faq-contents .faq-relative {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.faq-contents .faq-relative img {
  position: absolute;
  width: 35%;
  top: 65px;
  left: -56px;
}

.Qa {
  border: #f7f7f1 3px solid;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.Qa dt {
  padding: 1.5rem;
  background-color: #f7f7f1;
  font-weight: 700;
  line-height: 1.5;
}
.Qa dd {
  padding: 1.5rem 1.5rem 1.5rem 3.4rem;
  line-height: 1.5;
}
.Qa span {
  color: #baa75b;
  font-weight: 700;
  padding-right: 1rem;
  font-size: 1.25rem;
}

.Qa-moreBox {
  height: 0;
  overflow: hidden;
  transition: 1.2s ease height;
}

.Qa-more {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #baa75b;
  font-weight: 700;
  font-size: 1rem;
  margin: 2rem auto 0 auto;
  display: block;
}

.transition_back {
  background: linear-gradient(
    180deg,
    #fff 0%,
    #fff 50%,
    #f7f7f1 50%,
    #f7f7f1 100%
  );
}

.section_transition {
  background-color: #baa75b;
  max-width: 1040px;
  width: 80%;
  margin: 0 auto;
  border-radius: 10px;
  padding-top: 86px;
  padding-bottom: 88px;
  margin-bottom: 120px;
}
.section_transition_ttl {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 80px auto;
  text-align: center;
}

.section_transition_ttl::after {
  border-bottom: 5px dotted rgb(255, 255, 255);
  content: "";
  position: absolute;
  bottom: -43px;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
}

.section_transition_body {
  color: #fff;
  text-align: center;
  line-height: 32px;
  max-width: 95%;
    margin: 0 auto 64px;
}

.section_transition_btn {
  background-color: #fff;
  width: 75%;
  height: 6.25rem;
  color: #baa75b;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
}

/*入力フォームエリア*/

.counseling-application {
  background-color: #f7f7f1;
  padding-bottom: 7.5rem;
}

.application-title {
  padding-top: 7.5rem;
  margin-bottom: 5rem;
  font-weight: bold;
}

.form-title {
  font-size: 15px;
}

.application-area {
  background-color: #fff;
  max-width: 1040px;
  width: 80%;
  display: block;
  margin: auto;
}

.validationForm {
  padding: 4rem;
}

.form {
  margin-top: 22px;
  width: 17.5rem;
  height: 3.75rem;
  border: solid 2px #888888;
  border-radius: 5px;
  margin-right: 25px;
  font-size: 16px;
}
.error_form {
  margin-top: 22px;
  width: 17.5rem;
  height: 3.75rem;
  border: solid 2px #e66b6b;
  background-color: #fde8e8;
  border-radius: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  cursor: pointer;
}

.error_p {
  padding-top: 10px;
  color: #e66b6b;
}

.error_style {
  display: flex;
}

.error_img {
  display: none;
  padding-top: 8px;
  margin-right: 8px;
}

/* input[type="text"],input[type="tel"],input[type="email"]{
  width: 17.5rem;
  height: 3.75rem;
  border: solid 2px #888888;
  border-radius: 5px;
  margin-right: 25px;
} */

.furigana-form,
.furigana-form,
.tel-form,
.mail-form,
.counseling-date-form,
.counseling-method,
.counseling-mean,
.inquiry_form_area {
  margin-top: 64px;
}
input[placeholder] {
  padding-left: 1.5rem;
}

.required_label {
  background-color: #e66b6b;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  margin-left: 8px;
}

.annotation {
  font-size: 15px;
  margin-left: 8px;
  color: #888888;
}

.date-form {
  margin-top: 22px;
}

.date-form:last-child {
  margin-bottom: 61px;
}

.calendar {
  width: 17.5rem;
  height: 3.75rem;
  border: solid 2px #888888;
  border-radius: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-left: 40px;
}

.error_calendar {
  width: 17.5rem;
  height: 3.75rem;
  border: solid 2px #e66b6b;
  background-color: #fde8e8;
  border-radius: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-left: 40px;
}

.calendar::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}

.calendar::after {
  content: "";
  background-image: url(../img/calendar_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.none {
  display: none;
}

.counseling-method {
  margin-bottom: 61px;
}

.counseling-method-title,
.counseling-means-title {
  margin-bottom: 1.5rem;
}

.label1 {
  font-size: 15px;
  position: relative;
  cursor: pointer;
}

.whitespace1 {
  margin-left: 50px;
  margin-right: 65px;
  position: relative;
}
.whitespace2 {
  margin-left: 50px;
}

.whitespace3 {
  margin-right: 112px;
  margin-left: 50px;
}

.whitespace4 {
  margin-left: 50px;
}
.label1::before,
.label1::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.label1::before {
  background-color: #fff;
  border: 2px solid #baa75b;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 5px;
}

.label1::after {
  background-color: #baa75b;
  border-radius: 50%;
  opacity: 0;
  width: 16px;
  height: 16px;
  left: 15px;
}

input:checked + .label1::after {
  opacity: 1;
}

.visually-hidden {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

#online {
  margin-right: 4rem;
}
.notice,
.form-p {
  margin-top: 1.5rem;
  font-size: 15px;
  color: #888888;
}

.counseling-mean {
  margin-bottom: 61px;
}

.inquiry_form {
  border: solid 2px #888888;
  border-radius: 5px;
  margin-top: 1.5rem;
  width: 100%;
  height: 18.75rem;
}

.agreement {
  margin: 84px auto 0 auto;
  text-align: center;
}

.terms {
  color: #222222;
  border-bottom: 1px solid;
  padding-bottom: 3px;
}
.description {
  text-align: center;
}

.description p {
  margin-top: 2.5rem;
  margin-bottom: 4rem;
  line-height: 32px;
}

.application_btn {
  /* background-color: #01333f; */
  background-color: #a3a9ab;
  width: 75%;
  height: 6.25rem;
  /* color: #fff; */
  color: #dedede;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.footer {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #222222;
  color: #ffffff;
  text-align: center;
}
.footer .footer__img img {
  width: 120px;
  margin-bottom: 12px;
}
.company_url{
  color: #fff;
}
.footer_other{
  padding: 0 16px;
  color: #ffffff;
  text-decoration: none;
}
.footer ul {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.footer ul li {
  margin-bottom: 16px;
  list-style: none;
}
.footer .footer_company {
  color: #aaaaaa;
}
/*# sourceMappingURL=style.css.map */