@charset "UTF-8";

/* 共通
---------------------------------------------------------*/
.contentpage .m_img{
    background-image: url("../images/access/m_img@2x.jpg");
    background-position: top left;
}
.com_bg1::before{
    background-image: url("../images/access/img01@2x.png");}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.contentpage .m_img{
    background-position: top left 50%;
}
}



/* box1
---------------------------------------------------------*/
.box1 .add_txt{
    text-align: center;
}
.box1 .add_txt dt{
    font-size:210%;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1em;
}
.box1 .add_txt dd{
    line-height: 1.7em;
    margin-top: 1.1em;
}
.box1 .acc_col.col2{
    width: 80%;
    display: flex;
    justify-content: space-between;
}
.box1 .acc_col.col2{
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
}
.box1 .acc_col li{
    box-sizing: border-box;
    text-align: center;
}
.box1 .acc_col.col2 li{
    padding: 1rem 1%;
    width: 50%;
    border-right: 1px solid #ccc;
}
.box1 .acc_col.col2 li:last-child{
    border-right: none;
}
.box1 .acc_col li .icon{
    width: 5em;
    margin: 0 auto 1.5rem;
    max-width: 80px;
}
.box1 .acc_col li .t_16{
    font-size:95%;
    letter-spacing: 0.13em;
    line-height: 1.6em;
}
.box1 .acc_col li .t_16 span{
    letter-spacing: 0.05em;
}
.box1 .acc_col li .t_20{
    font-size:120%;
    letter-spacing: 0.13em;
    line-height: 1.6em;
}
.box1 .acc_col li .t_20 span{
    font-size:180%;
    font-style: italic;
    vertical-align: top;
    margin-right: .2em;
}
.box1 .acc_col.col2 li:nth-child(1) p,
.box1 .acc_col.col2 li:nth-child(2) p{
    margin-bottom: .7rem;
}
.box1 .acc_col li p:last-child{
    margin-bottom: 0!important;
}

