@charset "UTF-8";

@charset "UTF-8";

@charset "UTF-8";

@charset "UTF-8";


.gallery_archive .content_wrapper {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.delay1.width_fixed.mb.bp273834.contents_box01.align-.valign-center.w20.block_image_text_3.delay1Active .heading.block_header_1 .h {
  font-size: 40px;
}
.content_wrapper #sidebar {
  float: none;
  width: 100%;
  padding-left: 50px;
  box-sizing: border-box;
}
.contents_box01.w15 .inner_item_img {
  flex-basis: 50%;
  max-width: 50%;
}
.content_wrapper #sidebar {
  width: 100%;
}
#sidebar .sidebar_list li {
  margin-bottom: 0;
  width: 16%;
  text-align: center;
}
.contents_box01.w15 .inner_item_txt {
  flex-basis: 50%;
  max-width: 50%;
}
.widget_shop01 dt {
  width: 50%;
}
.widget_shop01 dt, .widget_shop01 dd {
  text-align: center;
}
@media screen and (min-width: 1000px){
  .width_fixed .content_wrapper {
    /* max-width: 1000px !important; */
    padding: 0 0;
  }
}
@media screen and (max-width: 768px) {
  .contents_box01.w15 .inner_item_img {
    flex-basis: 100%;
    max-width: 100%;
  }
  .contents_box01.w15 .inner_item_txt {
    flex-basis: 100%;
    max-width: 100%;
  }
  .widget_shop01 dt {
    width: 100%;
  }
}
.heading.block_header_4 .h {
  display: none;
}
section.delay1.width_fixed.mb.bp270125.contents_box01.align-.valign-center.w20.block_image_text_3.delay1Active .wrapper_item {
  width: 80%;
  margin: 0 auto 70px;
  max-width: 500px;
}
.contents_box01.w20 .inner_item_img {
  flex-basis: 50%;
  max-width: 50%;
  text-align: center;
}
.contents_box01 .inner_item_img img {
  width: 35% !important;
}
.contents_box01.w20 .inner_item_txt {
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 8vw;
}
@media screen and (max-width: 768px) {
  .contents_box01.w20 .inner_item_img {
    text-align: center;
  }
}
@media screen and (max-width: 800px){
  section.delay1.width_fixed.mb.bp273834.contents_box01.align-.valign-center.w20.block_image_text_3.delay1Active .heading.block_header_1 p,
  section.delay1.width_fixed.mb.bp273834.contents_box01.align-.valign-center.w20.block_image_text_3.delay1Active .heading.block_header_1 .h:last-child{
    font-size: 2.5rem;
    margin-bottom: 10px;
  }
}

main {
  min-width: 320px;
  z-index: 1;
  position: relative;
  background: #fff;
  width:1000px;
  margin:0 auto;
}

@media screen and (max-width: 768px) {
  main{
    width: 96%;
    padding: 0 2%;
  }
}


.cf:before, .cf:after {
  content: " ";
  display: table;
}
.side3 {
  /* width: 170px; */
  float: left;
  margin-left: 80px;
}
.side3 h3{
  letter-spacing: 0.2rem;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.4;
}
.main_content3 {
  width: 700px;
  float: right;
}
.office_01 {
  width: 630px;
  margin-bottom: 50px;
}
.office_01_left {
  width: 400px;
  float: left;
}
.office_01_left .p1 {
  font-size: 18px;
}
.office_01_left .p1 span {
  /* margin-left: 10px; */
  color: #52565a;
  font-size: 14px;
}
.office_01_left table {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
  /* margin-left: 50px; */
}
.office_01_left th {
  font-weight: normal;
  text-align: left;
  color: #52565a;
}
.office_01_left td {
  color: #52565a;
}
.office_01_right {
  width: 200px;
  float: right;
}
.cf:after {
  clear: both;
}
.office_02 {
  width: 100%;
  /* background: #f2f2f3; */
  /* padding: 20px; */
  display: inline-block;
}
.office_02 p{
padding: 30px 80px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mb80 {
  margin-bottom: 80px;
}

.office_01_left .p0{
  font-size: 18px;
}
.office_01_left .p0 span{
  font-size: 14px;
}
.office_01_left p1 small{
  font-size: :14px;
}
.office_01_left .p2{
  /* margin-left: 50px; */
}

.office_03 {
  width: 520px;
}
.office_03 p {
  border-bottom: solid 1px #d6dbdc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.office_03 table {
  width: 100%;
}
.office_03 th {
  text-align: left;
  font-weight: normal;
  /* padding-top: 5px; */
  padding-bottom: 5px;
  vertical-align: top;
}
.office_03 td {
  /* padding-top: 5px; */
  padding-bottom: 10px;
}

.office_03 tr:last-child th,.office_03 tr:last-child td{
  padding-bottom: 40px;
}
.gmap {
  margin: 20px 80px 0;
}
.office_04 {
  width: 520px;
}
.office_04 .p1 {
  text-align: center;
  border: solid 1px #52565a;
  font-size: 16px;
  color: #52565a;
  padding-top: 2px;
  margin-bottom: 30px;
}
.office_04 .p2 {
  border-bottom: solid 1px #d6dbdc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.office_04 table {
  width: 100%;
}
.office_04 th {
  text-align: left;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}
.office_04 td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.office_01.cf img{
  float:right;
}

@media screen and (max-width: 768px) {
  .content_wrapper{
    max-width: 100% !important;
    padding: 0 !important;
  }
  .side3{
    float: none;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .main_content3{
    float: none;
    margin: 0;
    width: 100%;
  }
  .office_01{
    float: none;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .office_01.cf img{
    float: none;
  }
  .office_01_left{
    float: none;
    margin: 0 auto 20px;
    width: 90%;
  }
}


@media screen and (max-width: 768px) {
  .side3 h3 {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    font-size: 22px;
    margin-bottom: 10px;
  }

  .side3 h3:before, .side3 h3:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
  }

  .side3 h3:before {
    left:0;
  }
  .side3 h3:after {
    right: 0;
  }
  .office_01_left table{
    margin: 10px auto;
    width: 75%;
  }
  .office_02{
    margin: 0;
  }
  .office_02 p{
    padding: 30px;
  }
  .office_01_left td{
    text-align: left;
  }
  .office_03{
    width: auto;
    margin: 0 30px;
  }
  .office_03 td{
    padding-left: 10px;
  }
  .office_03 tr:last-child th, .office_03 tr:last-child td{
    padding-bottom: 10px;
  }
  .gmap{
    margin: 10px 30px;
  }
  .office_04{
    width: auto;
    margin: 0 30px;
  }
  .office_04 .p2{
    border-bottom: 0;
    padding-bottom: 0;
  }
  .office_04 th{
    width: 30%;
  }
  .office_01_left .p2{
    text-align: left;
    width: 75%;
    margin: 0 auto;
  }
  .office_01_left .p0{
    line-height: 20px;
    margin-top: 15px;
  }
  .office_01_left .p0 span{
    display: block;
  }
}