@charset "utf-8";
/* sp */

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


body{
letter-spacing: 0;
min-height: auto;
}

h3{
font-size: 1.5rem;
}

/*----------------------------------------
  footer
----------------------------------------*/

.footer{
padding: 40px 0;
}

.footer_col_box {
grid-template-columns: 1fr;
}

.footer_col{
text-align: center;
}

.footer_title img{
width: 70%;
}

/*----------------------------------------
  lightning_theme
----------------------------------------*/

ul.wp-block-latest-posts.wp-block-latest-posts__list{
grid-template-columns: 1fr;
gap: 40px;
}
.wp-block-latest-posts__featured-image img{
width: 100%;
}

.wp-block-buttons.is-content-justification-right{
justify-content: center;
}

.page-header{
height: 30vh;
}

.vk-mobile-nav-menu-btn,
.admin-bar .vk-mobile-nav-menu-btn{
display: none;
}

.top_sec_bg07{
background-image: url('/wp/wp-content/themes/saitoubankin/img/top_bg07_sp.png');
}

.top_sec_bg09{
background-image: url('/wp/wp-content/themes/saitoubankin/img/top07_sp.jpg');
background-color: #E6F1F7;
}

/*----------------------------------------
 page
----------------------------------------*/

.right_arrow,
.left_arrow{
display: none;
}

/*----------------------------------------
 headline
----------------------------------------*/

h3.p_headline .sub{
width: 50%;
}

/*----------------------------------------
 lead
----------------------------------------*/
.lead_inner{
width: 100%;
max-width: 100%;
padding: 30px 30px;
}

.lead_inner img{
width: 100%;
max-width: 100%;
}

/*----------------------------------------
 contact
----------------------------------------*/

.contact .tel {
width: 100%;
max-width: 100%;
}

.contact .tel p {
font-size: 1.3rem;
letter-spacing: 0;
}

.contact .tel p.tel_text {
font-size: 1rem;
letter-spacing: 0;
}

.contact .tel p.tel_number{
font-size: 4rem;
}

.contact .tel .tap {
display: block;
width: 80%;
margin: 10px 10%;
}

.contact .tel .tap a {
display: block;
width: 100%;
border: #fff 1px solid;
padding: 10px 20px;
text-align: center;
margin: 0 0 5px 0;
position: relative;
overflow: hidden;
}

.contact .tel .tap a::after {
font-family: 'Material Symbols Outlined';
  content: "\e5e1";
  display: inline-block;
font-weight: 100;
font-size: 2.2rem;
position: absolute;
  top: 50%;
  right: 10px;
transform: translateY(-50%);
}


.contact h2{
font-size: 1.7rem;
}

.contact h2:before {
font-size: 2rem;
}

/*----------------------------------------
 note
----------------------------------------*/

.note_inner{
width: 96%;
}

.note p{
font-size: 1rem;
color: #666;
}

/*----------------------------------------
 ボタン
----------------------------------------*/

.info_btn{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

.info_btn .btn{
width: 90%;
max-width: 90%;
margin: 0 0 10px 0;
padding: 15px 5px;
font-size: 1.5rem;
letter-spacing: 0;
}

.info_btn .btn::after {
height: 2rem;
width: 2rem;
}


/*----------------------------------------
 その他
----------------------------------------*/

.js-scrollable{
width: 100%;
}

/*----------------------------------------
 footer
----------------------------------------*/

footer {
padding-bottom: 80px;
}

/*----------------------------------------
 アニメーション
----------------------------------------*/

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

.pc{
display: none !important;
}

.sp{
display: block !important;
}

}