@charset "UTF-8";
@media screen and (min-width: 768px),print {
#about main {
  color: #1A1311;
}

.p-main__ttl-wrap {
  margin-bottom: 6.5625rem;
  width: min(100%,1920px);
  margin-inline: auto;
}

.p-main__ttl-wrap .p-main__ttl-contents {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 57.55914%;
  margin-left: auto;
  width: min(95%, 1860px);
  gap: 0 0rem;
}

.p-main__ttl-wrap .p-main__ttl-contents-left {
  position: relative;
  top: 2rem;
  left: -3rem;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap {
  align-items: flex-end;
  display: flex;
  gap: 0 2.375rem;
  margin-block: 9rem 0;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap p {
  color: #00388D;
  font-size: 170px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.1647058824;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap h1 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.09em;
  line-height: 1.2272727273;
  position: relative;
  top: 1.5rem;
  white-space: nowrap;
}

.p-main__ttl-wrap .p-main__ttl-contents-right img {
  width: 100%;
  height: auto;        
}

.c-sec__en {
  color: #00388D;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-bottom: 0.5625rem;
  text-align: center;
}

.c-sec__ttl {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.6666666667;
  margin-bottom: 3rem;
  text-align: center;
}

.p-company {
  background: url(../images/about/company_bg.jpg) no-repeat top center/cover;
  margin-bottom: 5.75rem;
  margin-inline: auto;
  max-width: 1920px;
  width: 100%;
}

.p-company .l-inner.l-company {
  margin-inline: auto;
  padding-block: 4rem 3.125rem;
  width: min(95%, 1000px);
}

.p-company .p-company__info {
  border-collapse: collapse;
  margin-bottom: 6.3125rem;
  width: 100%;
}

.p-company .p-company__info-row {
  border-bottom: 1px solid #C6C3C3;
}

.p-company .p-company__info-row:last-child {
  border-bottom: none;
}

.p-company .p-company__info-row-left {
  background: #00388D;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.1111111111;
  margin: 0;
  padding: 0;
  padding-inline: 2.5rem;
  text-align: left;
  width: 249px;
}

.p-company .p-company__info-row-left.center {
  vertical-align: middle;
}


.p-company .p-company__info-row-right {
  background: #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  margin: 0;
  padding: 0;
  padding: 28px 34px 30px;
  width: calc(100% - 249px);
}

.p-company .p-company__ttl {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2.1428571429;
  margin-bottom: 2.5rem;
  text-align: center;
}

.p-company .p-company__ttl02 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8636363636;
  margin-bottom: 1.9375rem;
  padding-block: 0 1px;
  position: relative;
  text-align: center;
}

.p-company .p-company__ttl02::after {
  background: #00388D;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 173px;
}

.p-access {
  margin-bottom: 8.3125rem;
}

.p-access .l-inner.l-access {
  margin-inline: auto;
  width: min(85%, 1200px);
}

.p-access .p-access__contents {
  display: grid;
  gap: 0 3.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.p-access .p-access__contents-wrap h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2;
  margin-bottom: 0.5rem;
  text-align: center;
}

.p-access .p-access__contents-wrap .wrap {
  margin-bottom: 0.875rem;
}

.p-access .p-access__contents-wrap .wrap iframe {
  height: 21.25rem;
  width: 100%;
}

.p-access .p-access__contents-wrap p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.375;
  text-align: center;
}

.p-working {
  margin-bottom: 12.5rem;
}

.p-working .p-working__contents {
  background: url(../images/about/working_bg.jpg) no-repeat top center/cover;
  margin-inline: auto;
  padding-block: 4.3125rem 3.8125rem;
  width: min(95%, 1379px);
}

.p-working .p-working__contents .en {
  margin-bottom: 4.25rem;
  text-align: center;
}

.p-working .p-working__contents .en02 {
  margin-bottom: 3.5625rem;
  text-align: center;
}

.p-working .p-working__contents h3 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.5789473684;
  margin-bottom: 1.125rem;
  text-align: center;
}

.p-working .p-working__contents p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2;
  text-align: center;
}

.p-link {
  margin-bottom: 14.8125rem;
}

.p-link .l-inner.l-link {
  margin-inline: auto;
  width: min(95%, 1400px);
}

.p-link .p-link__items {
  display: flex;
  flex-wrap: wrap;
  gap: 3.875rem 0;
  justify-content: center;
}

.p-link .p-link__item:nth-child(1) {
  margin-right: 2.5rem;
}

.p-link .p-link__item:nth-child(1),
.p-link .p-link__item:nth-child(2) {
  width: 45.7%;
}

.p-link .p-link__item:nth-child(1) a img,
.p-link .p-link__item:nth-child(2) a img {
  width: 100%;
}

.p-link .p-link__item:nth-child(3),
.p-link .p-link__item:nth-child(4),
.p-link .p-link__item:nth-child(5) {
  width: 31.4%;
}

.p-link .p-link__item:nth-child(3),
.p-link .p-link__item:nth-child(4)  {
  margin-right: 2.5rem;
}

