@charset "UTF-8";
/*============================
        MIDOKORO特有
============================*/

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

#wrapper_about h1 {
	z-index: 999!important;
}
#wrapper_about .sub_h1 {
	z-index: 999!important;
}

.about_tbox .left { width:100%!important; }

.about_bbox .about_list_inner {
    width: auto!important;
}

.about_bbox ul li { 
	width:50%!important; 
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
}
.about_bbox ul li img { width:100%!important; }

.bard_table td {
    padding: 0 0 20px 0!important;
    width: 100%!important;
    float: right!important;
}

.bard_table ul li { width:100%!important; }

.about_bbox .about_list_inner ul li {
    padding: 3%;
    margin-bottom: 10px;
}

#wrapper_gallery h1 { z-index: 999!important; }

.map .map_img {
    width: 100%!important;
}

.map ul li { width: 100%!important; }

.facilities_box .park { width: 100%!important; }

.facilities_box .park {
    background: url(none)!important;
    height: auto!important;
    padding: 0!important;
}

#wrapper_access h1 { z-index: 999!important; }
#wrapper_access .sub_h1 { z-index: 999!important; }

#wrapper_useful h1 { z-index: 999!important; }
#wrapper_access .sub_h1 { z-index: 999!important; }

#wrapper_facilities h1 { z-index: 999!important; }
#wrapper_access .sub_h1 { z-index: 999!important; }

.facilities_box ul { padding: 30px 0 20px 20px!important; }

.useful_box .left { width: auto!important; }

.useful_box img { width: 100%!important; }

.useful_box .right {
	float: none!important;
	width: auto!important;
}

.useful_contact { padding: 20px!important; }

.useful_contact th {
    width: 100%!important;
    border-right: 0px solid #eae6d4!important;
    font-size: 23px!important;
    color: #597bc8!important;
    float: right!important;
}

.useful_contact td.address {
    padding: 20px!important;
    float: right!important;
    width: 100%!important;
}

.useful_contact td.tel { float: right!important; }

.useful_contact td.fax { float: right!important; }

.access_area table th {
    color: #4e6fba!important;
    padding-left: 30px!important;
    width: 100%!important;
    border-left: 0px!important;
    float: right!important;
}

.access_area table td {
    width: 100%!important;
    float: left!important;
    padding-left: 30px!important;
}

.access_area table th, .access_area table td {
    border-bottom: 0px!important;
}

.about_tbox .right { 
	float:none!important;
	width: 100%!important;
}

.about_tbox .right img{ 
	width: 100%!important;
}

.about_tbox ul li img {
	width: 100%!important;
}

.about_area { margin-bottom: 0px!important;}

.to_gallery { margin-top: 20px!important; }

.about_bbox ul, .about_bbox ul li { margin-left:0px!important; }

.map ul li, .map ul li.active { display: none!important; }

.map {
    margin-bottom: 30px!important;
}

.facilities_box h2 { margin: 0!important; }

.facilities_box {
    margin-bottom: 30px!important;
}

.download .case { line-height: 1.5em!important; }

}

#wrapper_midokoro {
  position: relative;
  background: url(../images/midokoro/bg_midokoro.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_midokoro h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 32px;
	z-index: 100;
}
#wrapper_midokoro .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.midokoro_area .map {
	position: relative;
	margin-bottom: 50px;
}
.midokoro_area .map ol li {
	position: absolute;
	z-index: 2;
}

@media screen and (max-width: 673px) {
.midokoro_area .map ol li img {
	width: 65%;
}
}

