@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 access
==================================================================================*/
#access .intro {
  text-align: center;
  margin-bottom: 150px;
}
#access .intro .img01 {
  margin: 0 auto 60px;
}
#access .intro .wrap {
  max-width: 816px;
}
#access .intro .txt {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 120px;
}
#access .intro .img02 {
  max-width: 730px;
  margin: 0 auto 60px;
}
#access .intro .line-tit {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}
#access .intro .line-tit span {
  font-size: 20px;
}
#access .intro .line-tit:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #fff;
  margin-left: 1rem;
}
#access .intro ul {
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#access .intro ul li {
  margin-right: 2%;
}
#access .intro ul li:last-child {
  margin: auto;
}
#access .intro ul .min {
  font-size: 14px;
  letter-spacing: 0;
  margin-top: 10px;
}
#access .intro ul .min .name {
  font-size: 16px;
}
#access .intro ul .min .num {
  font-size: 20px;
}
#access .intro ul .line {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 6px;
}
#access .intro .mini {
  text-align: right;
  margin-top: 10px;
  font-size: 11px;
}
#access .sections {
  text-align: center;
  padding: 100px 0;
}
#access .sections .wrap {
  max-width: 816px;
}
#access .sections .tit {
  font-size: 11px;
  margin-bottom: 10px;
}
#access .sections .txt {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 60px;
}
#access .bus {
  background: #f0eee8;
  color: #403b38;
}
#access .bus .bg {
  background: #ebe7dc;
  padding: 50px 0;
  margin-top: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#access .bus .txt01 {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}
