@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 company
==============================*/

/* mvp ----------*/
#mvp.bg::before { background-image: url(../img/company/mv_bg.jpg); }


/* message ----------*/
#message { background-color: #FFF; }
#message .inner { position: relative; max-width: 109rem; padding: 0 2rem; padding-bottom: 1px; padding-top: 1px; }
#message .decoration { z-index: 1; bottom: -13%; right: -36%; width: min(100%, 105.7rem); }
#message h2 { position: relative; margin-bottom: 7rem; opacity: 0; margin-top: -4rem; padding: 4rem 2rem; /*overflow: hidden; border-radius: 4rem;*/ }
#message h2 .bk {
  position: absolute;
  z-index: 0;
  opacity: 0;

  --feather: 6rem;
  width: 100%;
  aspect-ratio: 1 / 1;
  top: -25%; left: 50%; transform: translate(-50%, 0);
  background: url(../img/common/main_bg.jpg) center / cover no-repeat;
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(closest-side, #000 calc(100% - var(--feather)), transparent 100%);
  mask-image: radial-gradient(closest-side, #000 calc(100% - var(--feather)), transparent 100%);
}
#message h2 > * { position: relative; z-index: 1; }
#message h2 #t1,
#message h2 #t2,
#message h2 #t3 { opacity: 0; }
#message h2 .svg { height: auto; }
#message .w { position: relative; z-index: 3; padding: 1px 0; margin-bottom: -10rem; }
#message .w .p { float: left; max-width: 47.5%; border-radius: 4rem; margin: 0 5% 2.5% 0; }
#message .w p { font-size: 1.7rem; margin-bottom: 1em; line-height: 2.1; }
#message .w .name { display: flex; justify-content: end; align-items: center; gap: 2.5rem; }
#message .w .name .sign { max-width: 27.2rem; }
@media screen and (max-width:896px) { /* m */
  #message h2 img { margin: auto; max-width: 80%; }
}
@media screen and (max-width:480px) { /* s */
  #message .w .p { float: none; margin: auto; max-width: 80%; display: block; margin-bottom: 4rem; }
  #message .w .name .sign { max-width: 18rem; }
}


/* outline ----------*/
#outlineWrap { padding-top: 10rem; padding-bottom: 20rem; }
#outlineWrap .inner { max-width: 100rem; padding: 0 4rem; padding-top: 10rem; }
#outlineWrap .outline_list { display: grid; grid-template-columns: 18rem 1fr; }
#outlineWrap .outline_list dt { border-bottom: solid 1px #999595; padding: 3rem 0; font-weight: 500; }
#outlineWrap .outline_list dd { padding: 3rem 0; border-bottom: solid 1px #999595; }
#outlineWrap .outline_list dd strong { font-weight: 600; }
@media screen and (max-width:480px) { /* s */
  #outlineWrap .outline_list { grid-template-columns: 1fr; }
  #outlineWrap .outline_list dt { border-bottom: none; padding-bottom: 0; }
  #outlineWrap .outline_list dd { padding-top: 1rem; }
}


/* history ----------*/
#history { padding-top: 10rem; padding-bottom: 10rem; background-color: #FFF; }
#history .inner { position: relative; max-width: 81.3rem; padding: 0 2rem; }
#history .decoration { z-index: 1; bottom: -7%; left: -48%; width: min(60%, 46rem); }
#history .history_list { position: relative; display: flex; flex-direction: column; gap: 2rem; }
#history .history_list::after { content: ""; position: absolute; left: 11.45rem; top: 1.8rem; width: 1px; height: 100%; border-left: solid 3px #DE0728; }
#history .history_list span { display: block; }
#history .history_list > li { position: relative; display: flex; gap: 10rem; }
#history .history_list > li::after { content: ""; position: absolute; left: 11rem; top: 1.8rem; width: 1.2rem; aspect-ratio: 1 / 1; border-radius: 100%; background-color: #DE0728; }
#history .history_list > li > ul {}
#history .history_list > li > ul > li { display: flex; padding-top: 2rem; gap: 2.5rem; }
#history .history_list > li > ul > li > ul { display: flex; flex-direction: column; padding-left: 2.5rem; border-left: solid 2px #999595; gap: 1rem; }
#history .history_list > li > ul > li > ul > li {}
#history .history_list .y { color: #DE0728; font-size: 2.8rem; font-weight: 900; line-height: 1.6; white-space: nowrap; }
#history .history_list .m { color: #999595; font-size: 2.4rem; font-weight: 700; line-height: 1.6; white-space: nowrap; }
#history .history_list .h { color: #000; font-size: 1.8rem; font-weight: 700; line-height: 1.4; }
#history .history_list .t { color: #000; font-size: 1.8rem; line-height: 1.6; margin-top: 1rem; }
@media screen and (max-width:480px) { /* s */
  #history .history_list::after { left: 8.45rem; top: 1.4rem; }
  #history .history_list > li { gap: 6rem; }
  #history .history_list > li::after { left: 8rem; top: 1.4rem; }
  #history .history_list .y { font-size: 2.2rem; }
  #history .history_list .m { font-size: 2rem; }
  #history .history_list .h { font-size: 1.6rem; }
  #history .history_list .t { font-size: 1.6rem; }
}


/* access ----------*/
#access { padding-top: 10rem; }
#access h2 { margin-bottom: 6rem; }
@media screen and (max-width:480px) { /* s */
  #access iframe { height: 30rem !important; }
}