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

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

.text_big{
font-size: 5vw;
}

.text_normal{
font-size: 4vw;
}

.text_min{
font-size: 3vw;
}


/*----------------------------------------
 main
----------------------------------------*/

main {
padding: 0 0 0 0;
}

.header_margin {
padding: 70px 0 0 0;
}



.social{
display: none;
}

.side_nav{
display: none;
}



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

.page{
width: 100%;
}

.page_inner{
width: 96%;
margin: 0 2%;
}


/*----------------------------------------
 box
----------------------------------------*/


.page .box_98,
.page .box_68,
.page .box_64,
.page .box_58,
.page .box_48,
.page .box_43,
.page .box_38,
.page .box_31,
.page .box_28,
.page .box_23{
width: 98%;
margin: 0 1%;
}

.page .box_100,
.page .box_90,
.page .box_80,
.page .box_70,
.page .box_60,
.page .box_50,
.page .box_40,
.page .box_30,
.page .box_25{
width: 100%;
margin: 0 0;
}

.page .box_48_sp{
width: 48% !important;
margin: 0 1%;
}

.page .box_31_sp{
width: 31% !important;
margin: 0 1%;
}


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

.page h2{
font-size: 1.8rem;
margin-top: 20px;
}

.page h3{
font-size: 1.6rem;
flex-direction: column;
align-items: flex-start;
padding: 0 5px;
margin: 0 0;
}


.page h3.h3_min{
font-size: 1.2rem;
}

.page h3.h3_min span{
font-size: 1rem;
display: block;
}

.page h4{
font-size: 1.4rem;
text-align: left;
letter-spacing: 0;
padding: 0 5px;
margin: 0 0 0 0;
}

.page h4.h4_min{
font-size: 1.2rem;
text-align: left;
letter-spacing: 0;
padding: 0 5px;
margin: 0 0 0 0;
}

.page h4.h4_big{
font-size: 1.6rem;
}

.page h5{
font-size: 1.2rem;
text-align: left;
line-height: 1.5;
padding: 0 5px;
}

.page h5.h5_min{
font-size: 1rem;
padding: 0 5px;
line-height: 1.5;
}


.page .text_big_130{
font-size: 110%;
}

.page .text_big_140{
font-size: 120%;
}

.page .text_big_150{
font-size: 130%;
}

.page .text_big_160{
font-size: 140%;
}

.page .text_big_170{
font-size: 145%;
}

.page .text_big_180{
font-size: 150%;
}

.page .text_big_200{
font-size: 180%;
}

.page .text_big_300{
font-size: 280%;
}



.title{
width: 100%;
margin: 0 0 20px 0;
}

/*----------------------------------------
 main_v
----------------------------------------*/

.main_v {
width: 100%;
margin: 0 0;
}

.animation-slide:before {
padding-top: 100%;
}

.mv_text_box p{
font-size: 3.5vw;
}

.mv_text_box{
position: absolute;
top:auto;
bottom:0;
left: 0;
z-index: 8000;
}

/*----------------------------------------
 top
----------------------------------------*/


.audirion_banner div{
width: 98%;
margin: 0 1% 10px 1%;
}

.top_box ul.news{
width: 98%;
margin: 0 1% 10px 1%;
}

.top_box ul.news li{
width: 50%;
}

.top_box ul.news li:nth-child(even){
border-right: none;
}

.top_box ul.tab_area{
width: 100%;
margin: 0 0 20px 0;
flex-wrap: wrap;
}

.top_box ul.tab_area li{
width: 33.333%;
border-bottom: none;
}

.top_box ul.tab_area li:last-child{
border-bottom: 1px solid #ccc;
}


.top_box ul.banner{
width: 100%;
}

.top_box ul.banner li,
.top_box ul.banner li.planning{
width: 50%;
padding: 10px;
}

.top_box div.tw{
width: 100%;
border-right: none;
}


/*----------------------------------------
 item
----------------------------------------*/
.item_box{
width: 100%;
margin: 2rem 0;
}


.item_box .item{
width: 46%;
margin: 2% 2%;
}

.item_box .item2{
width: 31.333%;
margin: 2% 1%;
}

.item_box .item3{
width: 96%;
margin: 2% 2%;
}

.item_box .item2 p{
font-size: 1.2rem;
}

.item_box .item3 p{
font-size: 1.6rem;
}

.item_box .item2 p span{
font-size: 1rem;
display: block;
}

ul.management_list{
width: 100%;
}


ul.management_list a{
padding: 1.5rem 0;
}


/*----------------------------------------
 profile
----------------------------------------*/

.profile_box{
width: 96%;
margin: 20px 2%;
}

.profile{
flex-direction: column;
}

.profile_img{
width: 70%;
margin: 0 15%;
}

.profile_text{
width: 96%;
margin: 20px 2%;
}


/*----------------------------------------
 .post
----------------------------------------*/

.post_box{
width: 96%;
min-height: 500px;
margin: 1rem 2%;
}

.post_inner{
width: 90%;
min-height: 100px;
margin: 1rem 5%;
}

.post .date{
text-align: left;
}


.post table th,
.post table td{
display: block;
width: 100%;
border-width: 0 0 1px 0;
}


.post h2.kyonyu_h2{
font-size: 1.6rem;
}

.post h2.kyonyu_h2 span.kyonyu_span{
font-size: 2.5rem;
}

.post h2.kyonyu_h2_2{
font-size: 1.8rem;
}

.kyonyu_btn p{
width: 96%;
margin: 10px 2%;
}

.kyonyu_btn2{
position: fixed;
bottom:0;
left:0;
width: 15%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.kyonyu_btn2 div{
width: 100%;
height: auto;
}

.post .kyonyu_box{
flex-direction: column;
align-items: center;
}



.post .kyonyu_left{
width: 60%;
display: flex;
align-items: center;
justify-content: center;
}


.post .kyonyu_left img{
width: 100% !important;
height: auto !important;
}


.post .kyonyu_right{
width: 98%;
margin: 0 1%;
}



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

.pc{
display: none !important;
}

.sp{
display: block !important;
}

.text_center_pc{
text-align: left;
}

.text_center_sp{
text-align: center;
}


}