/* 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;
}
@media (max-width: 767px) {
  .blockIntroBns ul {
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    margin-left: -1vw;
      justify-content: center;
  }
}
.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%;
}

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

.convenience {
  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;
}

#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%;
	  }
  }

  .listTitle {
    height: 105px;
  }

  @media (max-width: 767px) {
	
    .listTitle {
      height:128px;
    }
  }

  .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_wrap {
  max-width: 960px;
  margin: auto;
  padding-top: 40px;
}

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

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

.s_img-wrap {
  width: 50%;
}

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

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

.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_img-box {
    display: block;
}

.s_img-wrap {
  width: 100%;
}

.s_img-wrap2 {
  margin-left: 0px;
  margin-top: 32px;
}
.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;
  }
}

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


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