@charset 'UTF-8';

*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html,body{overflow-x: hidden;}
body{
margin: 0;
line-height: 1.8;
font-family: 'Hiragino Sans';
}
img {
height: auto;
max-width: 100%;
}
::marker {
  content: "";
}
ul,ol {
  padding: 0;
}

.mv-section{line-height: 0;position: relative;}
.mv-section .sp{display: none;}
.mv-section img{
line-height: 0;
}

@media(max-width: 768px){
.mv-section .pc{display: none;}
.mv-section .sp{display: block;}
.mv_form_{display: none;}
.lp-worry-wrap{display: none;}
}

.slick-slide{
filter: brightness(50%);
height: auto;
transition: .3s;
}
.slider .item{
width: 960px;
max-width: 960px;
}
.slick-current + .slick-slide{
transform: translate(-280px, 50px);
}
.slider .item:has(+ .slick-current){
transform: translate(280px, 50px);
}
.slick-current{
position: relative;
z-index: 999;
}
.slick-current.slick-active{
box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);
}
.slick-slide img{
width: 100%;
}
.slick-current{
filter: none;
}
.slick-list{
overflow: visible;
}
.slide-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);  
height: 100px;
width: 50px;
z-index: 998;
}
.prev-arrow {
left: 30px;
}
.next-arrow {
right: 30px;
}
@media(max-width: 1200px){
.slider .item{
width: 760px;
max-width: 760px;
}
.slick-current + .slick-slide{
transform: translate(-180px, 50px);
}
.slider .item:has(+ .slick-current){
transform: translate(180px, 50px);
}
}
@media(max-width: 992px){
.slider .item{
width: 660px;
max-width: 660px;
}
}

a{transition: .3s ease;}
a:hover{
opacity: .7;
}

/* スマホ改行用 */
.pc {display: block;}
@media(max-width: 768px){
.pc {display: none;}
}
.pcsm {display: block;}
@media(max-width: 576px){
.pcsm {display: none;}
}
.sp {display: none;}
@media(max-width: 768px){
.sp {display: block;}
}
.spsm{display: none;}
@media(max-width: 576px){
.spsm{display: block;}
}

h2.tlt_h2{
font-weight: 800;
font-size: 50px;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.5;
color: #FFFFFF;
margin: 0;
padding: 30px 10px 70px;
}
h2.tlt_h2 span{
font-size: 30px;
}
h2.tlt_h2 span.ri{
font-size: 50px;
color: #FCED7B;
}
@media(max-width: 768px){
h2.tlt_h2{
font-size: 30px;
letter-spacing: 0.05em;
padding: 30px 10px;
}
h2.tlt_h2 span{
font-size: 18px;
}
h2.tlt_h2 span.ri{
font-size: 30px;
}
}

