@charset "UTF-8";

/*-------------------------
__
-------------------------*/
#contents_box{box-sizing:border-box;padding:0 20px;}
#contents_box .area_box .main_com{width:calc(100% + 40px);margin-left:-20px;box-sizing:border-box;padding:60px 20px;}
.main_com .s_title{text-align:center;font-size:32px;margin-bottom:10px;}
.main_com .s_title span{font-size:14px;display:block;padding-bottom:5px;}
.main_com .s_title_jap{font-size:28px;line-height:1.5;font-weight:600;margin-bottom:20px;}
.main_com .basic_text{font-size:16px;line-height:1.6;}
#contents_box .area_box .map_box{max-width:1000px;margin:-80px auto 0;}
#contents_box .area_box a img {width:100%;height:auto;-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;}
#contents_box .sub_com{font-size:22px;line-height:28px;font-weight: 700;text-align:center;margin:0 0 20px;color:#595757;}
#contents_box .sub_com span{font-size:16px;}
#contents_box .sub_com p{font-size: 14px;line-height: 1.6em;}
#contents_box .img_ttl{width:240px;height:auto;margin-bottom:20px;}

@media screen and (max-width: 960px) {
  #contents_box .sub_com{font-size:14px;line-height:20px;}
}
@media screen and (max-width: 767px) {
  #contents_box .area_box .main_com{padding:20px;}
  .main_com .s_title{font-size:24px;}
  .main_com .s_title_jap{font-size:18px;line-height:1.6;}
  .main_com .basic_text{font-size:14px;text-align:left;}
  #contents_box .area_box .map_box{margin:-50px auto 0;}
  #contents_box .sub_com{font-size:13px;line-height:19px;}
}

/*-------------------------
__location_style
-------------------------*/
#contents_box .main_map .title,
#contents_box .map_info .title,
#contents_box .area_box .title,
#contents_box .drive_box .title{display:block;text-align:center;margin:0 0 20px;font-size:3.2em;}

@media screen and (max-width: 767px) {
  #content {padding: 0 0 85px;}
  #contents_box .main_map .title,
  #contents_box .map_info .title,
  #contents_box .area_box .title,
  #contents_box .drive_box .title{margin:0 0 20px;font-size:2.4em;}
  #contents_box .main_map .title img,
  #contents_box .map_info .title img,
  #contents_box .area_box .title img,
  #contents_box .drive_box .title img,
  #contents_box .train .title img{height:100%;width:auto;}
  #contents_box .main_map .sub_com,
  #contents_box .map_info .sub_com{font-size:16px;line-height:22px;}
}