#access .bus .txt01 span {
  font-size: 11px;
}
#access .bus .txt02 {
  font-size: 14px;
  margin-bottom: 15px;
}
#access .bus .txt02 span {
  font-size: 30px;
}
#access .bus .txt03 {
  font-size: 14px;
  margin-bottom: 25px;
}
#access .bus .txt03 span {
  font-size: 30px;
}
#access .bus .mini {
  font-size: 11px;
  line-height: 1.8;
}
#access .highway .bg {
  background: #242d3c;
  padding: 50px 0;
  margin-top: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#access .highway .lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 30px;
}
#access .highway .img02 {
  max-width: 600px;
  width: 74%;
  margin: auto;
}
#access .train {
  background: #f0eee8;
  color: #403b38;
	padding-top: 40px;
	padding-bottom: 0px!important;
}
#access .train ul {
  text-align: left;
}
#access .train ul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 1%;
}
#access .train ul li:last-child {
  margin: auto;
}
#access .train ul .sta {
  font-size: 14px;
  margin: 20px 0 10px;
}
#access .train ul .min {
  font-size: 14px;
  line-height: 1.8;

}
#access .train ul .min .name {
  font-size: 20px;
}
#access .train ul .min .num {
  font-size: 30px;
  color: #637ca7;
}
#access .train ul .line {
  font-size: 11px;
  line-height: 1.8;
}
/*==================================================================================
 lower-sp
==================================================================================*/
@media (max-width: 768px) {
  /*==================================================================================
   access
  ==================================================================================*/

	
  #access .intro {
    text-align: center;
    margin-bottom: 50px;
  }
  #access .intro .img01 {
    max-width: 816px;
    margin: 0 auto 30px;
  }
  #access .intro .txt {
    text-align: left;
    margin-bottom: 60px;
  }
  #access .intro .img02 .swipe-img img {
    width: 730px !important;
    margin-bottom: 20px;
  }
  #access .intro .line-tit {
    text-align: left;
    display: block;
    letter-spacing: 0.1em;
  }
  #access .intro .line-tit:after {
    content: none;
  }
  #access .intro ul {
    display: block;
  }
  #access .intro ul li {
    margin-bottom: 40px;
  }
  #access .intro ul li:last-child {
    margin: auto;
  }
  #access .sections {
    text-align: left;
    padding: 50px 0;
  }
  #access .sections .txt {
    margin-bottom: 30px;
  }
  #access .bus .bg {
    padding: 30px 20px;
    box-sizing: border-box;
  }
  #access .bus .txt02 span {
    font-size: 20px;
  }
  #access .bus .txt03 span {
    font-size: 20px;
  }
  #access .highway .bg {
    padding: 30px 20px;
    box-sizing: border-box;
  }
  #access .highway .img02 {
    width: 100%;
    margin: auto;
  }
  #access .train ul li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  #access .train ul li:last-child {
    margin: auto;
  }
  #access .train ul .min {
    letter-spacing: 0.12em;
  }
	

}/*# sourceMappingURL=style.css.map */



		.gradeback{
	    margin-bottom: 40px;
			  background: #d5d5ce;
  background: linear-gradient(180deg, #D5D5CE 0%, rgb(213, 213, 206) 48%, rgb(255, 255, 255) 100%);
  text-align: center;
  padding: 3em 0 1em;
	  height: 100px;}




.acc_box{max-width:1056px;margin:0 auto;}

.access_box{max-width:1056px;margin:0 auto 30px}
@media screen and (max-width:767px){.access_box{margin-bottom:15px}}
.access_box-list{text-align:left;margin-bottom:50px
}@media screen and (min-width:768px){.access_box-list{display:flex;justify-content:space-between;flex-wrap:wrap}}.access_box-list>li{flex:0 0 33.13725%;line-height:1.15;margin-bottom:20px;letter-spacing:.1em}@media screen and (max-width:767px){.access_box-list>li{margin-bottom:20px!important}}.access_box-list>li span{letter-spacing:.1em}.access_box-list>li .num{margin-left:5px}.access_box-list>li>figure{margin-bottom:8px}.
p-access-express{background-color:#f9f6f3;padding:80px 18px}@media screen and (max-width:767px){.p-access-express{padding:35px 18px}}.p-access-express-flex{max-width:1020px;margin:0 auto}@media screen and (min-width:768px){.p-access-express-flex{display:flex}}.p-access-express-flex>figure{flex:0 0 49.21569%;margin-right:58px}@media screen and (max-width:767px){.p-access-express-flex>figure{margin:0 auto}}.p-access-express-flex>div{display:flex;flex-flow:column;text-align:left}@media screen and (max-width:767px){.p-access-express-flex>div{margin-top:15px}}.p-access-express-flex .access_main-txt{flex:0 0 31.25%;margin-top:-3px}.p-access-express-flex ul li{letter-spacing:.125em;	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}.p-access-express-flex ul li .fnt12{font-family:游明朝体,Yu Mincho,YuMincho,"Noto Serif JP",ヒラギノ明朝 Pro,Hiragino Mincho Pro,MS P明朝,MS PMincho,serif}.p-access-express-flex ul li .num{letter-spacing:.125em}@media screen and (max-width:767px){.p-access-express-flex ul li{line-height:1.2;margin-top:10px}}.p-access-express-flex-note{margin-top:auto;font-size:1.2rem}@media screen and (max-width:767px){.p-access-express-flex-note{margin-top:20px}}.p-access-car{max-width:1056px;margin:0 auto 50px}


#access_search .inner{max-width: 970px;}

.a_searchWrap p.fade_in{
	margin-bottom:20px;
}

#start{width: 45%; padding: 0 10px; float:left; margin-bottom:20px;}
#start span{width: 30%; background: #9a8c56; color: #fff; padding: 8px 20px; font-size: 18px;}
#start input{width: 70%; border: none; padding: 8px; font-size: 18px;}

#goal{width: 45%;  padding: 0 10px; float:right; margin-bottom:20px}
#goal span{width: 30%; background: #9a8c56; color: #fff; padding: 8px 20px; font-size: 18px;}
#goal input{width: 70%; border: none; padding: 8px; font-size: 18px;}


#submit input{background: #333; border: none; color: #fff; padding: 10px 30px; clear:both;}
#submit input:hover{opacity: 0.7; cursor: pointer;}





@media screen and (max-width: 640px){
	#access_search{padding: 0 0 40px;}

	#access_search h3{font-size: 18px; padding: 8px 0;}
#start{width: 100%; float:none; margin-left:-15px;}
#goal{width: 100%; float:none; margin-left:-15px;}
}



section#access .titleArea .titleTxtBox h2 {
  margin-bottom: 0;
}
section#access .accImgList {
  margin: 0 auto 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section#access .accImgList li {
  width: 33.3333333333%;
}
section#access .accImgList li .listTxt {
  text-align: left;
  font-size: 10px;
  font-size: 0.625rem;
  margin-bottom: 5px;
  padding-left: 5px;
}
section#access .routemapBox {
  width: 80%;
  margin: 0 auto 6%;
}
section#access .routemapBox h3 {
  text-align: left;
  margin-bottom: 10px;
}
section#access .routemapBox h3.title01 {
  color: #b7a272;
}
section#access .routemapBox h3.title02 {
  color: #c81166;
}
section#access .slideArea {
  margin-bottom: 10%;
}
section#access .slideArea .txtBlock {
  width: 80%;
  font-size: 18px;
  font-size: 1.5rem;
  margin: 0 auto 10px;
}
section#access .slideArea .Slider01 {
  margin: 0;
}
section#access .slideArea .Slider01 li {
  margin: 0 5px;
}
section#access .slideArea .Slider01 li .imgBox {
  margin-bottom: 20px;
}

