@charset "utf-8";

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

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

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

.page{
width: 100%;
}

.footer_container,
.page_inner{
width: 96%;
margin: 0 2%;
padding: 0 10px;
}

.apply_box p span{
font-size: 16px;
line-height: 1.8;
}

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

.page h3{
font-size: 25px;
}

.page h4{
font-size: 20px;
}

/*----------------------------------------
 content
----------------------------------------*/

/*申し込み方法*/
.privacy_box,
.apply_box{
padding: 40px 0;
}

.privacy_box p,
.apply_box p span{
font-size: 16px;
}

/*活用事例*/
.case_box{
background-size: 100%;
padding: 40px 0;
}

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

.apply_btn {
justify-content: center;
}

.apply_btn a{
text-align: center;
width: 100%;
}

.gmap_btn a{
padding: 0;
}

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

.footer {
padding: 30px 0 10px;
}

h3.footer_link_title{
text-align: center;
}

.footer_link li{
text-align: center;
}

.footer_col_box{
justify-content: center;
}

.footer_logo{
margin: 20px 0 0;
}

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

.pc{
display: none;
}

.sp{
display: block;
}


}