@charset "utf-8";
.p-about-greeting { padding-block: 5em;}
.p-about-greeting__content { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 3em;}
.p-about-greeting__text-block { width: 46%;}
.p-about-greeting__lead { font-size: 200%; font-weight: 700; line-height: 1.5; margin-bottom:.5em;}
.p-about-greeting__text { line-height: 2.7;}
.p-about-greeting__image { margin-right: calc(50% - 50vw); position: relative; width: 50%;}
.p-about-greeting__image img { border-radius: 2.5rem 0 0 2.5rem;}
.p-about-greeting__bg-item { position: absolute;}
.p-about-greeting__bg-item:first-child { bottom: -1.875rem; left: -4.375rem; width: 9.1875rem;}
.p-about-greeting__bg-item:nth-child(2) { right: 2.5rem; top: -1rem; width: 7.4375rem;}
.p-about-role-list { grid-gap: 1.5em; background: #e4ecf7; display: -ms-grid; display: grid; gap: 1.5em; padding: 30px;}
.p-about-role-card { background: #fff; border-radius: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 45px 45px 30px;}
.p-about-role-card:first-child.p-about-role-card__icon img { width: 4.3125rem;}
.p-about-role-card:nth-child(2).p-about-role-card__icon img { width: 3.6875rem;}
.p-about-role-card:nth-child(3).p-about-role-card__icon img { width: 4.1875rem;}
.p-about-role-card:nth-child(4).p-about-role-card__icon img { width: 4.4375rem;}
.p-about-role-card__icon { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; margin-right: 1.25rem; width: 4.4375rem;}
.p-about-role-card__body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.p-about-role-card__head { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1em;}
.p-about-role-card__number { color: #154893;font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; height: 100%; margin-right: 1.5rem; padding:.875rem 1.5rem.875rem.625rem; position: relative;}
.p-about-role-card__number:after { background-color: #154893; content: ""; height: 100%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:.0625rem;}
.p-about-role-card__title { -webkit-box-flex: 1; color: #154893; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.75rem; font-weight: 700; line-height: 1.6;}
.p-about-role-card__text { line-height: 2.7;}
.p-about-flow__inner { margin-bottom: 5em;}
.p-about-flow__content { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 2.5em; border-bottom: 1px solid #c1dde7; padding-bottom: 2em;}
.p-about-flow__content +.p-about-flow__content {border: none;padding-bottom: 0;justify-content: space-between;}
.p-about-flow__paragraph { border-right: 1px solid #c1dde7; padding-right: 3em; width: calc(96% - 430px);}
.p-about-flow__notice { width: 430px;}
.p-about-flow__notice-title,.p-about-flow__contact-title,
.p-about-flow__time-title { color: #154893; font-size: 160%; font-weight: 700; line-height: 1.4; margin-bottom:.5em;}
.p-about-flow__notice-text {margin-bottom: 1em;}
.p-about-flow__contact {width: 500px;}
.p-about-flow__contact-tel { margin-bottom: 1.5rem;}
.p-about-flow__contact-note { margin-bottom: 1rem;}
.p-about-flow__time {width: calc(96% - 500px);}
.p-about-flow-step { background-color: #ebf4ff;}
.p-about-flow-step__items {grid-gap: 1.5rem;display: -ms-grid;display: grid;gap: 1.5em;padding: 30px;}
.p-about-flow-step__item {-webkit-box-align: start;-ms-flex-align: start;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-align-items: flex-start;align-items: flex-start;background-color: #fff;border-radius:.9375rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 30px;}
.p-about-flow-step__item:first-child { border:.3125rem solid #e4ecf7;}
.p-about-flow-step__left {width: 52%;}
.p-about-flow-step__right { width: 42%;}
.p-about-flow-step__img { border-radius:.9375rem;}
.p-about-flow-step__head {margin-bottom: 1em;}
.p-about-flow-step__head,.p-about-flow-step__head-num-block { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.p-about-flow-step__head-num-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; color: #154893; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;font-family: 'Oswald', sans-serif;height: 100%; margin-right: 1.5rem; padding:.625rem 1.5rem.625rem 0; position: relative;}
.p-about-flow-step__head-num-block:after { background-color: #154893; content: ""; height: 100%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:.0625rem;}
.p-about-flow-step__head-en { font-size: 1.125rem; font-weight: 700; line-height: 1;}
.p-about-flow-step__head-number { font-size: 2.8125rem; font-weight: 700; line-height: 1;}
.p-about-flow-step__title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.75rem; font-weight: 700; line-height: 1.6;}
.p-about-flow-step__text {}
.p-about-flow-step__list-item { font-size: 1rem; line-height: 2.25; padding-left: 1.75rem; position: relative;}
.p-about-flow-step__list-item:before { background-color: #90a3bf; border-radius: 50%; content: ""; height:.875rem; left: 0; margin-right:.5rem; position: absolute; top:.6875rem; vertical-align: middle; width:.875rem;}
.p-about-calendar__inner { margin-bottom: 5rem;}
.p-about-calendar__image { margin-bottom: 2rem;}
.p-about-calendar__button { display: block; margin: 1.5em auto 0; width: 17.8125rem;}
.p-about-history { background: -webkit-gradient(linear,left top,left bottom,from(#ebf4ff),to(#fff)); background: linear-gradient(180deg,#ebf4ff 0,#fff);}
.p-about-history__inner {padding: 4em 0;}
.p-about-history__icon { background: #0d3c89; color: #fff; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; line-height: 1.4; margin-right:.75rem; padding:.5rem.75rem;}
.p-about-history__title { background: #0d3c89; color: #fff; font-size: 1.5rem; font-weight: 700; letter-spacing:.02em; line-height: 1.5; padding:.5rem 1rem;}
.p-about-history__wrap {-webkit-box-align: start;-ms-flex-align: start;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-align-items: flex-start;align-items: flex-start;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 4%;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 3.125rem;}
.p-about-history__wrap:last-child { margin-bottom: 0;}
.p-about-history__item {margin-bottom: 5em;}
.p-about-history__item:last-child { margin-bottom: 0;}
.p-about-history__left {width: 52%;}
.p-about-history__person-img {width: 200px;}
.p-about-history__person-img img { border-radius:1em;}
.p-about-history__head-title { width:calc(96% - 200px);}
.p-about-history__right {width: 44%;}
.p-about-history__img img {border-radius: 1.5em;}
.p-about-history__head {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 2.5rem;justify-content: space-between;}
.p-about-history__year { color: #0d3c89; font-size:180%;font-family: 'Oswald', sans-serif;margin-bottom:.5rem;}
.p-about-history__name,.p-about-history__year { font-weight: 700; letter-spacing:.02em; line-height: 1.5;}
.p-about-history__name { color: #143b58; font-size: 1.75rem; margin-bottom: 1rem;}
.p-about-history__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; margin-top: 2rem; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content;}
.p-about-history__btn-link { background-color: #0d3c89; border-radius:.375rem; color: #fff; display: inline-block; font-size:.9375rem; font-weight: 700; letter-spacing:.02em; line-height: 1.5; padding:.875rem 1.75rem;}
.p-about-history__caption {background-color: #ebf4ff;border-radius: 1em;padding: 45px;}
.p-about-history__caption--last {background-color: #fff;border: 10px solid #ebf4ff;}
.p-about-outline__icon { color: #1e4fa8; font-size: 2rem; font-weight: 700; letter-spacing:.02em; line-height: 1; margin-right:.75rem;}
.p-about-outline__title { color: #1e4fa8; font-size: 1.625rem; font-weight: 700; letter-spacing:.04em; line-height: 1.4;}
.p-about-outline__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 2rem;}
.p-about-outline__image {width: 48%;}
.p-about-outline__image img {border-radius: 1em;}
.p-about-outline__list {width: 46%;}
.p-about-outline__item { border-bottom: 1px solid #c1dde7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-block:1.125rem;}
.p-about-outline__term {-ms-flex-negative: 0;-webkit-flex-shrink: 0;flex-shrink: 0;font-weight: 600;width: 7em;}
.p-about-outline__desc {width:calc(98% - 7em);line-height: 1.6;}
.p-about-outline__button {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-left: auto;margin-top: 2em;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;}

@media (min-width: 1400px) {
.p-about-greeting__text-block {width: 60%;}
}

@media (max-width: 1230px) {
.p-about-greeting,.p-about-flow,.p-about-calendar,.p-about-outline {padding: 4em 4%;}
.p-about-flow,.p-about-calendar,.p-about-outline {padding-top:0;}
.p-about-outline__inner {padding:0;}
.p-about-flow__inner {margin-bottom: 0;padding: 0;}
.p-about-history__inner {padding: 4em 4%;}
}

@media screen and (max-width: 850px) {
.p-about-greeting__inner.l-inner {padding:0;}
.p-about-greeting__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.p-about-greeting__text-block { margin-bottom: 1.5rem; width: 100%;}
.p-about-greeting__lead { font-size: max(1.5rem,4.8571428571vw);}
.p-about-greeting__image { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content;}
.p-about-greeting__image img {border-radius: .5em 0 0 .5em;}
.p-about-greeting__bg-item:first-child { bottom: max(-1.25rem,-4.2857142857vw); left: max(-2.5rem,-10vw); width: max(6.25rem,21vw);}
.p-about-greeting__bg-item:nth-child(2) { right: max(1.25rem,5.7142857143vw); top: max(-.625rem,-2.2857142857vw); width: max(5rem,17vw);}
.p-about-role-list { padding: max(1.25rem,4.2857142857vw);}
.p-about-role-card { padding: max(1.25rem,5.1428571429vw) max(1.875rem,6.4285714286vw);}
.p-about-role-card:first-child.p-about-role-card__icon img { width: max(3.125rem,9.8571428571vw);}
.p-about-role-card:nth-child(2).p-about-role-card__icon img { width: max(3.125rem,8.4285714286vw);}
.p-about-role-card:nth-child(3).p-about-role-card__icon img { width: max(3.125rem,9.5714285714vw);}
.p-about-role-card:nth-child(4).p-about-role-card__icon img { width: max(3.125rem,10.1428571429vw);}
.p-about-role-card__number { font-size: max(1.875rem,6.4285714286vw);}
.p-about-role-card__title { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: max(1.25rem,4vw); width: 100%;}
.p-about-role-card__text { font-size: max(.875rem,2.2857142857vw); line-height: 2.25;}
.p-about-flow__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.875rem;}
.p-about-flow__paragraph {border: none;margin-bottom: 1.5em;padding-right: 0;width: 100%;}
.p-about-flow__notice-title { font-size: max(1.5rem,4.2857142857vw); text-align: center;}
.p-about-flow__contact { width: 100%;}
.p-about-flow__contact-title { font-size: max(1.25rem,3.5714285714vw); margin-bottom: 1rem; text-align: center;}
.p-about-flow__time { margin-bottom: 1.5rem; width: 100%;}
.p-about-flow__time-title { font-size: max(1.25rem,3.5714285714vw); margin-bottom: 1rem; text-align: center;}
.p-about-flow-step__items { padding: max(1.25rem,4.5714285714vw) max(1.25rem,4.2857142857vw);}
.p-about-flow-step__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: max(1rem,5.1282051282vw);}
.p-about-flow-step__left { margin-bottom:.75rem; width: 100%;}
.p-about-flow-step__right { width: 100%;}
.p-about-flow-step__head { margin-bottom: 1rem;}
.p-about-flow-step__head-num-block { margin-right: max(.75rem,3.4285714286vw); padding: max(.375rem,1.4285714286vw) max(.75rem,3.4285714286vw) max(.375rem,1.4285714286vw) 0;}
.p-about-flow-step__head-en { font-size: max(.875rem,2.5714285714vw);}
.p-about-flow-step__head-number { font-size: max(1.875rem,6.4285714286vw);}
.p-about-flow-step__title { font-size: max(1.25rem,4vw);}
.p-about-flow-step__list-item { font-size: max(.875rem,2.2857142857vw); line-height: 2.25;}
.p-about-flow-step__list-item:before { height:.75rem; top: calc(max(.875rem,2.2857142857vw)*2.25/2 -.375rem); width:.75rem;}
.p-about-calendar__inner {margin-bottom: 0;padding: 0;}
.p-about-history__inner { padding-bottom: 3.75rem; padding-top: 3.75rem;}
.p-about-history__icon { font-size: max(1.25rem,4vw); margin-right: max(.5rem,1.7142857143vw); padding: max(.375rem,1.1428571429vw) max(.625rem,1.7142857143vw);}
.p-about-history__title { font-size: max(1.25rem,3.4285714286vw); padding: max(.375rem,1.1428571429vw) max(.75rem,2.2857142857vw);}
.p-about-history__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.875rem;}
.p-about-history__img img {border-radius:.5em;}
.p-about-history__left { width: 100%;}
.p-about-history__person-img {width: 8em;}
.p-about-history__person-img img {border-radius:.5em;}
.p-about-history__right {width: 100%;margin-top: 1.5em;}
.p-about-history__head { margin-bottom: 1.5rem;}
.p-about-history__head-title { width:calc(96% - 8em);}
.p-about-history__btn { margin-top: 1.5rem;}
.p-about-history__btn-link { font-size: max(.75rem,2.1428571429vw); padding: max(.625rem,2vw) max(1.25rem,4vw);}
.p-about-history__caption {padding: 1.5em 4%;}
.p-about-outline__icon { font-size: max(1.5rem,4.5714285714vw); margin-right: max(.5rem,1.7142857143vw);}
.p-about-outline__title { font-size: max(1.25rem,3.7142857143vw);}
.p-about-outline__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.p-about-outline__image { margin-bottom: 1.5rem; width: 100%;}
.p-about-outline__term { width: max(5.625rem,20vw);}
.p-about-outline__desc,.p-about-outline__term { font-size: max(.875rem,2.2857142857vw);}
.p-about-outline__button { font-size: max(.875rem,2.1428571429vw);}

.p-about-flow__notice,.p-about-outline__list { width:100%;}
}

@media (max-width: 600px) {
.p-about-greeting__lead { font-size:8vw;}
.p-about-role-card__icon {margin: 0 auto;width: 100%;}
.p-about-role-card__icon img {width:4em; height:auto;}
.p-about-role-card__number {font-size:6vw;margin: auto;padding: .5em;}
.p-about-role-card__number:after {height: 1px;top: auto;bottom: 0;width: 100%;}
.p-about-role-card__head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.25rem;}
.p-about-role-card__title {margin-top: 1em;font-size: 5vw;word-break: auto-phrase;
font-feature-settings: "palt"; text-align:center;}
.p-about-role-card__text { font-size:18px; }
.p-about-history__year {font-size: 4vw; }
.p-about-history__name {font-size: 5vw;}
}

@media screen and (max-width: 393px) {
.p-about-role-list { padding:max(.75rem,4.1025641026vw) max(1rem,4.1025641026vw);}
.p-about-role-card { padding: max(1rem,5.1282051282vw);}
.p-about-flow__calendar-btn { width: 100%;}
.p-about-flow-step__items {padding: 2%;}
.p-about-flow-step__item {padding: 5%;}
.p-about-flow-step__left { padding-inline:0;}
.p-about-calendar__button { width: 100%;}
.p-about-history__btn { width: 100%;}
.p-about-history__caption { padding: max(1rem,5.1282051282vw);}
.p-about-outline__button { width: 100%;}
.p-about-role-card__text { font-size:3.8vw; }
}