.midokoro_area .map ol li:hover {
	opacity: 0.75;
	cursor: pointer;
}
.midokoro_area .map ol li.num01 {
	top: 13%;
    left: 74%;
}
.midokoro_area .map ol li.num02 {
    top: 38%;
    left: 44%;
}
.midokoro_area .map ol li.num03 {
    top: 35%;
    left: 36%;
}
.midokoro_area .map ol li.num04 {
    top: 44%;
    left: 45%;
}
.midokoro_area .map ol li.num05 {
    top: 15%;
    left: 45%;
}
.midokoro_area .map ol li.num06 {
    top: 32%;
    left: 41%;
}
.midokoro_area .map ol li.num07 {
    top: 59%;
    left: 28%;
}
.midokoro_area .map ol li.num08_01 {
	top: 27%;
	left: 50%;
}
.midokoro_area .map ol li.num08_02 {
	top: 33%;
	left: 47%;
}
.midokoro_area .map ol li.num08_03 {
	top: 83%;
	left: 13%;
}
.midokoro_area .map ol li.num08_04 {
	top: 92%;
	left: 5%;
}
.midokoro_area .map ol li.num08_05 {
	top: 89%;
	left: 17%;
}
.midokoro_area .map ol li.num08_06 {
	top: 88%;
	left: 43%;
}
.midokoro_area .map ol li.num08_07 {
	top: 50%;
	left: 64%;
}
.midokoro_area .map ol li.num08_08 {
	top: 36%;
	left: 73%;
}
.midokoro_area .map ol li.num09 {
	top: 65%;
	left: 57%;
}
.midokoro_area .map ol li.num10 {
    top: 83%;
    left: 39%;
}
.midokoro_area .map ol li.num11 {
	top: 70%;
	left: 14%;
}
.midokoro_area .map ol li.num12 {
	top: 35%;
    left: 64%;
}
.midokoro_area .map ol li.num13 {
	top: 10%;
	left: 53%;
}
.midokoro_box01 {
	position: relative;
	background: url(../images/midokoro/bg_midokoro_box01.png)no-repeat;
	height: 425px;
	padding: 143px 0 0 120px;
}
.midokoro_box01 .fukidashi {
	position: absolute;
	top: -108px;
	right: 12px;
}

@media screen and (max-width: 673px) {
	
.midokoro_box01 {
	position: relative;
	background: none;
	height: auto;
	padding: 10px 0 0 10px;
}
	
.midokoro_box01 .fukidashi {
	display: none;
}
.midokoro_area .map ol li.num01 {
	top: 3%;
}

}

.midokoro_box01 ol {
	overflow: hidden;
}
.midokoro_box01 ol li {
	float: left;
	width: 425px;
	padding: 7px 8px 8px;
	cursor: pointer;
	font-size: 18px;
	color: #615a05;
	font-weight: normal;
	line-height: 1.4797951053;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.midokoro_box01 ol li:hover {
	opacity: 0.75;
}
.midokoro_box01 ol li p {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}
.midokoro_box01 ol li p img {
	margin-right: 16px;
}
.midokoro_box01 ol li p span {
	letter-spacing: -0.03em;
	font-size: 16px;
}
.midokoro_box02 {
	position: relative;
	background: url(../images/midokoro/bg_midokoro_box02.png)no-repeat;
	height: 1540px;
	padding: 135px 50px 0 50px;
}

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

.midokoro_box02 {
	position: relative;
	background: none;
	height: auto;
	padding: 20px 0 0 10px;
}

.midokoro_box02 .left {
	float: none!important;
	width: auto!important;
}

.midokoro_box02 .right {
	float: none!important;
	width: auto!important;
	text-align: center;
}

.midokoro_box02 .right img{
	width: 287px!important;
}
	
}

.midokoro_area h2 span {
	letter-spacing: -0.4em;
}
.midokoro_box02 h2 {
	font-size: 28px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 16px;
}
.midokoro_box02 h2.title01 {
	background: url(../images/midokoro/h2_box02_01.png) no-repeat left bottom;
}
.midokoro_box02 h2.title02 {
	background: url(../images/midokoro/h2_box02_02.png) no-repeat left bottom;
}
.midokoro_box02 h2.title03 {
	background: url(../images/midokoro/h2_box02_03.png) no-repeat left bottom;
}
.midokoro_box02 p {
	font-size: 15px;
	line-height: 2.4;
}
.midokoro_box02 .left {
	float: left;
	width: 525px;
}
.midokoro_box02 .right {
	float: right;
	width: 315px;
}
.midokoro_box02 .bottom {
	padding: 18px 0 30px 0;
	clear: both;
}

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

