@charset "utf-8";

/*　メインビジュアル　*/

#MainVisual {
  width: 100%;
  position: relative;
}
#MainVisual figure {
  width: 100%;
}
#MainVisual h1 {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--Color2);
  font-family: var(--fontCiz);
  font-size: 3.875rem;
  margin-top: 0;
}

/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {


}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {

#MainVisual h1 {
  font-size: 6.2vw;
}

}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {



}

/*　Introduction　*/

.ss_intro_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.intro_right {
  margin-left: 90px;
}
.intro_right h2 {
  text-align: left;
  line-height: 2;
}
.intro_right p {
  font-family: var(--fontJp);
  line-height: 2.5;
  margin-top: 50px;
}
.symbolic_p {
  width: 980px;
}
.map_h3 {
  text-align: center;
  margin: 120px auto 20px;
}
.ss_map {
  width: 1280px;
  margin: auto;
}

/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {

.ss_intro_wrap {
  align-items: flex-start;
}
.intro_right {
  width: 55%;
  margin-left: 4vw;
  padding-right: 2vw;
}
.intro_right p {
  margin-top: 2vw;
}
.intro_right p br {
  display: none;
}
.symbolic_p {
  width: 60%;
}
.map_h3 {
  text-align: center;
  margin: 10vw auto 5vw;
}
.ss_map {
  width: 90%;
}

}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {


}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

.ss_intro_wrap {
  display: block;
}
.symbolic_p {
  width: 100%;
}
.intro_right {
  width: 90%;
  margin: 0 auto;
}
.intro_right h2 {
  line-height: 1.5;
}
.intro_right p {
  line-height: 1.5;
}

}

/*　観光案内　*/

#SS_Area {
  width: 100%;
  margin: 160px auto;
}
#SS_Area h2 {
  width: 650px;
  margin: auto;
  padding: 1vw 0;
  font-size: clamp(1.375rem, 0.961rem + 0.86vw, 1.5rem);
  border-left: 1px solid var(--Color1);
  border-right: 1px solid var(--Color1);
}
#SS_Area h2 span {
  font-size: 125%;
}
#SS_Area h2 span span {
  font-size: 125%;
  color: var(--Color6);
}
#SS_Area h3.area_h3 {
  font-size: 2.25rem;
  text-align: center;
  margin: 80px auto 40px;
  letter-spacing: .2em;
}
#SS_Area h3.area_h3:before,
#SS_Area h3.area_h3:after {
  content: url(../images/common/h2_mark.svg);
  display: inline-block;
  width: .7em;
  margin: 0 1em;
}
#SS_Area h3.area_h3:before {
  margin-left: 0;
}
#SS_Area h3.area_h3:after {
  margin-right: 0;
}
hr {
  width: 100%;
  margin: 100px auto;
}
.ss_list {
  width: 1280px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ss_list li {
  width: 30.5%;
}
.ss_list li h4 {
  text-align: center;
  letter-spacing: .1em;
  margin-top: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--Color1);
}
.ss_list li p.minits {
  text-align: center;
  margin-bottom: 16px;
}
.ss_list li p.minits span {
  font-size: 150%;
  color: var(--Color6);
}
.ss_list li p.ss_txt {
  font-family: var(--fontJp);
  line-height: 2;
}
.leisure {
  background-color: var(--Color7);
  margin-top: 60px;
  padding: 60px 0;
}
.leisure h3 {
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: .1em;
}

/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {

#SS_Area {
  margin: 10vw auto;
}
#SS_Area h3.area_h3 {
  margin: 8vw auto 4vw;
}
.ss_list {
  width: 90%;
}
.ss_list li h4 {
  letter-spacing: -.05em;
  margin-top: 1.6vw;
}

}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {

#SS_Area h2 {
  width: 65vw;
  font-size: clamp(1.125rem, 0.711rem + 0.86vw, 1.25rem);
}
#SS_Area h3.area_h3 {
  font-size: clamp(1.875rem, 0.634rem + 2.59vw, 2.25rem);
}
.ss_list li h4 {
  font-size: clamp(1.125rem, 0.711rem + 0.86vw, 1.25rem);
  letter-spacing: 0;
  margin-top: 1.6vw;
  padding-bottom: 1vw;
}

}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

#SS_Area h3.area_h3,
.ss_list li h4 {
  font-size: clamp(1.125rem, 0.965rem + 0.85vw, 1.375rem);
}
.ss_list {
  display: block;
}
.ss_list li {
  width: 100%;
  margin-bottom: 5vw;
}
.ss_list li p.minits {
  margin-bottom: 1vw;
}
hr {
  margin: 10vw auto;
}

}

