@charset "UTF-8";

/* FV */
.office_fv_section {
  background-image: url(../img/office/fv_bg.png);
  background-size: cover;
  padding: calc(89/var(--view-size)*100vw) 0 calc(146/var(--view-size)*100vw);
  width: 100%;
  height: calc(1217/var(--view-size)*100vw);
}
.office_fv_section > div {
  max-width: calc(1100/var(--view-size)*100vw);
  padding-left: calc(50/var(--view-size)*100vw);
  padding-right: calc(50/var(--view-size)*100vw);
}
.office_fv_title {
  font-size: calc(34/var(--view-size)*100vw);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: calc(41/34);
  letter-spacing: 0.05em;
}
.office_fv_content {
  width: calc(733/var(--view-size)*100vw);
  margin-top: calc(46/var(--view-size)*100vw);
}
.office_fv_text {
  margin-bottom: 1.8em;
  font-size: calc(17/var(--view-size)*100vw);
}
.office_fv_name {
  text-align: right;
  margin-top: calc(-26/var(--view-size)*100vw);
}
.office_fv_name span {
  font-size: calc(26/var(--view-size)*100vw);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media(max-width: 670px){
  .office_fv_section {
    position: relative;
    background-image: url(../img/office/fv-bg-sp.png), url(../img/office/fv_bg.png);
    background-size: calc(375/var(--view-size)*100vw) calc(258/var(--view-size)*100vw), calc(783/var(--view-size)*100vw) calc(682/var(--view-size)*100vw);
    background-position: left calc(764/var(--view-size)*100vw), calc(-348/var(--view-size)*100vw) bottom;
    background-repeat: no-repeat, no-repeat;
    padding: calc(56/var(--view-size)*100vw) 0 calc(230/var(--view-size)*100vw);
    width: 100%;
    height: auto;
  }
  .office_fv_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(776/var(--view-size)*100vw);
    background-color: #AFDAFF;
  }
  .office_fv_section > div {
    max-width: initial;
    padding-left: calc(20/var(--view-size)*100vw);
    padding-right: calc(20/var(--view-size)*100vw);
  }
  .office_fv_title {
    font-size: calc(27/var(--view-size)*100vw);
    line-height: calc(32/27);
    letter-spacing: 0.05em;
  }
  .office_fv_content {
    width: 100%;
    margin-top: calc(35/var(--view-size)*100vw);
  }
  .office_fv_text {
    margin-bottom: 2em;
    font-size: calc(15/var(--view-size)*100vw);
  }
  .office_fv_name {
    text-align: left;
    margin-top: calc(35/var(--view-size)*100vw);
  }
  .office_fv_name span {
    font-size: calc(22/var(--view-size)*100vw);
  }
}
/* FVここまで */

/* 概要 */
.office_about_section {
  padding: 74px 0 61.25px;
}
.office_about_title {
  font-size: 26px;
  font-weight: 500;
  line-height: calc(38/26);
}
.office_about_columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  align-items: flex-end;
  margin-top: 34px;
}
.office_about_column:first-child {
  width: 705.63px;
}
.office_about_column:last-child {
  width: 230px;
}
.office_about_table td {
  padding: 13.5px 0;
  border-bottom: solid #C3C3C3 1px;
}
.office_about_table tr:first-child td {
  padding-top: 0;
}
.office_about_table td:nth-child(1) {
  width: 121px;
}
.office_about_table td:nth-child(2) {
  width: 709.13px;
}
@media(max-width: 1400px){
  .office_about_section {
    padding: calc(74/var(--view-size)*100vw) 0 calc(61.25/var(--view-size)*100vw);
  }
  .office_about_title {
    font-size: calc(26/var(--view-size)*100vw);
  }
  .office_about_columns {
    margin-top: calc(34/var(--view-size)*100vw);
  }
  .office_about_column:first-child {
    width: calc(705.63/var(--view-size)*100vw);
  }
  .office_about_column:last-child {
    width: calc(230/var(--view-size)*100vw);
  }
  .office_about_table td {
    padding: calc(13.5/var(--view-size)*100vw) 0;
  }
  .office_about_table td:nth-child(1) {
    width: calc(121/var(--view-size)*100vw);
  }
  .office_about_table td:nth-child(2) {
    width: calc(709.13/var(--view-size)*100vw);
  }
}
@media(max-width: 670px){
  .office_about_section {
    padding: calc(61/var(--view-size)*100vw) 0 calc(27/var(--view-size)*100vw);
  }
  .office_about_title {
    font-size: calc(22/var(--view-size)*100vw);
    line-height: calc(38/22);
  }
  .office_about_columns {
    display: block;
    margin-top: calc(29/var(--view-size)*100vw);
  }
  .office_about_column:first-child {
    width: 100%;
  }
  .office_about_column:last-child {
    width: 100%;
    margin-top: calc(31.5/var(--view-size)*100vw);
  }
  .office_about_table td {
    padding: calc(13.75/var(--view-size)*100vw) 0;
    vertical-align: baseline;
  }
  .office_about_table td:nth-child(1) {
    width: calc(56/var(--view-size)*100vw);
  }
  .office_about_table td:nth-child(2) {
    width: calc(279/var(--view-size)*100vw);
  }
  .office_about_img {
    width: calc(230/var(--view-size)*100vw);
    margin: 0 auto;
  }
}
/* 概要ここまで */

/* アクセス */
.office_access_section {
  padding: 42.25px 0 144px;
}
.office_access_title {
  font-size: 26px;
  font-weight: 500;
  line-height: calc(38/26);
}
.office_access_content {
  margin-top: 28px;
}
.office_access_content iframe {
  max-width: 100%;
}
.office_access_text {
  margin-top: 9px;
  line-height: calc(30/17);
}
@media(max-width: 1400px){
  .office_access_section {
    padding: calc(42.25/var(--view-size)*100vw) 0 calc(144/var(--view-size)*100vw);
  }
  .office_access_title {
    font-size: calc(26/var(--view-size)*100vw);
  }
  .office_access_content {
    margin-top: calc(28/var(--view-size)*100vw);
  }
  .office_access_text {
    margin-top: calc(9/var(--view-size)*100vw);
  }
}
@media(max-width: 670px){
  .office_access_section {
    padding: calc(30/var(--view-size)*100vw) 0 calc(105/var(--view-size)*100vw);
  }
  .office_access_title {
    font-size: calc(22/var(--view-size)*100vw);
  }
  .office_access_content {
    margin-top: calc(25/var(--view-size)*100vw);
  }
  .office_access_content iframe {
    margin-left: calc(-20/var(--view-size)*100vw);
    width: calc(100% + calc(40/var(--view-size)*100vw));
    max-width: calc(100% + calc(40/var(--view-size)*100vw));
  }
  .office_access_text {
    margin-top: calc(12/var(--view-size)*100vw);
    font-size: calc(12/var(--view-size)*100vw);
    line-height: 2;
  }
}
/* アクセスここまで */