.midokoro_box02 .bottom {
	padding: 0 0 30px 0!important;
	text-align: center!important;
}
	
}

.midokoro_box02 .bottom .hakkei {
	background: #eefafd;
	border-radius: 10px;
	padding: 20px 0 20px 40px;
	letter-spacing: -0.4em;
}
.midokoro_box02 .bottom .hakkei li {
	display: inline-block;
	letter-spacing: normal;
	width: 430px;
}

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

.midokoro_box02 .bottom .hakkei li {
	width: 430px!important;
	text-align:left;
}	
	
}

.midokoro_box02 .bottom .hakkei li p {
	display: inline-block;
	color: #466066;
	line-height: 2.0;
}
.midokoro_box02 .bottom .hakkei li p span {
	vertical-align: -3px;
	font-size: 20px;
	font-weight: bold;
	color: #566d73;
	margin-right: 16px;
}
.midokoro_box02 .bottom .box02_img {
	margin-left: -31px;
	letter-spacing: -0.4em;
}
.midokoro_box02 .bottom .box02_img li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 31px;
}
.midokoro_box02 .bottom .box02_img_last {
	margin-left: -38px;
	letter-spacing: -0.4em;
}
.midokoro_box02 .bottom .box02_img_last li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 38px;
}
.midokoro_box02 .box02_illust {
	position: absolute;
	top: 656px;
	left: 877px;
}
.midokoro_box03 {
	position: relative;
	background: url(../images/midokoro/bg_midokoro_box03.png)no-repeat;
	height: 960px;
	padding: 135px 50px 0 50px;
}

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

.midokoro_box03 {
	background: none;
	height: auto;
	padding: 20px 0 0 10px;
}
	
}

.midokoro_box03 .box03_illust {
	position: absolute;
	top: 42px;
	left: 842px;
}
.midokoro_box03 h2 {
	font-size: 28px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 16px;
}
.midokoro_box03 h2.title01 {
	background: url(../images/midokoro/h2_box03_01.png) no-repeat left bottom;
}
.midokoro_box03 h2.title02 {
	background: url(../images/midokoro/h2_box03_02.png) no-repeat left bottom;
}
.midokoro_box03 p {
	font-size: 15px;
	line-height: 2.4;
}
.midokoro_box03 .box03_img {
	padding: 16px 0 36px 0;
	margin-left: -24px;
	letter-spacing: -0.4em;
}

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

.midokoro_box03 .box03_img {
	text-align: center;
}
	
}

.midokoro_box03 .box03_img li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 23px;
}
.midokoro_box03 ul.download {
	padding: 26px 0 60px 0;
	margin-left: -16px;
	letter-spacing: -0.4em;
	margin-bottom: 0px;
}

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

.midokoro_box03 ul.download {
	text-align: center;
}
	
}

.midokoro_box03 ul.download li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 16px;
	text-align: center;
}
.midokoro_box03 ul.download li .area {
	color: #8d7a43;
	font-size: 18px;
	font-weight: bold;
}
.midokoro_box03 ul.download li .btn {
	display: block;
	margin: 10px auto;
	border-radius: 16px;
	width: 179px;
	padding: 0 20px;
}

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

.midokoro_box03 ul.download li .btn {
	width: auto;
}

}

