body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size:16px;
font-style: normal;
text-align:center;
color:#000;
}

.eng {
font-family: "Century Gothic", "Apple Gothic", sans-serif;
font-weight:bold;
}

img{
width:100%;
}

p,
dd {
line-height:2;
}

a{
text-decoration:none;
opacity:1;
color:#000;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:hover{
opacity:0.4;
cursor:pointer;
}

li {
list-style:none;
padding:0;
}
.sect06 img{
    max-width:100%;
    width:auto;
    }
.sect06 {
    background:#f0f0f0;
    padding:2.5rem 0 2rem 0;
}
.img-list-item img {
    max-width: 100%;
    height: auto;
}

/*====================================================
HEADER
====================================================*/
#header{
width:100%;
background:#fff;
padding:10px 5%;
margin: auto;
}
#header.sticky{
position:fixed;
z-index:10001;
top:0;
left: 0;
right: 0;
background:rgba(255,255,255,0.9);
}
.flex01 {
display:flex;
justify-content:space-between;
}
h1 {
width:12%;
}
ul.h_btn {
display:flex;
justify-content:space-between;
}
ul.h_btn li {
width:240px;
margin-right:2%;
}
ul.h_btn li:last-child {
margin-right:0;
}

@media (min-width: 751px) {
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
}
}

/*====================================================
CONTENTS
====================================================*/
main {
margin:0 auto;
}
.w420 {
width:420px;
margin:0 auto;
}
.w720 {
width:720px;
margin:0 auto;
}
.w400 {
width:400px;
margin:0 auto;
}
.w980 {
width:980px;
margin:0 auto;
}
.w1080 {
width:1080px;
margin:0 auto;
}
.w1280 {
width:1280px;
margin:0 auto;
padding:0 2rem;
box-sizing:border-box;
}


#fv {
background:url("../../images/lps/fv_bg.webp")center center no-repeat;
padding:5% 0;
}

section {
padding:5% 0;
}

.w_box01 {
background:#fff;
padding:3rem;
border-radius:1.5rem;
}
.w_box02 {
background:#fff;
border-radius:1.5rem;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1);
}
.w_box03 {
background:#fff;
border-right:4px solid #363195;
border-left:4px solid #363195;
border-bottom:4px solid #363195;
border-radius:0 0 1.5rem 1.5rem;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1);
padding:2rem;
}
.w_box04 {
background:rgba(255, 255, 255, 0.8);
border-radius:1.5rem;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1);
padding:2.5rem;
}
.w_box05 {
background:#fff;
border-radius:0 0 1.5rem 1.5rem;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1);
padding:2rem;
position:relative;
}
.p_box01 {
background:#ebeaf4;
padding:3rem;
border-radius:1.5rem;
}
.p_box02 {
background:#726fb5;
padding:2rem;
border-radius:1.5rem;
}
.box_left,
.box_right {
width:49%;
padding:1.5rem;
border-radius:1rem;
}

#sect01 {
background:url("../../images/lps/sect01_bg.webp")center center no-repeat;
}

#sect02 {
background:url("../../images/lps/sect02_bg.webp")top center no-repeat;
}
.jojo {
padding:5% 0;
border-top:2px solid #363195;
border-bottom:2px solid #363195;
}

#cta {
background: linear-gradient(90deg, rgb(134, 131, 191), rgb(54, 49, 149));
}
.cta_flex {
display:flex;
justify-content:space-between;
gap:2%;
}

#sect03 {
background:url("../../images/lps/sect03_bg.webp")top center no-repeat, linear-gradient( #dddddd 0%, #f6f6f6 96%, #8683bf 100%);
padding:5% 0 2%;
}

.flex02 {
display:flex;
justify-content:space-between;
}
.problem_ttl {
border-bottom:2px solid #363195;
}
dl.problem_check {
background:url("../../images/lps/check.svg")top left no-repeat;
background-size:40px;
text-align:left;
padding: 0 0 3% 50px;
margin-top:3%;
}
.danger01 {
background:url("../../images/lps/sect03_img01.webp")center right 5% no-repeat, #fff;
padding:5rem 20rem 5rem 3rem;
}
.danger02 {
background:url("../../images/lps/sect03_img02.webp")center left 5% no-repeat, #fff;
padding:5rem 3rem 5rem 20rem;
}
.danger03 {
background:url("../../images/lps/sect03_img03.webp")center right 5% no-repeat, #fff;
padding:5rem 20rem 5rem 3rem;
}

#sect04 {
background:url("../../images/lps/sect04_bg_top.webp")top center no-repeat, url("../../images/lps/sect04_bg.webp")top center no-repeat;
padding:0 0 5%;
}
.sect04top {
width:980px;
margin:0 auto;
}
.b_arrow {
width:40px;
margin:auto;
}

#sect05 {
background:#ebeaf4;
}
ul.company_name {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
ul.company_name li {
width:18.75%;
margin-top:1.5%;
}

#sect06 {
background:url("../../images/lps/sect06_bg.webp")top center no-repeat, #f6f6f6;
}

