/*====================================================
MEDIA QUERY
====================================================*/

@media screen and (max-width: 1279px) {
.w1280 {
width:90%;
padding:0;
}
.w1080 {
width:100%;
}
h1 {
width:18%;
}
}
@media screen and (max-width: 980px) {
.w980 {
width:90%;
margin:0 auto;
}
.sect04top {
width:100%;
margin:0 auto;
}
.item-box-item h3{
    font-size:1.4em;
}
.item-box-item p{
    font-size:0.75em;
}
}
@media screen and (max-width: 768px) {
.img-list-item img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
body {
}
#header{
width:100%;
padding:10px 2%;
}
h1 {
width:30%;
}
ul.h_btn {
width:68%;
}
ul.h_btn li {
width:50%;
margin-right:2%;
}


main {
width:100%;
padding-bottom:0;
}

.w720 {
width:100%;
margin:0 auto;
}
#fv {
background:none;
padding:0;
}

section {
padding:8% 0;
}

.w_box01 {
padding:1.5rem;
border-radius:1.5rem;
}
.w_box03 {
padding:1rem;
}
.w_box04 {
padding:1rem;
}
.w_box05 {
padding:1rem;
position:relative;
}

.p_box01 {
padding:1.5rem;
border-radius:1.5rem;
}
.p_box02 {
padding:1rem;
border-radius:1.5rem;
}

.box_left,
.box_right {
width:100%;
padding:1.5rem;
border-radius:1rem;
}

.cta_flex {
display:block;
gap:2%;
}

#sect03 {
}

.flex02 {
display:block;
}

.danger01 {
background:url("../../images/lps/sect03_img01.webp")bottom center no-repeat, #fff;
padding:2rem 2rem 17rem 2rem;
}
.danger02 {
background:url("../../images/lps/sect03_img02.webp")bottom center no-repeat, #fff;
padding:2rem 2rem 17rem 2rem;
}
.danger03 {
background:url("../../images/lps/sect03_img03.webp")bottom center no-repeat, #fff;
padding:2rem 2rem 17rem 2rem;
}
#sect04 {
background:url("../../images/lps/sect04_bg.webp")top center no-repeat;
background-size:180%;
padding:0 0 5%;
}
.b_arrow {
width:30px;
margin:auto;
}

ul.company_name li {
width:49%;
margin-top:2%;
}

.before,
.after {
width:100%;
padding:1.5rem 1rem;
}

.voice_arrow {
width:40px;
position: initial;
transform:rotate(90deg);
margin:auto;
}
.voice_arrow02 {
bottom:47%;
}

ul.steps li {
width:45%;
margin-bottom:5%;
}
ul.steps li:nth-child(2n) {
width:8%;
margin-top:12%;
}
ul.steps li:nth-child(4) {
display:none;
}

.accordion summary {
padding: 0.5em 1em 0.5em 3em;
}
.accordion summary {
padding: 0.5em 1em 0.5em 3em;
font-size:120%;
font-weight: 800;
text-align:left;
background:url(../../images/lps/q.webp)left 3% center no-repeat, #e1e0ef;
background-size:40px;
cursor: pointer;
}
.accordion summary::after {
transform: translateY(-25%) rotate(45deg);
width: 16px;
height: 16px;
margin-left: 30px;
border-bottom: 4px solid #363195;
border-right: 4px 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:40px;
transform: translateY(-10px);
opacity: 0;
margin: 0 auto;
padding: 1.5em 2em 1.5em 3.7em;
transition: transform .5s, opacity .5s;
text-align:left;
}

footer p {
padding:3% 0;
}

.sp_tal {
text-align:left;
}

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

.mb2p {margin-bottom:2%;}
.mb3p {margin-bottom:6%;}
.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%;}

.sp_mt5p {margin-top:5%;}

.bigger {font-size:105%; }
.bigger01 {font-size:125%; }
.bigger02 {font-size:130%; }
.bigger03 {font-size:130%; }
.bigger04 {font-size:140%; }
.bigger05 {font-size:130%; }
.bigger06 {font-size:150%; }
.bigger07 {font-size:220%; }
.fontsmall {font-size:70%; }
.fontsmaller {font-size:90%; }

.sp {display:block;}
.pc {display:none;}
}

@media screen and (max-width: 500px) {
.w400 {
width:96%;
margin:0 auto;
}
.w420 {
width:80%;
margin:0 auto;
}
}