/*============================
        FACILITIES特有
============================*/
#wrapper_facilities {
  position: relative;
  background: url(../images/facilities/bg_facilities.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_facilities h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	z-index: 9999;
}
#wrapper_facilities .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.map {
	margin-bottom: 68px;
}
.map ul {
	margin-left: -14px;
	letter-spacing: -0.4em;
}
.map ul li {
	position: relative;
	display: inline-block;
	width: 498px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 3px solid #d9e2d6;
	border-left: 3px solid #d9e2d6;
	border-right: 3px solid #d9e2d6;
	background: #f2fcf1;
	margin-left: 14px;
	font-size: 20px;
	text-align: center;
	line-height: 64px;
	letter-spacing: normal;
	vertical-align: bottom;
}
.map ul li.active {
	width: 504px;
	background: #189176;
	color: #fff;
	border: none;
	line-height: 67px;
}
.map ul li .select {
	position: absolute;
	top: -63px;
	right: -8px;
	background: url(../images/facilities/select.png) no-repeat;
	width: 76px;
	height: 66px;
}
.map ul li a {
	display: block;
}
.map .map_img {
	width: 1022px;
}
.map .map_img img {
	width: 100%;
}
.facilities_box {
	margin-bottom: 80px;
}
.facilities_box h2 {
	color: #189176;
	font-size: 28px;
	font-weight: bold;
	border-left: 5px solid #189176;
	line-height: 28px;
	margin: 0 0 12px 22px;
	padding-left: 12px;
}
.facilities_box ul {
	border: 3px solid #e2ebe3;
	background: #e9f4f1;
	letter-spacing: -0.4em;
	border-radius: 10px;
	padding: 30px 0 20px 110px;
}
.facilities_box ul li {
	display: inline-block;
	letter-spacing: normal;
	width: 300px;
	margin-bottom: 10px;
}
.facilities_box ul li p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
	line-height: 1;
}
.facilities_box ul li p img {
	line-height: 0;
}
.facilities_box ul li p span {
	letter-spacing: -0.04em;
	margin-left: -7px;
}
.facilities_box .park {
	background: url(../images/facilities/bg_park.png) no-repeat;
	height: 835px;
	padding: 0 36px 0 46px;
}
.facilities_box .park h3 {
	padding: 0 30px;
	background: #b7a16d;
	border-radius: 14px;
	line-height: 34px;
	color: #fff;
	font-size: 21px;
	text-align: center;
	display: inline-block;
	margin: 30px 0 10px;
}
.facilities_box .park p {
	line-height: 2.18;
	letter-spacing: -0.02em;
}
.facilities_box .park .contact {
	color: #4461a4;
	font-size: 19px;
}
.facilities_box .park .contact .tel {
	background: url(../images/facilities/icon_tel.png) no-repeat left 2px;
	font-size: 22px;
	font-weight: bold;
	padding-left: 32px;
	margin-left: 16px;
	color: #4e4e48;
}
.facilities_box .park .contact .name {
	font-size: 16px;
	color: #4e4e48;
}
/*============================
        USEFUL_INFO特有
============================*/
#wrapper_useful {
  position: relative;
  background: url(../images/useful_info/bg_useful_info.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_useful h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	z-index: 9999;
}
#wrapper_useful .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.useful_area h2 {
	border-left: 4px solid #f88c22;
	line-height: 28px;
	margin-bottom: 30px;
}
.useful_area h2 p {
	border-left: 4px solid #fbd3ab;
	padding-left: 24px;
	font-size: 28px;
	color: #4a4942;
}
.useful_area h2 span {
	font-size: 16px;
	line-height: 16px;
	margin-left: 30px;
}
.useful_box {
	clear: both;
	margin-bottom: 80px;
	overflow: hidden;
}
#dl_area.useful_box {
    margin-top: -50px;
    padding-top: 50px;
}
.useful_box .left {
	float: left;
	width: 610px;
}
.useful_box .right {
	float: right;
	width: 404px;
	line-height: 0;
}
.useful_box .right img {
	margin-bottom: 13px;
}
.useful_box .left table {
	margin-bottom: 10px;
}
.useful_box .left table th,
.useful_box .left table td {
	vertical-align: baseline;
	padding-bottom: 10px;
	letter-spacing: -0.03em;
}
.useful_box .left table th {
	padding-left: 15px;
	width: 95px;
}
.useful_box .left table td span {
	font-size: 24px;
	font-weight: bold;
	padding-right: 6px;
}
.useful_box .left table td .wave {
	padding-right: 12px;
}
.useful_box .left table tr:first-child td span {
	margin-left: 6px;
	font-weight: bold;
}
.useful_box .left table td a {
	font-size: 15px;
	color: #597bc8;
	margin-left: 10px;
}
.useful_box .bottom {
	clear: both;
	padding-top: 6px;

}
.useful_contact {
	width: 100%;
	border: 2px solid #eae6d4;
	border-radius: 8px;
	margin-bottom: 22px;
	padding: 16px 0 16px 30px;
	background: #fff;
	border-collapse:separate;
}
.useful_contact th {
	width: 380px;
	border-right: 1px solid #eae6d4;
	font-size: 23px;
	color: #597bc8;
}
.useful_contact td.address {
	padding-left: 37px;
}
.useful_contact td.address span {
	margin-left: 17px;
}
.useful_contact td.tel {
	padding-left: 72px;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/useful_info/useful_info_tel.png) no-repeat 36px 10px;
}
.useful_contact td.fax {
	padding-left: 60px;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/useful_info/useful_info_fax.png) no-repeat 20px 11px;
}
.useful_contact td.tel_fax {
	padding-left: 119px;
	font-size: 26px;
	font-weight: bold;
	background: url(../images/useful_info/useful_info_telfax.png) no-repeat 36px 9px;
}
.useful_box h3 {
	background: #c1bba0;
	border-radius: 14px;
	line-height: 28px;
	color: #fff;
	font-size: 19px;
	text-align: center;
	display: inline-block;
	width: 215px;
	margin-bottom: 6px;
}
.useful_box .left ul {
	margin: 4px 0;
}
.useful_box .left ul li {
	display: inline-block;
	padding: 0 26px 0 16px;
	vertical-align: middle;
}
.useful_box .left ul li span {
	font-size: 24px;
	font-weight: bold;
	padding: 0 6px 0 26px;
	vertical-align: middle;
}
.useful_box .left ul li .yen {
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	vertical-align: -4px;
}
.useful_box .left p {
	line-height: 1.4;
	margin-bottom: 50px;
}
.useful_box .left p span {
	padding-left: 15px;
}
.useful_box ul.attention li {
	padding-left: 16px;
	line-height: 2.4;
}
.download {
	padding-left: 22px;
	margin-bottom: 50px;
}
.download:nth-of-type(4) {
	margin-bottom: 0;
}
.download .case {
	margin-bottom: 19px;
	padding-left: 9px;
	border-left: 14px solid #a3b3d8;
	font-size: 19px;
	color: #597bc8;
	font-weight: bold;
	line-height: 0.5;
}
.download .title {
	margin-bottom: 10px;
}
.download .btn {
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 28px;
	padding: 0 40px;
	border-radius: 6px;
	background: #c7c2ab;
}
.download .btn:hover {
	opacity: 0.75;
}
.download .btn a {
	color: #fff;
	line-height: 40px;
	display: block;
}
.download .pdf a {
	padding-right: 0;
	padding-left: 30px;
	background: url(../images/common/icon_pdf.png) no-repeat left center;
}
.download .word a {
	padding-right: 0;
	padding-left: 30px;
	background: url(../images/common/icon_word.png) no-repeat left center;
}
.download .excel a {
	padding-right: 0;
	padding-left: 30px;
	background: url(../images/common/icon_excel.png) no-repeat left center;
}
/*============================
        ABOUT特有
============================*/
#wrapper_about {
  position: relative;
  background: url(../images/about/bg_about.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_about h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	z-index: 9999;
}
#wrapper_about .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.about_area {
	color: #5c5b54;
	margin-bottom: 60px;
}
.about_area h2 {
	border-left: 4px solid #0d83d8;
	line-height: 28px;
	margin-bottom: 30px;
}
.about_area h2 p {
	border-left: 4px solid #95cbf1;
	padding-left: 24px;
	font-size: 28px;
	color: #4a4942;
}
.about_tbox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
/*.about_tbox .left {
	float: left;
	width: 566px;
}
.about_tbox .left p {
	line-height: 2;
}
.about_tbox .right {
	float: right;
	width: 448px;
	line-height: 0;
}
.about_tbox ul {
	margin-left: -23px;
	padding-top: 20px;
	letter-spacing: -0.4em;
	clear: both;
}
.about_tbox ul li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 23px;
	line-height: 0;
}*/
.about_bbox .about_list_inner {
	width: 960px;
	margin: 0 auto;
}
.about_bbox ul {
	margin-left: -37px;
	padding-top: 36px;
	letter-spacing: -0.4em;
	clear: both;
}
.about_bbox ul li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 37px;
	line-height: 0;
}
.about_bbox ul li p {
	text-align: center;
	padding-top: 20px;
}
.bard_table {
	width: 100%;
	border: 2px solid #eae6d4;
	border-radius: 8px;
	margin-top: 40px;
	margin-bottom: 22px;
	background: #fff;
	border-collapse:separate;
}
.bard_table {
	padding: 30px;
}
.bard_table td {
	padding: 0 30px;
	vertical-align: top;
	width: 33%;
}
.bard_table td:nth-child(1) p {
	background: url(../images/about/bird_table01.png) no-repeat left center;
	padding-left: 38px;
	border-bottom: 1px solid #98906b;
}
.bard_table td:nth-child(2) p {
	background: url(../images/about/bird_table02.png) no-repeat left center;
	padding-left: 38px;
	border-bottom: 1px solid #64a4cc;
}
.bard_table td:nth-child(3) p {
	background: url(../images/about/bird_table03.png) no-repeat left center;
	padding-left: 38px;
	border-bottom: 1px solid #a19ec0;
}
.bard_table td ul {
	padding: 20px 0 0 35px;
	margin-left: 0;
}
.bard_table td ul li {
	display: block;
	line-height: 1.6;
	vertical-align: top;
	margin-left: 0;
}
.to_gallery {
	width: 100%;
	margin-top: 150px;
}
.to_gallery img {
	width: 100%;
}
/*============================
        ACCESS特有
============================*/
#wrapper_access {
  position: relative;
  background: url(../images/common/bg_access.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_access h1 {
	position: absolute;
	top: 105px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 28px;
	z-index: 9999;
}
#wrapper_access .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.access_area {
	color: #5c5b54;
}
.access_area h2 {
	border-left: 4px solid #0c4cce;
	line-height: 28px;
	margin-bottom: 26px;
}
.access_area h2 p {
	border-left: 4px solid #7e9ede;
	padding-left: 24px;
	font-size: 28px;
	color: #4a4942;
}
.access_area  #gmap {
	position: relative;
	padding-bottom: 47%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.access_area #gmap iframe,