#sect07 {
background:#5e5aaa;
}
.before {
width:49%;
background:#eee;
border-radius:1rem;
padding:1.5rem 2rem;
}
.before_ttl {
background:#555;
border-radius:2rem;
padding:0.5rem;
}
.before_list li {
text-align:left;
list-style:disc;
margin-left:20px;
margin-top:3%;
padding-bottom:3%;
}
.after {
width:49%;
background:#fff4eb;
border-radius:1rem;
padding:1.5rem 2rem;
}
.after_ttl {
background:#fa7800;
border-radius:2rem;
padding:0.15rem;
}
.after_list li {
color:#fa7800;
text-align:left;
list-style:disc;
margin-left:20px;
margin-top:3%;
padding-bottom:3%;
}
.after_list li span {
color:#000;
}
.voice_arrow {
width:60px;
position:absolute;
bottom:45%;
right:0;
left:0;
margin:auto;
}

#sect08 {
background:#ebeaf4;
}
ul.steps {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
ul.steps li {
width:22%;
}
ul.steps li:nth-child(2n) {
width:3%;
margin-top:8%;
}
ul.steps li img {
width:88%;
}

#sect10 {
background:url("../../images/lps/sect10_bg.webp")top center no-repeat;
padding:10% 0;
}


.accordion {
margin-bottom: 4%;
border-radius: 10px;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1);
}
.accordion summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 2em 1em 4em;
color: #363195;
font-size:150%;
font-weight: 600;
text-align:left;
background:url(../../images/lps/q.webp)left 3% center no-repeat, #e1e0ef;
background-size:50px;
cursor: pointer;
}
.accordion summary::-webkit-details-marker {
display: none;
}
.accordion summary::after {
transform: translateY(-25%) rotate(45deg);
width: 10px;
height: 10px;
margin-left: 10px;
border-bottom: 3px solid #363195;
border-right: 3px solid #363195;
content: '';
transition: transform .3s;
}
.accordion[open] summary::after {
transform: rotate(225deg);
}
.accordion p {
background:url(../../images/lps/a.webp) top 20px left 3% no-repeat;
background-size:50px;
transform: translateY(-10px);
opacity: 0;
margin: 0 auto;
padding: 1.5em 2em 1.5em 6em;
transition: transform .5s, opacity .5s;
text-align:left;
line-height:2;
}
.accordion[open] p {
transform: none;
opacity: 1;
}
.item-box-item h3{
font-size: 2em;
padding-top:1rem;
}
.item-box{
    margin-bottom: 3rem;
}
.item-box-item p{
    line-height:1.7;
    margin-top:0.5rem;
    margin-bottom:2rem;
}



/*====================================================
footer
====================================================*/

footer {
background:#363195;
color:#fff;
padding:1% 0;
}
footer p {
padding:1% 0;
}
footer p a {
color:#fff;
text-decoration:underline;
}

.small {
font-size:80%;
}

/*====================================================
詳細設定
====================================================*/

.c_white { color:#fff;}
.c_purple { color:#363195;}
.c_orange { color:#fa7800;}

.bg_white { background:#fff;}
.bg_orange { background:#fa7800;}
.bg_grey01 { background:#eee;}

.mt2p {margin-top:2%;}
.mt3p {margin-top:3%;}
.mt4p {margin-top:4%;}
.mt5p {margin-top:5%;}
.mt6p {margin-top:6%;}
.mt7p {margin-top:7%;}
.mt8p {margin-top:8%;}
.mt9p {margin-top:9%;}
.mt10p {margin-top:10%;}
.mt15p {margin-top:15%;}

.mb2p {margin-bottom:2%;}
.mb3p {margin-bottom:3%;}
.mb4p {margin-bottom:4%;}
.mb5p {margin-bottom:5%;}
.mb6p {margin-bottom:6%;}
.mb7p {margin-bottom:7%;}
.mb10p {margin-bottom:10%;}

.mr2p {margin-right:2%;}
.mr3p {margin-right:3%;}
.mr4p {margin-right:4%;}
.mr5p {margin-right:5%;}
.mr6p {margin-right:6%;}
.mr7p {margin-right:7%;}
.mr10p {margin-right:10%;}

.pt1p {padding-top:1%;}
.pt2p {padding-top:2%;}
.pt3p {padding-top:3%;}
.pt5p {padding-top:5%;}
.pt10p {padding-top:10%;}

.prl05p {padding:0 0.5%;}

.bigger {font-size:112.5%; }
.bigger01 {font-size:125%; }
.bigger02 {font-size:150%; }
.bigger03 {font-size:167%; }
.bigger04 {font-size:187.5%; }
.bigger05 {font-size:200%; }
.bigger06 {font-size:225%; }
.bigger07 {font-size:375%; }
.fontsmall {font-size:70%; }
.fontsmaller {font-size:90%; }

.line_yellow {background: linear-gradient(transparent 75%, #ffeb64 0%);}

.line_dot {border-bottom:2px dotted #ccc;}

.fw_b {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
font-weight:bold;
}

.ctr {text-align:center;}
.t_a_l {text-align:left;}

.t_deco_u {
text-decoration:underline;
}

.lh15 {
line-height:1.5;
}
.lh18 {
line-height:1.8;
}

.sp {display:none;}