@font-face {
	font-family: "ShipporiGothic";
	src: url("../fonts/ShipporiGothicB2-Bold.ttf") format("truetype");
	src: url("../fonts/ShipporiGothicB2-OTF-Bold.otf") format("opentype");
}

body {
	color: #020617;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

/* pcの電話番号発信対応 */

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

.big-btn__link {
	background-color: #234287;
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 4rem;
	line-height: 1;
	max-width: 76rem;
	padding: 3rem 3.25rem 3rem 2.5rem;
	transition: background-color 0.2s ease, color 0.2s ease;
	width: 100%;
}

.big-btn__en {
	font-family: "Prompt", sans-serif;
	font-size: 4rem;
	font-style: italic;
	font-weight: 250;
	letter-spacing: 0.02em;
	text-align: center;
}

.big-btn__ja {
	display: inline-block;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding-right: 1.25rem;
	position: relative;
	text-align: center;
}

.big-btn__wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

.big-btn__arrow {
	border: 1px solid #fff;
	border-radius: 100%;
	display: inline-block;
	height: 2.5rem;
	margin-left: 0.625rem;
	position: relative;
	transition: border 0.2s ease;
	vertical-align: middle;
	width: 2.5rem;
}

.big-btn__arrow::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	left: 50%;
	mask-size: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.2s ease;
	width: 0.75rem;
}

.big-btn__link:hover .big-btn__arrow {
	border: 1px solid #234287;
}

.big-btn__link:hover .big-btn__arrow::after {
	background: url(../images/common/arrow-blue.png) center center no-repeat;
	background-size: contain;
	transition: background-color 0.2s ease;
}

.breadcrumb {
	color: #fff;
	font-size: 0.75rem;
	left: 5%;
	position: absolute;
	top: 20%;
}

.btn {
	display: inline-block;
}

.btn__link {
	background-color: transparent;
	border: solid 0.0625rem #fff;
	border-radius: 3.75rem;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1;
	padding: 1.1875rem 3.25rem 1.1875rem 2.5rem;
	position: relative;
	text-align: left;
	transition: opacity 0.2s ease;
	width: 100%;
}

.btn__link::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	mask-size: contain;
	position: absolute;
	right: 1.375rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75rem;
}

.btn__link--blue {
	background-color: #234287;
}

.entry-btn__link {
	background-color: #234287;
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	max-width: 16.25rem;
	padding: 1.25rem 3.5rem 1.25rem 2.6875rem;
	transition: opacity 0.4s ease;
	width: 100%;
}

.entry-btn__en {
	font-family: "Prompt", sans-serif;
	font-size: 1.625rem;
	font-style: italic;
	letter-spacing: 0.1em;
	text-align: center;
}

.entry-btn__ja {
	font-weight: 500;
	letter-spacing: 0.04em;
	margin-top: 0.75rem;
	padding-right: 1.25rem;
	position: relative;
	text-align: center;
}

.entry-btn__ja::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	font-size: 0.75rem;
	height: 0.625rem;
	letter-spacing: 0.04em;
	mask-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75rem;
}

.entry-drawer-btn__link {
	background-color: #0A296D;
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	padding: 2.5rem;
	text-align: center;
	transition: opacity 0.2s ease;
	width: 100%;
}

.entry-drawer-btn__en {
	font-family: "Prompt", sans-serif;
	font-size: 1.75rem;
	font-style: italic;
	letter-spacing: 0.02em;
	text-align: center;
}

.entry-drawer-btn__ja {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-top: 0.75rem;
	padding-right: 1.25rem;
	position: relative;
	text-align: center;
}

.entry-drawer-btn__ja::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	font-size: 0.75rem;
	height: 0.625rem;
	letter-spacing: 0.04em;
	mask-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75rem;
}

.more-btn__link {
	display: flex;
	height: 2.5rem;
	line-height: 1;
	position: relative;
	transition: opacity 0.2s ease;
	vertical-align: middle;
	width: 100%;
}

.more-btn__text {
	align-items: center;
	display: flex;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	text-align: left;
	white-space: nowrap;
}

.more-btn__arrow {
	border: 1px solid #234287;
	border-radius: 100%;
	display: inline-block;
	height: 2.5rem;
	margin-left: 0.75rem;
	min-height: 40px;
	min-width: 40px;
	position: relative;
	transition: opacity 0.2s ease, transform 0.2s ease;
	vertical-align: middle;
	width: 2.5rem;
}

.more-btn__arrow::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-blue.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	left: 50%;
	mask-size: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease;
	width: 0.75rem;
}

.number {
	align-items: flex-start;
	display: flex;
}

.number__head {
	border-radius: 50%;
	flex-shrink: 0;
	height: 32px;
	line-height: 32px;
	position: relative;
	text-align: center;
	width: 32px;
}

.number__head--blue {
	background-color: #234287;
}

.number__head span {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 500;
	left: 50%;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.number__text {
	display: inline-block;
	font-size: 1.0625rem;
	line-height: 1.76;
	padding-left: 1rem;
}

.number__text.number__text--blue {
	color: #234287;
}

.small-subject {
	border-bottom: 1px solid #CBD5E1;
	color: #234287;
	display: inline-block;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.55;
	padding-bottom: 0.5rem;
	position: relative;
}

.sub-btn__link {
	background-color: transparent;
	border: solid 0.0625rem #fff;
	color: #fff;
	display: inline-block;
	font-size: 4rem;
	line-height: 1;
	max-width: 37.25rem;
	padding: 2.5rem 2.5rem;
	transition: background-color 0.2s ease;
	transition: all 0.2s ease;
	width: 100%;
}

.sub-btn__en {
	font-family: "Prompt", sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 250;
	letter-spacing: 0.02em;
	text-align: center;
}

.sub-btn__ja {
	display: inline-block;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding-right: 1.25rem;
	position: relative;
	text-align: center;
}

.sub-btn__wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

.sub-btn__arrow {
	border: 1px solid #fff;
	border-radius: 100%;
	display: inline-block;
	height: 2.5rem;
	margin-left: 0.625rem;
	position: relative;
	transition: border 0.2s ease;
	vertical-align: middle;
	width: 2.5rem;
}

.sub-btn__arrow::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	left: 50%;
	mask-size: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.75rem;
}