.access_area #gmap object,
.access_area #gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 470px;
}
.access_area .doc-box {
	margin-bottom: 36px;
	overflow: hidden;
}
.access_area .doc-box p {
	margin-top: 16px;
}
.car h3 em {
	padding-left: 50px;
	padding-right: 56px;
	background: url(../images/common/access_icon_01.png) no-repeat left 2px;
}
.bus h3 em {
	padding-left: 50px;
	padding-right: 22px;
	background: url(../images/common/access_icon_02.png) no-repeat left 3px;
}
.doc-box .status {
	border: 1px solid #ced9eb;
	border-radius: 4px;
	padding: 2px 8px;
	color: #4e6fba;
	background: #fff;
	margin-right: 10px;

}
.doc-box h4 {
	color: #5d7fce;
	margin: 16px 0 12px 0;
}
.doc-box .station {
	margin-right: 10px;
}
.doc-box ul {
	letter-spacing: -0.4em;
	margin-bottom: 30px;
}
.doc-box ul li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 10px;
	line-height: 2em;
}
.doc-box ul li:before {
	content: "→";
	color: #4e6fba;
	margin-right: 8px;
}
.doc-box ul li:first-child:before {
	content: none;
	display: inline-block;
	margin-right: 0;
}
.access_area table {
	width: 100%;
	border: 2px solid #eae6d4;
	border-radius: 8px;
	margin-bottom: 22px;
	background: #fff;
	border-collapse:separate;
}
.access_area table th,
.access_area table td {
	border-bottom: 1px solid #cbc7d5;
	line-height: 54px;
}
.access_area table th {
	color: #4e6fba;
	padding-left: 30px;
	width: 210px;
	border-left: 1px solid #cbc7d5;
}
.access_area table tr th:first-child {
	border-left: none;
}
.access_area table td {
	width: 260px;
	margin-top: -20px;
}
.access_area table tr:nth-child(4) th,
.access_area table tr:nth-child(4) td {
	border-bottom: none;
}
.access_area .access_park {
	margin-bottom: 100px;
}
.access_area .access_park p {
	margin-bottom: 20px;
}
.access_area .access_park .usage {
	position: relative;
	line-height: 24px;
	vertical-align: middle;
}
.access_area .access_park span {
	position: absolute;
	font-size: 24px;
	margin-left: 30px;
}
/*============================
        GALLERY特有
============================*/
#wrapper_gallery {
  position: relative;
  background: url(../images/gallery/bg_gallery.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_gallery h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	z-index: 9999;
}
#wrapper_gallery .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.gallery_area {
	margin-bottom: 100px;
}
.gallery_area .gallery {
	border-collapse: separate;
	border-spacing:7px;
	width: 100%;
}
.gallery_area .gallery td {
	line-height: 0;
}
.gallery_area .gallery td img{
	width: 100%;
	max-height: 337px;
}
/*============================
        Q&A特有
============================*/
#wrapper_qa {
  position: relative;
  background: url(../images/common/bg_qa.png) no-repeat 50% 0;
  padding-top: 308px;
}
#wrapper_qa h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 32px;
	z-index: 9999;
}
#wrapper_qa .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.qa_area {
	margin-bottom: 100px;
}
.qa_area .qa-box {
  margin-left: 10px;
  padding: 20px 0;
  padding-left: 7px;
  border-top: 1px dotted #b4c1be;
}
.qa-box:nth-of-type(1) {
  border-top: none;
}
.qa_area dl dt {
  display: inline-block;
  margin-top: 10px;
  margin-right: 11px;
  margin-bottom: 10px;
  vertical-align: top;
  font-size: 19px;
  color: #7799d0;
  font-weight: bold;
  line-height: 1.4736842105;
}
.qa_area dl dt em {
  display: inline-block;
  width: 28px;
  margin-right: 8px;
  text-align: center;
  background-color: #7799d0;
  font-size: 16.24px;
  color: white;
  font-weight: bold;
  line-height: 1.724137931;
  border-radius: 14px;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3";
}
.qa_area dl dd {
  display: inline-block;
  width: 920px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #666666;
  font-weight: normal;
  line-height: 1.75;
}
.qa_area dl.q dd {
	font-weight: bold;
}
.qa_area dl.a dt {
  color: #cbc4a0;
}
.qa_area dl.a dt em {
  background-color: #cbc4a0;
}
.qa_area dl.a dd {
  font-size: 14.5px;
  color: #666666;
  font-weight: normal;
  line-height: 1.6;
}
.qa_area dl.a p {
  color: #666666;
}
.qa_area dl.a p span {
	color: #666666;
}
.qa_area dl.a p span:before {
	content: "";
	background: url(../images/common/qa_icon_tel.png) no-repeat;
	width: 17px;
	height: 14px;
	margin: 0 4px 0 15px;
	display: inline-block;
}

