@charset "UTF-8";

/*----------------------------------------
 merit
----------------------------------------*/

.page_title_merit{
background-image: url(../../merit/images/merit_bg01.jpg);
background-size: cover;
background-position: bottom center;
}

.page_title_merit h2 {
padding: 40px 0px!important;
}

.merit_bg{
background-image: url(../../merit/images/merit_bg02.jpg);
background-size: 100%;
background-position: bottom center;
background-repeat: repeat-y;
}

.merit_cap{
position: absolute;
bottom: 0;
left: 2%;
font-size: 1.5rem !important;
width: fit-content;
letter-spacing: 0 !important;
font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif !important;
color: #fff;
}

.merit_cap02{
position: absolute;
bottom: 0;
left: 2%;
font-size: 1.3rem !important;
width: fit-content;
letter-spacing: 0 !important;
font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif !important;
color: #fff;
}

.merit_bg_box{
padding: 40px 80px;
}

.merit_bg_box p{
font-size: 2rem;
color: #fff;
line-height: 1.7;
margin-top: 30px;
}




.voice_topic{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.voice_topic_title{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
background-color:#DBE7ED;
margin-bottom: 20px;
}

.voice_topic_title p{
font-size: 2rem;
color: #36485C;
line-height: 1;
}

.voice_topic_text{
font-size: 2rem;
line-height: 1.7;
color: #36485C;
text-align: center;
}


.point_title{
display: flex!important;
align-items: center;
width: 100%;
line-height: 0;
margin-bottom: 40px!important;
}

.point_title01{
--point-color:#00393f;
}
.point_title02{
--point-color:#563e2b;
}
.point_title03{
--point-color:#614250;
}

.point_title::before,
.point_title::after{
content:"";
display:block;
flex:1;
height:10px;
background:
linear-gradient(var(--point-color),var(--point-color)) top / 100% 1px no-repeat,
linear-gradient(var(--point-color),var(--point-color)) bottom / 80% 1px no-repeat;
}

.point_inner{
width: 15%;
flex-shrink: 0;
margin: 0 20px;
}

.point_inner img{
width: 100%;
display: block;
}

.point_topic{
width: 100%;
position: relative;
margin-bottom: 40px;
}

.point_topic h3{
color: #fff;
font-size: 3rem;
width: fit-content;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
z-index: 1;
text-shadow:0 3px 15px #000,0 0 35px rgba(0,0,0,.8);
}

.merit_section_bg{
width: 100%;
position: relative;
background-color: #f9f4e9;
margin-bottom: 80px;
padding: 60px 120px;
}


.P_40{
padding: 40px;
}

.FS_13{
font-size: 1.3rem!important;
letter-spacing: 0;
}

.FS_15{
font-size: 1.5rem!important;
letter-spacing: 0;
}

.text_shadow{
text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.5);
}


/*----------------------------------------
 sp
----------------------------------------*/

@media screen and (max-width : 832px) {
.section_top_text br.sp{
display: block;
}

.merit_bg_box{
padding: 30px;
}

.merit_bg_box p{
font-size: 1.5rem;
color: #fff;
line-height: 1.7;
margin-top: 20px;
}

.order1{
order: 2;
}

.order2{
order: 1;
}
}

@media screen and (max-width : 767px) {

.page_title_merit h2 {
padding: 40px 10px!important;
}

.page_title_merit h2 span {
font-size: 1.4rem;
display: block!important;
width: fit-content;
margin: 5px auto 0;
}

.merit_cap,
.merit_cap02{
position: absolute;
bottom: 0;
left: 0;
font-size: 1rem !important;
padding: 0 10px !important;
color: #000;
width: 100%;
letter-spacing: 0 !important;
font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif !important;
color: #fff;
}

.point_inner{
width: 30%;
margin: 0 20px;
}

.point_topic h3{
font-size: 2rem;
padding: 5px;
white-space: nowrap;
}

.merit_section_bg{
padding: 40px;
}

.FS_17{
font-size: 1.7rem!important;
line-height: 1.7;
}

.FS_15{
font-size: 1.4rem!important;
}

}