@charset "UTF-8";

/*----------------------------------------
 access
----------------------------------------*/

.access_bg{
background-image: url(../../access/images/access_bg02.jpg);
background-size: 100%;
background-position: bottom center;
background-repeat: repeat-y;
}

.page_title_access{
background-image: url(../../access/images/access_bg01.jpg);
background-size: 100%;
background-position: bottom center;
background-repeat: repeat-y;
}

.access_box{
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
margin: 80px 0 0;
width: 100%;
}

.access_box .in_box{
margin: 0 0 40px;
width: 48%;
}

.access_box .in_box div{
position: relative;
}

.access_box .in_box.row3{
width: 31%;
}

.access_box .in_box h4{
font-size: clamp(16px, calc(20 / 1280* 100vw), 20px);
color: #3f4c62;
text-align: left;
letter-spacing: 2px;
margin: 5px 0 0;
}

.access_box .in_box.row3 h4{
font-size: clamp(16px, calc(18 / 1280* 100vw), 18px);
letter-spacing: initial;
}

.access_box .in_box h4 span{
font-size: clamp(19px, calc(25 / 1280* 100vw), 25px);
display: inline-block;
margin: 0 5px;
}

.access_box .in_box.row3 h4 span{
font-size: 1.2rem;
}

.access_box .in_box p{
font-size: clamp(13px, calc(14 / 1280* 100vw), 14px);
padding: 5px;
letter-spacing: 0;
}

.access_box .in_box.row3 p{
padding: 0;
}

.access_box .in_box.row3 p.cap{
padding: 0 5px;
}

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

@media screen and (max-width : 832px) {
.section_top_text br.sp{
display: block;
}
}

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

.access_box{
margin: 40px 0 0;
}

.access_box .in_box,
.access_box .in_box.row3{
margin: 0 0 20px;
width: 100%;
}

}