/*　新幹線　*/

.bt_wrap {
  width: auto;
  margin-left: calc((100% - 1280px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bt_left {
  margin-right: 90px;
}
.bt_left h2 {
  text-align: left;
  line-height: 2.5;
}
.bt_left p {
  font-family: var(--fontJp);
  line-height: 2;
  margin-top: 50px;
}
.bullet_slider {
  width: 100%;
  margin: 120px auto 60px;
}
.bullet_slider_h {
  width: 790px;
  margin: auto;
  padding: 1vw 0;
  font-size: clamp(1.375rem, 0.961rem + 0.86vw, 1.5rem);
  border-left: 1px solid var(--Color1);
  border-right: 1px solid var(--Color1);
}
.bullet_slider_h span {
  font-size: 75%;
}
.bullet_slider ul {
  width: 1280px;
  margin: 60px auto;
overflow: hidden;
}
.bullet_slider ul li figure {
  margin: 0 20px;
}
.bullet_slider ul li h4 {
  text-align: center;
  letter-spacing: .1em;
  margin: 16px 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--Color1);
}
.bullet_slider ul li h4 span {
  font-size: 60%;
}
.bullet_slider ul li p.minits {
  text-align: center;
  margin: 0 20px 16px;
}
.bullet_slider ul li p.minits span {
  font-size: 150%;
  color: var(--Color6);
}
.bullet_slider ul li p.ss_txt {
  margin: 0 20px;
  font-family: var(--fontJp);
  line-height: 2;
}
#BulletTrain p.ann {
  width: 1280px;
  margin: 0 auto 120px;
}

/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {

.bt_wrap {
  margin-left: 4vw;
  align-items: flex-start;
}
.bt_left {
  margin-right: 4vw;
  width: 45%;
}
.bt_left h2 {
  line-height: 1.5;
}
.bt_left p {
  margin-top: 4vw;
}
.bt_left p br {
  display: none;
}
.bullet_slider {
  margin: 12vw auto 6vw;
}
.bullet_slider ul {
  width: 100%;
  margin: 6vw auto;
}
.bullet_slider ul li figure {
  margin: 0 2vw;
}
.bullet_slider ul li h4 {
  margin: 1.6vw 2vw 0;
  padding-bottom: 1vw;
}
#BulletTrain p.ann {
  width: 90%;
  margin: 0 auto 12vw;
}

}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {

.bullet_slider_h {
  width: 60%;
}
.bullet_slider ul li h4 {
  font-size: clamp(1.125rem, 0.711rem + 0.86vw, 1.25rem);
}

}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

.bt_wrap {
  display: block;
  margin: 0 auto;
  width: 90%;
}
.bt_left {
  margin-right:0;
  width: 100%;
}

}



/*　矢印　*/

.bullet_slider ul .slick-arrow {
  display: block;
  position: absolute;
  top: -38%;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}
.bullet_slider ul .slick-arrow:hover {
  opacity: 0.7;
}
.bullet_slider ul .slick-next::before,
.bullet_slider ul .slick-next::after,
.bullet_slider ul .slick-prev::before,
.bullet_slider ul .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.bullet_slider ul .slick-next::after,
.bullet_slider ul .slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
/* next */
.bullet_slider ul .slick-next::after {
  right: -10px;
  transform: rotate(45deg);
}
/* prev */
.bullet_slider ul .slick-prev::after {
  left: -10px;
  transform: rotate(-135deg);
}


/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {



}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {



}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

.bullet_slider ul .slick-arrow {
  top: -30%;
}

/* next */
.bullet_slider ul .slick-next::after {
  right: 40px;
}
/* prev */
.bullet_slider ul .slick-prev::after {
  left: 40px;
}

}


/*　外国語対応　*/


html.translated-ltr .intro_right {
  margin-right: calc((100% - 1280px) /2);
}


/* --------------------- */
/* 1300 */
/* --------------------- */
@media screen and (max-width: 1300px) {
}

/* --------------------- */
/* 1000 */
/* --------------------- */
@media screen and (max-width: 1000px) {

html.translated-ltr .intro_right {
  margin-right: 5%;
}


}

/* --------------------- */
/* SP */
/* --------------------- */
@media screen and (max-width: 767px) {

html.translated-ltr .intro_right {
  margin: 0 auto;
}

}