html {font-size: 18px;scroll-behavior: smooth;overflow-x: hidden;}
body {font-family: 'Noto Sans', sans-serif;margin: 0;padding: 0;overflow-x: hidden;}
p{font-size: 1.0rem;line-height: 1.8rem;}
img {vertical-align: top;width: 100%; height: auto;}
.return {
    display: block;
    width: 400px;
    box-sizing: border-box;
    color: #fff;
    background: -webkit-gradient(180deg, #43cea2, #185a9d);
    background: linear-gradient(180deg, #43cea2, #185a9d);
    margin: 40px auto 0;
    text-align: center;
    padding: 23px;
    line-height: 1;
    font-weight: bold;
    border-radius: 10px;
    transition: 0.4s;
    font-size: 18px;
}
.thanks_title {
  font-size: 30px;
font-weight: bold;
margin: 0 0 40px;
text-align: center;
}


#manga2408 h2,#manga2408 h3{margin: 0;padding: 0;}

.section01 h2,.section02 h2,.section03 h2,.section04 h2,.section05 h2,.section06 h2,.section07 h2,.section08 h2{
  margin-bottom: 120px !important;color: #000;text-align: center;font-size: 48px;}

.section01 .wrap,.section02 .wrap,.section03 .wrap,.section05 .wrap,.section06 .wrap,.section07 .wrap,.section08 .wrap{
  max-width: 1023px;margin:  0 auto;}

.custom-font {font-family: 'Libre Baskerville', 'Noto Serif', serif !important;}
.subHeadtext{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 120px;color: #000;}
.fade01 {opacity: 0;transform: translateY(50px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.fade01.visible {opacity: 1;transform: translateY(0);}
.padding-common{padding: 160px 0 72px 0;}
.enty-margin{margin-top: 72px !important;}
.gradient01{background: linear-gradient(to right, #0070F1 0%, #00E067 100%);-webkit-background-clip: text;color: transparent;}

.goEnty{margin: 0 auto;max-width: 550px;text-align: center;z-index: 2;position: relative;}
.goEntyA {font-size: 27px;position: relative;display: inline-block;padding: 16px 80px;text-decoration: none;color: #fff;font-weight: bold;overflow: hidden;background-color: red;transition: color 0.3s, transform 0.3s;border-radius: 32px;}
.goEntyA::before {content: '';position: absolute;top: 50%;left: 50%;width: 200%;height: 200%;background-color: #0070F1;background: linear-gradient(to right, #0070F1 0%, #00E067 80%);transition: transform 0.3s ease, opacity 0.3s ease;transform: translate(-50%, -50%) scale(0);z-index: 0;}
.goEntyA:hover::before {transform: translate(-50%, -50%) scale(1);}
.goEntyA:hover {color: #fff;transform: translateY(5px);box-shadow: 0 4px 0px rgba(255, 255, 255, 1); }
.goEntyA span {position: relative;z-index: 1; }

.overlay {position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(255, 255, 255, 1);pointer-events: none;z-index: 9999;opacity: 1;transition: opacity 0.3s ease;}
.shine {animation: shine 1s ease-out forwards;}
@keyframes shine {
  100% {opacity: 1;transform: translateX(-100vw);}
  30% {opacity: 0.5;transform: translateX(30vw);}
  100% {opacity: 0;transform: translateX(200vw);}
}

.header {position: fixed; top: 0;left: 0;width: 100%;z-index: 1000;display: flex;box-sizing: border-box;justify-content: space-between; align-items: center;padding: 20px 40px;   background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.header h1 {margin: 0;}
.header h1 a{display: flex;align-items: center;}
.header h1 img{max-width: 314px;}
.header--right {display: flex;align-items: center;justify-content: flex-end;}
.header__nav {display: flex;}
.header__list {display: flex;list-style: none;margin: 0;padding: 0;align-items: center;}
.header__item {margin-left: 32px; }
.header__item a {text-decoration: none;color: #333;font-weight: bold;font-size: 16px;}
.header__itemContact {border-radius: 8px;display: flex;align-items: center;box-sizing: border-box;
background: linear-gradient(to right, #0070F1 0%, #00E067 100%);}
.header__itemContact a{color: #fff;padding: 8px 32px;display: block;display: flex;align-items: center;}
.header__itemContact img{max-width: 30px;height: auto;margin-left: 8px}
.header__itemContact a:hover{opacity: 0.7;}

.top-visual {background-color: #fff; width: 100%;height: 100vh;color: #fff;position: relative;overflow: hidden; }
.top-visual .photo-grid {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-rows: 1fr;width: 100vw;height: 100vh;gap: 1vw;}
.top-visual .column02 {display: flex;align-items: center;justify-content: center;overflow: hidden;}
.top-visual .column02 img {height: 100%;width: 100%; border: solid 5px #000;box-sizing: border-box;object-fit: cover;object-position: center;filter: grayscale(50%) contrast(80%) brightness(90%) saturate(50%);}
.top-visual .wrapFv { position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);width: 75%;height: 75%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.top-visual .cover01 {align-self: flex-start;text-align: center;}
.top-visual .cover01 img{width: 70%;}
.top-visual .bottom{position: relative;margin-top: auto;max-width: 558px;}
.top-visual.sp{display: none;}

.section01{background: #fff;}
.section01 h2{color: black;}
.section01 .items{display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; align-items: center;margin-bottom: 120px;}
.section01 .items > div {flex-basis: calc(18% - 40px);     box-sizing: border-box;     display: flex;    justify-content: center;align-items: center;}
.section01 .items > div img {max-width: 100%; height: auto; }
.section01 .items > div .image03{width: 80%;}
.section01 .textBlock{text-align: center;}
.section01 .text01{display: flex;justify-content: center;align-items: center; gap:12px;margin-bottom: 40px;}
.section01 .text01 > div{padding: 20px 24px;font-size: 20px;font-weight: bold;border-radius: 8px;background: #DDE7F4;}
.section01 .text02{font-weight: bold;font-size: 30px;color: red;}

.section02{background: #ECF3FE;}
.section02 .box{display: flex;gap: 45px;margin-bottom: 80px;}
.section02 .box.box-last{margin-bottom: 0;}
.section02 .left{background: white;width: 36%;align-self: start; }
.section02 .left img{width: 100%;height: auto;border:solid 2px #7E7E7E; }
.section02 .right{width: 64%;}
.section02 h3{font-weight: bold;font-size: 1.6rem;margin-bottom: 20px !important;}
.section02 .text01{line-height: 1.6em;font-size: 17px;}
.section02 .text02{line-height: 3.6rem;font-weight: bold;font-size: 3.0rem;display: flex;margin: 12px 0 12px 0;display: inline-block;}
.section02 .text02 > div {display: inline-block;}
.section02 .text02 span{font-size: 1.7rem;}

.section03 {background: white;padding-top: 160px;}
.section03 .list{padding-bottom: 32px;}
.section03 table {border-collapse: separate;border-spacing:12px 0;  width: 100%; }
.section03 table td {font-size: 20px; background-color: #C0C0C0; text-align: center;padding: 0px 20px 0px 20px;}
.section03 .gradient02{background: red;}
.section03 .transparent01{background: transparent !important;}
.section03 .transparent02{padding-top: -40px;}
.section03 table span{padding: 40px 8px;background: #fff;display: block;}
.section03 .pad01 td{font-weight: bold;font-size: 33px;padding: 40px 0 40px 0;}
.section03 .pad02 td{padding-bottom: 40px;}
.section03 .pad03 td{padding-top: 0px;}
.section03 tr td:first-child {font-weight: bold;background-color: #838181;color: #fff;}
.section03 tr td:first-child span{background: #838181;}
.section03 tr td:nth-child(2){background: linear-gradient(to right, #0070F1 0%, #00E067 100%);}
.section03 .gradient02{color: red;font-weight: bold;}
.section03 .gradient03{color: #fff;}
.section03 .block {  width: 100%;}
.section03 .whiteBox{background: #fff;height: 10px;}
.section03 .triangle01{width: 100%;height:200px; background-color: #ffffff; clip-path: polygon(50% 100%, 0 0, 100% 0); margin-top: -3px;}
.section03 .box{text-align: center;}
.section03 .text01{font-weight: bold;font-size: 2.5rem;line-height: 1.4em;color: #fff;}
.section03 .text02{font-size: 2.0rem;line-height: 1.4em;color: #fff;margin: 0;}
.section03 .cover02{background: linear-gradient(to right, #0070F1 0%, #00E067 100%);padding-bottom:72px; }

.section04{background: #fff;}
.section04 .wrap{max-width: 1200px; margin:  0 auto;}
.section04 .items {display: flex;flex-wrap: wrap; gap: 32px;margin-bottom: 120px;}
.section04 .box {flex: 1 1 calc(25% - 32px);box-sizing: border-box; display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width:25%; }
.section04 .pic img {max-width: 100%;height: auto; display: block; transition: all 0.3s ease; }
.section04 .text03 {font-weight: bold;font-size: 1.2rem;line-height: 2.2em;}
.section04 .text04 {padding: 0px 0px 12px 0px;font-size: 17px;line-height: 1.4em;}
.section04 .pic {display: inline-block; position: relative; }
.section04 .pic:hover img {box-shadow: 0 0 0 6px red;opacity:0.7; }
.section04 .block {display: flex;flex-wrap: wrap; gap: 32px;}
.section04 .box02 {flex: 1 1 calc(25% - 32px);box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 25%;}
.section04 .pic02 img {max-width: 100%;height: auto; display: block; transition: all 0.3s ease; }
.section04 .text05{width: 100%;text-align: center;font-size: 1.4rem;line-height: 2.0em;
  background: linear-gradient(to right, #0070F1 0%, #00E067 100%);
  color: white;font-weight: bold; }
.section04 .text06{padding: 12px 0px 0px 0px;font-size: 17px;line-height: 1.4em}

.section05{background: #ECF3FE;}
.section05 .box{ align-items: flex-start; display: flex;justify-content: space-between;margin-bottom: 80px;}
.section05 .box.box-last{margin-bottom: 0;}
.section05 .left{width: 35%;display: flex;}
.section05 .left .image01{  width: 50%;   box-sizing: border-box;  height: auto; object-fit: cover; }
.section05 .left .image02{  width: 100%;   box-sizing: border-box;  height: auto; object-fit: cover; }
.section05 .right{width: 60%;}
.section05 .text01{margin: 0;padding: 0;font-weight: bold;font-size: 30px;}
.section05 .table01{font-weight: bold;}
.section05 .table01 td{padding: 4px 0;}
.section05 .table01 tr td:nth-child(2){padding-left: 16px;}

.section06{background: white;}
.section06 .process-flow {  display: flex;  flex-direction: column;  align-items: flex-start;max-width: 737px;margin: 0 auto;margin-top: 80px;}
.section06 .step {display: flex;align-items: flex-start;position: relative;padding-bottom: 30px;}
.section06 .step.step-last{padding-bottom: 0;}
.section06 .circle { flex-shrink: 0;width: 50px;height: 50px;border-radius: 50%;background-color: #0070F1;
    color: white;display: flex;align-items: center;justify-content: center;
    font-size: 24px;margin-right: 20px; position: relative;z-index: 1;font-weight: bold;
    background: linear-gradient(to right, #0070F1 0%, #00E067 100%); }
.section06 .texts{ flex-shrink: 1; display: flex;flex-direction: column;}
.section06 .text01{font-weight: bold;font-size: 25px;margin-bottom: 8px;display: flex;padding-top: 4px;}
.section06 .text01 span{background: #3EA2E7;padding: 8px 16px;border-radius: 12px;font-size: 12px;color: #fff;margin-left: 20px;}
.section06 .text02{margin: 0;padding: 0;line-height: 1.4em;padding-bottom: 20px;font-size: 15px;}
.section06 .text02.text02-last{padding-bottom: 0;}
.section06 .line {position: absolute;width: 6px;height: 100%;background-color: #0070F1;top: 50px;left: 22px;z-index: 0;}

.section07{background: #ECF3FE;}
.section07 .accordion-container {width: 100%;max-width: 732px;margin: 0 auto;}
.section07 .accordion {width: 100%;margin-bottom: 16px;border-radius: 5px;overflow: hidden;}
.section07 .accordion.accordion_last{margin-bottom: 0;}
.section07 .toggle {display: none;}
.section07 .topQ {font-weight: bold;font-size: 22px;padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;background-color: #0070F1;background: linear-gradient(to right, #0070F1 0%, #00E067 100%);color: white;border-radius: 5px;position: relative;transition: border-radius 0.3s ease; }
.section07 .topQ::after {content: '';display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid white; position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.section07 .bottomA {max-height: 0;line-height: 1.7em;overflow: hidden;background-color: #fff;padding: 0 15px;border-radius: 0 0 5px 5px;transition: max-height 0.3s ease-out, padding 0.3s ease-out;}
.section07 .toggle:checked + .topQ {border-radius: 5px 5px 0 0;}
.section07 .toggle:checked + .topQ + .bottomA {max-height: 200px; padding: 20px 40px;}

.section08{background: #1A4273;}
.section08 h2{color:#fff !important;}
.section08 .subHeadtext{color: red;background: rgba(255, 255, 255, 0.7);padding: 20px 20px;}
.contact__inner {max-width: 800px;margin: 0 auto;background-color: #fff;padding: 40px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;}

.footer {background-color: #D9D9D9; color: #000; padding: 20px 0; text-align: center; }
.footer div {margin-bottom: 10px;  }
.footer a {font-size: 13px; color: #000;  margin: 0 10px; text-decoration: none;  transition: color 0.3s ease;}
.footer a:hover {color: #999; }
.footer p {margin: 0; font-size: 13px;  }
.contact__item.privacy-content {
    margin-bottom: 44px;
    display: block;
}
.contact__item .contact__privacy-content {
    height: 190px;
    padding: 26px 34px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #ffffff;
    border: solid 1px #d2d0d0;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 0.14em;
    line-height: 1.2;
}


/* ノートPC用スタイル */
@media (max-width: 1280px) {

.section01 h2,.section02 h2,.section03 h2,.section04 h2,
.section05 h2,.section06 h2,.section07 h2,.section08 h2{margin-bottom: 100px !important;font-size: 48px;}

.subHeadtext{font-size: 22px;margin-bottom: 120px;}
.padding-common{padding: 140px 0 72px 0;}
.enty-margin{margin-top: 72px !important;}

.header {padding: 12px 24px ;}
.header h1 img{max-width: 240px;}
.header__item {margin-left: 18px; }
.header__item a {font-size: 13px;}
.header__itemContact a{padding: 8px 24px;}
.header__itemContact img{max-width: 30px;margin-left: 8px}

}

/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {

.section01 h2,.section02 h2,.section03 h2,.section04 h2,.section05 h2,.section06 h2,.section07 h2,.section08 h2{
  margin-bottom: 60px !important;color: #000;text-align: center;font-size: 36px;}
.section01 .wrap,.section02 .wrap,.section03 .wrap,.section05 .wrap,.section06 .wrap,.section07 .wrap,.section08 .wrap{
  max-width: 1023px;margin:0 auto;padding-left: 40px;padding-right: 40px;box-sizing: border-box;}

.subHeadtext{font-size: 20px;margin-bottom: 60px;}
.padding-common{padding: 100px 0 72px 0;}

.header {padding: 12px 12px ;}
.header h1 img{max-width: 180px;}
.header__item {margin-left: 12px; }
.header__item a {font-size: 11px;}
.header__itemContact a{padding: 8px 12px;}
.header__itemContact img{max-width: 30px;margin-left: 4px}


/*.top-visual {height: 50vh; }*/
.top-visual .photo-grid {grid-template-columns: repeat(7, 1fr);/*height: 100%;*/}
.top-visual .wrapFv { top: 50%;left: 50%;width: 85%;height: 60%;}
.top-visual .cover01 img{width: 80%;}
.top-visual .bottom{position: relative;margin-top: auto;max-width: 548px;}
.top-visual .column02.pic08,.top-visual .column02.pic09{display: none;}

.section01 .text01{display: flex;flex-wrap: wrap; gap: 10px; }
.section01 .text01 > div{padding: 8px 8px;font-size: 12px;font-weight: bold;border-radius: 8px;background: #DDE7F4;}
.section01 .text02{font-weight: bold;font-size:26px;color: red;line-height: 1.4em;}



.section02 h3{font-weight: bold;font-size:22px;margin-bottom: 12px !important;}
.section02 .text02{line-height: 2.0rem;font-weight: bold;font-size: 32px;display: flex;margin: 12px 0 12px 0;display: inline-block;}
.section02 .text02 span{font-size:18px;}




.section03 .list{padding-bottom: 32px;}
.section03 table {border-collapse: separate;border-spacing:4px 0;  width: 100%; }
.section03 table td {font-size: 16px; background-color: #C0C0C0; text-align: center;padding: 4px 4px 4px 4px;}
.section03 .gradient02{background: red;}
.section03 .transparent01{background: transparent !important;}
.section03 .transparent02{padding-top: -40px;}
.section03 table span{padding: 8px 4px;display: block;height: 20px;display: flex;align-items: center;justify-content: center;}
.section03 .pad01 td{font-weight: bold;font-size: 16px;padding: 12px 0 12px 0;}
.section03 .pad02 td{padding-bottom: 12px;}
.section03 .pad03 td{padding-top: 0px;}
.section03 .whiteBox{background: #fff;height: 10px;}
.section03 .triangle01{width: 100%;height:50px; background-color: #ffffff; clip-path: polygon(50% 100%, 0 0, 100% 0); margin-top: -3px;}
.section03 .text01{font-weight: bold;font-size: 36px;line-height: 1.4em;color: #fff;}
.section03 .text02{font-size: 24px;line-height: 1.4em;color: #fff;margin: 0;}
.section03 .cover02{background: linear-gradient(to right, #0070F1 0%, #00E067 100%);padding-bottom:72px; }


.section04 .items {display: flex;flex-wrap: wrap; gap: 24px;margin-bottom: 120px;}
.section04 .box {flex: 1 1 calc(25% - 32px);box-sizing: border-box; display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width:25%; }
.section04 .pic img {max-width: 100%;height: auto; display: block; transition: all 0.3s ease; }
.section04 .text03 {font-weight: bold;font-size: 17px;line-height: 1.4em;margin-bottom: 4px;}
.section04 .text04 {padding: 0px 0px 12px 0px;font-size: 17px;line-height: 1.4em;}
.section04 .pic {display: inline-block; position: relative; }
.section04 .pic:hover img {box-shadow: 0 0 0 6px red;opacity:0.7; }
.section04 .block {display: flex;flex-wrap: wrap; gap: 32px;}
.section04 .box02 {flex: 1 1 calc(25% - 32px);box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 25%;}
.section04 .pic02 img {max-width: 100%;height: auto; display: block; transition: all 0.3s ease; }
.section04 .text05{width: 100%;text-align: center;font-size: 18px;line-height: 2.0em;
  background: linear-gradient(to right, #0070F1 0%, #00E067 100%);
  color: white;font-weight: bold; }
.section04 .text06{padding: 12px 0px 0px 0px;font-size: 17px;line-height: 1.4em}


.section04 .wrap{padding-left: 40px;padding-right: 40px;box-sizing: border-box;}

}

/* スマートフォン用スタイル */
@media (max-width: 767px) {
.contact__inner {padding: 15px!important;}
.contact__item .contact__privacy-content {height: 100px;padding: 16px;}

p{font-size: 16px;line-height: 1.5em;}
.section01 h2,.section02 h2,.section03 h2,.section04 h2,.section05 h2,.section06 h2,.section07 h2,.section08 h2{
  margin-bottom: 32px !important;font-size: 21px;}
.section01 .wrap,.section02 .wrap,.section03 .wrap,.section05 .wrap,.section06 .wrap,.section07 .wrap,.section08 .wrap{
  max-width: 1023px;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}

.subHeadtext{font-size: 16px;margin-bottom: 24px;line-height: 1.4em}
.padding-common{padding: 64px 0 40px 0;}

.enty-margin{margin-top: 32px !important;}
.goEntyA {font-size: 17px;padding: 16px 60px;border-radius: 32px;}

.top-visual.pc{display: none;}
.top-visual.sp{display: block;width: 100%; display: flex;align-items: center;justify-content: center;}
.top-visual .wrapFv { top: 50%;left: 50%;width: 90%;height: 55%;}
.top-visual .cover01 img{width: 100%;}
.photo-grid-sp{width: 100%;height: 100vh;}
.photo-grid-sp img {width: 100%;height: 100%;object-fit: cover;object-position: center;filter: grayscale(50%) contrast(80%) brightness(90%) saturate(50%);}

.header {padding: 8px 8px;width: 100%;box-sizing: border-box;}
.header h1 img{max-width: 180px;}
.header__item a {font-size: 12px;}
.header__itemContact a{padding: 8px 12px;}
.header__itemContact img{max-width: 24px;margin-left: 4px}
.header__item:not(:last-child) {display: none;}

.section01 .items{ gap: 12px;margin-bottom: 40px;}
.section01 .items > div {flex-basis: calc(18% - 12px); }
.section01 .text01{display: flex;flex-wrap: wrap; gap: 10px; }
.section01 .text01 > div{padding: 8px 8px;font-size: 12px;font-weight: bold;border-radius: 8px;background: #DDE7F4;}
.section01 .text02{font-weight: bold;font-size: 15px;color: red;line-height: 1.4em;}

.section02 .box{display: block;margin-bottom: 80px;}
.section02 .left{width: 100%;margin-bottom: 20px;}
.section02 .right{width: 100%;}
.section02 h3{font-size: 19px;margin-bottom: 0px !important;}
.section02 .text01{line-height: 1.6em;font-size: 16px;}
.section02 .text02{line-height: 2.0rem;font-weight: bold;font-size: 32px;display: flex;margin: 12px 0 12px 0;display: inline-block;}
.section02 .text02 span{font-size:14px;}

.section03 {background: white;padding-top: 64px;}
.section03 .list{padding-bottom: 32px;}
.section03 table {border-collapse: separate;border-spacing:4px 0;  width: 100%; }
.section03 table td {font-size: 12px; background-color: #C0C0C0; text-align: center;padding: 4px 4px 4px 4px;}
.section03 .gradient02{background: red;}
.section03 .transparent01{background: transparent !important;}
.section03 .transparent02{padding-top: -40px;}
.section03 table span{padding: 8px 4px;display: block;height: 20px;display: flex;align-items: center;justify-content: center;}
.section03 .pad01 td{font-weight: bold;font-size: 13px;padding: 12px 0 12px 0;}
.section03 .pad02 td{padding-bottom: 12px;}
.section03 .pad03 td{padding-top: 0px;}
.section03 .whiteBox{background: #fff;height: 10px;}
.section03 .triangle01{width: 100%;height:50px; background-color: #ffffff; clip-path: polygon(50% 100%, 0 0, 100% 0); margin-top: -3px;}
.section03 .text01{font-weight: bold;font-size: 21px;line-height: 1.4em;color: #fff;}
.section03 .text02{font-size:16px;line-height: 1.4em;color: #fff;margin: 0;}
.section03 .cover02{padding-bottom:40px; }

.section04 .wrap{padding-left: 20px;padding-right: 20px;}
.section04 .items {display: block;margin-bottom: 40px;}
.section04 .box {width:100%; margin-bottom: 20px;}
.section04 .pic img {max-width: 100%;}
.section04 .text03 {font-weight: bold;font-size:16px;line-height:1.6em;}
.section04 .text04 {padding: 0px 0px 12px 0px;font-size: 14px;line-height: 1.4em;}
.section04 .pic {display: inline-block; position: relative; }
.section04 .block {display: block;}
.section04 .box02 {width: 100%;margin-bottom: 40px;}
.section04 .pic02 img {max-width: 100%;}
.section04 .text05{font-size:16px;line-height: 2.4em;margin-bottom: 4px;}
.section04 .text06{padding: 8px 0px 0px 0px;font-size: 14px;line-height:1.4em;}

.section05 .box{ display: block;margin-bottom: 40px;}
.section05 .left{width: 100%;display: flex;margin-bottom: 12px;}
.section05 .left .image01{  width: 50%;   box-sizing: border-box;  height: auto; object-fit: cover; }
.section05 .left .image02{  width: 100%;   box-sizing: border-box;  height: auto; object-fit: cover; }
.section05 .right{width: 100%;}
.section05 .text01{font-size: 17px;line-height: 1.0em;margin-top: 4px}
.section05 .table01 td{padding: 4px 0;font-size: 14px;}
.section05 .table01 tr td:nth-child(2){padding-left: 16px;}

.section06 .process-flow {  margin-top: 40px;}
.section06 .step {padding-bottom: 3px;}
.section06 .circle {width: 50px;height: 50px;border-radius: 50%;font-size: 24px;margin-right: 20px;}
.section06 .text01{font-size: 18px;margin-bottom: 8px;padding-top: 4px;display: flex;align-items: center;}
.section06 .text01 span{padding: 8px 16px;border-radius: 12px;font-size: 12px;color: #fff;margin-left: 20px;}
.section06 .text02{padding-bottom: 20px;font-size: 15px;}
.section06 .line {position: absolute;width: 6px;height: 100%;background-color: #0070F1;top: 50px;left: 22px;z-index: 0;}

.section07 .accordion {width: 100%;margin-bottom: 16px;border-radius: 5px;overflow: hidden;}
.section07 .topQ {font-weight: bold;font-size: 16px;line-height: 1.4em;padding: 16px 40px 16px 20px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;background-color: #0070F1;background: linear-gradient(to right, #0070F1 0%, #00E067 100%);color: white;border-radius: 5px;position: relative;transition: border-radius 0.3s ease; }
.section07 .topQ::after {content: '';display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid white; position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.section07 .bottomA {font-size: 16px;max-height: 0;line-height: 1.5em;overflow: hidden;background-color: #fff;padding: 0 15px;border-radius: 0 0 5px 5px;transition: max-height 0.3s ease-out, padding 0.3s ease-out;}
.section07 .toggle:checked + .topQ {border-radius: 5px 5px 0 0;}
.section07 .toggle:checked + .topQ + .bottomA {max-height: 200px; padding: 10px 20px;}


.footer {padding: 16px 0; text-align: center; }
.footer div {margin-bottom: 10px;  }
.footer a {color: #000;  margin: 0 10px; font-size: 14px;}
.footer a:hover {color: #999; }
.footer p {margin: 0; font-size: 14px;  }


}