@charset "UTF-8";

.mainwrap {
  position: relative;
  display: flex;
  width: 960px;
  margin: 0 auto 0;
  padding: 50px 0 0 0;
  justify-content: flex-end;
}

.mainwrap .maintext {
   width: 820px;
   padding: 50px 35px 40px;
   flex-shrink: 0;
   border: 2px solid #B68B37;
   background: #F8F4EB;
   min-height:360px;
   z-index: 1;
}
.mainwrap .maintext .jp {
  padding: 0 0 16px 510px;
}
 .mainwrap .maintext .en {
  padding: 0;
}
.mainwrap .mainimage {
  position: absolute;
  top: -20px;
  left:0;
  margin: 0;
  padding: 0;
  width: 565px;
  z-index: 2;
}
.elem_heading_lv2.var_mline h2 {
  margin-bottom: 30px !important;
  position: relative !important;
  display: block !important;
}

.elem_heading_lv2.var_mline h2:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -15px;
  width: 100px;
  height: 3px;
  display: block;
  background-color: #B68B37;
  visibility: visible;
}
.elem_column_block .var_shadow4 {
   border-color: #B68B37 !important;
   box-shadow: 2px 2px 8px #D9C597;
}

.overflow_initial {
    overflow: initial !important;
}




@media screen and (max-width: 960px) {
.mainwrap {
   display: block;
   width: auto;
   padding: 0; 
}
.mainwrap  .maintext {
    width: auto;
    padding: 30px;
}
.mainwrap  .mainimage {
   position: relative;
   width: auto;
   top:0;
}
.mainwrap .maintext .jp {
  padding: 0 0 20px 0;
}
}