@charset "utf-8";

/*========================

sp_second_page_template.css

========================*/
@media screen and (max-width:768px) {

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
 margin-top:86px;
}

#main_visual #main_visual_cont .title {
 max-width:100%;
 padding:15px 30px;
}

#main_visual #main_visual_cont .title h2 {
 font-size: calc(2.4rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
main_visual(second_page)
---------------------------------------------*/
#main_visual.second_page {
 margin-top:86px;
}

#main_visual.second_page #main_visual_cont {
 height: fit-content;
 max-height:420px;
}

#main_visual.second_page #main_visual_cont .title {
 height:100%;
 top:auto;
 bottom:auto;
}

#main_visual.second_page #main_visual_cont .title figure {
 bottom:50px;
}

#main_visual.second_page #main_visual_cont .title figure img {
 max-width: 300px;
 max-height: 40px;
}

#main_visual.second_page #main_visual_cont .title h2 {
 font-size: calc(4.2rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual.second_page #main_visual_cont .title h3 {
 font-size: calc(2.6rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual.second_page #main_visual_cont .slide-image {
 height: 100%;
}

#main_visual.second_page #main_visual_cont .slick-slider {
 height: fit-content;
 height:420px;
}

#main_visual.second_page #main_visual_cont .slick-slide img {
 /*aspect-ratio: 2 / 1;*/
 width: 100%;
 height: auto;
 object-fit: cover;
}

/*--- faq ---*/
.faq #main_visual #main_visual_cont {
 height:280px; 
}

.contact #main_visual #main_visual_cont img {
 height:280px;
}

/*--- contact ---*/
.contact #main_visual #main_visual_cont {
 height:280px; 
}

.contact #main_visual #main_visual_cont img {
 height:280px;
}

/*--- pamphlet ---*/
.pamphlet #main_visual #main_visual_cont {
 height:280px;
}

.pamphlet #main_visual #main_visual_cont img {
 height:280px;
}

/*--- has-information-area ---*/
#main_visual.second_page.has-information-area #main_visual_cont {
 padding-bottom: 260px;
 margin-bottom:100px;
 overflow:hidden;
 max-height: 680px;
}

#main_visual.second_page.has-information-area #main_visual_cont .title {
 height: calc(100% - 260px);
 top: 0;
 bottom: auto;
}

#main_visual.second_page.has-information-area #main_visual_cont .title figure {
 bottom:4vw;
}

/*--- information-area ---*/
#information_area {
background-color: var(--white);
flex-direction: unset;
padding: 15px;
height: 260px;
justify-content: flex-end;
flex: 0 1 auto;
bottom: 0;
align-content: flex-end;
margin: 0;
top: auto;
align-items: center;
}

#information_area ul {
 column-gap:20px;
 flex-direction:unset;
 max-width:100%;
 max-height:100%;
 width:100%;
}

#information_area ul li a {
 height:100%;
}

#information_area ul li a img {
 height:auto;
}

#main_visual.second_page.has-information-area #main_visual_cont #information_area .slick-slide img {
 aspect-ratio: unset;
 width: auto;
 height: 100%;
 object-fit: cover;
}

/*---------------------------------------------
main
---------------------------------------------*/
main {
 margin: -90px auto 0;
 padding:60px 15px 15px;
}

#main {
 padding:0;
 row-gap:20px;
 min-height:100px;
}

.symbol img {
 height:auto;
 min-height:50px;
 max-height:50px;
 max-width:50px;
 width:10vw;
}

.symbol:before {
 height:80px;
 width:80px;
}

/*---------------------------------------------
image_box
---------------------------------------------*/
.image_box .image_box_cont {
 flex-direction:column;
}

.image_box .image_box_cont .left_image ,
.image_box .image_box_cont .right_image {
 flex:1;
 max-width:100%;
 width:100%;
}

.image_box .image_box_cont .left_image ul,
.image_box .image_box_cont .right_image ul {
 column-gap:0;
 flex-direction:unset;
}

.image_box .image_box_cont .left_image ul li,
.image_box .image_box_cont .right_image ul li {
 height:auto;
 width:calc(100% / 3);
}

.image_box .image_box_cont .left_image ul li img,
.image_box .image_box_cont .right_image ul li img {
 min-height:60px;
 max-height:80px;
 max-width: 100%;
 object-position:center center;
}

.image_box .image_box_cont .center_contents {
 padding: 35px 15px 15px 15px;
 row-gap:15px;
}

.image_box .image_box_cont .center_contents h3 {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
 padding:0 0 50px;
}

#merit .image_box .image_box_cont {
 /*background-color:var(--white);*/
}

/*---------------------------------------------
module-text-image
---------------------------------------------*/
.module-text-image {
 display:flex;
 flex-direction:column;
 padding:40px 15px 30px;
}

.module-text-image h2.wp-block-heading {
 font-weight:500;
 text-align:center;
 margin-bottom:40px;
}

.module-text-image img.aspect-square {
 aspect-ratio:2 / 1; 
}

/*---------------------------------------------
jobs
---------------------------------------------*/
.jobs {
 padding:15px;
}

.jobs .jobs_cont {
 padding:0 15px 15px;
}

/*---------------------------------------------
conversion-area
---------------------------------------------*/
.section.conversion-area {
 padding:5vw;
}

.section.conversion-area ul {
 row-gap:5vw;
}

.section.conversion-area ul li {
 align-items:center;
 display:flex;
 justify-content:center;
}

.section.conversion-area ul li a {
 max-width:360px;
 padding:30px 20px;
}


}