/* CSS Document */
#maintitle {
  background: url(../img/main_bk.jpg) no-repeat center 0;
}
#maintitle .en,
#maintitle .ja {
  text-shadow: 0px 0px 25px rgba(255, 255, 255, .4),
    0px -0px 25px rgba(255, 255, 255, .4),
    -0px 0px 25px rgba(255, 255, 255, .4),
    -0px -0px 25px rgba(255, 255, 255, .4);
}
@media (max-width: 767px) {
  #maintitle {
    background: url(../img/main_bk_sp.jpg) no-repeat center 0;
    background-size: 100%;
  }
}

.blockIntroBns {
  padding-top: 50px;
}
.blockIntroBns ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  /*margin-left: -10px;*/
    max-width: 790px;
    margin: 0 auto;
	justify-content: center;
}
@media (max-width: 767px) {
  .blockIntroBns ul {
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    margin-left: -1vw;
  }
}
.blockIntroBns li {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: calc(33% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
.blockIntroBns li img {
  width: 100%;
}
@media (max-width: 767px) {
  .blockIntroBns li {
    width: calc(50% - 1.8vw);
    margin-left: 1vw;
    margin-bottom: 1vw;
  }
  .blockIntroBns li img {
    width: 100%;
  }
  .blockIntroBns li a {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    background: #004259;
  }
  .blockIntroBns li p {
    padding-top: auto;
  }
  .blockIntroBns li div {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    align-items: center;
    display: block;
  }
}

.contBox {
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .contBox {
    padding-right: 0;
    padding-left: 0;
  }
}

.right .inner1280 {
  align-items: center;
  flex-direction: row-reverse;
}
.right .inner1280 .contBox {
  width: 400px;
}
@media (max-width: 767px) {
  .right .inner1280 {
    flex-direction: column;
  }
  .right .inner1280 img {
    max-width: 100%;
  }
  .right .inner1280 .contBox {
    width: 100%;
  }
}

.left .inner1280 {
  align-items: center;
  justify-content: flex-end;
}
.left .inner1280 .contBox {
  width: 400px;
}
@media (max-width: 767px) {
  .left .inner1280 {
    flex-direction: column;
  }
  .left .inner1280 img {
    max-width: 100%;
  }
  .left .inner1280 .contBox {
    width: 100%;
  }
}

.floorguide {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .floorguide {
    padding-bottom: 8vw;
  }
}
@media (max-width: 767px) {
  .floorguide .inner {
    padding-right: 3.5vw;
    padding-left: 3.5vw;
  }
  .floorguide .inner img {
    width: 100%;
  }
}
.floorguide .map1, .floorguide .map2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.floorguide .map1 {
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .front {
    padding-bottom: 8vw;
  }
  .front .contBox {
    padding-top: 0;
  }
}

.frontimage {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}
.frontimage .contBox {
  padding-right: 0;
}
@media (max-width: 767px) {
  .frontimage {
    padding-top: 0;
    padding-right: 3.5vw;
    padding-left: 3.5vw;
    flex-direction: column-reverse;
  }
  .frontimage .contBox {
    padding-top: 0;
  }
}
.frontimage .textCont {
  width: 365px;
}
@media (max-width: 767px) {
  .frontimage .textCont {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.frontimage ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
}
.frontimage ul > li:not(:first-child) {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .frontimage ul > li:not(:first-child) {
    padding-left: 0;
  }
}
.frontimage ul > li img {
  width: 100%;
}

@media (min-width: 767px) {
	.left-sdgs-container {
		width: 30%;
		}
	.right-sdgs-container {
		display: flex;
		align-items: center;
		width: 70%;
		height: 250px;
		}
}

.restaurant {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .restaurant {
    padding-bottom: 8vw;
  }
  .restaurant .contBox {
    padding-top: 0;
  }
  .restaurant .inner1280 {
    padding-bottom: 0;
  }
}

.meeting {
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .meeting {
    padding-bottom: 8vw;
  }
  .meeting .contBox {
    padding-top: 0;
  }
  .meeting .inner1280 {
    padding-bottom: 0;
  }
}

.convenience {
  /*background: #f1f1f1;*/
	background: #FFFFFF;
}
@media (max-width: 767px) {
  .convenience {
    padding-bottom: 8vw;
  }
  .convenience .contBox {
    padding-top: 0;
  }
  .convenience .inner1280 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .breakfast {
    padding-bottom: 8vw;
  }
}

.braekfastImage1, .braekfastImage2 {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  width: 100%;
}
.braekfastImage1 img, .braekfastImage2 img {
  width: 100%;
}

@media (max-width: 767px) {
  .braekfastImage1 {
    flex-direction: column;
  }
}
.braekfastImage1 li ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}

.braekfastImage1 {
  padding-top: 55px;
}
@media (max-width: 767px) {
  .braekfastImage1 {
    padding-top: 1.5em;
  }
}

.braekfastImage2 {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .braekfastImage2 {
    padding-bottom: 1em;
  }
}

.parking {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .parking {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.parking .title {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .parking .title {
    padding-bottom: 1rem;
  }
}
.parking .contTitle {
  padding-bottom: 0;
}

.bg-etc {
  background-color: #fff;
}
@media (max-width: 767px) {
  .etc {
    padding-top: 8vw;
  }
}
.etc ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .etc ul {
    padding-right: 3.5vw;
    padding-left: 3.5vw;
  }
}
.etc li {
  box-sizing: border-box;
  width: 25%;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .etc li {
    width: 50%;
  }
  .etc li:nth-child(2){
    margin-bottom: 20px;
  }
	#conWrap5 .etc li:nth-child(3) div{
    padding-bottom: 36px;
	}
}
.etc li img {
  width: 100%;
}
.etc li p {
  padding-top: 1em;
}
#conWrap5 .etc div{
  padding-bottom: 1rem;
　font-size: 1.2em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    color: #004259;
    text-align: center;
}

.sdgs-size li img{
	width: 200px;
}

#conWrap4 ul{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  max-width: 640px;
	  margin: 30px auto;
  }
  #conWrap4 ul li{
	  width: 50%;
  }
  @media (max-width: 767px){
	  #conWrap4 ul{
		  padding: 0 20px;
	  }
	   #conWrap4 ul li{
		  width: 48%;
	  }
  }

  .s_wrap {
    max-width: 960px;
    margin: auto;
    padding-top: 40px;
  }

  .s_title {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
    color: #004259;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 24px;
  }

  .s_text {
    line-height: 1.8;
    text-align: center;
    margin-bottom: 24px;
  }

  .s_img-box {
    display: flex;
    justify-content: space-between;
  }

  .s_img-wrap {
    width: 50%;
  }

  .s_img-wrap img {
    width: 100%;
  }

  .s_img-wrap2 {
    margin-left: 40px;
  }

  .s_small-text {
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
  }