.sub {
	color: #fff;
	font-family: "ShipporiGothic", sans-serif;
	font-size: clamp(2.5rem, 1.3462rem + 2.4038vw, 3.75rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1.2;
}

.subject {
	color: #234287;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.5;
	padding-left: 2rem;
	position: relative;
}

.subject::before {
	background-color: #CBD5E1;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}

.subtitle {
	color: #234287;
	display: inline-block;
	font-size: 1.875rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	padding-top: 5rem;
	position: relative;
}

.subtitle::before {
	background-color: #234287;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 64px;
}

.title {
	display: inline-block;
}

.title__main {
	font-family: "Prompt", sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
}

.title__sub {
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	margin-top: 0.75rem;
	padding-left: 0.875rem;
	position: relative;
}

.title__sub::before {
	border-radius: 100%;
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
}

.title__main--blue {
	color: #234287;
	font-size: 4rem;
}

.title__main--blue-small {
	color: #234287;
	font-size: 2.75rem;
	letter-spacing: 0.04em;
}

.title__main--white {
	color: #fff;
	font-size: 2.75rem;
	letter-spacing: 0.04em;
}

.title__sub--black {
	color: #020617;
}

.title__sub--white {
	color: #fff;
}

.title__sub--black::before {
	border: 1px solid #020617;
}

.title__sub--white::before {
	border: 1px solid #fff;
}

.l-inner-pl0 {
	height: inherit;
	margin: 0 auto;
	max-width: 100rem;
	padding-right: 12rem;
	width: 100%;
}

.l-inner-pr0 {
	height: inherit;
	margin: 0 auto;
	max-width: 100rem;
	padding-left: 12rem;
	padding-right: 0;
	width: 100%;
}

.l-inner {
	height: inherit;
	margin: 0 auto;
	max-width: 1264px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.l-narrow-inner {
	height: inherit;
	margin: 0 auto;
	max-width: 1010px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.l-narrow2-inner {
	height: inherit;
	margin: 0 auto;
	max-width: 1266px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.l-wide-inner {
	height: inherit;
	margin: 0 auto;
	max-width: 1394px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.l-wide2-inner {
	height: inherit;
	margin: 0 auto;
	max-width: 1472px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.about {
	position: relative;
	z-index: 2;
}

.about__inner {
	padding-top: 10rem;
}

.about__back-text {
	left: 5%;
	position: absolute;
	top: 6%;
}

.about__wrap {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 72% 28%;
	grid-template-rows: repeat(2, 1fr);
}

.about__head {
	position: relative;
}

.about__content {
	display: flex;
	padding-right: 6.25rem;
	padding-top: 6rem;
}

.about__subtitles {
	margin-top: 6rem;
}

.about__subtitle {
	line-height: 1.3;
	white-space: nowrap;
}

.about__text {
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0.02em;
	line-height: 2.8;
	max-width: 30rem;
}

.about__btn {
	margin-left: 4rem;
}

.about__img01 {
	grid-row: 1/3;
}

.about__img01 img {
	-o-object-fit: cover;
	aspect-ratio: 448/270;
	object-fit: cover;
	width: 100%;
}

.about__card {
	padding-left: 4%;
}

.blueback-wrap {
	background: linear-gradient(to bottom, #234287 90%, #ffffff 10%);
	overflow: hidden;
	position: relative;
}

.blueback-wrap__backtext {
	color: rgba(255, 255, 255, 0.1);
	font-family: "Prompt", sans-serif;
	font-size: 23.75rem;
	font-weight: 200;
	left: -64%;
	position: absolute;
	text-transform: uppercase;
	top: 75%;
	transform: rotate(90deg);
	white-space: nowrap;
	z-index: 1;
}

.card-block {
	background-color: #234287;
	overflow: hidden;
	position: relative;
}

.card-block__backtext {
	color: rgba(255, 255, 255, 0.04);
	font-family: "Prompt", sans-serif;
	font-size: 25.625rem;
	font-weight: 200;
	left: 5%;
	position: absolute;
	text-transform: uppercase;
	top: -4%;
	white-space: nowrap;
	z-index: 1;
}

.card-block__inner {
	position: relative;
	z-index: 2;
}

.card-block__title {
	color: #fff;
	font-size: 1.75rem;
	line-height: 1;
}

.card-block__items {
	grid-gap: 2rem;
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	margin-top: 8rem;
}

.card-block__item {
	display: block;
	transition: opacity 0.3s;
}

.card-block__img img {
	-o-object-fit: cover;
	aspect-ratio: 3/4;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.card-block__meta {
	color: #fff;
	display: inline-block;
	margin-top: 2rem;
}

.card-block__subject {
	font-family: "Prompt", sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 250;
}

.card-block__subject-small {
	font-size: 2rem;
	font-style: italic;
	font-weight: 250;
}

.card-block__text-wrap {
	margin-top: 0.9375rem;
}

.card-block__btn-text {
	align-items: center;
	display: flex;
	font-size: 0.9375rem;
	letter-spacing: 0.02em;
	text-align: left;
}

.card-block__btn-role {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding-left: 2.5rem;
	position: relative;
}

.card-block__btn-role::before {
	background: #fff;
	content: "";
	display: inline-block;
	height: 0.625rem;
	left: 25%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.0625rem;
}

.card-block__btn-name {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 500;
	padding-left: 0.5rem;
}

.card-block__btn-arrow {
	border: 1px solid #fff;
	border-radius: 100%;
	display: inline-block;
	height: 1.5rem;
	margin-left: 0.5rem;
	position: relative;
	transition: border 0.1s ease;
	vertical-align: middle;
	width: 1.5rem;
}

.card-block__btn-arrow::after {
	-webkit-mask-size: contain;
	background: url(../images/common/arrow-right.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	left: 50%;
	mask-size: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.1s ease;
	width: 0.75rem;
}

.content-card {
	position: relative;
}

.content-card__img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.content-card__img img {
	aspect-ratio: 1536/800;
}

.content-card__body {
	bottom: 11.8%;
	left: 4.5rem;
	position: absolute;
}

.content-card__title {
	color: #fff;
	font-family: "Prompt", sans-serif;
	font-size: 8rem;
	font-style: italic;
	font-weight: 200;
	line-height: 1;
}

.content-card__text {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-top: 0.5rem;
	padding-left: 1rem;
	position: relative;
}

.content-card__text::before {
	border: 1px solid #fff;
	border-radius: 100%;
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
}

.content-card__btn {
	margin-top: 2.5rem;
}

.drawer-list {
	background: url(../images/common/pc-bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	display: none;
	height: 100vh;
	left: 0;
	overflow-y: auto;
	padding-top: 6rem;
	position: absolute;
	right: 0;
	top: 0;
	transition: visibility 0.3s ease;
	width: 100%;
	z-index: 100;
}

.drawer-list .active {
	display: block;
}

.drawer-list__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 60rem;
	padding: 6rem 3rem 4rem 3rem;
}

.drawer-list__list {
	grid-row-gap: 2.5rem;
	grid-column-gap: 0.625rem;
	-moz-column-gap: 0.625rem;
	column-gap: 0.625rem;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(5, 1fr);
	row-gap: 2.5rem;
}

.drawer-list__item {
	color: #fff;
	display: block;
	line-height: 1.125;
	transition: opacity 0.2s ease;
}

.drawer-list__title {
	font-family: "Prompt", sans-serif;
	font-size: 2.5rem;
	font-style: italic;
	letter-spacing: 0.02em;
	line-height: 1.17;
}

.drawer-list__subitems {
	margin-top: 0.25rem;
}

.drawer-list__subitem {
	display: block;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	line-height: 1.58;
	padding-left: 1rem;
	position: relative;
}

.drawer-list__subitem::after {
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	content: "";
	display: inline-block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
}

.drawer-list__btn {
	margin-top: 2.5rem;
}

.entry {
	background: url(../images/common/entry.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 6rem;
	padding-top: 10rem;
	position: relative;
	z-index: 1;
}

.entry::before {
	background-color: rgba(35, 66, 135, 0.5);
	bottom: 0;
	content: "";
	left: 0;
	mix-blend-mode: multiply;
	position: absolute;
	right: 0;
	top: 0;
}

.entry__inner {
	position: relative;
	z-index: 2;
}

.entry__title {
	color: #fff;
	font-size: 3.5rem;
	font-style: italic;
	line-height: 1.15;
	text-align: center;
}

.entry__btns {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	margin-left: auto;
	margin-right: auto;
	margin-top: 6rem;
	max-width: 1220px;
}

.entry__big {
	grid-column: 1/3;
}

.features-cards__inner {
	padding-bottom: 10rem;
	padding-top: 10rem;
}

.features-contents {
	background-color: #F1F5F9;
	color: #234287;
	padding-bottom: 6rem;
	padding-top: 6rem;
}

.features-contents__title {
	font-family: "Prompt", sans-serif;
	font-size: 1.25rem;
}

.features-contents__lists {
	margin-top: 3rem;
}

.features-contents__list {
	align-items: center;
	display: flex;
	transition: opacity 0.3s;
}

.features-contents__list + .features-contents__list {
	margin-top: 1rem;
}

.features-contents__no {
	font-family: "Prompt", sans-serif;
	font-size: 1rem;
	font-style: italic;
	line-height: 1.25;
	padding-right: 3.6875rem;
	position: relative;
}

.features-contents__no::after {
	background-color: rgba(35, 66, 135, 0.65);
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem;
}

.features-contents__text {
	font-size: 1.0625rem;
	font-weight: 250;
	margin-left: 2rem;
}

.features-main {
	background-color: #fff;
	padding-bottom: 10rem;
	padding-top: 10rem;
}

.features-main__wrap + .features-main__wrap {
	margin-top: 8rem;
}

.features-main__text {
	font-size: 1.0625rem;
	letter-spacing: 0.02em;
	line-height: 1.78;
	margin-top: 4rem;
}

.features-main__img01,
.features-main__img02,
.features-main__img03 {
	margin-top: 3rem;
}

.features-main__img01 img,
.features-main__img02 img,
.features-main__img03 img {
	-o-object-fit: cover;
	aspect-ratio: 960/593;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.features-main__tables {
	grid-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3rem;
}

.features-main__small-table {
	border: 1px solid #CBD5E1;
	border-collapse: collapse;
	width: 100%;
}

.features-main__small-table th,
.features-main__small-table td {
	border: 1px solid #CBD5E1;
	letter-spacing: 0.02em;
	padding: 1.5rem 2rem;
	text-align: left;
}

.features-main__small-table th {
	background-color: #F1F5F9;
	color: #234287;
	font-size: 0.9375rem;
	font-weight: 500;
}

.features-main__small-table td {
	font-size: 0.9375rem;
}

.features-main__numberItems {
	background-color: #F1F5F9;
	margin-top: 3rem;
	padding: 2.5rem 3rem;
}

.features-main__number + .features-main__number {
	margin-top: 1rem;
}

.features-main__more {
	font-size: 1.0625rem;
	letter-spacing: 0.02em;
	margin-top: 3rem;
}

.features-main__more a {
	border-bottom: 1px solid #234287;
	color: #234287;
	font-size: 1rem;
	letter-spacing: 0.02em;
	transition: opacity 0.3s;
}

.features-main__group02 {
	margin-top: 5rem;
}

.features-main__group03 {
	margin-top: 4rem;
}

.features-main__link-group {
	margin-top: 3rem;
}

.features-main__number-group {
	margin-top: 3rem;
}

.features-main__link {
	border-bottom: 1px solid #234287;
	color: #234287;
	display: inline-block;
	font-size: 1.0625rem;
	transition: opacity 0.3s;
}

.features-main__link:hover {
	opacity: 0.7;
}

.features-main__items {
	margin-top: 3rem;
}

.features-main__item {
	font-size: 1.0625rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin-left: 1em;
	text-indent: -1em;
}

.features-main__item + .features-main__item {
	margin-top: 1rem;
}

.features-main__numberLists {
	margin-top: 3rem;
}

.features-main__table-group {
	margin-top: 3rem;
}

.features-main__table {
	border: 1px solid #CBD5E1;
	border-collapse: collapse;
	width: 100%;
}

.features-main__table-head {
	background-color: #F1F5F9;
	color: #234287;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.4;
	padding: 1.5rem 2rem;
	width: 15rem;
}

.features-main__table td {
	font-size: 0.9375rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
	padding: 1.5rem 2rem;
}

.features-main__table th,
.features-main__table td {
	border: 1px solid #CBD5E1;
	text-align: left;
}

.features-main__imgs {
	grid-gap: 0.5rem;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3rem;
}

.features-main__sub-img img {
	-o-object-fit: cover;
	aspect-ratio: 476/294;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.features-main__main-img {
	grid-column: 1/3;
}

.features-main__main-img img {
	-o-object-fit: cover;
	aspect-ratio: 960/594;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.features-main__link-btn {
	margin-top: 3rem;
	text-align: center;
}

.footer-nav {
	align-items: center;
	display: flex;
	margin-left: auto;
}

.footer-nav__item {
	height: inherit;
	text-align: center;
}

.footer-nav__item-link {
	color: #020617;
	display: flex;
	flex-direction: column;
	font-size: clamp(0.5rem, 0.1547rem + 0.7203vw, 0.875rem);
	height: inherit;
	justify-content: center;
	letter-spacing: 0.02em;
	line-height: 1.57;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	transition: opacity 0.2s;
}

.footer {
	background-color: #fff;
}

.footer__wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 3rem;
	padding-top: 3rem;
}

.footer__link {
	align-items: center;
	display: flex;
	transition: opacity 0.3s;
}

.footer__logo {
	width: 4.375rem;
}

.footer__titles {
	margin-left: 0.875rem;
	z-index: 90;
}

.footer__subtitle {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.45;
}

.footer__title {
	font-size: clamp(0.625rem, 0.2222rem + 0.8403vw, 1.0625rem);
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.41;
}

.footer__nav {
	display: flex;
}

.footer__copyright {
	align-items: center;
	border-top: 1px solid #CBD5E1;
	display: flex;
	height: 5.5rem;
	justify-content: space-between;
	padding-left: 4rem;
	padding-right: 4rem;
}

.footer__copyright-text {
	font-family: "Prompt", sans-serif;
	font-size: 0.75rem;
	font-weight: 250;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.footer__pagetop-link {
	align-items: center;
	border-left: 1px solid #CBD5E1;
	display: flex;
	font-size: 0.9375rem;
	height: inherit;
	line-height: 1.6;
	padding-left: 4rem;
	padding-right: 1.75rem;
	position: relative;
	transition: opacity 0.3s;
}

.footer__pagetop-link::after {
	background: url(../images/common/arrow-black.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0.625rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75rem;
}

.header-nav {
	align-items: center;
	display: flex;
	height: inherit;
	margin-left: auto;
}

.header-nav__item {
	height: inherit;
	text-align: center;
}

.header-nav__item-link {
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: clamp(0.5rem, 0.1547rem + 0.7203vw, 0.875rem);
	font-weight: 700;
	height: inherit;
	justify-content: center;
	line-height: 1.57;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	transition: opacity 0.3s ease;
}

.header {
	background-color: transparent;
	height: 7rem;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: background-color 0.2s ease;
	z-index: 1000;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: space-between;
	padding-left: 3rem;
	padding-right: 3rem;
}

.header__link {
	align-items: center;
	color: #fff;
	display: flex;
	height: inherit;
	transition: opacity 0.2s ease;
	z-index: 101;
}

.header__logo-link {
	z-index: 9999;
}

.header__logo {
	align-items: center;
	display: grid;
	height: inherit;
	justify-items: center;
	place-items: center;
	width: 4rem;
}

.header__titles {
	margin-left: 0.875rem;
	z-index: 9998;
}

.header__subtitle {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.45;
}

.header__title {
	font-size: clamp(0.625rem, 0.2222rem + 0.8403vw, 1.0625rem);
	font-weight: 500;
	line-height: 1.41;
}

.header__label {
	border: 1px solid #fff;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.58;
	margin-left: 1.5rem;
	padding: 0.375rem 0.75rem;
	z-index: 9998;
}

.header__nav {
	display: flex;
	height: inherit;
	margin-left: auto;
}

.header__hamburger {
	height: 1.6875rem;
	margin-left: 2.75rem;
	position: relative;
	transition: opacity 0.2s ease;
	width: 3.75rem;
	z-index: 9999;
}

.header__hamburger span {
	background-color: #fff;
	border-radius: 0.0625rem;
	height: 1px;
	position: absolute;
	right: 0;
	transition: transform 0.3s, width 0.3s, top 0.3s;
	width: inherit;
}

.header__hamburger span:nth-child(1) {
	top: 0;
}

.header__hamburger span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.header__hamburger span:nth-child(3) {
	top: 100%;
	transform: translateY(-100%);
}

.header__hamburger.active span:nth-child(1) {
	transform: translateY(1.25rem) rotate(35deg);
	width: 3.75rem;
}

.header__hamburger.active span:nth-child(2) {
	opacity: 0;
}

.header__hamburger.active span:nth-child(3) {
	transform: translateY(-0.5rem) rotate(-35deg);
	width: 3.75rem;
}

.header__hamburger:hover.header__hamburger {
	opacity: 0.7;
}

.header .header__background--blue {
	background-color: #234287;
	transition: background-color 0.8s ease;
}

.lawyers {
	background-color: #fff;
	padding-bottom: 10rem;
	padding-top: 10rem;
}

.lawyers__wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 87.125rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}

.lawyers__content {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;
}

.lawyers__subtitle {
	font-family: "ShipporiGothic", sans-serif;
	font-size: clamp(2.75rem, 0.6783rem + 4.3217vw, 5rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1.2;
}

.lawyers__text {
	font-size: 1.0625rem;
	letter-spacing: 0.02em;
	line-height: 2.4;
	max-width: 19.8125rem;
}

.lawyers__cards {
	grid-column-gap: 0.5rem;
	-moz-column-gap: 0.5rem;
	grid-row-gap: 0.5rem;
	column-gap: 0.5rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	margin-top: 6rem;
	row-gap: 0.5rem;
}

.lawyers__card {
	display: block;
}

.lawyers__card:first-child {
	grid-row: 1/3;
}

.link {
	background-color: #F1F5F9;
	padding-bottom: 8rem;
	padding-top: 8rem;
}

.link__wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
	max-width: 79rem;
	width: 100%;
}

.link__text {
	color: #234287;
	flex-shrink: 0;
	font-size: 1rem;
	font-weight: 250;
	letter-spacing: 0.02em;
	position: relative;
}

.link__line {
	background: #234287;
	height: 0.0625rem;
	margin-left: 4rem;
	margin-right: 4rem;
	width: 100%;
}

.link__btn-wrap {
	display: flex;
}

.link__btn-wrap a {
	padding: 0 1.25rem;
}

.message {
	position: relative;
	z-index: 1;
}

.message__back-text {
	position: absolute;
	right: 7%;
	top: 56%;
	width: 16.875rem;
	z-index: -1;
}

.message__wrap {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 40.8% 59.2%;
	grid-template-rows: repeat(2, 1fr);
	position: relative;
	z-index: 10;
}

.message__head {
	padding-top: 10rem;
	position: relative;
}

.message__content {
	padding-right: 6.25rem;
	padding-top: 3.125rem;
}

.message__subtitles {
	left: -3%;
	position: absolute;
	top: 64%;
}

.message__subtitle {
	line-height: 1.3;
	white-space: nowrap;
}

.message__text {
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0.02em;
	line-height: 2.8;
	max-width: 28rem;
}

.message__btn {
	margin-top: 4rem;
}

.message__img01 {
	grid-row: 1/3;
}

.message__img01 img {
	-o-object-fit: cover;
	aspect-ratio: 833/1000;
	object-fit: cover;
	width: 100%;
}

.message__img02 {
	margin-left: auto;
	margin-right: auto;
	max-width: 100rem;
	padding-right: 22rem;
	padding-top: 11.875rem;
	position: relative;
	z-index: 11;
}

.message__img02 img {
	-o-object-fit: cover;
	aspect-ratio: 1248/760;
	object-fit: cover;
	width: 100%;
}

.mission-big-card {
	position: relative;
}

.mission-big-card__img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.mission-big-card__img img {
	aspect-ratio: 796/1117;
	transition: opacity 0.2s ease;
}

.mission-big-card__body {
	bottom: 4.2%;
	left: 4rem;
	position: absolute;
}

.mission-big-card__title {
	color: #fff;
	font-size: 2.75rem;
	font-style: italic;
	line-height: 1.3;
}

.mission-big-card__subtitle {
	color: #fff;
	display: flex;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-top: 1.5rem;
}

.mission-big-card__left {
	padding-right: 1.25rem;
}

.mission-big-card__right {
	padding-left: 1.25rem;
	position: relative;
}

.mission-big-card__right::before {
	background: #fff;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.mission-big-card__role {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	padding-right: 0.5rem;
}

.mission-card {
	position: relative;
}

.mission-card__img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.mission-card__img img {
	aspect-ratio: 796/554;
	transition: opacity 0.2s ease;
}

.mission-card__body {
	bottom: 8.6%;
	left: 4rem;
	position: absolute;
}

.mission-card__title {
	color: #fff;
	font-size: 2.75rem;
	font-style: italic;
	line-height: 1.18;
}

.mission-card__subtitle {
	color: #fff;
	display: flex;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-top: 1.5rem;
}

.mission-card__left {
	font-size: 0.875rem;
	padding-right: 1.25rem;
}

.mission-card__right {
	align-items: center;
	display: flex;
	font-size: 0.875rem;
	padding-left: 1.25rem;
	position: relative;
}

.mission-card__right::before {
	background: #fff;
	content: "";
	height: 0.625rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.mission-card__role {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	padding-right: 0.5rem;
}

.mission-cards__inner {
	padding-bottom: 10rem;
	padding-top: 10rem;
}

.mission-intro {
	padding-top: 6.25rem;
}

.mission-intro__inner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.mission-intro__titles {
	text-align: center;
}

.mission-intro__title {
	color: #234287;
	font-size: 4rem;
	font-style: italic;
	font-weight: 300;
	line-height: 1.1;
}

.mission-intro__names {
	margin-top: 4rem;
	text-align: center;
}

.mission-intro__role {
	font-size: 0.875rem;
	font-weight: 250;
	letter-spacing: 0.02em;
	line-height: 1.18;
}

.mission-intro__name {
	font-size: 2rem;
	letter-spacing: 0.02em;
	line-height: 1.18;
	margin-top: 0.125rem;
}

.mission-intro__year {
	font-size: 0.75rem;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 2;
	margin-top: 0.25rem;
}

.mission-intro__profile {
	border-top: 1px solid #CBD5E1;
	color: #64748B;
	font-size: 0.875rem;
	line-height: 1.628;
	margin-top: 2.5rem;
	padding-top: 2.5rem;
}

.mission-main {
	background-color: #fff;
	padding-bottom: 10rem;
	padding-top: 10rem;
}

.mission-main__box + .mission-main__box {
	margin-top: 8rem;
}

.mission-main__wrap + .mission-main__wrap {
	margin-top: 8rem;
}

.mission-main__text {
	font-size: 1.0625rem;
	letter-spacing: 0.1em;
	line-height: 1.577;
	margin-top: 4rem;
}

.mission-main__img01,
.mission-main__img02,
.mission-main__img03 {
	margin-top: 3rem;
}

.mission-main__img01 img,
.mission-main__img02 img,
.mission-main__img03 img {
	-o-object-fit: cover;
	aspect-ratio: 960/593;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.mission-main__group02 {
	margin-top: 5rem;
}

.mission-main__group03 {
	margin-top: 4rem;
}

.mission-mv {
	background: url(../images/common/mission-top-bg.jpg) no-repeat;
	background-position: top center;
	background-size: 100% 84%;
	min-height: 50rem;
	position: relative;
	width: 100%;
}

.mission-mv__inner {
	height: 100%;
	width: 100%;
}

.mission-mv__breadcrumb {
	color: #fff;
	font-size: 0.75rem;
	padding-left: 3rem;
	padding-top: 8.5rem;
}

.mission-mv__titles-wrap {
	display: flex;
	justify-content: center;
}

.mission-mv__titles {
	margin-top: 6.25rem;
	z-index: 2;
}

.mission-mv__title {
	color: #fff;
	font-family: "Prompt", sans-serif;
	font-size: 3rem;
	font-style: italic;
	font-weight: 200;
	letter-spacing: 0.02em;
	line-height: 1.19;
}

.mission-mv__subtitle {
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	margin-top: 1rem;
}

.mission-mv__title + .mission-mv__title {
	margin-top: 0.875rem;
}

.mission-mv__btn {
	margin-top: 5rem;
}

.mission-mv__entry {
	bottom: 1.25rem;
	position: absolute;
	right: 1.25rem;
	z-index: 2;
}

.mission-mv__subslide {
	margin-top: 4.5rem;
	max-width: 60rem;
	width: 100%;
	z-index: 3;
}

.mission-mv__subslide img {
	-o-object-fit: cover;
	aspect-ratio: 960/593;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.mv {
	height: 100vh;
	min-height: 26rem;
	min-height: 43.75rem;
	position: relative;
	width: 100%;
}

.mv__inner {
	height: 100%;
	width: 100%;
}

.mv__swiper,
.mv__slide,
.mv__slide img,
.mv__slide picture {
	height: inherit;
}

.mv__slide img {
	-o-object-fit: cover;
	aspect-ratio: 1660/960;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.swiper,
.swiper-initialized,
.swiper-horizontal,
.swiper-android,
.swiper-backface-hidden {
	padding-bottom: 0;
}

.mv__titles {
	left: 8%;
	padding-top: 6rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.mv__title {
	color: #fff;
	font-family: "ShipporiGothic", sans-serif;
	font-size: clamp(2.625rem, -0.4826rem + 6.4826vw, 6rem);
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.19;
}

.mv__title + .mv__title {
	margin-top: 0.875rem;
}

.mv__btn {
	margin-top: 5rem;
}

.mv__entry {
	bottom: 1.25rem;
	position: absolute;
	right: 1.25rem;
	z-index: 2;
}

.news__inner {
	display: flex;
	padding-bottom: 8rem;
	padding-top: 8rem;
}

.news__title-wrap {
	flex: 0 0 26%;
}

.news__btn {
	margin-top: 3rem;
}

.news__contents {
	border-left: 1px solid #CBD5E1;
	padding-left: 4rem;
}

.news__content {
	align-items: center;
	display: flex;
	transition: opacity 0.2s ease;
}

.news__content + .news__content {
	margin-top: 2rem;
}

.news__head {
	display: flex;
}

.news__label {
	background-color: #F1F5F9;
	border-radius: 4px;
	color: #234287;
	font-family: "Prompt", sans-serif;
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
	line-height: 1.538;
	min-width: 8.75rem;
	padding: 0.25rem 1.25rem;
	text-align: center;
}

.news__dates {
	align-items: center;
	color: #234287;
	display: flex;
	margin-left: 3rem;
}

.news__year {
	font-family: "Prompt", sans-serif;
	font-size: 0.6875rem;
	letter-spacing: 0.02em;
	line-height: 1.27;
}

.news__date {
	font-family: "Prompt", sans-serif;
	font-size: 1.125rem;
	letter-spacing: 0.02em;
	line-height: 1.27;
	margin-left: 1.6875rem;
}

.news__text {
	font-size: 1.125rem;
	font-weight: 250;
	line-height: 1.77;
	margin-left: 3rem;
}

.page-heading {
	background-image: url(../images/common/features-mv.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	min-height: 26rem;
	position: relative;
	width: 100%;
}

.page-heading__inner {
	height: inherit;
	width: 100%;
}

.page-heading__slide,
.page-heading__slide img,
.page-heading__slide picture {
	height: inherit;
}

.page-heading__slide img {
	-o-object-fit: cover;
	aspect-ratio: 1600/800;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.page-heading__breadcrumb {
	color: #fff;
	font-size: 0.75rem;
	padding-left: 3rem;
	padding-top: 8.5rem;
	position: relative;
}

.page-heading__titles {
	bottom: 6%;
	left: 8%;
	position: absolute;
	z-index: 2;
}

.page-heading__title {
	color: #fff;
	font-family: "Prompt", sans-serif;
	font-size: 8rem;
	font-style: italic;
	font-weight: 200;
	line-height: 1.19;
}

.page-heading__subtitle {
	color: #fff;
	font-weight: 400;
	margin-top: 0.5rem;
}

.page-heading__title + .page-heading__title {
	margin-top: 0.875rem;
}

.page-heading__btn {
	margin-top: 5rem;
}

.page-heading__entry {
	bottom: 1.25rem;
	position: absolute;
	right: 1.25rem;
	z-index: 2;
}

@media (any-hover: hover) {

a:hover {
	opacity: 0.8;
}

.big-btn__link:hover {
	background-color: #fff;
	color: #234287;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.btn__link:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.entry-btn__link:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.btn__drawer-link:hover {
	opacity: 0.7;
	transition: background-color 0.1s ease;
}

.entry-drawer-btn__link:hover {
	opacity: 0.7;
	transition: opacity 0.1s ease;
}

.more-btn__link:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.more-btn__link:hover .more-btn__arrow::after {
	opacity: 0.7;
	transform: translate(-40%, -50%);
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.more-btn__link:hover .more-btn__arrow {
	opacity: 0.7;
	transform: translateX(14%);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.sub-btn__link:hover {
	background-color: #fff;
	color: #234287;
	transition: background-color color 0.2s ease;
}

.sub-btn__link:hover .sub-btn__arrow {
	border: 1px solid #234287;
}

.sub-btn__link:hover .sub-btn__arrow::after {
	background: url(../images/common/arrow-blue.png) center center no-repeat;
	background-size: contain;
}

.card-block__item:hover {
	opacity: 0.8;
}

.card-block__item:hover .card-block__btn-arrow {
	opacity: 0.7;
	transform: translateX(14%);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.drawer-list__item:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.features-contents__list:hover {
	opacity: 0.7;
}

.features-main__more a:hover {
	opacity: 0.7;
}

.footer-nav__item-link:hover {
	opacity: 0.8;
}

.footer__link:hover {
	opacity: 0.7;
}

.footer__pagetop-link:hover {
	opacity: 0.7;
}

.header-nav__item-link:hover {
	opacity: 0.7;
	transition: opacity 0.3s ease;
}

.header__link:hover {
	opacity: 0.7;
}

.lawyers__card:hover .mission-card__img img {
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.lawyers__card:hover .mission-big-card__img img {
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.mission-big-card__img img:hover {
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.news__content:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

}

@media screen and (max-width: 1440px) {

.l-inner-pr0 {
	padding-left: 7%;
}

.about__wrap {
	grid-template-columns: 80% 20%;
}

.about__content {
	padding-right: 0;
}

.about__btn {
	margin-left: 2rem;
}

.header__hamburger {
	margin-left: 1.25rem;
}

.header__hamburger.active {
	margin-right: 0.625rem;
}

.message__wrap {
	grid-template-columns: 48% 52%;
}

}

@media (max-width: 1214px) {

html {
	font-size: 1.3179571664vw;
}

}

@media screen and (max-width: 1023px) {

.header__inner {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.mission-mv__breadcrumb {
	padding-left: 1.25rem;
}

.news__inner {
	justify-content: space-around;
}

.page-heading__breadcrumb {
	padding-left: 1.25rem;
}

}

@media screen and (max-width: 767px) {

.u-desktop {
	display: none;
}

.u-mobile {
	display: block;
}

html {
	font-size: 16px;
}

a[href^="tel:"] {
	pointer-events: none;
}

.big-btn {
	display: flex;
	justify-content: center;
}

.big-btn__link {
	max-width: 20rem;
	padding: 2rem 1.25rem;
}

.big-btn__en {
	font-size: 2rem;
}

.big-btn__ja {
	font-size: 0.75rem;
	margin-left: 0.75rem;
	margin-top: 0;
}

.big-btn__wrap {
	margin-top: 0.5rem;
}

.big-btn__arrow {
	height: 2rem;
	width: 2rem;
}

.breadcrumb {
	font-size: 0.6875rem;
	left: 5%;
	top: 13%;
}

.btn__link {
	font-size: 0.75rem;
	padding: 0.875rem 2.6875rem 0.875rem 2.1875rem;
}

.entry-btn {
	display: flex;
	justify-content: center;
}

.entry-btn__link {
	align-items: center;
	display: flex;
	justify-content: center;
	max-width: 22rem;
	padding: 1rem 1.25rem;
}

.entry-btn__en {
	display: inline-block;
	font-size: 1.25rem;
}

.entry-btn__ja {
	font-size: 0.625rem;
	margin-left: 0.75rem;
	margin-top: 0;
}

.entry-drawer-btn__link {
	padding: 1.5rem 2.5rem 1.5rem 2.5rem;
}

.more-btn__link {
	display: inline-block;
}

.more-btn__text {
	display: block;
	text-align: right;
}

.number__head {
	height: 24px;
	width: 24px;
}

.number__head span {
	font-size: 0.625rem;
}

.number__text {
	font-size: 0.875rem;
	line-height: 1.714;
	padding-left: 0.75rem;
}

.small-subject {
	font-size: 1rem;
	padding-bottom: 0.375rem;
}

.sub-btn {
	display: flex;
	justify-content: center;
}

.sub-btn__link {
	max-width: 20rem;
	padding: 1rem 1.25rem;
}

.sub-btn__en {
	font-size: 1.5rem;
}

.sub-btn__ja {
	font-size: 0.75rem;
	margin-left: 0.75rem;
	margin-top: 0;
}

.sub-btn__wrap {
	margin-top: 0.5rem;
}

.sub-btn__arrow {
	height: 2rem;
	width: 2rem;
}

.sub {
	font-size: 2rem;
}

.subject {
	font-size: 1.125rem;
	padding-left: 1.5rem;
}

.subtitle {
	font-size: 1.25rem;
	padding-top: 2.5rem;
}

.subtitle::before {
	width: 48px;
}

.title__main--blue {
	font-size: 2.75rem;
}

.title__main--blue-small {
	font-size: 2.5rem;
}

.title__main--white {
	font-size: 2.5rem;
}

.l-inner-pl0 {
	max-width: 23.75rem;
	padding-left: 24px;
}

.l-inner-pr0 {
	max-width: 100%;
	padding-left: 24px;
}

.l-inner {
	max-width: 23.75rem;
	padding-left: 24px;
	padding-right: 24px;
}

.l-narrow-inner {
	max-width: 30rem;
	padding-left: 24px;
	padding-right: 24px;
}

.l-narrow2-inner {
	max-width: 23.75rem;
	padding-left: 24px;
	padding-right: 24px;
}

.l-wide-inner {
	max-width: 33.75rem;
	padding-left: 24px;
	padding-right: 24px;
}

.l-wide2-inner {
	max-width: 23.75rem;
	padding-left: 24px;
	padding-right: 24px;
}

.about__inner {
	overflow: hidden;
	padding-top: 0;
	position: relative;
}

.about__wrap {
	display: flex;
	flex-direction: column;
}

.about__head {
	order: 2;
	padding-top: 9rem;
}

.about__content {
	flex-direction: column;
	order: 3;
	padding-right: 1.5rem;
	padding-top: 3rem;
}

.about__subtitles {
	margin-top: 3rem;
}

.about__subtitle {
	line-height: 1.4;
}

.about__text {
	font-size: 0.875rem;
	line-height: 2.3;
}

.about__btn {
	margin-left: 0;
	padding-top: 2rem;
}

.about__img01 {
	margin-left: auto;
	margin-top: 3rem;
	order: 1;
	width: 50%;
}

.about__img01 img {
	aspect-ratio: 195/118;
}

.about__cards {
	margin-top: 6rem;
}

.blueback-wrap__backtext {
	font-size: 12.5rem;
	left: 11%;
	top: 1%;
}

.card-block__backtext {
	font-size: 12.5rem;
	left: 11%;
	top: 1%;
}

.card-block__title {
	font-size: 1.125rem;
	line-height: 1.68;
}

.card-block__items {
	grid-template-columns: 1fr;
	margin-top: 4rem;
	row-gap: 4rem;
}

.card-block__img img {
	aspect-ratio: 156/96;
}

.card-block__meta {
	margin-top: 1.5rem;
}

.card-block__subject {
	font-size: 1.75rem;
}

.card-block__subject-small {
	font-size: 1.375rem;
}

.card-block__btn-text {
	font-size: 0.875rem;
}

.content-card__img img {
	aspect-ratio: 344/500;
}

.content-card__body {
	bottom: 8%;
	left: 2rem;
}

.content-card__title {
	font-size: 3rem;
}

.content-card__text {
	font-size: 0.75rem;
}

.content-card__btn {
	margin-top: 1.5rem;
}

.drawer-list {
	background: url(../images/common/sp-bg.jpg) no-repeat;
}

.drawer-list__inner {
	max-width: 25rem;
	padding: 1.5rem 3rem 6.875rem 3rem;
}

.drawer-list__list {
	display: block;
}

.drawer-list__title {
	font-size: 1.75rem;
}

.drawer-list__subitem {
	font-size: 0.75rem;
}

.drawer-list__item:not(:first-child) {
	padding-top: 2rem;
}

.drawer-list__list {
	min-height: 37.5rem;
}

.drawer-list__btn {
	margin-top: 3rem;
}

.entry {
	background: url(../images/common/entry-sp.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 2.9375rem;
	padding-top: 5rem;
}

.entry__title {
	font-size: 2rem;
	line-height: 1.18;
}

.entry__btns {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.entry__big {
	grid-column: initial;
}

.features-cards__inner {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.features-contents {
	padding-bottom: 3rem;
	padding-top: 3rem;
}

.features-contents__title {
	font-size: 1rem;
}

.features-contents__lists {
	margin-top: 1.5rem;
}

.features-contents__list {
	align-items: baseline;
}

.features-contents__no {
	font-size: 0.875rem;
	padding-right: 1.75rem;
}

.features-contents__no::after {
	width: 0.75rem;
}

.features-contents__text {
	font-size: 0.8125rem;
	margin-left: 1rem;
}

.features-main {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.features-main__wrap + .features-main__wrap {
	margin-top: 4rem;
}

.features-main__text {
	font-size: 0.875rem;
	line-height: 1.8;
	margin-top: 2rem;
}

.features-main__img01 img,
.features-main__img02 img,
.features-main__img03 img {
	aspect-ratio: 320/198;
}

.features-main__tables {
	grid-template-columns: 1fr;
	margin-top: 2rem;
	row-gap: 1rem;
}

.features-main__small-table th,
.features-main__small-table td {
	padding: 0.75rem 1.5rem;
}

.features-main__small-table th {
	font-size: 0.8125rem;
	width: 8.75rem;
}

.features-main__small-table td {
	font-size: 0.8125rem;
}

.features-main__numberItems {
	padding: 1.25rem 1.5rem;
}

.features-main__number + .features-main__number {
	margin-top: 0.75rem;
}

.features-main__more {
	font-size: 0.875rem;
}

.features-main__more a {
	font-size: 0.875rem;
}

.features-main__group02 {
	margin-top: 2.5rem;
}

.features-main__group03 {
	margin-top: 2rem;
}

.features-main__link-group {
	margin-top: 2rem;
}

.features-main__number-group {
	margin-top: 2rem;
}

.features-main__link {
	font-size: 0.875rem;
}

.features-main__items {
	margin-top: 2rem;
}

.features-main__item {
	font-size: 0.875rem;
}

.features-main__numberLists {
	margin-top: 2rem;
}

.features-main__table-group {
	margin-top: 2rem;
}

.features-main__table-head {
	font-size: 0.8125rem;
	padding: 0.75rem 1.5rem;
	width: 7.5rem;
}

.features-main__table td {
	font-size: 0.8125rem;
	padding: 0.75rem 1.5rem;
}

.features-main__table th,
.features-main__table td {
	vertical-align: top;
}

.features-main__sub-img img {
	aspect-ratio: 156/96;
}

.features-main__main-img img {
	aspect-ratio: 320/198;
}

.features-main__link-btn {
	margin-top: 2rem;
}

.footer-nav {
	grid-column-gap: 12%;
	-moz-column-gap: 12%;
	column-gap: 12%;
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(4, 40px);
	height: auto;
	height: initial;
	margin-left: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 18.75rem;
	padding-left: 8%;
}

.footer-nav__item {
	height: auto;
	height: initial;
	text-align: left;
}

.footer-nav__item-link {
	font-size: 0.75rem;
	padding: 0;
}

.footer__wrap {
	display: block;
	padding-bottom: 3rem;
	padding-top: 3rem;
}

.footer__link {
	justify-content: center;
}

.footer__logo {
	width: 3rem;
}

.footer__titles {
	margin-left: 0.625rem;
}

.footer__subtitle {
	font-size: 0.5rem;
}

.footer__title {
	font-size: 0.8125rem;
}

.footer__nav {
	display: block;
	margin-top: 2.25rem;
}

.footer__copyright {
	height: 4rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.footer__copyright-text {
	font-size: 0.625rem;
	line-height: 1.48;
	padding-right: 1.25rem;
}

.footer__pagetop-link {
	font-size: 0.625rem;
	padding-left: 1.5rem;
	padding-right: 1.25rem;
	white-space: nowrap;
}

.header {
	height: 6rem;
}

.header__inner {
	padding-left: 1.5rem;
	padding-right: 2.375rem;
}

.header__logo {
	width: 3rem;
}

.header__titles {
	margin-left: 0.625rem;
}

.header__subtitle {
	font-size: 0.5rem;
}

.header__title {
	font-size: 0.8125rem;
}

.header__label {
	display: none;
}

.header__nav {
	display: none;
}

.header__hamburger {
	display: block;
	height: 1.25rem;
	margin-left: auto;
	width: 2.5rem;
}

.header__hamburger.active span:nth-child(1) {
	top: -10px;
	width: 2.5rem;
}

.header__hamburger.active span:nth-child(3) {
	top: 29px;
	transform: translateY(-1.25rem) rotate(-35deg);
	width: 2.5rem;
}

.header__hamburger.active {
	margin-right: 0;
}

.lawyers {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.lawyers__wrap {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.lawyers__content {
	flex-direction: column;
}

.lawyers__subtitle {
	font-size: clamp(2.5rem, 1.2726rem + 5.168vw, 3.75rem);
}

.lawyers__text {
	font-size: 0.875rem;
	margin-top: 2rem;
	max-width: 100%;
}

.lawyers__cards {
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, 1fr);
	margin-top: 4rem;
}

.lawyers__card:first-child {
	grid-row: 1/2;
}

.link {
	padding-bottom: 3rem;
	padding-top: 3rem;
}

.link__wrap {
	flex-direction: column;
}

.link__text {
	font-size: 0.875rem;
}

.link__line {
	height: 3.75rem;
	margin-top: 1rem;
	width: 0.0625rem;
}

.link__btn-wrap {
	flex-direction: column;
	margin-top: 1rem;
}

.link__btn-wrap a + a {
	margin-top: 1rem;
}

.message__wrap {
	display: flex;
	flex-direction: column;
}

.message__head {
	padding-top: 5rem;
}

.message__content {
	margin-top: 0.375rem;
	order: 3;
	padding-right: 1.5rem;
	padding-top: 2.875rem;
}

.message__subtitles {
	margin-top: 3rem;
	position: static;
}

.message__subtitle {
	line-height: 1.4;
}

.message__text {
	line-height: 2;
	max-width: 100%;
}

.message__btn {
	margin-top: 0;
	padding-top: 2rem;
}

.message__img01 {
	margin-right: calc(50% - 50vw);
	margin-top: 3rem;
	order: 2;
	width: 100%;
}

.message__img01 img {
	aspect-ratio: 344/413;
}

.message__img02 {
	margin-left: calc(50% - 50vw);
	max-width: 100%;
	padding-right: 1.5rem;
	padding-top: 6rem;
	width: 100%;
}

.message__img02 img {
	aspect-ratio: 344/400;
}

.mission-big-card__img img {
	aspect-ratio: 368/500;
}

.mission-big-card__body {
	bottom: 6.4%;
	left: 2rem;
}

.mission-big-card__title {
	font-size: 2rem;
	line-height: 1.1875;
}

.mission-big-card__subtitle {
	font-size: 0.75rem;
	line-height: 1.1875;
	margin-top: 0.75rem;
}

.mission-big-card__role {
	font-size: 0.625rem;
}

.mission-card__img img {
	aspect-ratio: 368/500;
}

.mission-card__body {
	bottom: 6.4%;
	left: 2rem;
}

.mission-card__title {
	font-size: 2rem;
	line-height: 1.1875;
}

.mission-card__subtitle {
	font-size: 0.75rem;
	line-height: 1.583;
	margin-top: 0.75rem;
}

.mission-card__role {
	font-size: 0.6875rem;
}

.mission-cards__inner {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.mission-intro {
	padding-top: 3.75rem;
}

.mission-intro__inner {
	max-width: 100%;
}

.mission-intro__title {
	font-size: 2.25rem;
}

.mission-intro__names {
	margin-top: 2rem;
}

.mission-intro__name {
	font-size: 1.5rem;
	margin-top: 0.5rem;
}

.mission-intro__year {
	margin-top: 0.5rem;
}

.mission-intro__profile {
	font-size: 0.75rem;
	line-height: 1.8;
	padding-top: 1.25rem;
}

.mission-main {
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.mission-main__box + .mission-main__box {
	margin-top: 4rem;
}

.mission-main__wrap + .mission-main__wrap {
	margin-top: 4rem;
}

.mission-main__text {
	font-size: 0.875rem;
	line-height: 1.8;
	margin-top: 2rem;
}

.mission-main__img01 img,
.mission-main__img02 img,
.mission-main__img03 img {
	aspect-ratio: 320/198;
}

.mission-main__group02 {
	margin-top: 2.5rem;
}

.mission-main__group03 {
	margin-top: 2rem;
}

.mission-mv {
	background: url(../images/common/mission-top-bg-sp.jpg) no-repeat;
	background-size: 100% 50%;
	min-height: 27rem;
}

.mission-mv__breadcrumb {
	font-size: 0.6875rem;
	padding-left: 1.5rem;
	padding-top: 6rem;
}

.mission-mv__titles {
	margin-top: 3.875rem;
}

.mission-mv__title {
	font-size: 2.5rem;
}

.mission-mv__subtitle {
	font-size: 0.8125rem;
	margin-top: 1rem;
}

.mission-mv__btn {
	margin-top: 2.5rem;
}

.mission-mv__entry {
	bottom: 0.75rem;
	width: 90%;
}

.mission-mv__subslide {
	margin-top: 3rem;
}

.mission-mv__subslide img {
	aspect-ratio: 320/426;
}

.mv {
	min-height: 32.5rem;
}

.mv__slide img {
	aspect-ratio: 368/700;
}

.mv__titles {
	left: 4%;
	padding-top: 2.3125rem;
	transform: translateY(-50%);
	z-index: 2;
}

.mv__title {
	font-size: clamp(2.375rem, 1.125rem + 6.25vw, 4.125rem);
}

.mv__btn {
	margin-top: 2.5rem;
}

.mv__entry {
	bottom: 0.75rem;
	left: 50%;
	right: auto;
	right: initial;
	transform: translateX(-50%);
	width: 93%;
}

.news__inner {
	flex-direction: column;
	padding: 4rem 1.5rem;
}

.news__btn {
	text-align: right;
}

.news__wrap {
	margin-top: 3rem;
}

.news__contents {
	border: none;
	padding-left: 0;
}

.news__head {
	display: block;
}

.news__label {
	font-size: 0.625rem;
	min-width: 6.25rem;
	padding: 0.3125rem 0.625rem;
}

.news__dates {
	justify-content: center;
	margin-left: 0;
	margin-top: 0.375rem;
}

.news__year {
	font-size: 0.625rem;
}

.news__date {
	font-size: 0.875rem;
	margin-left: 0.25rem;
}

.news__text {
	font-size: 0.875rem;
	margin-left: 1.5rem;
}

.page-heading {
	background-image: url(../images/common/features-mv-sp.jpg);
	min-height: 20rem;
}

.page-heading__slide img {
	aspect-ratio: 368/700;
}

.page-heading__breadcrumb {
	font-size: 0.6875rem;
	padding-left: 1.5rem;
	padding-top: 6rem;
}

.page-heading__titles {
	bottom: 2%;
	left: 5%;
}

.page-heading__title {
	font-size: 3.25rem;
}

.page-heading__subtitle {
	font-size: 0.8125rem;
	margin-top: 1rem;
}

.page-heading__btn {
	margin-top: 2.5rem;
}

.page-heading__entry {
	bottom: 0.75rem;
	width: 90%;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}


/*# sourceMappingURL=style.css.map */