@charset "utf-8";
/* CSS Document */
/*========================================================================
Media Queries
========================================================================*/
@media screen and (min-width: 1500px) {
#header .drawer-toggle{
	display:none;
}
#header_bg{
	background: url(../images/head_bg_01.png) no-repeat center center #5764AA;
	background-size:1600px auto;
	
}
}
@media screen and (max-width: 1500px) {
#header .drawer-toggle{
	display:none;
}
#header_bg{
	background: url(../images/head_bg_01.png) no-repeat right 35% center #5764AA;
	background-size:1600px auto;
	
}
}
@media screen and (max-width: 1300px) {
#header_bg{
	background: url(../images/head_bg_01.png) no-repeat right 50% center #5764AA;
}
header .logo {
	padding-left:50px;
}
}
@media screen and (max-width: 1250px) {
.front .sec1 .mv_bg img{
	width:100%;
}
}
@media screen and (max-width: 1200px) {
#header_bg{
	background: url(../images/head_bg_02.png) no-repeat center center #5764AA;
	background-size:100% 100%;
	
}
header #header{
	display:table;
	margin:0 auto;
	width:1000px;
}
.front .sec1 .mv_bg img,
.front .sec2 img,
.front .sec3 .block{
	width:100%;
}
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1000px) {
header #header {
    width: 100%;
}
.front .sec4 .block,
.front .sec5 .block,
.front .sec6,
.front .sec8,
.access .sec1,
.access .sec2,
.facilities .sec1,
.facilities .sec2{
    width: 96%;
}
.front .sec7 .gmap {
	padding-bottom: 45%;
}
.front .sec3 .block {
	background: url(../images/top_img_02.jpg) no-repeat left top;
    background-size: 100% auto;
}
.front .sec3 .block .msg{
	margin-top:45vw;;
}

}
@media screen and (max-width: 926px) {
.facilities .sec3{
	width:100%;
}
.facilities .sec3 .fmap .point6{
    top: 51%;
}
.facilities .sec3 .fmap .point7{
    top: 64%;
}
}
@media screen and (max-width: 800px) {
header .menu nav ul li a{
	font-size:12px;
}
footer .block ul{
	width:90%;
}
.front .sec3 .block .msg{
	width:90%;
}

}
@media screen and (max-width: 640px) {
.sp { display: block; }
.pc { display: none; }
.pc_in { display: none; }
.sp_in { display: inline; }

#header .drawer-toggle{
	display:block;
}
header {
}
#header_bg {
    background: url(../images/head_bg_02.png) no-repeat left center #5764AA;
    background-size: 180% 100%;
}
header .logo {
	width:70%;
    margin: 0 0 10px 2%;
}
header .menu nav{
    background:#5764AA;
}
header .menu .box{
    width: 100%;
	margin:0px auto;
    background:#0A7ACC;
	padding:30px 20px;
	box-sizing: border-box;
}
header .menu .box img{
    width: 100%;
}
header .menu nav ul {
	width: 100%;
	display: block;
}
header .menu nav ul li{
	width:100%;
	text-align:center;
	padding:10px 0;
	border-bottom:1px solid #ffffff;
}
header .menu nav ul li a{
	display:block;
	padding:20px 0;
	font-size:4vw;
}
footer {
	width:100%;
    margin: 0 auto;
}
footer .copy span{
	display:block;;
}
footer .block{
	padding:40px 0;
}
footer .block h3{
	margin-bottom:20px;
}
footer .block h3 img{
	width:65%;
}
footer .block ul{
	width:96%;
}
footer .block ul li .tl{
	display:table-cell;
	font-size:2.5vw;
	width:20%;
}
footer .block ul li .tr{
	font-size:2.5vw;
	width:80%;
	padding-left:10px;
}
footer .copy{
	padding:30px;
	font-size:2.5vw;
}
footer .pagetop {
	text-align:right;
    right: 2%;
}
footer .pagetop img{
    width: 60%;
}
.front .sec1 .mv_bg .msg{
	font-size:4vw;
}
.front .sec2 {
    padding: 40px 0 0;
}
.front .sec2 h3 ,
.front .sec3 h3,
.access .sec1 h3,
.facilities .sec1 h3{
	font-size:5.5vw;
    margin-bottom: 15px;
}
.front .sec2 p {
    width: 96%;
	font-size:4vw;
}
.front .sec3 {
    padding-top: 40px;
    margin-bottom: 30px;
}
.front .sec3 h4,
.front .sec3 .block .msg ul li,
.front .sec3 .block .msg p,
.front .sec4 .block .msg,
.front .sec4 .block .name,
.access .sec1 h4,
.facilities .sec1 h4{
	font-size:4vw;
}
.front .sec3 .block .msg {
    padding: 30px 20px;
}
.front .sec3 .block .msg{
	width:100%;
}
.front .sec4 .block {
    margin: 0 auto 30px;
    padding: 30px 30px 15px;
}
.front .sec4 .block h3{
	font-size:5.0vw;
    margin-bottom: 15px;
}
.front .sec5 h3,
.front .sec8 h3{
    font-size: 5.5vw;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.front .sec5 .block .box a {
    background-size: 30px 30px;
}
.front .sec5 .block .box a span {
	font-size:4.0vw;
	text-align:left;
    padding: 20px 0 20px 5%;
    background: url(../images/list_02.png) no-repeat right 20px center;
    background-size: 20px 10px;
}
.front .sec5 .block .box {
    width: 100%;
    margin: 0 0 15px 0;
}
.front .sec5 p {
    font-size: 4vw;
}
.front .sec6 {
    margin: 0 auto 30px;
    padding: 30px 20px 15px;
}
.front .sec6 h3 {
	font-size:5.5vw;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.front .sec6 p {
    font-size: 4vw;
}
.front .sec5 .block,
.front .sec6 .block {
	grid-template-columns: repeat(2, 1fr);
}
.front .sec6 a{
	margin:0 auto ;
}

.front .sec7 .gmap {
	padding-bottom: 70%;
}
.front .sec8{
	padding:45px 5% 15px;
}
.front .sec8 .block {
	margin:25px auto;
	width:100%;
}
.front .sec8 .block ul {
	width:100%;
	margin:30px auto;
}

.front .sec8 .block ul li .date {
	display:block;
	width:100%;
	margin-bottom:15px;
    font-size: 3.5vw;
}
.front .sec8 .block ul li .ttl {
	display:block;
	width:100%;
    font-size: 4vw;
}

.access .sec1 {
    padding-top: 50px;
}
.access .sec1 .msg p{
    font-size: 4vw;
	margin-bottom:30px;
}

.access .sec2{
	margin:0 auto 50px;
}
.access .sec2 .block h5{
	font-size:5vw;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:20px;
	background: url(../images/list_03.jpg) no-repeat left top;
	background-size:6px 25px;
}
.access .sec2 .block p{
	margin-bottom:30px;
}
.access .sec1 .img ,
.access .sec2 .img {
	margin:30px auto 30px;
}

.access .sec1 .gmap {
	padding-bottom: 80%;
}
.access .sec2 .block p{
	font-size:3.5vw;
}
.facilities .sec1 {
    padding-top: 50px;
}
.facilities .sec1 .msg p{
    font-size: 4vw;
	margin-bottom:30px;
}
.facilities .sec1 .gmap {
	padding-bottom: 80%;
}
.facilities .sec2 h5{
	font-size:5vw;
}
.facilities .sec2 .block .box{
	width:96%;
	margin:0 0 30px 4%;
}
.facilities .sec2 .block .box:nth-child(2n){
	margin:0 0 30px 4%;
}
.facilities .sec2 .block .box .ttl {
    top: -4vw;
    left: -4vw;
    position: relative;
    width: 104%;
    margin-bottom: 10px;
}
.facilities .sec2 .block .box .ttl img{
	width:20%;
}
.facilities .sec2 .block .box .ttl h6 {
    font-size: 5vw;
}
.facilities .sec2 .block .col3 h6 {
    font-size: 5vw!important;
}
.facilities .sec2 .block .box .tb .tl ul li {
    font-size: 3.5vw;
}
.facilities .sec2 .block .box .tb .tl ul li .ft10{
	font-size:3vw;
}

.facilities .sec2 .block .box .tb .tl{
	width:70%;
}
.facilities .sec2 .block .box .tb .tr{
	width:30%;
}
.facilities .sec3 .fmap .point1 img,
.facilities .sec3 .fmap .point2 img,
.facilities .sec3 .fmap .point3 img,
.facilities .sec3 .fmap .point4 img,
.facilities .sec3 .fmap .point5 img,
.facilities .sec3 .fmap .point6 img,
.facilities .sec3 .fmap .point7 img{
	width:100%;
	max-width:40px;
}
.facilities .sec3 .fmap{
	width:200%;
}

.facilities .sec3 .fmap .img img {
    width: 100%;
}
.facilities .sec3 .scroll{
	overflow: auto;
	white-space: nowrap;
}
.facilities .sec3 .scroll::-webkit-scrollbar{
	height: 5px;
}
.facilities .sec3 .scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.facilities .sec3 .scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
}