.comment{
  background: #E5E5E5;
  padding: 20px 0;
  margin: 40px auto;
  width: 960px;
}

.comment h3{
  text-align: center;
  font-size: 25px;
}
.comment p{
  max-width: 875px;
  margin: 0 auto;

}

.comment_oshirase{
  background: #E5E5E5;
  padding: 20px 0;
  margin: 40px auto;
  max-width: 790px;
}

.comment_oshirase h3{
  text-align: center;
  font-size: 1.25em;
  padding-bottom: 0;
}
.comment_oshirase p{
  max-width: 875px;
  margin: 0 auto;
  margin-bottom: 10px;

}

  @media (max-width: 767px){
    .s_wrap {
      padding-top: 3.5vw;
      padding-right: 3.5vw;
      padding-left: 3.5vw;
    }
    .s_title {
      text-align: left;
      padding-bottom: 0.5em;
      margin-bottom: unset;
    }
	  .s_img-box {
      display: block;
    }
    .s_img-wrap {
      width: 100%;
    }
    .s_img-wrap2 {
      margin-left: unset;
      margin-top: 32px;
    }
    .s-pc {
      display: none;
    }
    .s_text {
      text-align: left;
      padding-bottom: 4.83vw;
      margin-bottom: unset;
    }
    .s_small-text {
      text-align: left;
    }
	.comment {
    background: #E5E5E5;
    padding: 20px 10px;
    margin: 0px .7em 20px;
	width: 94%;
  }
  .comment h3 {
    text-align: center;
    font-size: 1.25em;
  }
	.comment_oshirase {
    background: #E5E5E5;
    padding: 20px 10px;
    margin: 0px .7em 20px;
	width: 94%;
  }
  .comment_oshirase h3 {
    text-align: center;
    font-size: 1.25em;
  }
  }

.btn-deviation {
  text-align: center;
}
 .btn-deviation a {
  width: 270px;
  height: 50px;
  padding-left: 30px;
  background-image: url(../img/arrow-deviation.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #004259;
  color: #FFFFFF;
  font-size: 17px;
  display: inline-flex;
  margin-bottom: 20px;
}
@media (max-width: 767px){
  .btn-deviation a{
		width: 100%;
        margin-top: 3.5vw;
	  }
   .btn-deviation .inner {
		width: 94%;
	  }
  }