/*============================
        SITEMAP特有
============================*/
#wrapper_sitemap {
  position: relative;
  background: url(../images/common/bg_sitemap.png) no-repeat 50% 0;
  padding-top: 322px;
}
#wrapper_sitemap h1 {
	position: absolute;
	top: 138px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 32px;
	z-index: 9999;
}
#wrapper_sitemap .sub_h1 {
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.sitemap_area ul {
	margin-left: -42px;
	letter-spacing: -0.4em;
}
.sitemap_area ul li {
	display: inline-block;
	width: 490px;
	letter-spacing: normal;
	padding-left: 42px;
	margin-bottom: 70px;
	vertical-align: top;
}
.sitemap_area ul li h2 {
	font-size: 21px;
	padding: 0 0 12px 18px;
	border-bottom: 1px solid #cdcabd;
	color: #597bc8;
}
.sitemap_area ul li p {
	font-size: 16px;
	line-height: 77px;
}
.sitemap_area ul li .border {
	border-top: 1px dotted #92a7c8;
}
.sitemap_area ul li p:before {
	content: ">";
	color: #6e91c9;
	padding: 0 8px 0 22px;
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {

}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.3);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 70px 35px 40px;

  color: #2b2e38;
  background: #fff;
  border-radius: 15px;
  border: 2px solid #94A149;
}
.remodal .img {
  line-height: .5;
  margin-bottom: 20px;
}
.remodal .img img {
  width: 100%;
}
.remodal h2 {
  font-size: 22px;
  color: #4d4c41;
  font-weight: normal;
  line-height: 1.6;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-weight: bold;
  text-align: left;
  margin-bottom: 12px;
}
.remodal h2 span {
	display: block;
	padding-left: 32px;
}
.remodal h2 img {
	vertical-align: top;
	margin-right: 12px;
}
.remodal h2 em {
  font-size: 20px;
  color: white;
  font-weight: bold;
  line-height: 1.65;
  border-radius: 17px;
  background-color: #c72c26;
  padding-top: 1px;
  width: 34px;
  display: inline-block;
  margin-right: 12px;
  text-align: center;
  vertical-align: bottom;
}
.remodal p {
  font-size: 16px;
  color: #3b3b39;
  font-weight: normal;
  line-height: 1.875;
  text-align: left;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  cursor: pointer;

  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 21px;
  color: #595555;
  font-weight: normal;
  line-height: 1.619047619;
  background-color: #dfdfdf;
  border-radius: 17px;
  position: absolute;
  top: 16px;
  right: 19px;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;

  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 483px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*@ sourceMappingURL=lowlayer.css.map */


/* 新着一覧 */
.infoArea { margin-bottom:70px;}
.infoArea .sectionHead {
  position: relative;
  height: 36px;
  margin-bottom: 8px;
  border-bottom: 2px solid #aeb7b5;
}
.infoArea h2 {
  font-family: "Helvetica", sans-serif;
  display: inline-block;
  padding-right: 5px;
  border-bottom: 2px solid #5167c3;
  font-size: 15px;
  color: #5167c3;
  font-weight: normal;
  line-height: 2.4;
}
.infoArea h2 em {
  margin-right: 12px;
  padding-left: 42px;
  padding-top: 5px;
  background: url(../images/top/h2_info.png) no-repeat 3px 0;
  font-size: 22px;
  color: #5167c3;
  font-weight: bold;
  line-height: 1;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.infoArea .sectionHead .more_btn {
  position: absolute;
  right: 0;
  bottom: -11px;
}
.infoArea ul {
  padding-left: 10px;
}
.infoArea ul li {
  margin-top: 34px;
  clear: both;
  overflow: hidden;
}
.infoArea ul li .info_left {
  float: left;
  width: 295px;
  height: 195px;
  overflow: hidden;
}

.infoArea ul li .info_left img{
  width: 100%;
  
}

.infoArea ul li .info_right {
  float: right;
  width: 685px;
}
.infoArea ul li .info_right .date {
  font-size: 16px;
  color: #3c3c3e;
}
.infoArea ul li .info_right .title {
  font-size: 18px;
  font-weight: bold;
  color: #5167c3;
  line-height: 1.5;
}
.infoArea ul li .info_right .article {
  font-size: 16px;
  margin-top: 0px;
  color: #3c3c3e;
}

ul.catlist {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #d6dde2;
}
ul.catlist li {
	margin: 10px;
}

h2.single-title {
	font-size: 24px;
	border-bottom: 1px solid #d6dde2;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
}

#back-info {
	display: flex;
	justify-content: center;
	border-top: 1px solid #d6dde2;
	padding: 10px 0 0 0;
	margin: 50px 0 0 0;
}