/* CSS Document */
.page_title h2::before{
  content: "COMPANY";
}
/*コンテンツ*/
/*代表挨拶*/
.greeting{
  box-sizing: border-box;
  display: flex;
}
body[wc-view-type="sp"] .greeting,
body[wc-view-type="tb"] .greeting{
  flex-direction: column;
}
body[wc-view-type="sp"] .greeting{
  padding: var(--headerHeight) 6vw;
}
body[wc-view-type="tb"] .greeting,
body[wc-view-type="tb-l"] .greeting{
  padding: var(--headerHeight) 4.5vw;
}
body[wc-view-type="pc"] .greeting{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.greeting .g_title{
}
body[wc-view-type="tb-l"] .greeting .g_title{
  width: 400px;
}
body[wc-view-type="pc"] .greeting .g_title{
  width: 450px;
}
.greeting .g_title .contents_title::before{
  content: "GREETING";
}
.greeting .g_text{
}
body[wc-view-type="tb-l"] .greeting .g_text,
body[wc-view-type="pc"] .greeting .g_text{
  padding-top: 4.5rem;
}
body[wc-view-type="tb-l"] .greeting .g_text{
  width: calc(100% - 400px);
}
body[wc-view-type="pc"] .greeting .g_text{
  width: 650px;
}
.greeting .g_text p{
  margin-top: 0.75rem;
  line-height: 1.8rem;
  transition: opacity 600ms ease,transform 600ms ease;
  opacity: 0;
  transform: translateY(1rem);
}
.greeting .g_text p[inview-state="true"]{
  opacity: 1;
  transform: translateY(0);
}
.greeting .g_text dl{
  width: fit-content;
  margin: 0.75rem 0 0 auto;
  display: flex;
  align-items: center;
  transition: opacity 600ms ease,transform 600ms ease;
  opacity: 0;
  transform: translateY(1rem);
}
.greeting .g_text dl[inview-state="true"]{
  opacity: 1;
  transform: translateY(0);
}
body:not([wc-view-type="sp"]) .greeting .g_text dl{
  margin-top: 1.5rem;
}
.greeting .g_text dl > dt,
.greeting .g_text dl > dd{
  font-weight: 700;
}
.greeting .g_text dl > dt{
  font-size: 0.85rem;
  padding-right: 0.75rem;
}
.greeting .g_text dl > dd{
  letter-spacing: 1px;
  font-size: 1.2rem;
}
/*企業理念*/
.philosophy{
  background-color: #efefef;
  box-sizing: border-box;
  display: flex;
}
body[wc-view-type="sp"] .philosophy{
  padding: var(--headerHeight) 6vw;
  flex-direction: column;
}
body[wc-view-type="tb"] .philosophy,
body[wc-view-type="tb-l"] .philosophy{
  padding: var(--headerHeight) 4.5vw;
}
body[wc-view-type="pc"] .philosophy{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.philosophy .p_title{
}
body[wc-view-type="tb"] .philosophy .p_title{
  width: 280px;
}
body[wc-view-type="tb-l"] .philosophy .p_title{
  width: 400px;
}
body[wc-view-type="pc"] .philosophy .p_title{
  width: 450px;
}
.philosophy .p_title .contents_title::before{
  content: "PHILOSOPHY";
}
.philosophy .p_contents{
}
body[wc-view-type="tb"] .philosophy .p_contents{
  width: calc(100% - 280px);
}
body[wc-view-type="tb-l"] .philosophy .p_contents{
  width: calc(100% - 400px);
}
body[wc-view-type="pc"] .philosophy .p_contents{
  width: 650px;
}

.philosophy .p_contents > dl{
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.35);
  margin-top: 1rem;
  transition: opacity 600ms ease,transform 600ms ease;
  opacity: 0;
  transform: translateY(1rem);
  padding: 0.75rem;
}
.philosophy .p_contents > dl[inview-state="true"]{
  opacity: 1;
  transform: translateY(0);
}
.philosophy .p_contents > dl dt,
.philosophy .p_contents > dl dd{
  box-sizing: border-box;
}
.philosophy .p_contents > dl dt{
  padding: 0.75rem;
  border-bottom: 1px solid #cfcfcf;
  box-sizing: border-box;
}
.philosophy .p_contents > dl dt::before{
  content: "PHILOSOPHY";
  font-weight: 700;
  font-family: "inter";
  letter-spacing: 1.5px;
}
.philosophy .p_contents > dl dt p{
  font-weight: 700;
  color: #2277ca;
  font-size: 1.1rem;
}
.philosophy .p_contents > dl dd{
  padding: 0.75rem;
  position: relative;
  z-index: 1;
}
body[wc-view-type="pc"] .philosophy .p_contents > dl dd{
  min-height: 4.5rem;
}
.philosophy .p_contents > dl dd .num_deco{
  position: absolute;
  font-family: "inter";
  font-size: 4rem;
  font-weight: 700;
  right: 0.5rem;
  bottom: 0;
  color: #2277ca;
  opacity: 0.1;
  z-index: 1;
  line-height: 1em;
  letter-spacing: 1px;
}
/*会社概要*/
.company_info{
  box-sizing: border-box;
  display: flex;
}
body[wc-view-type="sp"] .company_info,
body[wc-view-type="tb"] .company_info{
  flex-direction: column;
}
body[wc-view-type="sp"] .company_info{
  padding: var(--headerHeight) 6vw;
}
body[wc-view-type="tb"] .company_info,
body[wc-view-type="tb-l"] .company_info{
  padding: var(--headerHeight) 4.5vw;
}
body[wc-view-type="pc"] .company_info{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.company_info .contents_title{
}
body[wc-view-type="tb-l"] .company_info .contents_title{
  width: 400px;
}
body[wc-view-type="pc"] .company_info .contents_title{
  width: 450px;
}
.company_info .contents_title::before{
  content: "COMPANY PROFILE";
}
.company_info .c_info_block{
  display: flex;
  flex-direction: column;
}
body[wc-view-type="sp"] .company_info .c_info_block,
body[wc-view-type="tb"] .company_info .c_info_block{
  margin-top: 1rem;
}
body[wc-view-type="sp"] .company_info .c_info_block{
  gap:1rem;
}
body[wc-view-type="tb"] .company_info .c_info_block,
body[wc-view-type="tb-l"] .company_info .c_info_block,
body[wc-view-type="pc"] .company_info .c_info_block{
  gap:0.5rem;
}
body[wc-view-type="tb-l"] .company_info .c_info_block{
  width: calc(100% - 400px);
}
body[wc-view-type="pc"] .company_info .c_info_block{
  width: 650px;
}
.company_info .c_info_block > dl{
  display: flex;
  background-color: #efefef;
  border-radius: 0.75rem;
  transition: opacity 600ms ease,transform 600ms ease;
  opacity: 0;
  transform: translateY(1rem);
}
.company_info .c_info_block > dl[inview-state="true"]{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] .company_info .c_info_block > dl{
  flex-direction: column;
}
body[wc-view-type="pc"] .company_info .c_info_block > dl{
  margin-top: 0.5rem;
}
.company_info .c_info_block > dl > dt,
.company_info .c_info_block > dl > dd{
  box-sizing: border-box;
  padding: 0.75rem;
}
.company_info .c_info_block > dl > dt{
  font-weight: 700;
  box-sizing: border-box;
}

body[wc-view-type="sp"] .company_info .c_info_block > dl > dt{
  border-bottom: 2px solid #fff;
}
body:not([wc-view-type="sp"]) .company_info .c_info_block > dl > dt{
  border-right: 2px solid #fff;
  width: 120px;
}
.company_info .c_info_block > dl > dd{
}
body:not([wc-view-type="sp"]) .company_info .c_info_block > dl > dd{
  width: calc(100% - 120px);
}
.company_info .c_info_block > dl > dd p{
}
.company_info .c_info_block > dl > dd p .ad_num{
  display: table;
}
.company_info .c_info_block > dl > dd ul{
  padding-left: 1rem;
  list-style-position: outside;
}
.company_info .c_info_block > dl > dd ul li:not(:first-of-type){
  margin-top: 0.5rem;
}
/*アクセス*/
.access{
  box-sizing: border-box;
  display: flex;
  background-color: #efefef;
}
body[wc-view-type="sp"] .access{
  padding: var(--headerHeight) 6vw;
  flex-direction: column;
}
body[wc-view-type="tb"] .access,
body[wc-view-type="tb-l"] .access{
  padding: var(--headerHeight) 4.5vw;
}
body[wc-view-type="pc"] .access{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.access .contents_title::before{
  content: "ACCESS";
}
body[wc-view-type="tb"] .access .contents_title{
  width: 280px;
}
body[wc-view-type="tb-l"] .access .contents_title{
  width: 400px;
}
body[wc-view-type="pc"] .access .contents_title{
  width: 450px;
}
.access .map{
  position: relative;
  z-index: 1;
  aspect-ratio:1.414/1;
  height: 100%;
  margin-top: 1.5rem;
  transition: opacity 600ms ease;
  opacity: 0;
}
.access .map[inview-state="true"]{
  opacity: 1;
}
body[wc-view-type="tb"] .access .map{
  width: calc(100% - 280px);
}
body[wc-view-type="tb-l"] .access .map{
  width: calc(100% - 400px);
}
body[wc-view-type="pc"] .access .map{
  width: 650px;
  aspect-ratio:1.414/0.75;
}
.access .map iframe{
  position: absolute;
  z-index: 2;
  inset:0;
  border-radius: 1rem;
}