.lp-worry-wrap_sp{display: none;}
.lp-worry-wrap{
background: linear-gradient(180deg, #6fa0f5 0%, #4689f7 100%);
padding: 0 0 75px;
}
.lp-worry{
text-align: center;
padding: 100px 0;
position: relative;
}
.lp-worry_bg{
line-height: 0;
position: absolute;
}
.lp-worry_bg.left{
bottom:-45%;
left: 0;
}
.lp-worry_bg.right{
top:-25%;
right: 0;
}
.lp-worry img{
max-width: 527px;
}
.lp-problem-wrap h2{
background: linear-gradient(180deg, #4688f6 0%, #2f6ed6 100%);
}
.lp-problem {
position: relative;
padding: 50px 20px;
background: url("images/lp-problem.jpg") center / cover no-repeat;
max-height: 450px;
display: flex;
align-items: center;
}
.lp-problem__inner {
position: relative;
max-width: 672px;
margin: 0 auto;
padding: 40px 50px 60px;
background: rgba(23, 34, 53, 0.6);
}
.problem-list {
list-style: none;
margin: 0;
padding: 0;
}
.problem-list li {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 13px 0;
border-bottom: 2px dashed #fff;
}
.problem-list .check {
flex-shrink: 0;
width: 28px;
height: 28px;
border: 2px solid #fff;
border-radius: 4px;
position: relative;
}
.problem-list .check::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 8px;
height: 14px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(45deg);
}
.problem-list p {
margin: 0;
color: #fff;
font-size: 18px;
letter-spacing: 0.08em;
line-height: 1.7;
font-weight: 600;
font-weight: 800;
}
@media (max-width: 768px) {
.lp-worry-wrap_sp{
display: flex;
flex-direction: column;
justify-content: center;
gap:10px;
padding: 100px 20px 0;
background: linear-gradient(180deg, #6da0f5 0%, #4688f6 100%);
}
.lp-worry-wrap_sp>div{
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
line-height: 0;
}
.lp-problem {
padding: 50px 15px;
}
.problem-list p {
font-size: 16px;
}
}
@media (max-width: 576px) {
.lp-worry-wrap_sp{
padding: 50px 20px 0;
}
.lp-problem {
padding: 40px 15px;
max-height: 100%;
}
.lp-problem__inner{
padding: 20px 20px 40px;
}
.problem-list p {
font-size: 14px;
}
}

.lp-service_aw_box {
  height: 70px;
  background: #083f9b;
}
.lp-service_bg{
background: url(images/lp-service_bg.jpg)no-repeat;
background-size: cover;
}
.lp-service {
padding: 10px 0 0;
}
.lp-service h2{
font-weight: 800;
font-size: 50px;
text-align: center;
letter-spacing: 0.1em;
color: #083F9B;
}
.lp-service h2 span{
display: block;
font-size: 30px;
}
.lp-service-wrap{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
}
.lp-service-wrap>div,
.lp-service-wrap>div img{
max-width: 210px;
line-height: 0;
}
.lp-service-wrap{
margin-bottom: 40px;
}
.lp-service__inner {
max-width: 940px;
margin: 0 auto;
padding: 40px 30px;
text-align: center;
background: #fff;
}
.lp-service__title {
font-size: 24px;
font-weight: 800;
color: #083F9B;
line-height: 1.6;
margin-bottom: 50px;
letter-spacing: 0.08em;
}
.service-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 30px;
list-style: none;
padding: 0;
margin: 0;
}
.service-list li {
text-align: center;
}
.service-img {
width: 140px;
height: 140px;
margin: 0 auto 15px;
border-radius: 50%;
overflow: hidden;
}
.service-img img {
width: 140px;
height: 140px;
object-fit: cover;
}
.service-list p {
font-size: 18px;
font-weight: 700;
color: #083F9B;
}
@media (max-width: 992px) {
.lp-service{
padding-left: 20px;
padding-right: 20px;
}
.service-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.lp-service_aw_box {
  display: none;
}
.lp-service h2{
font-size: 30px;
line-height: 1.4;
font-feature-settings: "palt";
}
.lp-service h2 span{
font-size: 18px;
margin-bottom: 10px;
}
.lp-service-wrap {
gap: 20px;
text-align: center;
}
.lp-service-wrap>div:first-child{
max-width: 100%;
width: 100%;
}
.service-list {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}
.service-list img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.service-list li:nth-child(1) {
grid-column: 2 / span 2;
}
.service-list li:nth-child(2) {
grid-column: 4 / span 2;
}
.service-list li:nth-child(3),
.service-list li:nth-child(4),
.service-list li:nth-child(5) {
grid-column: span 2;
}
}
@media (max-width: 640px) {
.lp-service {
padding: 20px 15px 50px;
}
.lp-service-wrap>div img{
width: 150px;
}
.lp-service__title {
font-size: 18px;
}
.service-img {
width: 90px;
height: 90px;
}
.service-list p{
font-size: 14px;
}
}

.lp-guide {
padding: 20px 20px 60px;
}
.lp-guide__inner {
max-width: 760px;
margin: 0 auto;
}
.lp-guide__inner .spimg {display: none;}
@media (max-width: 576px) {
.lp-guide {
padding: 0 20px 50px;
}
.lp-guide__inner .pcimg {display: none;}
.lp-guide__inner .spimg {display: block;}
}

.lp-hero {
background: #D9E6FD;
background-size: cover;
overflow: hidden;
position: relative;
max-height: 480px;
}
.lp-hero_tlt{
text-align: center;
position: relative;
z-index: 1;
margin-top: 50px;
}
.lp-hero_tlt h2{
font-weight: 800;
font-size: 30px;
text-align: center;
letter-spacing: 0.1em;
color: #083F9B;
margin: 0;
}
.lp-hero_tlt h2 span{
color: #4385f5;
}
.lp-hero_tlt p{
font-size: 15px;
text-align: center;
letter-spacing: 0.06em;
color: #083F9B;
}
.lp-hero__inner {
max-width: 1600px;
margin: -50px 10% 0 auto;
padding: 0 10%;
display: flex;
align-items: center;
justify-content: start;
gap: 32px;
position: relative;
z-index: 1;
}

.lp-hero__cta {
position: relative;
display: inline-block;
}
.lp-hero_flex {
  display: flex;
  gap: 3%;
}
.cta-btn img {
height: auto;
display: block;
}
.lp-hero__images {
line-height: 0;
position: absolute;
top:0;
right: 0;
max-height: 480px;
}
.hero-phone {
z-index: 2;
line-height: 0;
}
.hero-family {
max-height: 480px;
object-fit: cover;
}
.lp-hero__spimg {
  display: block;
  max-width: 95%;
  margin: 12px auto 0;
}
@media (max-width: 992px) {
.lp-hero {
max-height: 100%;
}
.lp-hero__images{
top:auto;
bottom: 0;
}
.lp-hero_tlt h2{
font-size: 22px;
letter-spacing: 0.05em;
}
}
@media (max-width: 768px) {
.lp-hero__inner{
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
.lp-hero__content {
margin-bottom: 0;
text-align: center;
}
.hero-phone{
display: none;
}
.lp-hero__images{
display: none;
}
}
@media (max-width: 576px) {
.hero-family {
max-width: 230px;
max-height: 100%;
}
.lp-hero__inner{
gap: 8px;
}
.cta-btn img {
max-width: 280px;
}
}

.lp-material{
background: #90B7F9;
padding: 30px 0;
}
.lp-material__inner{
display: flex;
align-items: center;
gap: 40px;
}
.lp-material__images{
flex: 2;
max-width: 670px;
line-height: 0;
}
.lp-material__cta{
flex: 1;
text-align: center;
color: #fff;
}
.lp-material__cta>p{
font-weight: 600;
font-size: 15px;
line-height: 27px;
text-align: center;
letter-spacing: 0.06em;
color: #FFFFFF;
margin: 0 0 10px;
}
.lp-material__cta a img{max-width: 400px;}
@media (max-width: 992px) {
.lp-material__images {
max-width: 437px;
}
}
@media (max-width: 768px) {
.lp-material__images{display: none;}
}
@media (max-width: 576px) {
.lp-material__cta a img{
max-width: 280px;
}
}

.seo-intro-wrap{
background: url(images/seo-intro_bg.jpg)no-repeat center center;
background-size: cover;
padding: 50px 10px;
}
.seo-intro {
max-width: 760px;
margin: 0 auto;
padding: 40px 50px 60px;
text-align: center;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}
.seo-intro h2{
font-weight: 800;
font-size: 50px;
color: #083F9B;
margin-bottom: 20px;
line-height: 1.5;
letter-spacing: 0.1em;
}
.seo-intro h2 span{
font-size: 30px;
display: block;
}
.seo-title-img{
margin: 10px 0 30px;
}
.seo-title-img img {
max-width: 100%;
height: auto;
}
.seo-title-img h2{
margin: 0;
}
.seo-phone img {
max-width: 300px;
width: 100%;
height: auto;
margin: 0 auto;
}
.seo-text h3 {
font-weight: 800;
font-size: 30px;
line-height: 150%;
text-align: center;
letter-spacing: 0.1em;
color: #083F9B;
}
.seo-text h3 span{
color: #4385f5;
}
.seo-text p {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.06em;
color: #083F9B;
margin-bottom: 40px;
text-align: left;
}
.seo-compare {
display: flex;
gap: 20px;
justify-content: center;
}
.compare-box {
width: 100%;
max-width: 260px;
}
.compare-box img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 768px) {
.seo-text h2 {
font-size: 26px;
}
.seo-text p {
font-size: 15px;
}
}
@media (max-width: 768px) {
.seo-intro-wrap {
padding: 50px 0;
}
}
@media (max-width: 576px) {
.seo-intro {
padding: 30px 20px 50px;
}
.seo-intro h2{
font-size: 30px;
}
.seo-intro h2 span{
font-size: 18px;
}
.seo-phone img {
max-width: 150px;
}
.seo-text h3 {
font-size: 18px;
}
}

.reason-area {
margin: 0 auto;
position: relative;
background: #4186f5;
}
.reason-area h2{
font-size: 50px;
font-weight: 800;
color: #083F9B;
text-align: center;
letter-spacing: 0.1em;
padding: 70px 10px;
background: #fff;
margin: 0 0 80px;
}
.reason-area_bg{
width: 100%;
height: 100px;
background: #4385f5;
}
.reason-area h2 span{
font-size: 30px;
display: block;
}
.reason-flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.reason-block {
  background: #fff;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.15);
}
.rason-innner {
  max-width: 1050px;
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 auto;
  padding: 50px 10px;
}
.reason-block.reverse {
flex-direction: row-reverse;
}
.reason-area .bg{
width: 100%;
height: 10px;
background: #4e7dcc;
}
.reason-img {
flex: 0 0 53%;
}
.reason-img img {
width: 100%;
height: auto;
display: block;
}
.reason-text {
flex: 1;
}
.reason-text h3 {
font-size: 30px;
font-weight: 800;
line-height: 1.5;
color: #083F9B;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.reason-text p {
font-weight: 500;
font-size: 15px;
color: #083F9B;
line-height: 1.9;
letter-spacing: 0.06em;
}
@media (max-width: 767px) {
.reason-block,
.reason-block.reverse {
flex-direction: column;
}
.rason-innner {
  flex-direction: column;
}
}
@media (max-width: 576px) {
.reason-area h2{
font-size: 30px;
padding: 30px 10px;
}
.reason-area h2 span{
font-size: 18px;
}
.reason-area_bg {
height: 50px;
}
.reason-block{
padding: 30px 10px;
}
.reason-area .bg {
height: 50px;
background: #6195eb;
box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.reason-text h3{
text-align: center;
font-size: 20px;
margin-top: 0;
}
}

.riyu-area{
background: linear-gradient(180deg, #6FA2F6 0%, #4285F4 100%);
padding: 50px 0 60px;
}
.riyu-area h2{
background: #fff;
padding: 50px 10px;
font-weight: 800;
font-size: 50px;
text-align: center;
letter-spacing: 0.1em;
color: #083F9B;
}
.riyu-area h2 span{
font-weight: 800;
font-size: 30px;
display: block;
}
.riyu-block{
display: flex;
align-items: center;
gap: 70px;
}
.riyu-block.reverse{
flex-direction: row-reverse;
}
.riyu-block>div{
flex: 1;
}
.riyu-block.pops .txt{
position: relative;
}
.riyu-block.pops .pop{
position: absolute;
top: -113px;
left: -24px;
}
.riyu-block .txt{
color: #fff;
}
.riyu-block.pops .txt{
padding-right: 120px;
}
.riyu-block.reverse .txt{
padding-left: 120px;
}
.riyu-block h3{
font-weight: 800;
font-size: 30px;
line-height: 150%;
letter-spacing: 0.1em;
position: relative;
}
.riyu-block p{
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.06em;
}
@media (max-width: 992px) {
.riyu-block.pops .pop {
top: 0;
}
.riyu-block{
gap: 40px;
}
.riyu-block.pops .txt {
padding-right: 20px;
}
.riyu-block.reverse .txt {
padding-left: 20px;
}
}
@media (max-width: 768px) {
.riyu-area h2{
font-size: 30px;
}
.riyu-area h2 span{
font-size: 18px;
}
.riyu-block,.riyu-block.reverse {
padding: 0 20px;
flex-direction: column-reverse;
}
.riyu-block.pops{
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.riyu-area {
padding: 40px 0 30px;
}
.riyu-area h2 {
margin: 0;
padding: 30px 10px;
}
.riyu-block h3{
font-size: 22px;
}
.riyu-block.pops .txt {
padding-right: 0;
}
.riyu-block.pops .pop {
top: 24%;
}
.riyu-block p{
margin: 0;
}
.riyu-block.pops {
margin-bottom: 0;
}
}

.blue_bg_g{
background: linear-gradient(180deg, #6FA2F6 0%, #4285F4 100%);
}

h2.partner-tlt{
font-weight: 800;
font-size: 50px;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.5;
color: #FFFFFF;
margin: 0;
padding: 30px 10px;
}
h2.partner-tlt span{
font-size: 30px;
}
h2.partner-tlt span.ri{
font-size: 50px;
color: #FCED7B;
}
.partner-compare {
max-width: 960px;
margin: auto;
padding: 80px 20px;
background: #ffffff;
color: #1e3a8a;
}
.partner-compare .inner {
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
.section-title {
font-size: 24px;
font-weight: 800;
line-height: 1.5;
margin-bottom: 20px;
letter-spacing: 0.08em;
}
.section-lead {
font-size: 15px;
font-weight: 500;
line-height: 1.8;
margin-bottom: 50px;
color: #083F9B;
}
.compare-image {
margin: 0 auto 60px;
max-width: 900px;
}
.compare-image img {
width: 100%;
height: auto;
display: block;
}
.section-note {
border: 1px solid #083F9B;
padding: 30px 20px;
max-width: 900px;
margin: 0 auto;
}
.section-note p {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.06em;
line-height: 2;
color: #083F9B;
}
@media (max-width: 992px) {
.lp-plan,.lp-studies,.step-area {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
.section-title {
font-size: 24px;
}
.section-lead {
font-size: 14px;
}
.section-note {
padding: 20px 15px;
}
.section-note p {
font-size: 13px;
}
}
@media (max-width: 576px) {
.partner-compare{
padding: 20px 20px 40px;
}
.partner-compare .inner{
text-align: left;
}
.section-lead{
margin-bottom: 30px;
}
.compare-image {
margin: 0 auto 30px;
}
.section-note p{
margin: 0;
}
}

.lp-plan{
max-width: 1000px;
margin: auto;
}
.lp-plan h2{
font-weight: 800;
font-size: 50px;
text-align: center;
line-height: 1.5;
letter-spacing: 0.1em;
color: #FFFFFF;
margin: 0;
padding: 30px 10px;
}
.lp-plan h2 span{
font-size: 30px;
}
.lp-plan h2 span.ri{
font-size: 50px;
color: #FCED7B;
}
.lp-plan__inner{
max-width: 1000px;
margin: auto;
display: flex;
justify-content: center;
gap:30px;
}
.lp-plan>p{
text-align: right;
color: #fff;
}
.lp-studies{
max-width: 1000px;
margin: auto;
}
.lp-studies__inner{
max-width: 960px;
margin: auto;
display: flex;
flex-direction: column;
gap:30px;
}
@media (max-width: 576px) {
.lp-plan__inner{
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.lp-plan h2,.lp-plan h2 span.ri{
font-size: 30px;
letter-spacing: 0.05em;
}
.lp-plan h2 span{
font-size: 18px;
}
}

.step-area {
max-width: 1000px;
margin: auto;
padding-bottom: 50px;
}
.step-area h2{
font-weight: 800;
font-size: 30px;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
margin: 50px auto;
}
.step-list {
margin: 0 auto;
display: flex;
gap: 15px;
}
.step-box {
background: #fff;
flex: 1;
padding-bottom: 25px;
}
.step-head {
background: #0b3f91;
color: #fff;
text-align: center;
padding: 20px 10px 22px;
max-width: 89%;
margin: auto;
}
.step-num {
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.1em;
margin-bottom: 8px;
line-height: 1;
}
.step-head h3 {
margin: 0;
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.08em;
font-weight: 800;
}
.step-lead {
padding: 0 15px;
font-size: 15px;
line-height: 1.3;
color: #4285F4;
margin-bottom: 15px;
font-weight: 700;
letter-spacing: 0.06em;
}
.step-items {
list-style: none;
padding: 0 18px;
margin: 0;
}
.step-items li {
position: relative;
padding-left: 34px;
font-size: 15px;
color: #083F9B;
line-height: 1.3;
letter-spacing: 0.06em;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #b7cdfa;
}
.step-items li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 22px;
height: 22px;
background: url("images/check_box.svg") no-repeat center / contain;
}
.lp-studies__inner_sp{display: none;}
@media (max-width: 767px) {
.step-list {
flex-direction: column;
}
.lp-studies__inner{display: none;}
.lp-studies__inner_sp{
display: flex;
flex-direction: column;
gap: 10px;
text-align: center;
}
.lp-studies__inner_sp>div{line-height: 0}
.lp-studies__inner_sp img{
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 576px) {
.step-head {
padding: 12px 10px 12px;
}
.step-head h3 {
font-size: 18px;
}
}

.flow-area {
background: url("images/flow-bg.jpg") no-repeat center / cover;
position: relative;
padding: 40px 20px;
color: #fff;
}
@media(max-width: 576px){
.flow-area {background: url("images/flow-bg_sp.jpg") no-repeat center / cover;}
}
.flow-inner {
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.flow-head {
text-align: center;
margin-bottom: 50px;
}
.flow-head h2{
padding: 0;
}
.flow-list {
display: flex;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.flow-item {
flex: 1;
text-align: center;
}
.flow-img {
width: 140px;
max-width: 100%;
margin-bottom: 15px;
}
.flow-item h3 {
font-size: 18px;
letter-spacing: 0.08em;
font-weight: 600;
line-height: 1;
margin: 0;
}
.flow-item p {
font-size: 15px;
line-height: 1.3;
letter-spacing: 0.06em;
}
@media (max-width: 768px) {
.flow-area {
padding: 30px 20px;
}
.flow-head{
margin-bottom: 30px;
}
.flow-list {
flex-direction: column;
gap: 10px;
}
.flow-img {
width: 160px;
margin-bottom: 5px;
}
.flow-item p{
margin-top: 10px;
}
}

.qa-area {
max-width: 1000px;
margin: 0 auto;
padding: 40px 0 60px;
}
.qa-title {
font-weight: 800;
font-size: 30px;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.5;
color: #083F9B;
margin-bottom: 40px;
}
.qa-title span {
display: block;
font-size: 50px;
}
.qa-item {
border: 1px solid #90B7F9;
margin-bottom: 20px;
overflow: hidden;
}
.qa-question {
width: 100%;
display: flex;
align-items: center;
gap: 15px;
padding: 18px;
background: #fff;
border: none;
cursor: pointer;
}
.qa-question:hover {
background: #f5f8ff;
}
.qa-icon {
min-width: 36px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.qa-icon img {
width: 100%;
height: auto;
display: block;
}
.qa-text {
flex: 1;
font-size: 22px;
font-weight: 700;
text-align: left;
letter-spacing: 0.08em;
color: #083F9B;
}
.qa-arrow {
width: 36px;
height: 36px;
transition: transform .3s;
}
.qa-item.active .qa-arrow {
transform: rotate(-180deg);
}
.qa-answer {
display: none;
padding: 20px;
background: #f9fbff;
gap: 15px;
}
.qa-item.active .qa-answer {
display: flex;
}
.qa-answer p {
font-size: 15px;
line-height: 1.8;
font-weight: 500;
letter-spacing: 0.06em;
color: #262626;
margin-top: 0;
}
.qa-answer .red {
color: #e53935;
font-weight: 700;
}
@media (max-width: 992px) {
.qa-area{
padding: 0 20px 30px;
}
}
@media (max-width: 767px) {
.qa-title {
margin-bottom: 20px;
}
.qa-text {
font-size: 15px;
}
}

.lp-footer {
position: relative;
background: url("images/footer-bg.jpg") center / cover no-repeat;
color: #ffffff;
margin-bottom: 10em;
}
@media (max-width: 768px) {
  .lp-footer {
    margin-bottom: 7.5em;
  }
}
@media(max-width: 576px){
.lp-footer {background: url("images/footer-bg_sp.jpg") center / cover no-repeat;}
}
.footer-inner {
position: relative;
z-index: 1;
max-width: 1000px;
margin: 0 auto;
padding: 50px 0 50px;
text-align: center;
}
.footer-inner h2{
padding: 0;
}
.footer-logos {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 30px;
}
.footer-logos img {
max-height: 75px;
width: auto;
}
.footer-company {
font-size: 12px;
line-height: 1.8;
letter-spacing: 0.1em;
text-align: center;
margin-bottom: 50px;
}
.company-name {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.1em;
margin-bottom: 5px;
}
.footer-copy {
background: #083F9B;
text-align: center;
font-size: 10px;
color: #FFFFFF;
letter-spacing: 0.1em;
padding: 24px 10px;
position: relative;
}
@media (max-width: 768px) {
.footer-title {
font-size: 28px;
}
.footer-form-wrap {
padding: 25px 15px;
}
.footer-logos {
flex-direction: column;
gap: 15px;
}
.footer-copy{
padding: 20px 10px;
}
}



/*フォーム*/
.contact-wrap {
background: rgba(8, 63, 155, 0.2); /* 白の半透明 */
backdrop-filter: blur(10px); /* 背景のぼかし */
-webkit-backdrop-filter: blur(10px); /* Safari対応 */
border: 1px solid rgba(255, 255, 255, 0.3); /* ガラスの質感・エッジ */
padding: 20px 30px;
max-width: 660px;
margin: 50px auto 50px;
}
#contact-form .hbspt-form {
margin: 0 auto;
background: #2f66c1;
border-radius: 10px;
padding: 20px 30px 10px;
}

/* HubSpot form reset */
.mv_form_ {
position: absolute;
transform: translateY(-50%);
top: 50%;
right: 5%;
width: 100%;
max-width: 400px;
min-height: auto;
z-index: 99;
background: rgba(8, 63, 155, 0.8); /* 白の半透明 */
backdrop-filter: blur(10px); /* 背景のぼかし */
-webkit-backdrop-filter: blur(10px); /* Safari対応 */
border-radius: 10px; /* 角丸 */
padding: 20px 30px 20px;
}
@media (max-width: 1380px) {
.mv_form_{right: 1%;}
}
@media (max-width: 1100px) {
  .mv_form_ {
    max-width: 340px;
  }
}
@media (max-width: 992px) {
  .mv_form_ {
    max-width: 300px;
  }
}
@media(max-width: 880px){
.mv_form_ {
max-width: 250px;
}
}
.mv_form_ .txt {
color: #fff;
font-weight: 600;
border-bottom: 1px solid #fff;
padding-bottom: 8px;
margin: 8px auto;
line-height: 1;
text-align: center;
}
.hs-form fieldset {
max-width: none !important;
}
.hs-form-field{
margin-bottom: 20px;
}
@media (max-width: 992px) {
  .hs-form-field {
    margin-bottom: 10px;
}
}
.hs-form label {
color: #fff;
font-weight: 500;
font-size: 13px;
margin-bottom: 6px;
display: flex;
align-items: center;
line-height: 1;
}
.hs-form label.hs-error-msg {
  color: #e94136;
}
.hs-form .hs-form-required {
color: #ffd800;
margin-left: 6px;
font-size: 14px;
}
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form textarea {
width: 100% !important;
background: #fff;
border: none;
padding: 8px;
font-size: 13px;
}
@media(max-width: 992px){
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form textarea {
padding: 4px;
}
}
.hs-form .hs_name {
display: flex;
gap: 20px;
}
.hs-form .hs_name .hs-form-field {
width: 50%;
}
.hs-form textarea {
min-height: 85px;
resize: vertical;
}
/* 送信ボタン */
.hs-form input[type="submit"] {
appearance: none;
-webkit-appearance: none;
width: 100%;
height: 50px;
background: url("images/mv_button.png") no-repeat center / contain;
border: none;
color: transparent;
font-size: 0;
cursor: pointer;
padding: 0;
}
/* 送信ボタン  フッター用*/
#contact-form .hs-form input[type="submit"] {
width: 290px;
height: 63px;
background: url("images/button_pc.png") no-repeat center / contain;
margin-bottom: 20px;
}
@media(max-width: 768px){
/* 送信ボタン  フッター用（SP） */
#contact-form .hs-form input[type="submit"] {
background-image: url("images/button_sp.png");
height: auto;
aspect-ratio: 622 / 92;
}
}
.hs-form input[type="submit"]:hover {
opacity: 0.85;
}
@media(max-width: 576px){
/* 送信ボタン  フッター用*/
#contact-form .hs-form input[type="submit"] {
width: 100%;
}
}
.hs-error-msgs {
min-height: 18px;
}
/*資料請求用*/
.download .hs_submit{
text-align: center;
}
.download .hs-form input[type="submit"]{
background: #FFAA00;
color: #ffffff;
padding: 13px 10px;
width: 70%;
height: auto;
margin: 0 auto;
display: block;
font-size: 15px;
cursor: pointer;
font-weight: 600;
border: none;
border-radius: 4.7465px;
box-shadow: 0px 3.32175px 3.32175px rgba(0, 0, 0, 0.25);
}
.download .hbspt-form input[type="text"], 
.download .hbspt-form input[type="email"], 
.download .hbspt-form input[type="tel"], 
.download .hbspt-form textarea{
padding: 5px;
border-radius: 5px;
border: 1px solid #3FA7C9;
background: #E9F5F7;
font-size: 15px;
margin-bottom: 11px;
}
.download .hs-form label{
display: flex;
align-items: center;
gap: 5px;
font-size: 15px;
font-weight: 600;
margin-bottom: 6px;
pointer-events: none;
color: #333;
}

/*--------------------------------------------------------------
サンクスページ 資料請求
--------------------------------------------------------------*/
.thanks-wrap{
display: flex;
flex-direction: column;
gap: 20px;
text-align: center;
margin: 50px auto;
}
.thanks-tlt{
margin: 50px 0;
}
.thanks-wrap p{
margin: 0;
}
.thanks-wrap a{
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.15em;
text-decoration: none;
color: #589fc1;
}
.inquiry-section{
padding: 30px 0 0;
}
.inquiry-section h2{
color: white;
font-size: 36px;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.inquiry-section .contact-form{
margin: 0 20px 20px;
}
}
.copyright{
margin-top: 20px;
padding: 40px 0;
border-bottom: 15px solid #FFAA00;
border-radius: 50px 50px 0px 0px;
background: #FFFFFF;
}
.copyright-wrap{
max-width: 990px;
margin: auto;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.copyright .logo{
max-width: 500px;
}
.copyright .add p{
font-weight: 600;
font-size: 16px;
letter-spacing: -0.017em;
line-height: 1.4;
margin: 0;
}
@media (max-width: 992px) {
.copyright-wrap{
flex-direction: column-reverse;
}
.copyright .add p{
line-height: 1.8;
}
}
@media (max-width: 576px) {
.inquiry-section{
background: #eaf6ff;
padding-top:20px;
}
.copyright{
padding-bottom: 80px;
margin-top: 0;
}
.copyright .add p {
font-size: 14px;
}
}
/*スマホ 問い合わせ*/
.lp-btn-wrap {
flex-direction: column;
gap: 14px;
padding: 20px 0px;
max-width: 534px;
margin: 0 0 0 auto;
}
.lp-btn-wrap.ci{
padding: 35px 10px 0px;
display: none;
}
.lp-btn {
display: block;
position: relative;
width: 100%;
background: #FFAA00;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
padding: 16px 12px;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
transition: opacity 0.2s ease;
}
.lp-btn-wrap.vi{
margin: auto;
}
.contact_form_wp.ri .lp-btn{
max-width: 470px;
margin: auto;
}
.lp-btn.material {
background: #5993f4;
}
.lp-btn-wrap.ri .lp-btn.material{
background: #fff;
color: #3FA7C9;
border-radius:0;
padding: 20px 12px;
}
@media(min-width: 576px){
.lp-btn-wrap.ri .lp-btn.material{
font-size: 26px;
}
}
.lp-btn:hover {
opacity: 0.7;
}
.lp-btn-sub-wrap{
margin: auto;
padding: .5em 1.5em !important;
position: absolute;
top:-43px;
left: 0;
right: 0;
display: block;
text-align: center;
width: fit-content;
color: #FFAA00;
}
.lp-btn-sub-wrap:before,.lp-btn-sub-wrap:after{
content: "";
display: inline-block;
position: absolute;
height: 100%;
width: 1px;
background: currentColor;
left: 0;
top: 0;
transform: rotate(-20deg);
}
.lp-btn-sub-wrap:after {
bottom: auto !important;
left: auto !important;
right: 0 !important;
transform: rotate(20deg);
}
.lp-btn-sub{
font-size: 90%;
letter-spacing: .1em;
}
.inquiry-section h2#inquiry .sp{
display: none;
}
@media(max-width: 992px){
.lp-btn-wrap{
margin: auto;
}
}
@media (max-width: 1024px) {
.lp-btn-wrap.ci{
display: flex;
}
.lp-btn-wrap {
display: flex;
width: 100%;
}
.inquiry-section h2#inquiry{
color: #000;
}
.inquiry-section h2#inquiry .pc{
display: none;
}
.inquiry-section h2#inquiry .sp{
display: block;
}
}
@media (max-width: 576px) {
.lp-btn-wrap.vi{
max-width: 90%;
padding: 0 0 30px;
}
}
/* 固定ボタン（スマホ専用） */
.lp-fixed-btn {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
padding: 10px 12px;
display: flex;
flex-direction: row;
gap: 10px;
box-shadow: 0 -4px 10px rgba(0,0,0,0.15);
z-index: 9999;
}
.lp-fixed-btn .lp-btn {
border-radius: 6px;
padding: 14px 10px;
font-size: 15px;
}
@media screen and (min-width: 768px) {
.lp-fixed-btn {
display: none;
}
}

.follow-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #083F9B;
  padding: 2rem 0;
  z-index: 999;
}
.follow-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  max-width: 850px;
  margin: 0 auto;
  padding: 0 20px;
}
.follow-bar__item {
  flex: 1;
  line-height: 0;
}
.follow-bar__item img {
  width: 100%;
  height: auto;
  display: block;
}
.follow-bar__item img.sp {
  display: none;
}
@media (max-width: 768px) {
  .follow-bar__item img.pc {
    display: none;
  }
  .follow-bar__item img.sp {
    display: block;
  }
  .follow-bar {
    padding: 1rem 0;
  }
}
/* ===== 事例セクション（SP）：初期2件表示＋展開 ===== */
.case-more{
position: relative;
max-height: 180px;
overflow: hidden;
margin: 0 -20px;
padding: 0 20px;
transition: max-height .6s ease;
}
.case-more::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100%;
background: linear-gradient(180deg, rgba(70,136,246,0) 0%, rgba(70,136,246,.85) 70%, #4688f6 100%);
pointer-events: none;
transition: opacity .4s ease;
}
.case-more.is-open::after{
opacity: 0;
}
.case-more__inner{
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 10px;
}
.case-more__inner>div{
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
line-height: 0;
}
.case-toggle{
position: relative;
z-index: 1;
margin-top: -40px;
padding: 0 0 40px;
text-align: center;
}
.case-toggle.is-open{
margin-top: 0;
padding-top: 14px;
}
.case-toggle__btn{
position: relative;
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
padding: 14px 20px;
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
color: #1a2a4f;
font-size: 16px;
font-weight: 700;
letter-spacing: .05em;
cursor: pointer;
font-family: inherit;
}
.case-toggle__btn::after{
content: "";
position: absolute;
left: 50%;
bottom: -9px;
transform: translateX(-50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 9px solid #fff;
}
.case-toggle.is-open .case-toggle__btn::after{
bottom: auto;
top: -9px;
border-top: none;
border-bottom: 9px solid #fff;
}
@media (max-width: 576px) {
.case-more{
max-height: 140px;
}
.case-toggle__btn{
font-size: 15px;
}
}
.lp-worry-wrap_sp>.case-more,
.lp-worry-wrap_sp>.case-toggle{
box-shadow: none;
line-height: normal;
}

/* 事例セクション（SP）見出し */
.case-tlt{
margin: 0 0 20px;
text-align: center;
color: #FFFFFF;
font-weight: 800;
line-height: 1.4;
letter-spacing: 0.05em;
}
.case-tlt__sub{
display: block;
font-size: 18px;
}
.case-tlt__main{
display: block;
font-size: 32px;
}
.case-tlt__main .ri{
color: #FCED7B;
}
@media (max-width: 576px) {
.case-tlt{
margin-bottom: 14px;
}
.case-tlt__sub{
font-size: 16px;
}
.case-tlt__main{
font-size: 28px;
}
}