@charset "UTF-8";
   .page-features .fv {
border-bottom: 1px solid #ccc;
}
.page-features .sec01 {
padding: clamp(75px, 15vw, 150px) 5vw;
}
.page-features .sec01_head {
margin-bottom: clamp(60px, 12vw, 120px);
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-features .sec01_head_s {
margin-bottom: 10px;
font-size: clamp(1.6rem, 3vw, 3.6rem);
line-height: 1.667;
letter-spacing: 0.1em;
}
.page-features .sec01_head_l {
font-size: clamp(3rem, 7.5vw, 9rem);
line-height: 1;
letter-spacing: 0.1em;
display: flex;
justify-content: center;
align-items: center;
}
.page-features .sec01_head_l .orange {
color: #ff8433;
}
.page-features .sec01_head_line {
height: 1em;
}
.page-features .sec01_head_line-left {
margin-right: 0.6em;
}
.page-features .sec01_head_line-right {
margin-left: 0.6em;
}
.page-features .reasonList {
max-width: 1720px;
margin: 0 auto;
}
.page-features .reasonList_item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.page-features .reasonList_item:nth-child(n+2) {
margin-top: clamp(60px, 12vw, 120px);
}
@media screen and (min-width: 577px) {
.page-features .reasonList_item:nth-child(even) .reasonList_iconWrap {
left: -13.4em;
}
}
@media screen and (min-width: 577px) {
.page-features .reasonList_item:nth-child(even) .reasonList_txtBox {
padding: 0 6% 0 7%;
}
}
@media screen and (max-width: 1200px) {
.page-features .reasonList_item:nth-child(even) .reasonList_txtBox {
padding-left: 0;
}
}
.page-features .reasonList_imgBox {
width: 50%;
position: relative;
z-index: -3;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_imgBox {
width: 100%;
margin-top: clamp(35px, 10vw, 50px);
order: 3;
}
}
.page-features .reasonList_img {
width: 100%;
aspect-ratio: 82/62;
object-fit: cover;
}
.page-features .reasonList_iconWrap {
width: 26.8em;
height: 26.8em;
font-size: clamp(0.5rem, 0.75vw, 1rem);
background: #fff;
border-radius: 50%;
display: grid;
place-items: center;
position: absolute;
top: calc(50% - 13.4em);
right: -13.4em;
z-index: 3;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_iconWrap {
font-size: clamp(0.25rem, 1vw, 0.5rem);
top: -13.4em;
right: calc(50% - 13.4em);
}
}
.page-features .reasonList_icon-01 {
width: 7.8em;
}
.page-features .reasonList_icon-02 {
width: 6.7em;
}
.page-features .reasonList_icon-03 {
width: 10.65em;
}
.page-features .reasonList_icon-04 {
width: 9em;
}
.page-features .reasonList_txtBox {
width: 50%;
padding: 0 7% 0 6%;
}
@media screen and (max-width: 1200px) {
.page-features .reasonList_txtBox {
padding-right: 0;
}
}
@media screen and (max-width: 576px) {
.page-features .reasonList_txtBox {
width: 100%;
padding: 0;
}
}
.page-features .reasonList_num {
padding-bottom: 1.25em;
margin-bottom: 1.75em;
font-size: clamp(1.5rem, 1.5vw, 2rem);
line-height: 1;
font-weight: bold;
letter-spacing: 0.2em;
position: relative;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_num {
font-size: clamp(1.5rem, 4vw, 2rem);
}
}
.page-features .reasonList_num::after {
content: "";
width: 5em;
height: 0.2em;
background: #ff8433;
position: absolute;
bottom: 0;
left: 0;
}
.page-features .reasonList_num .num {
font-size: clamp(3rem, 3vw, 4rem);
letter-spacing: 0.2em;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_num .num {
font-size: clamp(3rem, 8vw, 4rem);
}
}
.page-features .reasonList_ttl {
margin-bottom: 2.334em;
font-size: clamp(2rem, 2.7vw, 3.6rem);
line-height: 1.167;
font-weight: bold;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_ttl {
margin-bottom: 30px;
font-size: clamp(1.8rem, 5vw, 3rem);
}
}
.page-features .reasonList_txt {
font-size: clamp(1.2rem, 1.5vw, 2rem);
line-height: 2.3;
font-weight: 500;
}
@media screen and (max-width: 576px) {
.page-features .reasonList_txt {
font-size: clamp(1.4rem, 3.2vw, 1.6rem);
}
}