.imgBox .imgCaption {
  position: absolute;
  bottom: 10px;
  right: 10px;
  left: 10px;
  text-align: right;
  font-size: 10px;
  font-size: 0.625rem;
  color: #FFF;
  line-height: 1.3;
  text-shadow: 0px 0px 3px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
}

section#access .slideArea .Slider01 {
  margin: 0;
  padding: 0;
  list-style: none;
}

section#access .slideArea .slick-list {
  margin: 0;
  padding: 0 !important;
}

section#access .slideArea .slick-track {
  margin-left: 0;
}

section#access .slideArea .Slider01 li {
  margin: 0 5px;
}

section#access .slideArea .Slider01 li:first-child {
  margin-left: 0;
}



/* access_search ================*/
#access_search{padding: 0 0 80px;}
#access_search .inner{max-width: 970px;}

#access_search h3{text-align: center; background: #9a8c56; color: #fff;
 	font-size: 24px; letter-spacing: 2px; padding: 13px 0;}
#access_search .a_searchWrap{background: #eeebe2; padding: 30px 60px; text-align: center;}
#access_search .a_searchWrap ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}
#access_search .a_searchWrap ul li{width: 50%; padding: 0 10px;}
#access_search .a_searchWrap ul li span{width: 30%; display: inline-block; background: #9a8c56; color: #fff; padding: 8px 20px; font-size: 18px;}
#access_search .a_searchWrap ul li input{width: 70%; border: none; padding: 8px; font-size: 18px;}
#access_search .a_search_submit input{background: #333; border: none; color: #fff; padding: 10px 30px;}
#access_search .a_search_submit input:hover{opacity: 0.7; cursor: pointer;}

@media screen and (max-width: 640px){
	#access_search{padding: 0 0 40px;}

	#access_search h3{font-size: 18px; padding: 8px 0;}
	#access_search .a_searchWrap{padding: 20px;}
	#access_search .a_searchWrap ul li{width: 100%; margin-bottom: 10px;}
	#access_search .a_searchWrap ul li span{padding: 6px 10px; font-size: 15px;}
	#access_search .a_searchWrap ul li input{padding: 6px; font-size: 15px;}
	#access_search .a_search_submit input{font-size: 15px;}
}

/* access_transportation ================*/
#access_transportation{padding: 0 0 80px;}

#access_transportation .access_station .station_box{width: 49%;}
#access_transportation .access_station .station_box .kakoi{display: block;border: 1px solid #9a8c56;padding: 5px 0;text-align: center;font-size: 14px;margin-bottom: 10px;}

#access_transportation .shinkansen_read{margin-bottom: 45px;}
#access_transportation .airport_read{margin-bottom: 20px;}

.a_transportation_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.a_transportation_box{width: 47%;}
.a_transportation_box h4{font-size: 20px; font-weight: bold; letter-spacing: 2px; line-height: 1.6; color: #9a8c56; margin: 20px 0;}
.a_transportation_box p{}

.a_transportation_wrap .shinkansen_wrap{padding: 84px 0 0; border-bottom: none;}
.a_transportation_wrap .airport_wrap{padding: 25px 0 0; border-bottom: none;}

@media screen and (max-width: 640px){
	#access_transportation{padding: 0 0 40px;}

	#access_transportation .shinkansen_read{margin-bottom: 15px;}
	#access_transportation .airport_read{margin-bottom: 15px;}

	.a_transportation_box{width: 100%; border-top: 1px solid #9a8c56;}
	.a_transportation_box figure{margin-left: -15px; margin-right: -15px;}
	.a_transportation_box h4{font-size: 16px; line-height: 1.6; letter-spacing: 4px; margin-bottom: 15px;}
	.a_transportation_box h4,
	.a_transportation_box .a_transportation_box_text p{padding: 0 25px;}
	.a_transportation_wrap .shinkansen_wrap{padding: 18px 0;}
}


.eq_cyui{
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 40px;
}
p.cyui{
	font-size:12px;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	color:#3B362C;
	padding-top:0.7em;
}

p.ac{
	font-size:10px;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	color:#3B362C;
	padding-top:0.7em;
}