/*===========================================================
          page_view_
  ===========================================================*/
/* #region */
.page_view_::after{background:url(/images/about/page_view_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          about_message_
  ===========================================================*/
/* #region */
.about_message_{position:relative;width:100%;padding-top:var(--space4);}
.about_message_::before{content:"";display:block;background:url(/images/about/img_1.webp) no-repeat center / cover;width:93vw;height:70vw;}
/*----*/
.about_message_wrap_{background:var(--cF4F4F4);width:93vw;margin:-15vw 0 0 auto;padding:var(--space4) var(--space3);}
.about_message_wrap_ h2{font-family:var(--ZenOldMincho400H);font-size:var(--fs5);}
.about_message_wrap_ h2::before{content:"MESSAGE";}
.about_message_wrap_ p{margin-top:var(--space2);line-height:2;}
/* #endregion */
/*===========================================================
          about_detail_
  ===========================================================*/
/* #region */
.about_detail_{position:relative;width:100%;padding:var(--space6) var(--space1);overflow:hidden;}
.about_detail_ h2{font-family:var(--ZenOldMincho400H);font-size:var(--fs5);}
.about_detail_ h2::before{content:"COMPANY";}
/*----*/
.about_detail_ address{margin-top:var(--space3);font-style:normal;}
.about_detail_ dl{display:flex;flex-wrap:wrap;}
.about_detail_ dt,
.about_detail_ dd{padding:var(--space1) 3vw;border-top:var(--cbbbbbb) solid 1px;line-height:1.6;}
.about_detail_ dt{width:30vw;}
.about_detail_ dd{width:56vw;}
.about_detail_ dt:last-of-type,
.about_detail_ dd:last-of-type{border-bottom:var(--cbbbbbb) solid 1px;}
/* #endregion */
/*===========================================================
          about_access_
  ===========================================================*/
/* #region */
.about_access_{position:relative;width:100%;padding:0 var(--space1) var(--space6);overflow:hidden;}
.about_access_ h2{font-family:var(--ZenOldMincho400H);font-size:var(--fs5);}
.about_access_ h2::before{content:"ACCESS";}
/*----*/
.about_access_ > div{margin-top:var(--space3);border-top:var(--cbbbbbb) solid 1px;}
.about_access_ > div p{padding:var(--space2) 3vw;line-height:2;}
.about_access_ > div p .br_mq{display:none;}
.about_access_ > div > div{position:relative;width:100%;height:60vw;border-radius:var(--braS);overflow:hidden;}
.about_access_ > div > div iframe{width:100%;height:100%;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          about_message_
  ===========================================================*/
/* #region */
.about_message_{padding-top:var(--space3);}
.about_message_::before{width:90vw;height:50vw;}
/*----*/
.about_message_wrap_{width:90vw;margin:-10vw 0 0 auto;padding:var(--space3);}
.about_message_wrap_ h2{font-size:var(--fs6);}
.about_message_wrap_ p{margin-top:var(--space1);line-height:2.2;}
/* #endregion */
/*===========================================================
          about_detail_
  ===========================================================*/
/* #region */
.about_detail_{padding:var(--space5) var(--space3);}
.about_detail_ h2{font-size:var(--fs6);}
/*----*/
.about_detail_ address{margin-top:var(--space2);}
.about_detail_ dt,
.about_detail_ dd{padding:var(--space1) 3vw;line-height:1.7;}
.about_detail_ dt{width:20vw;}
.about_detail_ dd{width:60vw;}
/* #endregion */
/*===========================================================
          about_access_
  ===========================================================*/
/* #region */
.about_access_{padding:0 var(--space3) var(--space5);}
.about_access_ h2{font-size:var(--fs6);}
/*----*/
.about_access_ > div{margin-top:var(--space2);}
.about_access_ > div p{padding:var(--space1) 3vw;line-height:2.2;}
.about_access_ > div p .br_mq{display:block;}
.about_access_ > div > div{height:40vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          about_message_
  ===========================================================*/
/* #region */
.about_message_{padding-top:var(--space4);}
.about_message_::before{position:absolute;inset:15vw auto auto 0;width:55vw;height:38vw;}
/*----*/
.about_message_wrap_{position:relative;display:flex;justify-content:space-between;width:60vw;margin:0 0 0 auto;padding:var(--space6);}
.about_message_wrap_ h2{width:11vw;margin-top:.5vw;font-size:var(--fs7);}
.about_message_wrap_ p{width:31.5vw;margin-top:0;line-height:2.4;}
/* #endregion */
/*===========================================================
          about_detail_
  ===========================================================*/
/* #region */
.about_detail_{display:flex;padding:calc(var(--space7) + 6vw) var(--space12) var(--space7);}
.about_detail_ h2{width:11vw;font-size:var(--fs7);}
/*----*/
.about_detail_ address{width:56.5vw;margin-top:0;}
.about_detail_ dt,
.about_detail_ dd{padding:var(--space1) 3vw;line-height:1.8;}
.about_detail_ dt{width:10vw;}
.about_detail_ dd{width:46.5vw;}
/* #endregion */
/*===========================================================
          about_access_
  ===========================================================*/
/* #region */
.about_access_{display:flex;padding:0 var(--space12) var(--space7);}
.about_access_ h2{width:11vw;font-size:var(--fs7);}
/*----*/
.about_access_ > div{width:56.5vw;margin-top:0;}
.about_access_ > div p{padding:var(--space1) 3vw;line-height:2.4;}
.about_access_ > div > div{height:20vw;}
/* #endregion */
}