@charset "UTF-8";

/* hotel the mitsui */

/*--------------------------------------------------
  base
--------------------------------------------------*/

/* header */
#wrapper #header {
  margin-bottom: 54px;
  background: #000;
}
#wrapper #header header h1 {
  text-align: center;
  padding: 26px 0;
}
#wrapper #header img {
  padding-left: 31px;
  width: 722px;
  height: auto;
}
@media screen and (max-width: 767px) {
  #wrapper #header {
    margin-bottom: 10.667vw;
  }
  #wrapper #header header h1 {
    padding: 3.467vw 0;
    float: none;
    width: 100%;
  }
  #wrapper #header img {
    padding-left: 0;
    width: 89.333vw;
  }
}

/* container */
#contents .container.mitsui {
  width: 100%;
}

/* main */
#contents .mitsui-main {
  margin: 0 auto;
  padding-bottom: 120px;
  width: 986px;
}
#contents .mitsui-ttl {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.68;
  text-align: center;
}
#contents .mitsui-ttl span {
  display: block;
  font-size: 24px;
}
#contents .mitsui-sttl {
  margin: 10px 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  border: none;
}
#contents .mitsui-date {
  margin-top: 40px;
  padding: 14px 0;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
#contents .mitsui-mv {
  margin-top: 40px;
}
#contents .mitsui-box {
  display: flex;
  margin-top: 40px;
}
#contents .mitsui-box-img {
  width: 356px;
  height: auto;
}
#contents .mitsui-box-txt {
  margin-left: 32px;
  width: 598px;
  /* font-size: 16px; */
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  #contents .mitsui-main {
    padding-bottom: 10.667vw;
    width: 100%;
  }
  #contents .mitsui-main .mitsui-inner {
    margin: 0 auto;
    width: 89.333vw;
  }
  #contents .mitsui-ttl {
    font-size: 5.867vw;
    line-height: 1.18;
  }
  #contents .mitsui-ttl span {
    margin-bottom: 2.133vw;
    font-size: 4.267vw;
    line-height: 1.625;
  }
  #contents .mitsui-sttl {
    margin: 4.267vw 0 0;
    padding: 0;
    font-size: 4.267vw;
    line-height: 1.625;
  }
  #contents .mitsui-date {
    margin-top: 6.4vw;
    padding: 4.533vw 0;
    font-size: 3.733vw;
    line-height: 1.41;
    /* text-align: center;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070; */
  }
  #contents .mitsui-mv {
    margin-top: 6.4vw;
  }
  #contents .mitsui-box {
    display: block;
    margin-top: 6.4vw;
  }
  #contents .mitsui-box-img {
    width: 100%;
    height: auto;
  }
  #contents .mitsui-box-txt {
    margin-top: 6.4vw;
    margin-left: 0;
    width: 100%;
    font-size: 3.733vw;
    line-height: 1.57;
  }
}


