@charset "UTF-8";

/*---------------------------------
1. common
2. component
3. index
---------------------------------*/

@media (max-width: 991px) {

/*
#################################
component
#################################
*/

/*======================
Heading
======================*/

.big-heading .thumbnail {
height: 250px;
}

.big-title {
background-color: #f7e56a;
width: 100%;
height: 150px;
}

.circle-title {
text-align: center;
margin-bottom: 40px;
}

.circle-title .icon {
width: 100%;
max-width: 120px;
height: 120px;
}


/*
#################################
common
#################################
*/

/*======================
html
======================*/

/* none */

/*======================
body
======================*/

body {
padding-top: 70px;
}

/*======================
container
======================*/

/* none */


/*======================
header
======================*/

.header .navbar {
width: 100%;
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}

.header .navbar .logo img {
width: 100%;
max-width: 140px;
height: auto;
}


.navbar {
padding: 10px 15px;
border-top: 3px solid #2aa7d8;
border-bottom: 1px solid #dddddd;
}

/*======================
footer
======================*/

.footer-contents .nav {
text-align: center;
}

/*======================
navigation
======================*/

.navbar-nav {
border: none;
}

.navbar-nav .nav-item .nav-link {
padding: 10px 0 10px 0;
}

.navbar-nav .nav-item .nav-link:before {
display: none;
}

.navbar-nav .nav-item .nav-link span {
display: none;
}

.navbar-nav .nav-item .nav-link:after {
display: none;
}

.navbar-nav .nav-item .nav-link.active-link:after {
display: none;
}

.navbar-toggler {
padding: 0;
border: none;
}

.navbar-toggler-icon {
width: 35px;
height: 35px;
}


/* depart-wrap */

.aside .depart-wrap .title {
display: block;
padding: 0;
text-align: center;
}

.aside .depart-wrap .title:before, .aside .depart-wrap .title:after {
width: 25%;
}

/* traffic-wrap */

.aside .traffic-wrap .title {
display: block;
padding: 0;
text-align: center;
}

.aside .traffic-wrap .title:before, .aside .traffic-wrap .title:after {
width: 25%;
}


/*
#################################
index.html
#################################
*/

/* slider */

.slider .link-button {
right: 15px;
}

.slider .link-button img {
width: 200px;
height: auto;
}

/*
#################################
contact.html
#################################
*/

.contact-wrap {
margin: 0 auto 30px auto;
}

.contact-wrap .contact-form {
padding-left: 0;
}

.contact-wrap .contact-form:before {
display: none;
}

.contact-wrap .contact-form .input-button {
width: 100%;
}

.confirm-wrap {
margin-bottom: 60px;
}

}

@media (max-width: 767px) {

/*
#################################
component
#################################
*/

/*======================
Heading
======================*/

.big-heading .thumbnail {
height: 150px;
}

/*
#################################
common
#################################
*/
	
/*======================
html
======================*/

/* none */

/*======================
body
======================*/

/* none */

/*======================
container
======================*/

/* none */

/*======================
component
======================*/

/* none */

/*======================
header
======================*/

/* none */

/*======================
navigation
======================*/

/* none */

/*======================
footer
======================*/

.footer-info .ft-logo {
margin-bottom: 5px;
}

.footer-info .address {
margin-bottom: 5px;
}

.footer-contents .nav .nav-item .nav-link {
margin-bottom: 20px;
}

/*======================
aside
======================*/

/* banner-wrap */

.aside .banner-wrap {
margin: 0 0 15px 0;
}

.aside .banner-wrap .banner {
margin-bottom: 15px;
}

/* depart-wrap */

.aside .depart-wrap .title:before, .aside .depart-wrap .title:after {
width: 40%;
}

/* traffic-wrap */

.aside .traffic-wrap .title:before, .aside .traffic-wrap .title:after {
width: 36%;
}

/* map-wrap */

.aside .traffic-wrap .map-wrap {
width: 100%;
max-width: 100%;
padding-top: 60%;
margin-bottom: 20px;
}

.aside .traffic-wrap .button {
display: block;
width: 100%;
max-width: 240px;
height: auto;
margin: 0 auto;
}

/*======================
page-top
======================*/

/* none */

/*
#################################
index.html
#################################
*/

/*
#################################
doctor.html
#################################
*/

/* director-wrap */

.director-wrap .director-image {
width: 100%;
max-width: 250px;
margin-bottom: 20px;
}

/* message-wrap */

.message-wrap .image {
margin-bottom: 20px;
}

.message-wrap .text {
width: 100%;
max-width: 100%;
color: #333333;
position: static;
}

/* community-wrap */

.community-wrap .list li {
text-align: left;
padding-left: 0;
text-indent: 0;
}

/*
#################################

access.html

#################################
*/

/* map-wrap */

.access-wrap .map-wrap {
width: 100%;
max-width: 100%;
padding-top: 60%;
margin-bottom: 20px;
}

/*
#################################

thanks.html

#################################
*/

.thanks_contents {
min-height: calc(100vh - 100px);
padding: 80px 15px;
}

.thanks_contents h2 {
font-size: 25px;
margin-bottom: 20px;
}

.thanks_contents p {
font-size: 14px;
line-height: 22px;
margin-bottom: 20px
}

.thanks_contents a {
font-size: 14px;
}


} /*end of @media*/