@charset "UTF-8";
#body { 
  background: #fff8cc url("../img/news/taiyo@2x.png") no-repeat center 60px / 100% auto;
}
@media only screen and (max-width: 560px) {#body { background-size: auto 200px;}}

main { padding-bottom: 230px; position: relative; z-index: 1;}
.floatingMessage {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-size: 25vw;
  line-height: 1;
  pointer-events: none;
  color: #ff490f;
}
@media only screen and (min-width: 1600px) {
  .floatingMessage {bottom: -3vw;}
}
.floatingMessage p {
  position: absolute;
  overflow: hidden;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.floatingMessage p span {
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  padding-left: 80px;
  display: inline-block;
}

h2.h201 {
  padding: 70px 120px;
  text-align: center;
}
h2.h201 .en {
  color: #ff490f;
  font-size: 90px;
  line-height: 1.2;
  display: block;
}
h2.h201 .jp {
  color: #000;
  font-size: 40px;
  display: block;
  line-height: 1.2;
}
@media only screen and (max-width: 782px) {
  #body { 
    background-position: center 50px;
  }
  main { padding-bottom: 60px; }
  h2.h201 {
    padding: 50px 5%;
  }
  h2.h201 .en {
    font-size: 40px;
  }
  h2.h201 .jp {
    font-size: 20px;
  }
}

.contents { 
  position: relative; margin: 0px auto; 
  width: 1360px; 
  max-width:90%; 
  background: #fff; 
  padding:100px; 
  z-index: 2; 
  box-sizing: border-box;
}

@media only screen and (max-width: 782px) {
  .contents {
    margin: 0 3.33%;
    padding: 30px 6.67%;
    max-width: inherit;
    width: auto; padding-top: 30px;}
}


.contents section {
  display: flex;
  margin-bottom: 90px;
}
.contents section h3 {
  width: 260px;
  font-weight: bold;
}
.contents section h3 .en { display: block; color: #a7bca7; font-size: 18px;}
.contents section h3 .jp { display: block; color: #000; font-size: 32px; line-height: 1.2}
.contents section .text {
  width: calc(100% - 260px);
}
@media only screen and (max-width: 782px) {
  .contents section {
    display: block;
    margin-bottom: 40px;
  }
  .contents section h3 {
    width: auto;
  }
  .contents section h3 .en { font-size: 10px;}
  .contents section h3 .jp { font-size: 20px;}
  .contents section .text {
    width: auto;
    margin-top: 20px;
  }
}

.name { color: #ff490f; display: flex; align-items: center; justify-content: flex-end; font-weight: bold;}
.name .small { font-size: 18px; margin-right: 10px;}
.name .large { font-size: 26px;}
@media only screen and (max-width: 782px) {
  .name .small { font-size: 12px;}
  .name .large { font-size: 16px;}
}

.text .bg_gray {
  background: #ececec;
  padding: 50px;
}
.text table {
  width: 100%;
}
.text table th,
.text table td {
  text-align: left;
  vertical-align: top;
  border-bottom: #000 1px dashed;
  padding: 12px 0 12px 20px;
  box-sizing: border-box;
}
.text table tr:first-child th,
.text table tr:first-child td {
  border-top: #000 1px dashed;
}
.text table th { font-weight: bold;}
@media only screen and (max-width: 782px) {
  .text .bg_gray {
    padding: 25px;
  }
  .text table,
  .text table tbody,
  .text table tr,
  .text table th,
  .text table td {
    display: block;
  }
  .text table th {
    border-bottom: none;
    padding: 12px 0 0px 0px;
  }
  .text table td {
    padding: 0px 0 12px 0;
  }
  .text table tr:first-child th,
  .text table tr:first-child td {
    border-top: none;
  }
}

#gmap {
  width: 100%;
  height: 600px;
}
#gmap iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 782px) {
  #gmap { height: 60vw;}
}

.slider {
  margin: 0 -50px;
  text-align: center;
  padding-bottom: 40px;
}
.slider img {
  width: 1260px;
  max-width: calc(100% - 100px);
  margin: 0 auto;
}

/* .swiper-slide .line span {
  color: #ff490f;
  position: relative;
  display: inline-block;
}
.swiper-slide .line span::before,
.swiper-slide .line span::after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: #ff490f;
}
.swiper-slide .line span::before { left: -65px;}
.swiper-slide .line span::after { right: -65px;}
.swiper-slide .caption { font-size: 32px; line-height: 1.2; font-weight: bold; margin-top: 10px; margin-bottom: 60px;} */


.swiper-button-prev,
.swiper-button-next {
  background: #ff490f;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  top: calc(50% - 60px);
}

.swiper-button-prev::after,
.swiper-button-next::after { transform: scale(0.7);}

.slider .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  margin: 0 10px!important;
}
.swiper-pagination-bullet-active {
  background-color: #ff490f;
}

@media only screen and (max-width: 782px) {
  .slider{
    margin: 0;
  }
  .slider img {
    width: 100%;
    max-width: inherit;
  }

  /* .swiper-slide .line span {
    color: #ff490f;
    position: relative;
    display: inline-block;
  }
  .swiper-slide .line span::before,
  .swiper-slide .line span::after {
    content: "";
    width: 25px;
    height: 1px;
    position: absolute;
    top: 50%;
    background-color: #ff490f;
  }
  .swiper-slide .line span::before { left: -35px;}
  .swiper-slide .line span::after { right: -35px;}
  .swiper-slide .caption { font-size: 20px; line-height: 1.2; font-weight: bold; margin-top: 10px; margin-bottom: 120px;} */

/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 70px;} */
  .swiper-button-prev,
  .swiper-button-next {
    background: #ff490f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    top: auto;
    bottom: 0px;
  }
  .swiper-button-prev { left: calc(30% - 60px);}
  .swiper-button-next { right: calc(30% - 60px);}
  .swiper-button-prev::after,
  .swiper-button-next::after { transform: scale(0.6);}

}