/*-------------------------
__loc_wrap
-------------------------*/
.loc_wrap{max-width:1000px;box-sizing:border-box;margin:0 auto;}
.sec_title{display:block;margin:60px auto 20px;font-size:2.8em;color:#9C855B;}
.sec_title.cc_p{color:#cb7381;}
.area_box .loc_s_title{font-size:2.4em;font-weight:600;line-height:1.5;padding-bottom:5px;}
.area_box .loc_text{font-size:1.4em;line-height:1.5;}
.area_box .flex_wrap {max-width: 900px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.area_box .flex_wrap .loc_card .card_inner{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items: center;}
.area_box .flex_wrap .loc_card:last-child .card_inner{flex-direction: row-reverse;margin-top:50px;}
.area_box .flex_wrap .loc_card .card_inner .card_img{width:45%;}
.area_box .flex_wrap .loc_card .card_inner .card_img img{width:100%;height:auto;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap{width: calc(55% - 30px);display: flex;flex-direction: column;align-self: flex-end;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt{text-align:left;font-size:14px;color:#000;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt .en{font-size: 20px;line-height: 1.2;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt .en .kinds{color:#9d927e;font-size: 14px;display: block;margin-bottom: 10px;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt .en .com{font-size: 18px; font-weight: 700;}
.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .da_com{text-align:left;font-size:1.4em;line-height:1.6;padding-top:10px;}
.area_box .flex_wrap .loc_card .distance{display:block;width:100%;font-size:1.4em;line-height:1.3;background:#f7f7f0;box-sizing:border-box;padding:3px 10px 5px;text-align:left;margin-top:auto;margin-top:20px;}

@media screen and (max-width:767px) {
	.area_box .flex_wrap {padding: 0;}
	.area_box .flex_wrap .loc_card .card_inner{flex-wrap: wrap;gap:0;}
	.area_box .flex_wrap .loc_card:last-child .card_inner{flex-direction: row;margin-top:20px;}
	.area_box .flex_wrap .loc_card .card_inner .card_img{width:100%;}
	.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap{width: 100%;}
	.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt{margin-top:5px;}
	.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt .en{font-size: 18px;}
	.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .card_txt .en .kinds{font-size: 12px;}
	.area_box .flex_wrap .loc_card .card_inner .card_txt_wrap .da_com{padding-top:5px;}
	.area_box .flex_wrap .loc_card .distance{margin-top:10px;}
}

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

}

/*-------------------------
__main_map
-------------------------*/
.main_map{width:980px;margin:60px auto;}
.main_map a img{width:100%;height:auto;transition:.3s;}

@media screen and (min-width:961px) {
  .main_map a:hover img{opacity:0.7;filter:alpha(opacity=70);}
}
@media screen and (max-width: 960px) {
  .main_map{width:auto;margin:30px 20px;}
}
@media screen and (max-width: 767px) {
  .main_map{margin:40px 0;padding:0;}
}

/*-------------------------
__loc_wrap ebd
-------------------------*/
.map_info{width:100%;max-width:980px;margin:0 auto;padding:0;box-sizing:border-box;text-align:left;}
.map_info dl{float:left;margin-right:30px;margin-bottom:30px;width: 50%;width: calc((100% - 30px) / 2);}
.map_info dl:nth-child(2n){margin-right:0px;}
.map_info dl dt{font-size:1.7em;font-weight:bold;margin-bottom:10px;}
.map_info dl dd{}
.map_info dl dd table{width:100%;font-size:1.3em;line-height:1.3em;border-collapse:collapse;}
.map_info dl dd table tr th{border-bottom:1px solid #000;padding:8px 0;}
.map_info dl dd table tr td{border-bottom:1px solid #000;text-align:right;padding:8px 0;}

@media screen and (max-width: 960px) {
  .map_info{padding:0 20px;box-sizing:border-box;}
  .map_info dl{float:left;margin-right:20px;margin-bottom:30px;width:50%;width:calc((100% - 20px) / 2);width:-webkit-calc((100% - 20px) / 2);width:-moz-calc((100% - 20px) / 2);}
}
@media screen and (max-width: 767px) {
  .map_info{padding:0;}
  .map_info dl{width:100%;float:none;}
  .map_info dl dt{font-size:1.5em;margin-bottom:5px;}
  .map_info dl dd table{font-size:1.2em;line-height:1.2em;}
  .map_info dl dd table tr{display:block;}
  .map_info dl dd table tr th,
  .map_info dl dd table tr td{display:block;width:100%;}
  .map_info dl dd table tr th{border-bottom:0px;padding:8px 0 0 0;}
  .map_info dl dd table tr td{text-align:left;}
}

/*-- train --*/
#contents_box #bus,
#contents_box #train{margin-top:50px;}
#contents_box #bus .title,
#contents_box #train .title{display:block;text-align:center;font-size:32px;}
#contents_box #bus .bus_access,
#contents_box .train{max-width:980px;margin:30px auto 50px;display:flex;align-items:center;justify-content:space-between;gap:50px;}
#contents_box #bus .bus_access img,
#contents_box .train img{width:calc(50% - 25px);height:auto;}
#contents_box .train ul{margin:0 0 30px;}
#contents_box .train ul li{width:25%;height:auto;width:calc((100% - 15px) / 2);width:-webkit-calc((100% - 15px) / 2);width:-moz-calc((100% - 15px) / 2);margin-right:15px;box-sizing:border-box;float:left;}
#contents_box .train ul li:nth-child(2n){margin-right:0;}
#contents_box .train ul li img{width:100%;height:auto;}
#contents_box .train ul li p{margin-top:10px;font-size:1.4em;}
#contents_box .losen{max-width:980px;margin:0 auto 40px;padding:20px;box-sizing:border-box;border:1px solid #000;background-color:#fff;}
#contents_box .losen img{width:100%;height:auto;}

@media screen and (max-width: 767px) {
#contents_box #bus .bus_access,
#contents_box .train{margin:20px auto;flex-direction:column;}
#contents_box #bus .title,
#contents_box #train .title{font-size:24px;}
#contents_box #bus .bus_access img,
#contents_box .train img{width: 100%;}
#contents_box .train .com_box{width:100%;margin-top:10px;}
#contents_box .train .com_box .title{margin:0 0 10px;font-size:18px;}
#contents_box .train .com_box .main_com{font-size:14px;line-height:20px;margin-bottom:10px;}
#contents_box .train .com_box p{font-size:12px;}
#contents_box .train ul{margin:0;}
#contents_box .train ul li{width:50%;height:auto;width:calc((100% - 10px) / 2);width:-webkit-calc((100% - 10px) / 2);width:-moz-calc((100% - 10px) / 2);margin-right:10px;margin-bottom:15px;box-sizing:border-box;float:left;}
#contents_box .train ul li p{margin-top:5px;}
#contents_box .losen{margin:0 auto 20px;}
}
/*-------------------------
__link_box
-------------------------*/
#link_box{max-width:980px;margin:0 auto 130px;text-align:left;}
#link_box .town_box{box-sizing:border-box;padding:20px;margin-bottom:40px;background: #f7f7f0;}
#link_box .town_box .d_info{display:flex;border-bottom:1px solid #000;margin-bottom:20px;}
#link_box .town_box .d_info .town_title{font-size:1.8em;font-weight:700;width:160px;}
/*#link_box .school .school_title em{display:inline-block;background:#555;padding:7px 20px 5px;color:#FFF;font-size:0.85em;}*/
#link_box .town_box .d_info .town_title span{position:relative;margin-left:25px;}
#link_box .town_box .d_info .town_title span::before{content:"";display:inline-block;width:20px;height:20px;margin:auto auto auto 0;position:absolute;top:6px;left:-25px;background:url("/images/icon01.png") no-repeat;background-size:contain;}
#link_box .town_box .d_info .town_text{font-size:1.4em;line-height:1.5;margin-bottom:10px;width:calc(100% - 150px);}
#link_box .town{display:flex;justify-content:space-between;}
#link_box .town a{display:block;width:48%;height:95px;background:url("/images/town_ba1@2x.jpg")no-repeat;background-size:cover;position:relative;text-decoration:none;}
#link_box .town a span{font-size:2.2em;font-weight:700;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
#link_box .town a{display:block;width:48%;height:95px;background:url("/images/town_ba1@2x.jpg")no-repeat;background-size:cover;position:relative;text-decoration:none;}
#link_box .town a:last-child{background:url("/images/town_ba2@2x.jpg")no-repeat;background-size:cover;}
#link_box .town a span{font-size:2.2em;font-weight:700;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
#link_box .school_link{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
#link_box .school_link .s_info_title{width:100%;font-size:1.5em;font-weight:700;text-align:center;padding:5px 0;background:#f7f7f0;margin-bottom:10px;}
#link_box .school_link a{width:49%;background:#9d927e;text-align:center;text-decoration:none;box-sizing:border-box;padding:15px 20px;border-radius:10px;}
#link_box .school_link a span{font-size:1.6em;color:#FFF;position:relative;}
#link_box .school_link a span::before{content:"";display:inline-block;width:20px;height:20px;margin:auto auto auto 1em;position:absolute;top:3px;left:-45px;background:url(/images/icon10.png) no-repeat;background-size:contain;}
#link_box .school_link a:last-child span::before{background:url(/images/icon11.png) no-repeat;background-size:contain;}
@media screen and (min-width:768px) {
#link_box .school_link a:hover{opacity:0.7;}
#link_box .town a:hover{opacity:0.7;}
}
@media screen and (max-width:767px) {
#link_box{margin:0 auto 40px;}
#link_box .town_box{margin-bottom:20px;}
#link_box .town_box .d_info{display:block;}
#link_box .town_box .d_info .town_title{width:100%;margin-bottom:10px;}
#link_box .town_box .d_info .town_text{width:100%;}
#link_box .town{display:block;}
#link_box .town a{width:100%;}
#link_box .town a:last-child{margin-top:10px;}
#link_box .town a span{font-size:1.7em;}
#link_box .town .link_double{width:100%;height:auto;}
#link_box .town .link_double a{height:95px;margin-top:10px;}
#link_box .town .link_double a:last-child{margin-top:10px;}
#link_box .school_link{display:block;}
#link_box .school_link a{display:block;width:100%;}
#link_box .school_link a:last-child{margin-top:10px;}
}