@charset "utf-8";
 #thought_mv .wrap,
#concept_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#thought_mv .wrap,
#concept_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#thought_intro .wrap,
#feature .wrap,
#point .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#thought_intro .wrap,
#feature .wrap,
#point .wrap{
max-width: 1000px;
padding: 0 14vw;
}
} #thought_mv .img_wrap,
#concept_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 4.75;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#thought_mv .img_wrap,
#concept_mv .img_wrap{
border-radius: 12px;
}
}
#thought_mv .img_wrap img,
#concept_mv .img_wrap img{
width: 100%;
height: auto;
display: block;
}
#thought_mv .img_wrap p{
color: #fff;
width: 100%;
height: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 960px){
#thought_mv .img_wrap p{
font-size: 2.6rem;
}
} #thought_intro{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#thought_intro{
padding: 90px 0 0 0;
}
}
#thought_intro h2{
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#thought_intro h2{
font-size: 2.8rem;
}
}
#thought_intro p.text{
margin: 22px 0 0 0;
}
@media (min-width: 960px){
#thought_intro p.text{
margin: 26px 0 0 0;
}
} #feature{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#feature{
padding: 130px 0 0 0;
}
}
#feature ul.feature_list{
margin: 40px 0 -40px 0;
}
@media (min-width: 960px){
#feature ul.feature_list{
margin: 76px 0 -46px 0;
}
}
@media (min-width: 960px){
#feature ul.feature_list::after {
display: block;
content:"";
width: 48%;
}
}
#feature ul.feature_list li{
width: 100%;
margin: 0 0 40px 0;
}
@media (min-width: 960px){
#feature ul.feature_list li{
width: 48%;
margin: 0 0 46px 0;
}
} #point{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#point{
padding: 130px 0 0 0;
}
}
#point ul.point_list{
margin: 40px 0 -24px 0;
}
@media (min-width: 960px){
#point ul.point_list{
margin: 76px 0 -28px 0;
}
}
#point ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #ddd;
border-radius: 12px;
box-sizing: border-box;
background-color: #fff;
padding: 26px 20px 26px 20px;
margin: 0 0 24px 0;
}
@media (min-width: 960px){
#point ul li{
flex-direction: row;
justify-content: space-between;
padding: 26px 32px 26px 38px;
margin: 0 0 28px 0;
}
}
#point ul li .number_block{
color: #fff;
width: 80px;
height: 80px;
aspect-ratio: 1 / 1;
font-family: 'Barlow', sans-serif;
font-weight: 500;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#point ul li .number_block{
width: 100px;
height: 100px;
margin: 0 30px 0 0;
}
}
#point ul li .number_block .text{
font-size: 1.4rem;
line-height: 1.2;
letter-spacing: 0.1em;
margin: 2px 0 0 0;
}
@media (min-width: 960px){
#point ul li .number_block .text{
line-height: 1.4;
}
}
#point ul li .number_block .number{
font-size: 3.0rem;
line-height: 1;
}
@media (min-width: 960px){
#point ul li .number_block .number{
font-size: 3.6rem;
}
}
#point ul li .text_block h3{
color: #1E2228;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#point ul li .text_block h3{
font-size: 2.0rem;
text-align: left;
margin: 5px 0 0 0;
}
}
#point ul li .text_block p.text{
margin: 20px 0 0 0;
}
#point ul li img{
width: 100%;
height: auto;
display: block;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#point ul li img{
width: 25%;
margin: 0 0 0 40px;
}
} .thought-concept{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
.thought-concept{
padding: 140px 0 0 0;
}
}