@charset "UTF-8";
/* CSS Document */
header {
 max-width: calc(800px + 8%);
 margin: 30px auto 24px;
 width: 80%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 max-height: 50px;
}
.header-logo img {
 width: 250px;
}
.btn {
 margin-bottom: 40px;
}
.btn img {
 width: 300px;
}
.btn a {
 width: 300px;
}
.btn-content {
 width: 21%;
 height: 44px;
 display: flex;
 align-items: center;
 justify-content: center;
 letter-spacing: 3px;
 border: 1px solid #F8401E;
 background-color: #F8401E;
 border-radius: 40px;
}
.btn-content a {
 color: #fff;
 text-decoration: none;
 font-size: 20px;
 font-weight: 700;
}
@media (max-width: 1024px) {
 header {
  max-width: 1024px;
  width: 88%;
  margin: 30px auto 24px;
 }
 .header-logo img {
  width: 140px;
 }
 .btn-content {
  height: 32px;
  width: 150px;
 }
 .btn-content a {
  font-size: 14px;
 }
}
.section-top {
 width: 100%;
}
.section-top-image_sp {
 display: none;
}
.wrap {
 width: 100%;
 position: relative;
}
.slider {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 margin: 70px auto;
}
.slide-image img {
 width: 100%;
}
.top-video {
 width: 80%;
 margin: 54px auto 0;
 max-width: 800px;
}
.title {
 width: 80%;
 margin: 80px auto 32px;
 font-size: 24px;
 font-weight: 500;
 line-height: 64px;
 letter-spacing: 2px;
}
.title img {
 padding: 0 8px;
 width: clamp(80px, 14vw, 120px);
 margin-bottom: clamp(-4px, -7vh, -20px)
}
.section-top h2 {
 margin-bottom: 32px;
 letter-spacing: 2px;
}
.section-top h2 br {
 display: none;
}
.section-top-flexbox {
 display: flex;
 margin: 0 auto;
 width: 80%;
 justify-content: center;
 align-items: center;
}
.worries-image img {
 height: 294px;
 border-radius: 50%;
 background-size: cover;
 background-position: center;
}
.worries-description {
 width: 70%;
 text-align: left;
 margin-left: 40px;
}
.worries-images {
 font-size: clamp(16px, 4vw, 24px);
 color: #F8401E;
 padding-bottom: 16px;
 text-indent: -1.5em;
 margin-left: 1.5em;
}
.worries-images img {
 width: 5%;
 margin-right: 24px;
 padding-top: 8px;
}
.triangle {
 width: 100%;
 margin: 60px 0 24px;
}
.worries-sub-description {
 font-size: clamp(16px, 4vw, 24px);
 width: 80%;
 margin: 0 auto 100px;
 line-height: 64px;
 font-weight: 700;
 letter-spacing: 2px;
}
.worries-sub-description img {
 width: clamp(22%, 6vw, 48%);
 padding: 0 8px;
}
@media (min-width: 1024px) {
 .section-top-image {
  background: linear-gradient(to right, #FCFCFB, #FBF9F8);
 }
 .section-top-image img {
  height: calc(100vh - 96px);
  overflow: hidden;
  min-height: 400px;
  max-height: 900px;
  object-fit: cover;
 }
}
@media (max-width: 1024px) {
 .section-top {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
 }
 .section-top-image img {
  width: 100%;
  object-fit: cover;
 }
 .title {
  margin: 32px auto;
  font-size: clamp(16px, 3vw, 24px);
  line-height: 2.3;
 }
 .section-top h2 {
  width: 80%;
  margin: 0 auto 24px;
  line-height: 1.5;
 }
 .section-top h2 br {
  display: block;
 }
 .section-top-flexbox {
  flex-wrap: wrap;
 }
 .worries-image {
  margin-bottom: 32px;
 }
 .worries-image img {
  height: 240px;
 }
 .worries-images {
  padding-bottom: 16px;
 }
 .worries-images img {
  width: 6%;
  margin-right: 8px;
 }
 .worries-description {
  width: 100%;
  margin: 0 auto;
 }
 .triangle {
  width: 100%;
  margin: 32px auto 24px;
 }
 .triangle img {
  width: 24%;
 }
 .worries-sub-description {
  line-height: 2.3;
 }
 .worries-sub-description img {
  width: clamp(22%, 40vw, 210px);
  padding: 0 4px;
  margin-bottom: clamp(-4px, -7vh, -20px);
 }
}
@media (max-width: 568px) {
 .section-top-image {
  height: auto;
 }
 .section-top-image img {
  display: none;
 }
 .section-top-image_sp {
  display: block;
 }
 .section-top-image_sp img {
  width: 100%;
 }
 header {
  height: 30px;
 }
}
.joy-of-opening img {
 width: 100%;
}
.research-flex-box {
 display: flex;
 align-items: flex-end;
 justify-content: center;
}
.green-circle {
 margin-right: -480px;
 margin-bottom: 40px;
}
.green-circle img {
 width: 32%;
}
.research-box {
 background-color: #1B284F;
 border-radius: 50%;
 width: 65%;
 height: fit-content;
 margin: -120px auto 0;
 position: relative;
 z-index: 100;
 padding-bottom: 100px;
}
.research-box p {
 color: #fff;
 width: 60%;
 margin: 0 auto;
 font-weight: 100;
 text-align: left;
}
.research-title {
 margin: 0 auto;
 padding: 100px 0 32px;
}
.research-title img {
 width: 60%;
 padding: 0 8px;
}
.research-description img {
 width: clamp(22%, 58vw, 240px);
 padding-top: 8px;
}
.research-orenge {
 color: #F3BC41;
}
.research-red {
 color: #F8401E;
}
@media (max-width: 1024px) {
 .research-flex-box {
  flex-wrap: wrap-reverse;
 }
 .research-box {
  border-radius: 50%;
  margin: -24px auto 0;
 }
 .research-title {
  margin: 0 auto;
  padding-top: 40px;
  width: 100%;
 }
 .research-title img {
  width: clamp(200px, 70vw, 400px);
  padding: 0 8px;
 }
 .research-box {
  border-radius: 80px;
  width: 90%;
 }
 .research-box p {
  width: 80%;
 }
 .research-description img {
  padding: 4px 4px 0 4px;
  margin-bottom: clamp(-4px, -7vh, -20px);
 }
 .green-circle {
  margin-right: 280px;
  overflow-x: hidden;
 }
 .green-circle img {
  width: 60%;
 }
}
@media (max-width: 568px) {
}
.catch-copy5 {
 width: 80%;
 margin: 100px auto 40px;
}
.catch-copy5 img {
 width: 60%;
}
.list-flex-box {
 display: flex;
 width: 60%;
 margin: 0 auto;
 justify-content: center;
 flex-wrap: wrap;
}
.list-flex-box li {
 list-style: none;
 width: 50%;
}
.list-flex-box li img {
 border-radius: 20%;
 width: 80%;
}
.list-title {
 background-color: #FFFABE;
 width: fit-content;
 margin: 8px auto 0;
 text-align: left;
 padding: 16px 24px;
 border-radius: 20px;
 position: relative;
 z-index: 100;
 font-size: clamp(11px, 3vw, 20px);
 line-height: 1.5;
}
.list-flex-box p {
 text-align: left;
 width: 65%;
 margin: 8px auto 32px;
 font-size: clamp(12px, 3vw, 20px);
 letter-spacing: 2px;
}
@media (max-width: 1024px) {
 .catch-copy5 {
  width: 90%;
  margin: 0px auto 40px;
 }
 .catch-copy5 img {
  width: 90%;
 }
 .list-flex-box {
  width: 90%;
 }
 .list-flex-box li img {
  border-radius: 20%;
  width: 90%;
 }
 .list-title {
  width: fit-content;
  margin: 4px auto 0;
  padding: 8px 16px;
 }
 .list-flex-box p {
  padding-left: 40px;
  width: clamp(150px, 35vw, 300px);
  margin: 8px auto 40px;
  letter-spacing: 2px;
 }
}
@media (max-width: 568px) {
 .list-flex-box p {
  padding-left: 0px;
 }
}
.section-enjoy-howto {
 background-color: #EEE6DE;
 padding: 80px 0;
 margin-top: 80px;
}
.section-enjoy-howto h3 {
 letter-spacing: 4px;
 margin: 0 auto 70px;
}
.section-enjoy-howto ul {
 display: flex;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
}
.section-enjoy-howto ul li {
 list-style: none;
}
.enjoy-image {
 width: clamp(280px, 70vw, 300px);
 border-radius: 40px;
}
.enjoy-weight {
 font-weight: 700;
}
.enjoy-yazirusi {
 width: 40px;
 height: 40px;
 margin: 0 20px;
}
.enjoy-description {
 background-color: #fff;
 width: clamp(280px, 70vw, 300px);
 margin: 0 auto;
 border-radius: 40px;
 padding: 124px 0px 24px;
 margin-top: -100px;
 height: 350px;
}
.enjoy-title {
 font-size: 20px;
 font-weight: 500;
}
.enjoy-subtitle {
 text-align: left;
 font-size: 16px;
 width: 260px;
 margin: 0 auto;
 font-weight: 100;
 line-height: 1.8;	
 padding-left: 1.5rem;
}
@media (max-width: 1024px) {
 .section-enjoy-howto ul {
  flex-wrap: wrap;
  flex-direction: column;
 }
 .enjoy-yazirusi {
  width: 40px;
  height: 40px;
  margin: 16px 0;
  transform: rotate(90deg);
 }
 .enjoy-description {
  padding: 116px 0px 24px;
 }
 .enjoy-title {
  font-size: 20px;
 }
 .enjoy-subtitle {
  font-size: 16px;
 }
}
.repeat-box {
 display: flex;
 margin: 100px auto;
 justify-content: center;
 align-items: center;
}
.catch-copy6 {
 text-align: center;
 margin-bottom: 70px;
}
.catch-copy6 img {
 width: 100%;
}
.repeat-description {
 text-align: left;
 font-size: clamp(16px, 4vw, 20px);
}
.repeat-orenge {
 color: #E36D36;
 border-bottom: 1px solid;
}
.repeat-image {
 width: 50%;
}
.repeat-image img {
 width: 90%;
}
.repeat-images {
 font-size: 20px;
 text-align: left;
 line-height: 8px;
 color: #F8401E;
padding-left: 1.5rem;
  text-indent: -1.5rem;
}
.repeat-images img {
 width: 4%;
}
.repeat-sub-description {
 display: block;
 text-align-last: left;
 font-size: 15.5px;
}
.repeat-flex-box {
 width: 50%;
}
@media (max-width: 1024px) {
 .repeat-flex-box {
  width: 90%;
 }
 .repeat-box {
  flex-direction: column;
  width: 100%;
 }
 .catch-copy6 {
  margin-bottom: 32px;
 }
 .repeat-description {
  line-height: 1.5;
  width: 80%;
  margin: 0 auto 24px;
  justify-content: center;
  display: block;
 }
 .repeat-images {
  line-height: 20px;
   font-size: 16px;
   margin-bottom: -8px;
 }
 .set-sub-description {
  width: 90%;
  margin: 0 auto;
 }
 .repeat-image {
  width: 100%;
 }
}
.set-box {
 background-color: #EEE6DE;
 padding: 90px 0;
}
.set-title {
 font-size: clamp(24px, 6vw, 40px);
 letter-spacing: 4px;
 font-weight: 500;
}
.set-flex-box {
 display: flex;
}
.set {
 width: 80%;
 margin: 50px auto 40px;
}
.set img {
 width: 80%;
}
.set-subtitle {
 font-weight: 900;
}
.kome-description1 {
 width: 80%;
 margin: 16px auto 8px;
}
@media (max-width: 1024px) {
 .set-box {
  background-color: #EEE6DE;
  padding: 70px 0;
 }
 .set-title {
  letter-spacing: 2px;
  display: block;
  width: 80%;
  margin: 0 auto;
 }
 .set {
  margin: 24px auto 20px;
 }
 .set-flex-box {
  flex-direction: column;
 }
 .set img {
  width: 100%;
 }
 .kome-description1 {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
 }
 .kome-description2 {
  width: 90%;
  font-size: 16px;
 }
}
.application {
 width: 80%;
 margin: 70px auto 100px;
}
.application h3 {
 margin-bottom: 40px;
 letter-spacing: 4px;
}
.application p {
 margin-bottom: 40px;
 width: 600px;
 margin: 40px auto;
 font-size: 18px;
}
.application span {
 color: #FF0000;
}
.btn-flexbox {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 box-sizing: border-box;
 margin: 0 auto;
 max-width: 700px;
}
.arrow-button {
 /* ボタンのCSS */
 background-color: #D25B10;
 border-radius: 60px;
 color: #fff;
 display: block;
 padding: 24px 36px 24px 16px;
 position: relative; /* position: relative;で矢印の位置を基点とさせます */
 text-align: center;
 text-decoration: none;
 width: 100%;
 font-size: 20px;
}
.arrow-button::before {
 content: '';
 border: solid 2px #fff;
 display: inline-block;
 border-radius: 50%;
 width: 8%;
 height: 25%;
 background-color: #fff;
 position: absolute;
 top: 36%;
 left: 85%;
}
.arrow-button > ::after {
 /* 擬似要素で矢印アイコンをつくる */
 content: '';
 border: 0;
 border-top: solid 2px #D25B10;
 border-right: solid 2px #D25B10;
 display: inline-block;
 width: 8px;
 height: 8px;
 /* 矢印アイコンの位置を設定 */
 position: absolute;
 top: 50%;
 right: 31px;
 transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}
.arrow-button2 {
 /* ボタンのCSS */
 background-color: #1B284F;
 border-radius: 60px;
 color: #fff;
 display: block;
 padding: 24px 36px 24px 24px;
 position: relative; /* position: relative;で矢印の位置を基点とさせます */
 text-align: center;
 text-decoration: none;
 width: 100%;
 font-size: 20px;
}
.arrow-button2::before {
 content: '';
 border: solid 2px #fff;
 display: inline-block;
 border-radius: 50%;
 width: 8%;
 height: 25%;
 background-color: #fff;
 position: absolute;
 top: 36%;
 left: 85%;
}
.arrow-button2::after {
 /* 擬似要素で矢印アイコンをつくる */
 content: '';
 border: 0;
 border-top: solid 2px #1B284F;
 border-right: solid 2px #1B284F;
 display: inline-block;
 width: 8px;
 height: 8px;
 /* 矢印アイコンの位置を設定 */
 position: absolute;
 top: 50%;
 right: 31px;
 transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}
@media (max-width: 1024px) {
 .application p {
  width: 88%;
  margin: 0 auto 40px;
 }
 .btn-flexbox {
  display: flex;
   flex-direction: column;
 }
 .arrow-button {
  /* ボタンのCSS */
  margin-bottom: 40px;
  font-size: 16px;
 }
 .arrow-button2 {
  font-size: 16px;
  padding-right: -16px;
 }
 .arrow-button::after {
  right: 27px;
 }
 .arrow-button2::after {
  right: 27px;
 }
}
.goods-list {
 background-color: #EEE6DE;
 padding: 70px 0;
}
.goods-list h3 {
 font-size: clamp(19px, 5vw, 40px);
 margin-bottom: 40px;
 letter-spacing: 4px;
}
.goods-list-subtitle {
 margin: 0 auto 32px;
 width: 500px;
 text-align: left;
}
.goods-list-image img {
 width: 100%;
 max-width: 1000px;
 margin-bottom: 32px;
}
.goods-list-image2 {
 display: none;
}
.goods-list-description {
 text-align: left;
 width: 500px;
 margin: 0 auto;
}
.goods-list-weight {
 font-weight: 700;
}
.goods-list-red {
 color: #F8401E;
 font-weight: 700;
}
.goods-list-image2-title {
 display: none;
}
@media (max-width: 1024px) {
 .goods-list h3 {
  letter-spacing: 2px;
  white-space: nowrap;
 }
 .goods-list-subtitle {
  margin-bottom: 24px;
  width: 82%;
 }
 .goods-list-image img {
  display: none;
 }
 .goods-list-image2 {
  display: block;
 }
 .goods-list-image2 img {
  width: 90%;
 }
 .goods-list-image2-title {
  text-align: left;
  color: #F8401E;
  width: 90%;
  margin: 16px auto;
  display: block;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
 }
 .goods-list-description {
  margin: 40px auto 0;
  width: 88%;
 }
}
.voice {
 width: 80%;
 margin: 70px auto 100px;
}
.voice-logo {
 display: flex;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
 font-size: 24px;
}
.voice-logo img {
 width: 24%;
 padding: 0 4px 12px;
}
.voice-ribon {
 width: 10%;
 margin: 60px auto 16px;
}
.voice h3 {
 font-size: 40px;
 margin-bottom: 40px;
}
.voice-video {
 margin-bottom: 50px;
 width: 80%;
 max-width: 800px;
}
.voice-flex-box {
 display: flex;
 justify-content: space-around;
 align-items: center;
 width: 90%;
 margin: 0 auto 60px;
}
.voice-image {
 width: 100%;
}
.voice-image img {
 border-radius: 50%;
 height: 240px;
}
.voice-box {
 margin-left: 40px;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
}
.voice-name {
 text-align: left;
 margin-bottom: 16px;
 font-size: 20px;
}
.voice-description {
 text-align: left;
 border: solid 1px #002E00;
 border-radius: 0 30px 30px;
 background-color: #F9F8FD;
 padding: 16px;
 width: 90%;
}
.voice-logo2 {
 display: flex;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
 font-size: 24px;
}
.voice-logo2 img {
 width: 24%;
 padding: 0 4px 12px;
}
.voice-font-weight {
  font-weight: 700;
}
@media (max-width: 1024px) {
 .voice {
  width: 90%;
  margin: 70px auto 50px;
 }
 .voice-logo {
  font-size: 20px;
  flex-wrap: wrap;
 }
 .voice-logo img {
  width: 60%;
  padding: 0 4px 10px;
 }
 .voice-ribon {
  width: 40%;
  margin: 32px auto 32px;
 }
 .voice h3 {
  font-size: 24px;
  margin-bottom: 32px;
 }
 .voice-video {
  margin-bottom: 40px;
  width: 100%;
 }
 .voice-flex-box {
  flex-direction: column;
  width: 100%;
  margin: 0 auto 24px;
 }
 .voice-image {
  width: 90%;
  margin-bottom: 24px;
 }
 .voice-box {
  margin-left: 0px;
 }
 .voice-name {
  text-align: center;
  margin-bottom: 8px;
 }
 .voice-description {
  margin: 0 auto 70px;
 }
 .voice-logo2 img {
  width: 16%;
 }
 .voice-logo2 {
  font-size: 20px;
  flex-wrap: wrap;
  line-height: 1.8;
 }
 .voice-logo2 img {
  width: 60%;
  padding: 0 2px 4px;
 }
}
.introduction {
 background-color: #EEE6DE;
 padding: 70px 0;
}
.catch-copy7 {
 width: 30%;
 margin-bottom: 32px;
}
.introduction-title {
 font-size: clamp(24px, 5vw, 32px);
 background: linear-gradient(transparent 50%, #FFFCBA 50%);
 display: block;
 width: 16%;
 margin: 0 auto 32px;
 padding-bottom: 10px;
}
.introduction h3 {
 font-size: clamp(15px, 4vw, 24px);
 margin-bottom: 50px;
}
.introduction-flex-box {
 display: flex;
 width: 50%;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
 margin-bottom: 32px;
}
.introduction-subtitle img {
 width: 30%;
}
.FBC {
 font-size: 32px;
 margin-bottom: 24px;
}
.introduction-subtitle2 {
 font-size: 24px;
 line-height: 30px;
 margin-bottom: 16px;
}
.introduction-subtitle2 span {
 font-size: 32px;
 display: block;
 padding-top: 16px;
}
.introduction-image {
 width: 50%;
}
.introduction-image img {
 border-radius: 50%;
 width: 90%;
}
.introduction-description {
 width: 50%;
 text-align: left;
 margin: 0 auto;
}
@media (max-width: 1024px) {
 .introduction {
  background-color: #EEE6DE;
  padding: 70px 0 80px;
 }
 .catch-copy7 {
  width: 70%;
 }
 .introduction-title {
  font-size: 24px;
  width: 50%;
  margin: 0 auto 40px;
 }
 .introduction h3 {
  margin-bottom: 32px;
 }
 .introduction-flex-box {
  flex-direction: column;
  width: 80%;
 }
 .introduction-subtitle img {
  width: 70%;
 }
 .FBC {
  font-size: 24px;
  margin-top: 8px;
  margin-bottom: 40px;
 }
 .introduction-subtitle2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 32px;
 }
 .introduction-image {
  width: 100%;
 }
 .introduction-image img {
  width: 80%;
 }
 .introduction-description {
  width: 80%;
 }
}
.question {
 margin: 72px auto;
}
.question img {
 width: 16%;
}
.question h4 {
 font-size: clamp(24px, 6vw, 40px);
 margin-bottom: 64px;
}
.question-image {
 margin-bottom: 32px;
}
.question-image img {
 width: 90%;
}
.question-description {
 text-align: left;
 width: 60%;
 margin: 16px auto 40px;
}
.question-description2 {
 text-align: left;
 width: 60%;
 margin: 16px auto 40px;
 border: solid 3px #1E284C;
 border-radius: 20px;
 background-color: #FFFCBA;
 padding: 10px 4px 10px 16px;
}
.question-description-box {
 width: 60%;
 margin: 0 auto 80px;
}
.question h5 {
 border: solid 1px #EA9090;
 border-radius: 10px;
 background-color: #EA9090;
 color: #fff;
 padding: 8px 16px 8px 16px;
 width: 40%;
 text-align: left;
 font-size: 20px;
}
.qestion-h5-2 {
 border: solid 1px #EA9090;
 border-radius: 10px;
 background-color: #EA9090;
 color: #fff;
 padding: 8px 16px 8px 16px;
 width: fit-content;
 text-align: left;
 font-size: clamp(18px, 4vw, 20px);
}
.qestion-h5-3 {
 border: solid 1px #DDD661;
 border-radius: 10px;
 background-color: #DDD661;
 color: #fff;
 padding: 8px 16px 8px 16px;
 width: fit-content;
 text-align: left;
 font-size: clamp(18px, 4vw, 20px);
}
.qestion-h5-3-2 {
 border: solid 1px #FEF8D8;
 border-radius: 10px;
 background-color: #FEF8D8;
 color: #1B284F;
 padding: 24px 20px;
 width: 96%;
 text-align: left;
 font-size: 20px;
 line-height: 1.8;
 font-weight: 100;
}

.question-description3 {
 border: solid 1px #FFD6D6;
 border-radius: 10px;
 background-color: #FFD6D6;
 color: #1B284F;
 padding: 24px 20px;
 width: 96%;
 text-align: left;
}
.question-description-wrapper {
 display: flex;
 flex-direction: column;
 margin: 0 auto;
 width: 60%;
}
.question h6 {
 font-size: 24px;
 color: #F8401E;
 margin: 24px 0px;
 text-align: left;
}
.question-list {
 width: calc(60% - 40px);
 margin-bottom: 16px;
}
.question-list li {
 text-align: left;
 font-size: clamp(16px, 4vw, 20px);
 list-style-position: inside;
 line-height: 1.5;
}
.question-description4 {
 color: #F8401E;
 margin-bottom: 24px;
 text-align: left;
 font-size: clamp(16px, 4vw, 20px);
}
.question-description5 {
 text-align: left;
 margin-bottom: 40px;
}
.question-description5 span {
 background: linear-gradient(transparent 70%, #FDC04B 50%);
}
.qestion-h5-3-2 li {
 margin-left: 1.4em;
 font-size: clamp(16px, 4vw, 16px);
}
.question-description6 {
 font-size: clamp(16px, 3vw, 32px);
 letter-spacing: 4px;
 margin-bottom: 64px;
 font-weight: 500;
}
.question-description6 span {
 font-size: clamp(20px, 7vw, 64px);
}
.question-imagesp {
 display: none;
}
.calculation {
 margin-bottom: 64px;
}
.calculation img {
 width: 80%;
 max-width: 800px;
}
.question-description7 {
 text-align: left;
 width: 61%;
 line-height: 1.5;
 font-size: clamp(16px, 4vw, 24px);
 margin: 0 auto;
}
.question-description7 span {
 color: #F8401E;
}
.question-description7 li {
 list-style-position: inside;
 margin-left: 4em;
 text-indent: -0.9em;
 margin-bottom: 16px;
}
@media (max-width: 1024px) {
 .question {
  width: 90%;
  margin-bottom: 100px;
 }
 .question img {
  width: 40%;
 }
 .question h4 {
  margin-bottom: 70px;
 }
 .question-image {
  display: none;
 }
 .question-imagesp {
  display: block;
 }
 .question-imagesp img {
  width: 100%;
  margin-bottom: 70px;
 }
 .question-imagesp img:last-child {
  margin-bottom: 32px;
 }
 .question-description {
  width: 90%;
  margin: 0 auto 32px;
 }
 .question-description2 {
  width: 90%;
  margin: 0 auto;
  padding: 16px 16px;
 }
 .question-description-box {
  width: 90%;
  margin: 0 auto 100px;
 }
 .question h5 {
  font-size: 16px;
  padding: 8px 16px 8px 16px;
  width: 78%;
 }
 .question-description3 {
  padding: 16px 8px;
 }
 .question h6 {
  font-size: 24px;
  width: 88%;
 }
 .question-description-wrapper {
  width: 90%;
  overflow: hidden;
 }
 .question-list {
  width: 80%;
  font-size: 12px;
 }
 .question-description4 {
  width: 90%;
 }
 .question-description5 {
  width: 100%;
 }
 .question-description6 {
  width: 90%;
  margin: 0 auto 32px;
 }
 .calculation {
  margin-bottom: 40px;
 }
 .calculation img {
  width: 100%;
 }
 .question-description7 {
  width: 90%;
  margin: 0 auto;
 }
 .qestion-h5-3-2 {
  font-size: 16px;
  padding: 24px 16px;
 }
 .question-description7 li {
  margin-left: 0rem;
 }
}
.present {
 width: 90%;
 margin: 0 auto 100px;
}
.present h2 {
 font-size: 40px;
 letter-spacing: 4px;
 margin: 0 auto 40px;
 color: #fff;
 background-color: #1B284F;
 padding: 30px 60px;
 width: 80%;
}
.present h2 br {
 display: none;
}
.present-flex-box {
 display: flex;
 width: 100%;
 margin: 80px auto 0;
 max-width: 1072px;
 align-items: center;
}
.present-icon img {
 width: 60%;
}
.present-title {
 font-size: clamp(18px, 4vw, 32px);
 line-height: 1.8;
 text-align: left;
 width: 100%;
 margin: 0 auto 32px 24px;
 font-weight: 500;
}
.present-title span {
 font-size: clamp(20px, 5vw, 36px);
 color: #F8401E;
}
.present-description {
 width: 80%;
 margin: 0 auto;
 text-align: left;
 max-width: 800px;
}
.present-description span {
 color: #F8401E;
}
.present-title-image img {
width: 40%;
}
.present-flex-box1 {
 display: flex;
 width: 90%;
 margin: 80px auto 0;
 max-width: 1200px;
 align-items: center;
justify-content: center;
}
.present-icon1 {
  width: 11%;
}
.present-icon1 img {
 width: 100%;
}
.present-title1 {
 font-size: clamp(18px, 4vw, 30px);
 line-height: 1.8;
 text-align: left;
 width: 50%;
 margin: 0 0px 32px 100px;
 font-weight: 500;
}
.present-title1 span {
 font-size: clamp(20px, 5vw, 32px);
 color: #F8401E;
}
.present-description1 {
 width: 80%;
 margin: 0 auto;
 text-align: left;
 max-width: 800px;
}
.present-description1 span {
 color: #F8401E;
}
.present-title-image1 img {
width: 100%;
}
.present-title-image1 {
  width: 20%;
}
.present-title-image2 img {
width: 100%;
}
.present-title-image2 {
  width: 20%;
}
.present-point {
 width: 80%;
 margin: 0 auto;
 text-align: left;
 max-width: 800px;
 display: inline-block;
 background-color: #fff200;
 color: #000;
}
@media (max-width: 1024px) {
 .present h2 {
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 40px;
  padding: 24px 8px;
  line-height: 30px;
  width: 90%;
 }
 .present h2 br {
  display: block;
 }
 .present-flex-box {
  display: block;
  width: 100%;
  margin: 40px auto 0;
 }
  .present-flex-box1 {
    display: block;
  width: 90%;
  margin: 40px auto 0;
  }
  .present-title-image1 {
    width: 80%;
    margin: 0 auto 40px;
  }
  .present-title1 {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .present-title-image2 {
    display: none;
  }
  .present-icon1 {
    width: 100%;
    margin-bottom: 32px;
  }
  .present-icon {
    margin-bottom: 32px;
  }
 .present-icon img {
  width: 40%;
 }
  .present-icon1 img {
  width: 40%;
 }
 .present-title {
  margin-bottom: 24px;
  margin-left: 0;
  text-align: center;
 }
  .present-title span {
 font-size: clamp(18px, 5vw, 28px);
}
 .present-description {
  width: 90%;
 }
}
.section-qestion {
 margin: 0 auto 100px;
}
.section-qestion h2 {
 font-size: clamp(24px, 5vw, 40px);
 letter-spacing: 4px;
 margin-bottom: 64px;
}
.details {
 width: 50%;
 margin: 0 auto 40px;
 border-bottom: 1px #0F2D07 dotted;
 padding-bottom: 16px;
}
.details p {
 line-height: 30px;
}
.summary {
 list-style-type: none;
 position: relative;
 text-align: left;
 padding-left: 120px;
 font-size: clamp(16px, 4vw, 20px);
}
.summary::-webkit-details-marker {
 display: none;
}
.summary:before {
 content: "＋";
 position: absolute;
 left: 40px;
}
.details[open] .summary:before, .summary .details[open] .summary:before {
 content: "−";
}
.details p {
 text-align: left;
 padding-left: 120px;
 padding-top: 16px;
 font-size: clamp(16px, 4vw, 20px);
}
.section-qestion-description {
 margin-top: 80px;
 font-size: clamp(18px, 5vw, 24px);
 line-height: 1.8;
 font-weight: 500;
 text-align: left;
 margin: 0 auto;
 display: inline-block;
 padding-bottom: 40px;
}
.section-qestion-description span {
 font-size: clamp(14px, 4vw, 18px);
}
@media (max-width: 1024px) {
 .section-qestion {
  width: 90%;
 }
 .section-qestion h2 {
  letter-spacing: 2px;
  margin-bottom: 48px;
 }
 .details {
  width: 90%;
  font-size: 11px;
 }
 .summary {
  padding-left: 60px;
 }
 .details p {
  padding-left: 60px;
  padding-top: 8px;
 }
}
.footer {
 padding: 120px 0 40px;
 background-color: #1B284F;
 color: #fff;
}
.footer p {
 margin-bottom: 24px;
}
.privacy_wrapper {
 overflow: hidden;
}
.privacy_wrapper ul {
 display: flex;
 justify-content: center;
}
.privacy_wrapper li {
 margin: 24px 24px;
 list-style: none;
}
.privacy_wrapper li a {
 text-decoration: none;
 color: #fff;
}
.privacy_wrapper li {
 position: relative;
}
.privacy_wrapper li::before {
 content: "";
 display: inline-block;
 width: 1px;
 height: 20px;
 background-color: #fff;
 position: absolute;
 top: 3px;
 left: -25px;
}
.privacy_wrapper li:first-child:before {
 content: "";
 display: none;
}
@media (max-width: 1024px) {
 .footer {
  padding: 240px 0 40px;
  font-size: 16px;
 }
 .footer p {
  margin-bottom: 32px;
 }
 small {
  font-size: 14px;
 }
 .privacy_wrapper ul {
  flex-direction: column;
  margin: 16px 24px;
 }
 .privacy_wrapper li::before {
  content: "";
  display: none;
 }
}