.p-link .p-link__item:nth-child(3) a .img img,
.p-link .p-link__item:nth-child(4) a .img img,
.p-link .p-link__item:nth-child(5) a .img img {
  height: auto;
  width: 100%;
}
  
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1400px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1400px) {
.p-main__ttl-wrap .p-main__ttl-contents-left .wrap p {
  font-size: 12.143vw;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap h1 {
  font-size: 1.571vw;
  left: -1rem;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap {
  margin-block: 6rem 0;
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1452px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1452px) {
.p-link .p-link__item:nth-child(3),
.p-link .p-link__item:nth-child(4) {
  margin-right: 1.5rem;
}

}


/* ========================================
@media screen and (max-width: 767px) {
======================================== */
@media screen and (max-width: 767px) {
#about main {
  color: #1A1311;
}


.p-main__ttl-wrap {
  margin-block: 13.111vw 7.111vw;
}

.p-main__ttl-wrap .p-main__ttl-contents {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}

.p-main__ttl-wrap .p-main__ttl-contents-left {
  background: url(../images/about/header_ttl_bg_sp.png) no-repeat top left/contain;
  /* margin-inline: auto; */
  order: 2;
  padding-block: 1.072vw 3.865vw;
  padding-inline: 8.937vw 30.918vw;
  position: static;
  width: 75.362vw;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap {
  display: grid;
  gap: 3.865vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-block: 3vw 0;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap p {
  color: #00388D;
  font-size: 13.043vw;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.2037037037;
  margin-bottom: 1rem;
}

.p-main__ttl-wrap .p-main__ttl-contents-left .wrap h1 {
  font-size: 3.382vw;
  font-weight: 600;
  letter-spacing: 0.09em;
  line-height: 2;
  position: static;
}

.p-main__ttl-wrap .p-main__ttl-contents-right {
  order: 1;
  margin-bottom: -10vw;
}

.c-sec__en {
  color: #00388D;
  font-size: 4.348vw;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5555555556;
  margin-bottom: 1.28vw;
  text-align: center;
}

.c-sec__ttl {
  font-size: 6.28vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2.3076923077;
  margin-bottom: 9.043vw;
  text-align: center;
}

.p-company {
  background: url(../images/about/company_bg.jpg) no-repeat top left/cover;
  margin-bottom: 19.256vw;
  margin-inline: auto;
  width: 100%;
}

.p-company .l-inner.l-company {
  margin-inline: auto;
  padding-block: 10.077vw 0.493vw;
  width: min(95%, 94.2vw);
}

.p-company .p-company__info {
  border-collapse: collapse;
  margin-bottom: 16.014vw;
  width: 100%;
}

.p-company .p-company__info-row {
  border: none;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.p-company .p-company__info-row-left {
  background: #00388D;
  color: #ffffff;
  font-size: 3.865vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0;
  padding-block: 6vw;
  padding-inline: 8.662vw;
  text-align: left;
  width: 100%;
}

.p-company .p-company__info-row-right {
  background: #ffffff;
  font-size: 3.382vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.2857142857;
  margin: 0;
  padding: 0;
  padding-block: 5.039vw;
  padding-inline: 8.662vw;
  text-align: left;
  width: 100%;
}

.p-company .p-company__ttl {
  font-size: 5.797vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2.5;
  margin-bottom: 2.662vw;
  text-align: center;
}

.p-company .p-company__ttl02 {
  font-size: 4.831vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.05;
  margin-bottom: 9.246vw;
  padding-block: 0 2.348vw;
  position: relative;
  text-align: center;
}

.p-company .p-company__ttl02::after {
  background: #00388D;
  bottom: 0;
  content: "";
  height: 0.242vw;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 41.787vw;
}

.p-access {
  margin-bottom: 23.053vw;
}

.p-access .l-inner.l-access {
  margin-inline: auto;
  width: min(95%, 94.2vw);
}

.p-access .p-access__contents {
  display: grid;
  gap: 11.285vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.p-access .p-access__contents-wrap h3 {
  font-size: 4.106vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.6;
  margin-bottom: 3.865vw;
  text-align: center;
}

.p-access .p-access__contents-wrap .wrap {
  margin-bottom: 0.831vw;
}

.p-access .p-access__contents-wrap .wrap iframe {
  height: 60.386vw;
  width: 100%;
}

.p-access .p-access__contents-wrap p {
  font-size: 3.382vw;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.8571428571;
  text-align: center;
}

.p-working {
  margin-bottom: 19.324vw;
}

.p-working .p-working__contents {
  background: url(../images/about/working_bg_sp.jpg) no-repeat top center/cover;
  margin-inline: auto;
  padding-block: 11.493vw 11.493vw;
  width: min(95%, 94.2vw);
}

.p-working .p-working__contents .en {
  margin-bottom: 17.077vw;
  text-align: center;
}

.p-working .p-working__contents .en img {
  height: auto;
  width: 56.522vw;
}

.p-working .p-working__contents .en02 {
  margin-bottom: 7.662vw;
  text-align: center;
}

.p-working .p-working__contents .en02 img {
  height: auto;
  width: 65.942vw;
}

.p-working .p-working__contents h3 {
  color: #ffffff;
  font-size: 5.797vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.7083333333;
  margin-bottom: 3.729vw;
  text-align: center;
}

.p-working .p-working__contents p {
  color: #ffffff;
  font-size: 3.382vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2.1428571429;
  text-align: center;
}

.p-link {
  margin-bottom: 24.155vw;
}

.p-link .l-inner.l-link {
  margin-inline: auto;
  width: min(95%, 94.2vw);
}

.p-link .p-link__items {
  display: grid;
  gap: 4.14vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
}

.p-link .p-link__item:nth-child(1),
.p-link .p-link__item:nth-child(2) {
  width: 100%;
}

.p-link .p-link__item:nth-child(3),
.p-link .p-link__item:nth-child(4),
.p-link .p-link__item:nth-child(5) {
  width: 92.3%;
}

.p-link .p-link__item:nth-child(3) a .img img,
.p-link .p-link__item:nth-child(4) a .img img,
.p-link .p-link__item:nth-child(5) a .img img {
  height: auto;
  width: 100%;
}

}