/* plan */
#contents .mitsui-plan {
  margin-top: 120px;
}
#contents .mitsui-plan-ttl {
  margin-top: 120px;
  padding-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #707070;
}
#contents .mitsui-plan-ttl img {
  margin: 0 auto;
  width: auto;
  height: 37px;
}
#contents .mitsui-plan-sttl {
  margin-top: 40px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#contents .mitsui-plan-sttl span {
  display: block;
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 1.54;
}
#contents .mitsui-plan-img {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
#contents .mitsui-plan-img img {
  width: 50%;
}
#contents .mitsui-plan-txt {
  margin-top: 40px;
  line-height: 1.75;
}
#contents .mitsui-plan-detail {
  margin-top: 40px;
  padding: 64px 42px;
  background: #f4f0e9;
}
#contents .mitsui-plan-detail-ttl {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#contents .mitsui-plan-detail-txt {
  margin-top: 40px;
  line-height: 1.75;
}
#contents .mitsui-plan-detail-txt .tel {
  display: inline-block;
  padding: 9px 0 16px;
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
}
#contents .mitsui-plan-detail-note {
  margin-top: 40px;
  font-size: 14px;
  line-height: 1.57;
}
#contents .mitsui-plan-detail-inquiry {
  margin-top: 48px;
  padding: 40px 0 0;
  border-top: 1px solid #707070;
  text-align: center;
}
#contents .mitsui-plan-detail-inquiry-ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#contents .mitsui-plan-detail-inquiry-ttl + .mitsui-plan-detail-txt {
  margin-top: 24px;
  line-height: 1;
}
#contents .mitsui-plan-detail-inquiry-ttl + .mitsui-plan-detail-txt + .mitsui-plan-detail-txt {
  margin-top: 28px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #contents .mitsui-plan {
    margin-top: 21.333vw;
  }
  #contents .mitsui-plan-ttl {
    margin-top: 21.333vw;
    padding-bottom: 3.2vw;
    /* text-align: center;
    border-bottom: 1px solid #707070; */
  }
  #contents .mitsui-plan-ttl img {
    /* margin: 0 auto;
    width: auto; */
    height: 6.4vw;
  }
  #contents .mitsui-plan-sttl {
    margin-top: 6.4vw;
    font-size: 5.867vw;
    /* font-weight: bold; */
    line-height: 1.45;
    /* text-align: center; */
  }
  #contents .mitsui-plan-sttl span {
    /* display: block; */
    margin-bottom: 1.067vw;
    font-size: 4.267vw;
    line-height: 1.5;
  }
  #contents .mitsui-plan-img {
    margin-top: 6.4vw;
    display: block;
    /* justify-content: center; */
  }
  #contents .mitsui-plan-img img {
    width: 100%;
  }
  #contents .mitsui-plan-txt {
    margin-top: 6.4vw;
    font-size: 3.733vw;
    line-height: 1.57;
  }
  #contents .mitsui-plan-detail {
    margin-top: 6.4vw;
    padding: 10.667vw 5.333vw;
    /* background: #f4f0e9; */
  }
  #contents .mitsui-plan-detail-ttl {
    font-size: 4.533vw;
    /* font-weight: bold; */
    line-height: 1.47;
    /* text-align: center; */
  }
  #contents .mitsui-plan-detail-txt {
    margin-top: 6.4vw;
    font-size: 3.733vw;
    line-height: 1.57;
  }
  #contents .mitsui-plan-detail-txt .tel {
    /* display: inline-block; */
    padding: 3.2vw 0;
    font-size: 9.6vw;
    /* font-weight: bold;
    line-height: 1; */
  }
  #contents .mitsui-plan-detail-note {
    margin-top: 6.4vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  #contents .mitsui-plan-detail-inquiry {
    margin-top: 6.4vw;
    padding: 6.4vw 0 0;
    /* border-top: 1px solid #707070;
    text-align: center; */
  }
  #contents .mitsui-plan-detail-inquiry-ttl {
    font-size: 4.8vw;
    /* font-weight: bold;
    line-height: 1; */
  }
  #contents .mitsui-plan-detail-inquiry-ttl + .mitsui-plan-detail-txt {
    margin-top: 6.4vw;
    line-height: 1.28;
  }
  #contents .mitsui-plan-detail-inquiry-ttl + .mitsui-plan-detail-txt + .mitsui-plan-detail-txt {
    margin-top: 3.2vw;
    line-height: 1.28;
  }
}


/* more */
#contents .mitsui-more {
  background: url("../images/bg_01_pc.jpg") top center no-repeat;
  background-size: cover;
}
#contents .mitsui-more .mitsui-inner {
  margin: 0 auto;
  padding: 120px 0;
  width: 986px;
}
#contents .mitsui-more-ttl {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}
#contents .mitsui-more-box {
  margin-top: 80px;
}
#contents .mitsui-more-box + .mitsui-more-box {
  margin-top: 64px;
}
#contents .mitsui-more-box-head {
  /* margin-top: 80px; */
}
#contents .mitsui-more-box-ttl {
  display: flex;
  /* margin-top: 80px; */
  font-size: 22px;
  font-weight: bold;
  line-height: 1.54;
  color: #fff;
  align-items: flex-start;
}
#contents .mitsui-more-box-ttl img {
  width: auto;
  height: 74px;
}
#contents .mitsui-more-box:nth-of-type(1) .mitsui-more-box-ttl img {
  width: auto;
  height: 54px;
}
#contents .mitsui-more-box-ttl span {
  margin-left: 40px;
}
#contents .mitsui-more-box-img {
  display: flex;
  margin-top: 22px;
  justify-content: space-between;
}
#contents .mitsui-more-box:nth-of-type(1) .mitsui-more-box-img {
  margin-top: 30px;
}
#contents .mitsui-more-box-img img {
  width: 50%;
  max-width: 481px;
}
#contents .mitsui-more-box-txt {
  margin-top: 30px;
  line-height: 1.75;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #contents .mitsui-more {
    background: url("../images/bg_01_sp.jpg") top center repeat-y;
    background-size: 100% auto;
  }
  #contents .mitsui-more .mitsui-inner {
    /* margin: 0 auto; */
    padding: 16vw 0 10.667vw;
    width: 89.333vw;
  }
  #contents .mitsui-more-ttl {
    font-size: 5.867vw;
    /* font-weight: bold; */
    line-height: 1.45;
    /* color: #fff; */
  }
  #contents .mitsui-more-box {
    margin-top: 14.933vw;
  }
  #contents .mitsui-more-box + .mitsui-more-box {
    margin-top: 21.333vw;
  }
  #contents .mitsui-more-box-head {
    /* margin-top: 21.333vw; */
  }
  #contents .mitsui-more-box-ttl {
    display: block;
    font-size: 3.733vw;
    /* font-weight: bold; */
    line-height: 1.57;
    /* color: #fff; */
    /* align-items: flex-start; */
  }
  #contents .mitsui-more-box-ttl img {
    /* width: auto; */
    height: 12.267vw;
  }
  #contents .mitsui-more-box:nth-of-type(1) .mitsui-more-box-ttl img {
    /* width: auto; */
    height: 8.8vw;
  }
  #contents .mitsui-more-box-ttl span {
    display: block;
    margin-top: 4.267vw;
    margin-left: 0;
  }
  #contents .mitsui-more-box-img {
    display:  block;
    margin-top: 6.4vw;
    /* justify-content: space-between; */
  }
  #contents .mitsui-more-box:nth-of-type(1) .mitsui-more-box-img {
    margin-top: 6.4vw;
  }
  #contents .mitsui-more-box-img img {
    width: 100%;
    max-width: auto;
  }
  #contents .mitsui-more-box-img img + img {
    margin-top: 3.2vw;
  }
  #contents .mitsui-more-box-txt {
    margin-top: 6.4vw;
    font-size: 3.733vw;
    line-height: 1.57;
    /* color: #fff; */
  }
}


