@charset "utf-8";

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

sp_2nd_page_template

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

/*---------------------------------------------
main
---------------------------------------------*/
#main {
 display:flex;
 flex-direction:column;
}

#main #main_left {
 min-height: 60px;
 height:auto;
 min-width:100%;
 position:absolute;
 z-index:2;
}

#main #main_cont {
 padding:0;
 row-gap:0;
 width:100%;
}

.section .section_cont p.lead {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944)); 
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
 border-radius:0;
 flex:0 1 auto;
 height: 280px;
}

#main_visual #main_visual_cont {
 border-radius:0;
 height:280px;
}

#main_visual #main_visual_cont img {
 border-radius:0;
 height:280px;
 object-position:center top;
}

#main_visual h2.left_title {
 margin-bottom: -20px;
 padding:20px 30px 20px 50px;
}

/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
 padding:0;
 width:100%;
}

#left_nav #left_nav_cont {
 background-color:transparent;
 border-radius:0;
 flex-direction:unset;
 flex-wrap:wrap;
 padding:15px 15px;
 position:relative;
}

#left_nav #left_nav_cont h1 {
 justify-content:start;
 width:50%;
}

#left_nav #left_nav_cont h1 img {
 height:30px;
}

#left_nav #left_nav_cont h2 {
 align-items:center;
 background-color: var(--yellow);
 display:flex;
 justify-content:center;
 width:130px;
 height:130px;
 position:absolute;
 left:50%;
 margin-left:-65px;
 top:auto;
 bottom:-300px;
}

#left_nav #left_nav_cont h2 img {
 width:90px;
}

#left_nav #left_nav_cont .flow {
 display:none;
}

#left_nav #left_nav_cont .tel {
 display:none;
}

#left_nav .symbol {
 display:none;
}

#left_nav.fixed {
 height:auto;
}

#left_nav.fixed #left_nav_cont h2 {
 display:none;
}

}