.acc_box1 .acc_col li .t_20{
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: .6em;
    margin-bottom: .7em;
    margin-top: .2em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1300px) {
.box1 .acc_col li{
    font-size: 1.35vw;
    letter-spacing: normal;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box1 .add_txt dt{
    font-size:160%;
}
.box1 .add_txt dd{
    margin-top: .8em;
}
.box1 .acc_col li.col2{
    padding: .5rem 0.5%;    
}
.box1 .acc_col li{
    font-size: 1.7vw;
}
.box1 .acc_col li .icon{
    margin: 0 auto 1rem;
}
.box1 .acc_col li .t_16,
.box1 .acc_col li .t_20,
.box1 .acc_col li .t_16 span{
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.box1 .add_txt dd span{
    text-decoration: underline;
}
.box1 iframe{
    height: 70vw;
}
.box1 .add_txt dt{
    font-size: 140%;
}
.box1 .add_txt dd{
    margin-top:.7em;
    font-size:95%;
} 
.box1 .acc_col.col2{
    width: 90%;
    display: block;
    padding: 0;
}
.box1 .acc_col.col2 li{
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6%;
    margin-bottom: 3%;
}
.box1 .acc_col.col2 li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.box1 .acc_col li .icon{
    width: 4em;
    margin: 0 auto .8rem;
}
.box1 .acc_col li .t_16{
    font-size:85%;
    letter-spacing: 0.1em;
}
.box1 .acc_col li .t_20{
    font-size:110%;
    letter-spacing: 0.1em;
}
.box1 .acc_col.col2 li:nth-child(1) p,
.box1 .acc_col.col2 li:nth-child(2) p{
    margin-bottom: .5rem;
}
.box1 .acc_col li p:last-child{
    margin-bottom: 0!important;
}
  
.acc_box1 .acc_col{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.acc_box1 .acc_col li .t_20{
    padding-bottom: .3em;
    margin-bottom: .4em;
    margin-top: .1em;
}
}





/* parking
---------------------------------------------------------*/
.parking{
	padding: 60px 0 80px;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc; 
}
.parking .icon{
	width: 5em;
	max-width: 80px;
	margin: 0 auto 1.5rem;
}
.parking .park_txt{
	text-align: center;
}
.parking .park_txt dt{
	font-size: 189%;
	letter-spacing: 0.2em;
	line-height: 1em;
	margin-bottom: 1em;
}
.parking .park_flt{
	max-width: 1005px;
	margin: 0 auto;
}
.parking .park_flt .img_l{
	float: left;
	max-width: 571px;
	width: 56.82%;
}
.parking .park_flt .txt_r{
	float: right;
	max-width: 405px;
	width: 40.299%;
}
.parking .park_flt .txt_r li{
	margin-top: 1em;
	line-height: 1.5em;
}
.parking .park_flt .txt_r li:first-child{
	margin-top: 0;
}
.parking .park_flt .txt_r li dt{
	font-weight: bold;
	padding-left: 3.45em;
	text-indent: -3.45em;
}
.parking .park_flt .txt_r li dt span{
	color: #427727;
	padding-left: 0.7em;
	position: relative;
	margin-right: 1.3em;
}
.parking .park_flt .txt_r li dt span::before{
	position: absolute;
	content: "";
	background: #427727;
	width: 0.43em;
	height: 0.43em;
	border-radius: 0.43em;
	left: 0;
	top:0.425em;
}
.parking .park_flt .txt_r li dd{
	padding-left: 3.45em;
}
.parking .park_flt .txt_r li dd small{
	display: block;
	font-size: 90%;
	line-height: 1.4em;
	letter-spacing: 0.1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.parking{
	padding: 6% 0 8%;
}
.parking .icon{
	margin: 0 auto 1.2rem;
}
.parking .park_txt dt{
	font-size: 169%;
	margin-bottom: 0.8em;
}
.parking .park_flt .txt_r{
	font-size: 95%;
	letter-spacing: .05em;
	line-height: 1.8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.parking{
	padding: 8% 0 10%;
}
.parking .icon{
	width: 4em;
    margin: 0 auto 1rem;
}
.parking .park_txt dt{
	font-size: 149%;
	letter-spacing: 0.05em;
	margin-bottom: 0.6em;
}
.parking .park_flt{
	max-width: 100%;
}
.parking .park_flt .img_l{
	float: none;
	width: 100%;
	margin: 0 auto 1.2em;
}
.parking .park_flt .txt_r{
	float: none;
	max-width: 100%;
	width: 100%;
}
.parking .park_flt .txt_r li{
	margin-top: 0.8em;
}
.parking .park_flt .txt_r li dd small{
	letter-spacing: 0.05em;
}
}







/* acc_box1
---------------------------------------------------------*/
.acc_box1{
    background: #f5f6f8;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 3.5%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.acc_box1 .flex_l{
    width: 28%;
}
.acc_box1 .flex_r{
    width: 68%;
}
.acc_box1 .flex_r ul{
    display: flex;
    justify-content: space-between;
    max-width: 660px;
}
.acc_box1 .flex_r ul li{
    width: 48.5%;
}
.acc_box1 .flex_r ul li p{
    font-size:90%;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    margin-top: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.acc_box1{
    padding: 4% 2%;
}
.acc_box1 .flex_l{
    width: 30%;
}
.acc_box1 .flex_r{
    width: 66%;
}
.acc_box1 .flex_r ul li p{
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.acc_box1{
    padding: 8% 4%;
    display: block;
}
.acc_box1 .flex_l{
    width: 100%;
    margin-bottom: 8%;
}
.acc_box1 .flex_r{
    width: 100%;
}
.acc_box1 .flex_r ul{
    display: block;
    max-width: 100%;
}
.acc_box1 .flex_r ul li{
    width:100%;
    margin-bottom: 2rem;
}
.acc_box1 .flex_r ul li:last-child{
    margin-bottom: 0;
}
.acc_box1 .flex_r ul li .img{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.acc_box1 .flex_r ul li p{
    letter-spacing: normal;
    text-align: center;
    margin-top: .4em;
}
}







/* box2
---------------------------------------------------------*/
.box2{
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.box2 .timetable .timetable_img{
    width: 100%;
    margin: 0 auto;
}
.box2 .timetable .time_txt{
    text-align: center;
    margin-top:2em;
}
.box2 .timetable .time_txt li{
    display: inline-block;
    font-weight: bold;
    color: #914e3b;
    line-height: 1.6em;
}
.box2 .medical_list{
    text-align: center;
    margin-top: 55px;
}
.box2 .medical_list dt{
    font-size:180%;
    letter-spacing: 0.08em;
    line-height: 1em;
    margin-bottom: .6em;
}
.box2 .medical_list dd p{
    display: inline-block;
    margin-right: -0.5em;
}
.box2 .medical_list dd p:last-child{
    margin-right: 0;
}

.box2 .yoyakubox{
    border-top:1px solid #ccc;
    padding-top:55px;
    margin-top: 55px;
}
.box2 .yoyakubox .txt1{
    font-size:150%;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 1.5rem;
}
.box2 .acc_btn1 a{
    font-size:117%;
    letter-spacing: 0.15em;
    line-height: 1.4em;
    background: #e6e6e6;
    display: inline-block;
    border-radius: 50px;
    margin: 0 auto 2rem;
    padding: .5em 1.5em;
    box-sizing: border-box;
    transition: 0.4s;
}
.box2 .acc_btn1 a:hover{
    background: #d5d5d5;
    transition: 0.4s;
}
.box2 .acc_btn1 a span{
    position: relative;
    padding-right: 1.5em;
    box-sizing: border-box;
}
.box2 .acc_btn1 a span::before{
    position: absolute;
	font-family: 'fontello';
	content: '\e800';	
	right: 0;
	font-size: 90%;
	top: 50%;
	transform: translateY(-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.box2 .timetable .timetable_img{
    width: 75%;
}
.box2 .timetable .time_txt{
    margin-top: .8em;
}
.box2 .medical_list{
    margin-top: 5%;
}
.box2 .medical_list dt{
    font-size:160%;
    margin-bottom: .5em;
}

.box2 .yoyakubox{
    padding-top:5%;
    margin-top:5%;
}
.box2 .yoyakubox .txt1{
    font-size:120%;
    margin-bottom: 1rem;
}
.box2 .acc_btn1 a{
    font-size:105%;
    letter-spacing: 0.1em;
    margin: 0 auto 1.5rem;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box2 .timetable .time_txt{
    margin-top:.4em;
}
.box2 .timetable .time_txt li{
    font-size:90%;
}
.box2 .medical_list{
    margin-top: 9%;
}
.box2 .medical_list dt{
    font-size:160%;
    margin-bottom: .3em;
}
.box2 .medical_list dd{
    text-align: left;
}
.box2 .medical_list dd p{
    margin-right: -0.3em;
}

.box2 .yoyakubox{
    padding-top:6%;
    margin-top:8%;
}
.box2 .yoyakubox .txt1{
    font-size:115%;
    line-height: 1.7em;
    margin-bottom: 1.3rem;
}
.box2 .acc_btn1 a{
    font-size:105%;
    letter-spacing: 0.05em;
}
}