/* about */
#contents .mitsui-about {
  background: url("../images/bg_02_pc.jpg") top center no-repeat;
  background-size: cover;
}
#contents .mitsui-about .mitsui-inner {
  margin: 0 auto;
  padding: 90px 0 114px;
  width: 986px;
}
#contents .mitsui-about-ttl {
  text-align: center;
}
#contents .mitsui-about-ttl img {
  margin: 0 auto;
  width: 382px;
  height: auto;
}
#contents .mitsui-about-detail {
  margin-top: 60px;
  padding: 90px 43px 60px;
  background: rgba(255, 255, 255, 0.85);
  /* opacity: 0.85; */
}
#contents .mitsui-about-detail-ttl {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
#contents .mitsui-about-detail-txt {
  margin: 40px auto 0;
  width: 830px;
  line-height: 1.75;
}
#contents .mitsui-about-detail-txt .tel {
  display: inline-block;
  padding: 9px 0 16px;
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
}
#contents .mitsui-about-detail-inquiry {
  margin-top: 48px;
  padding: 40px 0 0;
  border-top: 1px solid #707070;
  text-align: center;
}
#contents .mitsui-about-detail-inquiry-ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
#contents .mitsui-about-detail-inquiry-ttl + .mitsui-about-detail-txt {
  margin-top: 24px;
  line-height: 1;
}
#contents .mitsui-about-detail-inquiry-ttl + .mitsui-about-detail-txt + .mitsui-about-detail-txt {
  margin-top: 28px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #contents .mitsui-about {
    background: url("../images/bg_02_sp.jpg") top center no-repeat;
    background-size: cover;
  }
  #contents .mitsui-about .mitsui-inner {
    /* margin: 0 auto; */
    padding: 13.867vw 0 15.2vw;
    width: 89.333vw;
  }
  #contents .mitsui-about-ttl {
    /* text-align: center; */
  }
  #contents .mitsui-about-ttl img {
    /* margin: 0 auto; */
    width: 82.933vw;
    /* height: auto; */
  }
  #contents .mitsui-about-detail {
    margin-top: 10.667vw;
    padding: 25.6vw 5.333vw 12.8vw;
    /* background: rgba(255, 255, 255, 0.85); */
    /* opacity: 0.85; */
  }
  #contents .mitsui-about-detail-ttl {
    font-size: 5.867vw;
    /* font-weight: bold; */
    line-height: 1.45;
    /* text-align: center; */
  }
  #contents .mitsui-about-detail-txt {
    margin: 16px auto 0;
    width: 100%;
    font-size: 3.733vw;
    line-height: 1.57;
  }
  #contents .mitsui-about-detail-txt .tel {
    /* display: inline-block; */
    padding: 3.2vw 0;
    font-size: 9.6vw;
    /* font-weight: bold;
    line-height: 1; */
  }
  #contents .mitsui-about-detail-inquiry {
    margin-top: 6.4vw;
    padding: 12.267vw 0 0;
    /* border-top: 1px solid #707070;
    text-align: center; */
  }
  #contents .mitsui-about-detail-inquiry-ttl {
    font-size: 3.733vw;
    /* font-weight: bold; */
    line-height: 1;
  }
  #contents .mitsui-about-detail-inquiry-ttl + .mitsui-about-detail-txt {
    margin-top: 6.4vw;
    line-height: 1.28;
  }
  #contents .mitsui-about-detail-inquiry-ttl + .mitsui-about-detail-txt + .mitsui-about-detail-txt {
    margin-top: 3.2vw;
    line-height: 1.28;
  }
}


/* footer */
#wrapper #footer {
  /* margin-top: 60px; */
  padding: 35px 0;
  /*padding: 0;*/
  background: #000000;
}
@media screen and (max-width: 767px) {
  #wrapper #footer {
    margin-top: 0;
  }
}