/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */

* {
	box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	height: -webkit-fill-available;
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

li,
dd {
	list-style-type: none;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
	display: block;
}

img {
	border: none;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #343436;
	cursor: pointer;
	text-decoration: none;
}

figure {
	width: 100%;
}

.inner {
	margin: 0 auto;
	max-width: 100%;
	width: 1440px;
}

body {
	background: #E6EDF3;
	margin: 0;
	padding-top: 140px;
}

.l-header {
	align-items: start;
	background-color: #E6EDF3;
	display: flex;
	height: 140px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.l-header a {
	text-decoration: none;
}

.l-header a:hover {
	opacity: 0.8;
}

.js-scroll {
	height: 100px;
}

.l-header__logo {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	height: 108px;
	line-height: 160%; /* 32px */
	margin-left: 37px;
	margin-top: 7px;
	text-align: center;
	width: 260px;
}

.l-header__logo-small {
	display: none;
	margin-left: 28px;
	text-align: center;
	transform: translateY(24px);
}

.js-dnone {
	display: none;
}

/*fadeDownクラスが付与された後のボタンの出現アニメーション設定*/

.js-fadeDown {
	display: block;
}

.js-flex {
	flex-direction: row-reverse !important;
	height: 68px !important;
	width: 184px !important;
}

/*==========================================================
# ナビメニュー
===========================================================*/

.l-header__nav {
	background: #135097;
	border-radius: 0px 0px 0px 32px;
	color: #FFF;
	justify-content: space-between;
	padding: 24px 0px;
}

.l-header a {
	transition: 0.5s;
}

.l-header__list {
	align-items: center;
	display: flex;
	justify-content: center;
	letter-spacing: 1.5px;
}

.l-header__list li {
	display: inline-block;
}

.l-header__list li:first-child {
	padding-left: 43px;
}

.l-header__list li:nth-child(n+2):nth-child(-n+5) {
	margin-left: 48px;
}

.l-header__list li:last-child {
	margin-left: 48px;
	padding-right: 40px;
}

.l-header__item {
	text-align: center;
}

.l-header__item a {
	color: #FFF;
	font-family: "Noto Sans JP", sans-serif;
}

.l-header__item:hover {
	opacity: 0.5;
	transition: 0.3s;
}

/*==========================================================
# button
===========================================================*/

.l-header__button {
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
	margin: 0 30px 0 10px;
	padding: 15px 25px;
	text-align: center;
}

.l-header__button a {
	color: #fff;
}

.l-header__button:hover {
	transition: 0.3s;
}

/*==========================================================
# item-icon
===========================================================*/

.l-header__icon {
	align-items: center;
	background: #fff;
	border: 1px solid #FFF;
	border-radius: 8px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	letter-spacing: normal;
	line-height: 20px; /* 166.667% */
	min-width: 144px;
	text-align: center;
}

.l-header__icon:nth-child(n+2) {
	margin-left: 32px;
}

.l-header__icon a {
	width: 100%;
}

.l-header__icon._reverce {
	flex-direction: column-reverse;
}

.l-header__icon:hover {
	opacity: 0.8;
	transform: translateY(4px);
}

.l-header__icon-title,
.l-header__icon-text {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	padding: 2px 4px 1px 4px;
}

.l-header__icon-title {
	background-color: #135097;
	border-radius: 8px 8px 0px 0px;
	color: #FFF;
	font-size: 12px;
}

.l-header__icon-title._reverce {
	background-color: #FFF;
	color: #135097;
}

.l-header__icon-text {
	background-color: #FFF;
	border-radius: 0px 0px 8px 8px;
	color: #135097;
	font-size: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 100%;
}

.l-header__icon-text._reverce {
	background-color: #135097;
	color: #FFF;
	padding-left: 4px;
	padding-right: 4px;
}

.l-footer {
	background: #222;
	padding: 48px 20px 28px 20px;
}

.l-footer__inner {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1034px;
}

.l-footer__menu {
	display: flex;
}

.l-footer__list {
	align-items: flex-start;
	justify-content: space-between;
}

.l-footer__list:last-child {
	margin-left: 64px;
}

.l-footer__list li:nth-child(n+2) {
	margin-top: 24px;
}

.l-footer__list li a {
	color: #FFF;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.8px;
	line-height: 120%; /* 19.2px */
}

.l-footer__list li a:hover {
	opacity: 0.8;
}

.l-footer__inner-sub {
	margin-top: 24px;
	text-align: center;
}

.l-footer__copyright {
	color: #FFF;
	font-family: "Noto Sans JP", sans-serif;
	font-family: "Noto Sans JP";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%; /* 19.2px */
}

.l-footer__text {
	color: #E6EDF3;
	margin-top: 24px;
}

.c-drawer-icon {
	align-items: center;
	background-color: #135097;
	border-radius: 0px 0px 0px 28px;
	display: flex;
	flex-direction: column;
	height: 140px;
	justify-content: space-evenly;
	line-height: 60px;
	text-align: center;
	transition: transform 0.5s ease 0s;
	width: 84px;
	z-index: 999; /*jQueryでクリック時に表示されるよう設定*/ /* is-active------------------------------------------*/
}

.c-drawer-icon.is-active {
	background-color: unset;
	position: relative; /*drawer-contentの幅の分だけ－で指定(drawer-iconの位置)*/
	transform: translateX(0);
}

.c-drawer-icon.is-active .c-drawer-icon__bars {
	position: absolute;
	right: 0;
	top: 0;
}

.c-drawer-icon.is-active .c-drawer-icon__bar1 {
	background-color: #FFF;
	position: absolute;
	right: 24px;
	top: 32px;
	transform: rotate(-25deg);
}

.c-drawer-icon.is-active .c-drawer-icon__bar2 {
	display: none;
}

.c-drawer-icon.is-active .c-drawer-icon__bar3 {
	background-color: #E6EDF3;
	position: absolute;
	right: 24px;
	top: 24px;
	transform: rotate(25deg);
}

.c-drawer-icon.is-active .c-drawer-icon__search {
	display: none;
}

.c-drawer-icon__bars {
	display: block;
	height: 24px;
	width: 36px;
}

.c-drawer-icon__bar1,
.c-drawer-icon__bar2,
.c-drawer-icon__bar3 {
	background: #FFF;
	border-radius: 5px;
	height: 2.769px;
	width: 36px;
}

.c-drawer-icon__bar1:nth-child(n+2),
.c-drawer-icon__bar2:nth-child(n+2),
.c-drawer-icon__bar3:nth-child(n+2) {
	margin-top: 8px;
}

.c-drawer-icon__search {
	bottom: 50px;
	display: block;
	height: 28px;
	right: 30%;
	width: 28px;
}

.c-drawer-content {
	align-items: flex-end;
	background-color: #135097;
	border-radius: 0px 0px 0px 24px;
	display: flex;
	flex-direction: column;
	opacity: 0.95;
	padding: 24px 24px 32px 64px;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(105%);
	transition: transform 0.5s ease 0s;
	width: 240px;
}

.c-drawer-content.is-active {
	transform: translateX(0);
	width: 380px;
}

.c-drawer-content__items {
	text-align: center;
	width: 100%;
}

.c-drawer-content__item li:not(:first-child) {
	margin-top: 50px;
}

.c-drawer-content__item a {
	color: #fff;
	display: inline-block;
	font-size: 26px;
	letter-spacing: 3px;
	margin-top: 50px;
	text-decoration: none;
}

.c-drawer-content__item a:after {
	content: "";
	height: 11px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.c-drawer__background {
	background: #135097;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 298;
}

.c-drawer__background.is-active {
	display: block;
}

.c-section-title,
.c-section-title__small {
	align-items: center;
	display: flex;
	text-align: center;
}

.c-section-title p,
.c-section-title__small p {
	color: #135097;
	display: inline-block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 6.4px;
	line-height: 120%; /* 38.4px */
	margin-left: 12px;
	text-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05);
}

.c-section-title img,
.c-section-title__small img {
	height: 38px;
	width: 72px;
}

.c-section-title._white p,
.c-section-title__small._white p {
	color: #FFF;
}

.c-section-title__small img {
	height: 22.615px;
	width: 42px;
}

.c-section-title__small p {
	font-size: 24px;
	letter-spacing: 4.8px;
}

.c-button a {
	align-items: center;
	background: #135097;
	border: 2px solid #135097;
	border-radius: 20px 20px 0px 20px;
	box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
	color: #FFF;
	display: inline-block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 4px;
	line-height: 1.4;
	line-height: 180%; /* 36px */
	padding: 8px 28px;
	text-align: center;
	text-decoration: none;
}

.c-button a:hover {
	background-color: #FFF;
	border: 2px solid #135097;
	color: #135097;
	transition: 0.1s;
}

.c-sort-menu {
	align-items: center;
	color: #676E87;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	gap: 12px;
	justify-content: center;
	line-height: 130%; /* 23.4px */
	padding: 0px 8px;
}

.c-sort-menu__item {
	cursor: pointer;
	text-decoration: none;
}

.c-sort-menu__item:first-child {
	padding-right: 12px;
}

.c-sort-menu__item:last-child {
	padding-left: 12px;
}

.c-sort-menu__item._active {
	color: #135097;
}

.c-cta {
	background: url(../img/back-img-cta.png) no-repeat center center/cover;
}

.c-cta__body {
	display: flex;
	justify-content: space-between;
	margin-inline: auto;
	max-width: 1034px;
	padding: 74px 20px;
	width: 100%;
}

.c-cta__text,
.c-cta__text-right {
	border: 2px solid #FFF;
	border-radius: 8px;
	display: flex;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	letter-spacing: 0.48px;
	padding: 16px 32px;
	position: relative;
}

.c-cta__text:hover,
.c-cta__text-right:hover {
	opacity: 0.8;
	transform: translateY(8px);
}

.c-cta__text {
	background: #FFF;
	color: #135097;
}

.c-cta__text-right {
	background: none;
	color: #FFF;
	margin-left: 130px;
}

.c-cta__text::before,
.c-cta__text-right::before {
	border: 1px solid #FFF;
	border-radius: 8px 8px 8px 0px;
	font-size: 18px;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	left: -2px;
	padding: 8px 16px;
	position: absolute;
	text-align: center;
	top: -30px;
}

.c-cta__text::before {
	background: #2A84BF;
	color: #FFF;
}

.c-cta__text-right::before {
	background: #FFF;
	color: #2A84BF;
}

.c-cta__text::before {
	content: "コンサルタントをお探しの企業様へ";
}

.c-cta__text-right::before {
	content: "コンサルタントの方へ";
}

/*==========================================================
# 矢印アイコン
===========================================================*/

.c-cta__arrow,
.c-cta__arrow-white {
	height: 24px;
	margin-top: -3px;
	width: 24px;
}

.c-cta__arrow {
	background: url(../img/cta-vector.png) no-repeat center center;
}

.c-cta__arrow-white {
	background: url(../img/cta-vector-white.png) no-repeat center center;
}

.c-card-list__item {
	background: var(--white, #FFF);
	border-radius: 20px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03), 0px 5px 30px 0px rgba(20, 43, 78, 0.2);
	display: block;
	font-size: 26px;
	max-width: 100%;
	padding: 28px;
	width: clamp(302px, 42vi, 596px);
}

.c-card-list__item:hover {
	opacity: 0.8;
}

.c-card-list__inner {
	display: block;
	font-size: 1em;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.c-card-list__thumb {
	height: auto; /* アスペクト比を保持 */
}

.c-card-list__thumb-wide {
	height: auto; /* アスペクト比を保持 */
}

.c-card-list__thumb img,
.c-card-list__thumb-wide img {
	border-radius: 12px;
	height: 100%; /* 高さはthumbの高さいっぱい */
	width: 100%;
}

/*==========================================================
# body枠内
===========================================================*/

.c-card-list__body {
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 12px;
}

.c-card-list__date {
	color: #676E87;
	font-size: 0.6em;
	font-weight: 400;
	line-height: 120%; /* 14.4px */
}

.c-card-list__title {
	color: #343436;
	display: -webkit-box;
	margin-top: 8px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /*2行目まで表示*/
	font-size: 0.75em;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 160%; /* 21px */
	overflow: hidden;
	overflow-wrap: break-word; /* 長い単語が要素の幅を超えた場合に改行 */
}

.c-card-list__category {
	border: 1px solid #135097;
	border-radius: 6px;
	display: inline-block;
	font-size: 0.65em;
	font-weight: 400;
	line-height: 160%;
	margin-top: 8px;
	padding: 4px 20px;
}

.c-tag {
	display: flex;
	margin-top: 12px;
	overflow: hidden;
	white-space: nowrap;
}

.c-tag a {
	align-items: center;
	background: #DAEFF8;
	border-radius: 24px;
	color: #343436;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	gap: 24px;
	justify-content: center;
	line-height: 180%; /* 21.6px */
	padding: 2px 8px;
}

.c-tag a:not(:first-child) {
	margin-left: 8px;
}

.c-tag a:hover {
	background: #343436;
	color: #DAEFF8;
}

#search {
	margin-bottom: 30px;
}

.c-search {
	background-size: cover;
	justify-content: center;
	margin: 0 auto;
	max-width: 1034px;
	padding: 44px 0px 74px;
	width: 100%;
}

.c-search__text {
	background-color: #FFF;
	border: 1px solid #135097;
	border-radius: 8px;
	display: flex;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	gap: 10px;
	height: 100px;
	justify-content: center;
	letter-spacing: 0.48px;
	max-width: 1034px;
	padding: 16px 32px;
	position: relative;
	width: 100%;
}

.c-search__text:hover {
	opacity: 0.8;
	transform: translateY(8px);
}

.c-search__text::before {
	border: 1px solid #FFF;
	border-radius: 8px 8px 8px 0px;
	font-size: 18px;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	left: -2px;
	padding: 8px 16px;
	position: absolute;
	text-align: center;
	top: -30px;
}

.c-search__text::before {
	background: #2A84BF;
	color: #FFF;
}

.c-search__text-right::before {
	background: #FFF;
	color: #2A84BF;
}

.c-search__text::before {
	content: "キーワードで絞り込む";
}

/*==========================================================
# 矢印アイコン
===========================================================*/

.c-search__icon {
	height: 24px;
	margin-top: -3px;
	width: 24px;
}

.c-search__title {
	align-items: flex-start;
	background: #629DE2;
	border-radius: 16px 16px 0px 0px;
	color: #FFF;
	display: inline-block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2.7px;
	line-height: 150%; /* 27px */
	padding: 12px 43px 8px 59px;
	position: relative;
}

.c-search__title::before {
	background: url(../img/pc-header-tabler-search.png) no-repeat center center/contain;
	content: "";
	height: 24px;
	left: 24px;
	position: absolute;
	top: 12px;
	width: 24px;
}

.c-search__list {
	align-items: flex-start;
	align-self: stretch;
	background-color: #FFF;
	border: 1px solid #629DE2;
	border-radius: 0px 20px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 36px 92px;
}

.c-search__list p {
	flex-wrap: wrap;
	gap: 16px;
}

.c-search__list p a:not(:first-child) {
	margin-left: 0;
}

.c-tab-wrap {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	margin-bottom: 300px;
	margin-inline: auto;
	position: relative;
	width: 71.8055555556%;
}

.c-tab-wrap__contents {
	display: inline-block;
}

.c-tab-wrap__contents:not(:first-child) {
	display: block;
	margin-left: 12px;
}

/*タブ*/

.tab-label {
	background: #FFF;
	border: 1px solid #629DE2;
	border-bottom: none;
	border-radius: 16px 16px 0px 0px;
	cursor: pointer;
	font-weight: bold;
	padding: 6px 20px 4px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.tab-label.tab-color-all {
	border-color: #629DE2;
	color: #629DE2;
}

.tab-label.tab-color-article {
	border-color: #135097;
	color: #135097;
}

.tab-label.tab-color-tips {
	border-color: #42A0AD;
	color: #42A0AD;
}

.tab-label.tab-color-interview {
	border-color: #C88DEC;
	color: #C88DEC;
}

.tab-label.tab-color-news {
	border-color: #9C8CFF;
	color: #9C8CFF;
}

/*タブコンテンツの中身*/

.tab-content {
	background-color: #629DE2;
	border-radius: 0px 16px 16px 16px;
	display: none;
	left: 150px; /* ラベルの横に配置するために左から150px */
	left: 0;
	padding: 15px;
	position: absolute;
	text-align: start;
	top: 23px;
	width: 100%;
}

.tab-content.tab-color-all {
	background-color: #629DE2;
}

.tab-content.tab-color-article {
	background-color: #135097;
}

.tab-content.tab-color-tips {
	background-color: #42A0AD;
}

.tab-content.tab-color-interview {
	background-color: #C88DEC;
}

.tab-content.tab-color-news {
	background-color: #9C8CFF;
}

/* アクティブなタブ */

.tab-switch:checked + .tab-label.tab-color-all {
	background-color: #629DE2;
	border-color: #629DE2;
	color: #FFF;
}

.tab-switch:checked + .tab-label.tab-color-article {
	background-color: #135097;
	border-color: #135097;
	color: #FFF;
}

.tab-switch:checked + .tab-label.tab-color-tips {
	background-color: #42A0AD;
	border-color: #42A0AD;
	color: #FFF;
}

.tab-switch:checked + .tab-label.tab-color-interview {
	background-color: #C88DEC;
	border-color: #C88DEC;
	color: #FFF;
}

.tab-switch:checked + .tab-label.tab-color-news {
	background-color: #9C8CFF;
	border-color: #9C8CFF;
	color: #FFF;
}

/* アクティブなタブ */

.tab-switch:checked + .tab-label + .tab-content {
	display: block;
}

/* ラジオボタン非表示 */

.tab-switch {
	display: none;
}

/*==================================================
スライダーのためのcss
===================================*/

.p-slider {
	margin: 0 auto;
	width: 100%; /*横幅94%で左右に余白を持たせて中央寄せ*/
}

.p-slider .slick-slide {
	opacity: 0.5; /*透過50%*/
	transition: all 0.5s; /*拡大や透過のアニメーションを0.5秒で行う*/
}

.p-slider .slick-slide.slick-center {
	opacity: 1; /*透過なし*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/

.slick-prev,
.slick-next {
	border-radius: 50%;
	box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer; /*マウスカーソルを指マークに*/
	height: 36px;
	outline: none; /*クリックをしたら出てくる枠線を消す*/
	position: absolute; /*絶対配置にする*/
	top: 44%; /*動くWebデザインアイディア帳から下記修正*/
	width: 36px;
	z-index: 10;
}

.slick-prev:hover,
.slick-next:hover {
	opacity: 0.8;
}

.slick-prev {
	left: 23.9583333333%; /*戻る矢印の位置と形状*/
}

.slick-next {
	right: 23.9583333333%; /*次へ矢印の位置と形状*/
}

/*ドットナビゲーションの設定*/

.slick-dots {
	display: none !important;
	margin: 20px 0 0 0;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}

.slick-dots button {
	background: #ccc; /*ドットボタンの色*/
	border-radius: 50%;
	color: transparent;
	display: block;
	height: 8px; /*ドットボタンのサイズ*/
	outline: none;
	width: 8px; /*ドットボタンのサイズ*/
}

.slick-dots .slick-active button {
	background: #333; /*ドットボタンの現在地表示の色*/
}

.p-slider .slick-slide {
	height: auto;
	margin-right: 64px;
	margin-top: 40px;
	width: clamp(302px, 42vi, 596px);
}

.p-slider .slick-slide.slick-center {
	margin-top: 0;
}

.p-section__fv {
	padding-top: 30px;
}

.slick-prev {
	background-image: url(../img/arrow-icon-prev.svg);
	color: transparent;
}

.slick-next {
	background-image: url(../img/arrow-icon-next.svg);
	color: transparent;
}

.p-new {
	margin: 40px auto 0;
	width: 71.8055555556%;
}

.p-new__title {
	justify-content: center;
	padding-top: 63px;
}

.p-new__list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: 26px;
}

.p-new__list li {
	padding: 16px;
	width: 30%;
}

.p-new__button {
	display: block;
	margin: 0 auto;
}

.p-articles {
	margin-top: 40px;
}

.p-articles__inner,
.p-articles__inner-post {
	overflow: hidden;
	padding: 64px 0px;
	padding-left: 14.0972222222%;
}

.p-articles__inner {
	background: url(../img/back-image-3-popular-post.png) no-repeat center center/cover;
}

.p-articles__title {
	align-items: start;
	display: flex;
	height: 50px;
	height: 100%;
	justify-content: space-between;
	text-align: left;
}

.p-articles__list {
	display: flex;
}

.p-articles__list li {
	width: 100%;
}

.swiper-container {
	position: relative;
}

.swiper {
	margin-top: 36px;
	position: relative;
}

.swiper-wrapper {
	padding-bottom: 36px;
	position: relative;
}

.swiper-pagination-bullet {
	background: gray;
	border-radius: 50%;
	height: 20px;
	opacity: 1;
	width: 20px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: red;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
	background: #DDE1F0;
	border-radius: 4px;
	height: 10px;
	max-width: 1034px;
	top: calc(100% - 10px);
	width: 90% !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #135097 !important;
	border-radius: 4px !important;
}

/* 前へ次への矢印カスタマイズ */

.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev ._blue,
.swiper-button-next ._blue {
	border: none !important;
	color: transparent !important;
	display: block !important;
	height: 48px !important;
	left: 0 !important;
	position: relative !important;
	right: 0 !important;
	width: 48px !important;
}

/* 前へ次への矢印カスタマイズ */

.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button-prev ._blue::after,
.swiper-button-next ._blue::after {
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	height: auto;
	margin: auto;
	width: 100%;
}

.swiper-button-prev._white:hover {
	background-image: url(../img/swiper-icon-prev-white.png);
}

.swiper-button-prev._white:hover img {
	visibility: hidden;
}

.swiper-button-prev._blue:hover {
	background-image: url(../img/swiper-icon-prev-blue.png);
}

.swiper-button-prev._blue:hover img {
	visibility: hidden;
}

.swiper-button-next._white:hover {
	background-image: url(../img/swiper-icon-next-white.png);
}

.swiper-button-next._white:hover img {
	visibility: hidden;
}

.swiper-button-next._blue:hover {
	background-image: url(../img/swiper-icon-next-blue.png);
}

.swiper-button-next._blue:hover img {
	visibility: hidden;
}

.swiper-slide li {
	font-size: 20px;
}

.swiper-slide img {
	height: auto;
	width: 100%;
}

.p-swiper__button {
	display: flex;
	height: 48px;
	justify-content: space-between;
	width: 114px;
}

.p-swiper__title {
	letter-spacing: 0.3px;
	line-height: 140%;
}

.p-tabs {
	margin: 64px 63px 0;
}

.p-tabs__title {
	text-align: left;
}

.p-tabs__menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.p-tabs__top {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
}

/*==========================================================
# タブメニュー
===========================================================*/

/*p-tabsの形状*/

.p-tabs__list {
	display: flex;
	flex-wrap: wrap;
}

.p-tabs__list li {
	margin: 0 0 0 12px;
}

.p-tabs__list li:first-child {
	margin-left: 0;
}

.p-tabs__list li a {
	background: #FFF;
	border: 1px solid #135097;
	border-radius: 12px 12px 0px 0px;
	display: block;
	padding: 10px 20px;
}

.p-tabs__list li a:hover.p-tabs__list-all {
	background-color: #629DE2;
	border-color: #629DE2;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
}

.p-tabs__list li a:hover.p-tabs__list-new {
	background-color: #135097;
	border-color: #135097;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
}

.p-tabs__list li a:hover.p-tabs__list-tips {
	background-color: #42A0AD;
	border-color: #42A0AD;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
}

.p-tabs__list li a:hover.p-tabs__list-interview {
	background-color: #C88DEC;
	border-color: #C88DEC;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
}

.p-tabs__list li a:hover.p-tabs__list-news {
	background-color: #9C8CFF;
	border-color: #9C8CFF;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
}

.p-tabs__list li a.p-tabs__list-all {
	border-color: #629DE2;
	color: #629DE2;
}

.p-tabs__list li a.p-tabs__list-new {
	border-color: #135097;
	color: #135097;
}

.p-tabs__list li a.p-tabs__list-tips {
	border-color: #42A0AD;
	color: #42A0AD;
}

.p-tabs__list li a.p-tabs__list-interview {
	border-color: #C88DEC;
	color: #C88DEC;
}

.p-tabs__list li a.p-tabs__list-news {
	border-color: #9C8CFF;
	color: #9C8CFF;
}

/*liにactiveクラスがついた時の形状*/

.p-tabs__list li.active a {
	background: #629DE2;
	color: #FFF;
}

.p-tabs__list li.active a.p-tabs__list-all {
	background-color: #629DE2;
	border-color: #629DE2;
}

.p-tabs__list li.active a.p-tabs__list-new {
	background-color: #135097;
	border-color: #135097;
}

.p-tabs__list li.active a.p-tabs__list-tips {
	background-color: #42A0AD;
	border-color: #42A0AD;
}

.p-tabs__list li.active a.p-tabs__list-interview {
	background-color: #C88DEC;
	border-color: #C88DEC;
}

.p-tabs__list li.active a.p-tabs__list-news {
	background-color: #9C8CFF;
	border-color: #9C8CFF;
}

/*エリアの表示非表示と形状*/

.p-tabs__area {
	background: #629DE2;
	border-radius: 0px 16px 16px 16px;
	display: none; /*はじめは非表示*/
	opacity: 0; /*透過0*/
	padding: 32px;
}

/*p-tabs__areaにis-activeというクラスがついた時の形状*/

.p-tabs__area.is-active {
	animation-fill-mode: forwards;
	animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: -2px;
	width: 100%;
}

.p-tabs__area.is-active.p-tabs__list-all {
	background-color: #629DE2;
	border-color: #629DE2;
	border-style: solid;
}

.p-tabs__area.is-active.p-tabs__list-new {
	background-color: #135097;
	border-color: #135097;
	border-style: solid;
}

.p-tabs__area.is-active.p-tabs__list-tips {
	background-color: #42A0AD;
	border-color: #42A0AD;
	border-style: solid;
}

.p-tabs__area.is-active.p-tabs__list-interview {
	background-color: #C88DEC;
	border-color: #C88DEC;
	border-style: solid;
}

.p-tabs__area.is-active.p-tabs__list-news {
	background-color: #9C8CFF;
	border-color: #9C8CFF;
	border-style: solid;
}

.p-tabs__items {
	display: flex;
	width: 100%;
}

.p-tabs__items li {
	font-size: 20px;
	padding: 16px;
}

.p-tabs__items ul li {
	margin-right: 32px;
	width: calc((100% - 64px) / 3);
}

.p-tabs__items ul li:nth-child(3n) {
	margin-right: 0; /*3の倍数毎のカードに付与*/
}

.p-tabs__items ul li:nth-child(n+4) {
	margin-top: 32px; /*4つ目以降のカードに付与*/
}

.p-tabs__button {
	display: block;
	margin-left: auto;
	margin-top: 32px;
}

/*==========================================================
# 新着順｜人気順
===========================================================*/

.p-tabs__sort-menu {
	align-items: center;
	color: #676E87;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	gap: 12px;
	justify-content: center;
	line-height: 130%; /* 23.4px */
	padding: 0px 8px;
	position: absolute;
	right: 0;
	top: 50px;
}

.p-tabs__sort-menu__item {
	cursor: pointer;
	text-decoration: none;
}

.p-tabs__sort-menu__item:first-child {
	padding-right: 12px;
}

.p-tabs__sort-menu__item:last-child {
	padding-left: 12px;
}

.p-tabs__sort-menu__item._active {
	color: #135097;
}

.p-tabs__items-text {
	align-items: center;
	background: #FFF;
	border-radius: 12px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03), 0px 16px 30px 0px rgba(0, 0, 0, 0.05);
	flex: 1 0 0;
	gap: 12px;
	justify-content: center;
	padding: 16px;
	text-align: center;
}

.p-Pagination {
	align-items: center;
	display: flex;
	height: 36px;
	justify-content: center;
	margin-inline: auto;
	margin-top: 56px;
}

.p-Pagination-Item-Link,
.p-Pagination-Item-Link__Icon {
	align-items: center;
	border-radius: 4px;
	color: #676E87;
	display: flex;
	flex-wrap: wrap;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	justify-content: center;
	letter-spacing: 3px;
	line-height: 140%;
	padding: 2px 8px;
	transition: all 0.15s linear;
}

.p-Pagination-Item-Link-Icon {
	height: auto;
	width: 100%;
}

.p-Pagination-Item-Link.isActive {
	background: #629DE2;
	color: #fff;
}

.p-Pagination-Item-Link:not(.isActive):hover {
	background: #629DE2;
	color: #fff;
}

.p-Pagination > * + * {
	margin-left: 8px;
}

.p-post {
	color: #343436;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	margin-inline: auto;
	margin-top: 64px;
	max-width: 100%;
	width: 70.5555555556%;
}

.p-post__inner {
	align-items: flex-start;
	background: var(--white, #FFF);
	border-radius: 24px;
	box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	font-size: 1em;
	justify-content: center;
	margin-inline: auto;
	padding: 48px 88px;
}

.p-post__item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: flex-end;
}

.p-post__date {
	color: #676E87; /* 28.8px */
	font-size: 0.571em;
	line-height: 180%;
}

.p-post__category {
	border: 1px solid #135097;
	border-radius: 6px;
	display: inline-block;
	font-size: 0.65em;
	font-weight: 400;
	line-height: 160%;
	margin-top: 8px;
	padding: 4px 20px;
}

.p-post__title {
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 2.8px;
	line-height: 180%; /* 50.4px */
}

.p-post__thumb {
	border-radius: 8px;
	margin-bottom: 32px;
	margin-top: 16px;
	width: 100%;
}

.p-post__thumb img {
	width: 100%;
}

/*==========================================================
# 画像より下部
===========================================================*/

.p-post__body h2,
.p-post__body h3 {
	margin: 20px 0;
}

.p-post__body h2 {
	align-items: flex-start;
	align-self: stretch;
	border-bottom: 2px solid #629DE2;
	display: flex;
	font-size: 0.857em;
	font-weight: 500;
	gap: 10px;
	letter-spacing: 3.6px;
	line-height: 160%; /* 38.4px */
	padding: 16px 0px;
}

.p-post__body h3 {
	align-items: flex-start;
	align-self: stretch;
	background: transparent; /*背景色を透明にする*/
	border-left: 2px solid #629DE2;
	display: flex;
	font-size: 0.571em;
	font-weight: 500;
	gap: 10px;
	letter-spacing: 3.2px;
	line-height: 160%; /* 25.6px */
	padding: 0px 16px;
	padding: 0.25em 0.5em;
}

.p-post__body h4 {
	align-self: stretch;
	display: inline-block;
	font-size: 0.571em;
	font-weight: 500;
	gap: 10px;
	letter-spacing: 3.2px;
	line-height: 160%; /* 25.6px */
	padding: 0px 16px 0px 30px;
	position: relative;
}

.p-post__body h4::before {
	background-color: #629DE2;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 20px;
}

.p-post__body p {
	align-self: stretch;
	font-size: 0.535em;
	letter-spacing: 2.25px;
	line-height: 200%; /* 30px */
}

.p-post__sub-title {
	font-size: 0.535em;
	letter-spacing: 2.25px;
	line-height: 200%; /* 30px */
}

/*==========================================================
# 目次
===========================================================*/

.p-post__agenda {
	margin-top: 20px;
	width: 56%; /*calc((463px / 838px)*100%)*/
}

.p-post__agenda-title {
	align-items: flex-start;
	align-self: stretch;
	background: var(--right-blue1, #DAEFF8);
	display: flex;
	font-size: 0.714em;
	font-weight: 500;
	gap: 10px;
	letter-spacing: 3px;
	line-height: 180%; /* 36px */
	padding: 8px 16px;
}

.p-post__agenda-links {
	align-items: flex-start;
	background: #FFF;
	border: 1px solid #DAEFF8;
	border-top: unset;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 32px 20px 24px;
}

.p-post__agenda-link {
	line-height: 100%;
}

.p-post__agenda-h2,
.p-post__agenda-h3 {
	color: #135097;
	text-decoration-line: underline;
}

.p-post__agenda-h2 {
	font-size: 0.571em;
	font-weight: 500;
	letter-spacing: 1.92px;
	line-height: 160%; /* 25.6px */
}

.p-post__agenda-h3 {
	font-size: clamp(0.875rem, 0.852rem + 0.1vw, 0.938rem);
	letter-spacing: 1.8px;
	line-height: 160%; /* 24px */
	padding-left: 15px;
}

.p-post__agenda-h3 {
	font-size: clamp(0.875rem, 0.852rem + 0.1vw, 0.938rem);
	letter-spacing: 1.8px;
	line-height: 160%; /* 24px */
	padding-left: 15px;
}

.p-post__agenda-contents {
	align-items: flex-start;
	align-self: stretch;
	background: #E6EDF3;
	border: 1px solid #629DE2;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	margin: 20px 0;
	padding: 20px 28px;
}

.p-post__agenda-contents-text {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2.4px;
	line-height: 200%; /* 32px */
}

.p-post__agenda-contents-link {
	color: #135097;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2.4px;
	line-height: 200%; /* 32px */
	text-decoration-line: underline;
}

/*==========================================================
# 表
===========================================================*/

.p-post__agenda-table {
	align-items: flex-start;
	align-self: stretch;
	background: #629DE2;
	border: 1px solid #629DE2;
	text-align: center;
	width: 100%;
}

.p-post__agenda-table th {
	align-items: center;
	align-self: stretch;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	line-height: 150%; /* 24px */
	padding: 8px 3px;
	text-align: center;
	width: 33.3333333333%;
}

.p-post__agenda-table td {
	align-items: center;
	align-self: stretch;
	background: #FFF;
	font-size: 16px;
	gap: 10px;
	height: 40px;
	justify-content: center;
	line-height: 150%; /* 24px */
	padding: 8px 3px;
}

.p-post__agenda-list li {
	padding-left: 44px;
	position: relative;
}

.p-post__agenda-list li::before {
	background-color: #629DE2;
	border-radius: 999px;
	content: "";
	display: inline-block;
	height: 4px;
	left: 20px;
	position: absolute;
	top: 50%;
	width: 4px;
}

.p-post__agenda-button {
	background: #629DE2;
	border: 2px solid #FFF;
	border-radius: 16px;
	display: inline-block;
	gap: 10px;
	margin-top: 20px;
	padding: 16px 32px;
}

.p-post__agenda-button:hover {
	opacity: 0.8;
}

.p-post__agenda-button p {
	color: #FFF;
	font-size: 0.857em;
	font-weight: 500;
	letter-spacing: 1.92px;
	line-height: 130%; /* 31.2px */
}

.p-post__agenda-border {
	background: #343436;
	border-radius: 24px;
	gap: 32px;
	height: 1px;
	margin-top: 32px;
	opacity: 0.05;
}

.p-post__agenda-tag {
	font-size: 0.535em;
	letter-spacing: 2.25px;
	line-height: 200%; /* 30px */
	margin-top: 20px;
}

.p-404 {
	align-items: center;
	background: #FFF;
	border-radius: 24px;
	box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 100px;
	font-style: normal;
	gap: 32px;
	justify-content: center;
	margin-inline: auto;
	margin-top: 64px;
	padding: 80px 88px;
}

.p-404__title {
	color: #135097;
	font-size: 0.34em;
	font-weight: 700;
	letter-spacing: 3.4px;
	line-height: 180%; /* 61.2px */
	text-align: center;
}

.p-404__404 {
	color: #629DE2;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: 10px;
	line-height: 100%; /* 100px */
}

.p-404__text {
	color: #343436;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 0.24em;
	font-weight: 700;
	letter-spacing: 2.4px;
	line-height: 180%; /* 43.2px */
	text-align: center;
}

.p-404__text-sub {
	color: #343436;
	font-size: 0.2em;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 180%; /* 36px */
	text-align: center;
}

.p-404__button {
	align-items: center;
	background: #629DE2;
	border: 2px solid #FFF;
	border-radius: 16px;
	color: #FFF;
	display: flex;
	font-size: 0.24em;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	letter-spacing: 1.92px;
	line-height: 130%; /* 31.2px */
	padding: 16px 32px;
}

.u-separate {
	margin-bottom: 24px;
	margin-top: 24px;
}

.u-mt__40 {
	margin-top: 40px;
}

.u-margin__0-auto {
	display: block;
	margin: 0 auto;
}

.u-padding__top-0 {
	padding-top: 100px;
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}

:root {
	--swiper-theme-color: #007aff;
}

.swiper {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
	touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	height: var(--swiper-virtual-size);
	width: 1px;
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	z-index: 10;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: 0.35;
	pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: initial;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: 10px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next";
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: 0.3s opacity;
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: 50%;
	display: inline-block;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

button.swiper-pagination-bullet {
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: 4px;
	left: 0;
	top: 0;
	width: 100%;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: 4px;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	bottom: 3px;
	height: 5px;
	left: 1%;
	position: absolute;
	width: 98%;
	z-index: 50;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
	height: 98%;
	position: absolute;
	right: 3px;
	top: 1%;
	width: 5px;
	z-index: 50;
}

.swiper-scrollbar-drag {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

.swiper .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0;
}

.swiper-cube .swiper-cube-shadow {
	bottom: 0px;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
	background: #000;
	bottom: 0;
	content: "";
	filter: blur(50px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0;
}

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}

.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transform-origin: center bottom;
}

.u-fz__15 {
	font-size: 15px;
}

.u-fz__13 {
	font-size: 13px;
}

.u-fz__12 {
	font-size: 12px;
}

.u-fz__20 {
	font-size: 20px;
}

.u-padding__16 {
	padding: 16px;
}

.u-inner {
	max-width: 1034px;
}

.u-background {
	background: unset;
}

.u-pointer-none a {
	pointer-events: none;
}

@media (min-width: 750px) and (max-width: 1439px) {

.js-scroll {
	height: 72px;
}

.l-header__nav {
	display: none;
}

.l-header__list {
	display: none;
}

.c-cta__text-right {
	margin-left: 0;
}

.c-search {
	align-items: start;
	flex-direction: column;
	padding: 64px 0px 48px;
	padding-inline: 20px;
}

.c-tab-wrap {
	flex-direction: column;
	text-align: right;
	width: 89.6153846154%;
}

.c-tab-wrap__contents:not(:first-child) {
	display: block;
	margin-top: 8px;
}

.tab-label {
	border-bottom-style: solid;
	border-left: none;
	border-radius: 0px 12px 12px 0px;
	margin: 0;
	margin-left: auto;
	padding: 12px 10px 6px;
	text-orientation: upright; /* すべて縦方向に表示 */
	writing-mode: vertical-rl;
}

.p-new {
	width: 100%;
}

.p-new__list {
	gap: 16px;
	justify-content: center;
}

.p-tabs {
	margin-inline: 20px;
}

.p-tabs__items ul li:nth-child(3n) {
	margin-right: 32px;
}

.p-tabs__items ul li:nth-child(n+4) {
	margin-top: 0;
}

.p-tabs__items ul li {
	width: calc((100% - 32px) / 2);
}

.p-tabs__items ul li:nth-child(2n) {
	margin-right: 0px;
}

.p-tabs__items ul li:nth-child(n+3) {
	margin-top: 32px;
}

.p-tabs__items ul li {
	display: none; /*タブレットサイズの場合はカードを6枚のみ表示*/
}

.p-tabs__items ul li:nth-child(-n+6) {
	display: list-item;
}

.p-post__date {
	font-size: 0.7em;
}

.p-post__category {
	border-radius: 4px;
	font-size: 13px;
	line-height: 160%;
	padding: 4px 16px;
}

.p-post__title {
	letter-spacing: 1.8px;
	line-height: 150%;
}

.p-post__thumb {
	margin-bottom: 20px;
}

.p-post__sub-title {
	font-size: 0.7em;
	letter-spacing: 1.4px;
	line-height: 180%;
}

.p-post__agenda {
	margin-inline: auto;
	width: 100%;
}

.p-post__agenda-button p {
	font-size: 0.7em;
}

.p-post__agenda-tag {
	font-size: 0.75em;
}

}

@media (min-width: 1440px) {

.c-drawer-icon {
	display: none; /*PC版では非表示*/
}

}

@media (max-width: 749px) {

body {
	padding-top: 100px;
}

.js-scroll {
	height: 72px;
}

.l-header__logo {
	margin-left: 0;
}

.l-header__logo-small {
	height: 32.867px;
	transform: translateY(20px);
	width: 160px;
}

.l-header__nav {
	display: none;
}

.l-header__list {
	display: none;
}

.l-footer {
	padding: 40px 20px 20px 20px;
}

.l-footer__inner {
	flex-direction: column;
	text-align: center;
}

.l-footer__menu {
	margin: 36px auto;
	text-align: left;
}

.l-footer__list:last-child {
	justify-content: center;
	margin-left: 40px;
}

.l-footer__text {
	font-size: 12px;
	text-align: left;
}

.c-drawer-content {
	padding-top: 60px;
}

.c-drawer-content__item a {
	font-size: 16px;
	margin-top: 32px;
}

.c-section-title p,
.c-section-title__small p {
	font-size: 24px;
}

.c-section-title img,
.c-section-title__small img {
	height: 22.615px;
	width: 42px;
}

.c-button a {
	font-size: 18px;
	letter-spacing: 3.6px;
}

.c-sort-menu {
	font-size: 14px;
}

.c-cta__body {
	align-items: start;
	flex-direction: column;
	padding-left: 40px;
}

.c-cta__text,
.c-cta__text-right {
	font-size: 18px;
	padding: 12px 16px 10px 20px;
}

.c-cta__text-right {
	margin-left: 0;
	margin-top: 42px;
}

.c-cta__text::before,
.c-cta__text-right::before {
	font-size: 14px;
	padding: 6px 16px;
	top: -22px;
}

.c-cta__arrow,
.c-cta__arrow-white {
	height: 18px;
	margin-top: -1px;
	width: 18px;
}

.c-card-list__item {
	border-radius: 12px;
	font-size: 20px;
	padding: 16px;
}

.c-card-list__thumb img,
.c-card-list__thumb-wide img {
	border-radius: 8px;
}

.c-card-list__date {
	font-size: 12px;
}

.c-card-list__title {
	letter-spacing: 0.3px;
	line-height: 140%; /* 21px */
}

.c-card-list__category {
	border-radius: 4px;
	font-size: 13px;
	line-height: 160%;
	padding: 4px 16px;
}

.c-search {
	align-items: start;
	flex-direction: column;
	padding: 64px 0px 48px;
	padding-inline: 20px;
}

.c-search__text {
	font-size: 18px;
	padding: 12px 16px 10px 20px;
}

.c-search__text::before {
	font-size: 14px;
	padding: 6px 16px;
	top: -22px;
}

.c-search__icon {
	height: 18px;
	margin-top: -1px;
	width: 18px;
}

.c-search__title {
	font-size: 15px;
	letter-spacing: 2.25px;
	padding: 10px 28px 6px 42px;
}

.c-search__title::before {
	left: 16px;
	top: 10px;
}

.c-search__list {
	padding: 26px 16px;
}

.c-tab-wrap {
	flex-direction: column;
	text-align: right;
	width: 89.6153846154%;
}

.c-tab-wrap__contents:not(:first-child) {
	display: block;
	margin-top: 8px;
}

.tab-label {
	border-bottom-style: solid;
	border-left: none;
	border-radius: 0px 12px 12px 0px;
	margin: 0;
	margin-left: auto;
	padding: 12px 10px 6px;
	text-orientation: upright; /* すべて縦方向に表示 */
	writing-mode: vertical-rl;
}

.p-slider {
	height: 336px;
}

.slick-prev {
	left: 2%;
}

.slick-next {
	right: 2%;
}

.p-slider .slick-slide {
	margin-right: 16px;
	margin-top: 12px;
}

.p-section__fv {
	padding-top: 82px;
}

.p-new {
	width: 77.4358974359%;
}

.p-new__list {
	align-items: center;
	flex-direction: column;
	margin-bottom: 32px;
	margin-top: 32px;
}

.p-new__list li {
	width: 100%;
}

.p-new__list li:not(:first-child) {
	margin-top: 16px;
}

.p-new__list {
	align-items: center;
	flex-direction: column;
	margin-bottom: 32px;
	margin-top: 32px;
}

.p-new__list li {
	width: 100%;
}

.p-new__list li:not(:first-child) {
	margin-top: 16px;
}

.p-new__button {
	margin: 0 0 0 auto;
}

.p-articles__inner,
.p-articles__inner-post {
	padding: 40px 0px 40px 20px;
}

.p-articles__title {
	flex-direction: column;
	text-align: left;
}

.p-swiper__button {
	margin-left: auto;
	margin-top: 24px;
}

.p-tabs {
	margin: 48px 20px 0;
}

.p-tabs__menu {
	flex-direction: row-reverse;
	margin-top: 46px;
}

.p-tabs__top {
	display: block;
	margin-top: -2px;
}

.p-tabs__list {
	flex-direction: column;
	margin-left: -1px;
}

.p-tabs__list li {
	margin: 0;
	text-orientation: upright; /* すべて縦方向に表示 */
	writing-mode: vertical-rl;
}

.p-tabs__list li:not(:first-child) {
	margin-top: 8px;
}

.p-tabs__list li a {
	border-radius: 0px 12px 12px 0px;
	padding: 12px 10px 12px 6px;
}

.p-tabs__list li a:not(:first-child) {
	margin-top: 8px;
}

.p-tabs__area {
	border-radius: 16px 0px 16px 16px;
	flex-direction: column;
	padding: 12px;
}

.p-tabs__area li {
	display: none;
}

.p-tabs__area li:nth-child(-n+3) {
	display: list-item;
}

.p-tabs__items {
	width: 89.7435897436%;
}

.p-tabs__items ul li:nth-child(3n) {
	margin-right: 32px;
}

.p-tabs__items ul li:nth-child(n+4) {
	margin-top: 0;
}

.p-tabs__items ul li {
	width: calc((100% - 32px) / 2);
}

.p-tabs__items ul li:nth-child(2n) {
	margin-right: 0px;
}

.p-tabs__items ul li:nth-child(n+3) {
	margin-top: 32px;
}

.p-tabs__items ul li {
	display: none; /*スマホサイズの場合はカードを3枚のみ表示*/
	margin-right: 0;
	width: 100%;
}

.p-tabs__items ul li:not(:first-child) {
	margin-top: 32px;
}

.p-tabs__items ul li:nth-child(-n+3) {
	display: list-item;
}

.p-tabs__button {
	margin-inline: auto;
}

.p-tabs__sort-menu {
	font-size: 14px;
	top: -30px;
}

.p-Pagination {
	bottom: -60px;
	left: 40%;
	position: absolute;
}

.p-post {
	font-size: 20px;
	width: 100%;
}

.p-post__inner {
	align-items: center;
	border-radius: 0%;
	flex: 1 0 0;
	padding: 20px 20px 48px 20px;
}

.p-post__date {
	font-size: 0.7em;
}

.p-post__category {
	border-radius: 4px;
	font-size: 13px;
	line-height: 160%;
	padding: 4px 16px;
}

.p-post__title {
	letter-spacing: 1.8px;
	line-height: 150%;
}

.p-post__thumb {
	margin-bottom: 20px;
}

.p-post__sub-title {
	font-size: 0.7em;
	letter-spacing: 1.4px;
	line-height: 180%;
}

.p-post__agenda {
	margin-inline: auto;
	width: 100%;
}

.p-post__agenda-button p {
	font-size: 0.7em;
}

.p-post__agenda-tag {
	font-size: 0.75em;
}

.p-404 {
	padding: 56px 20px;
}

.p-404__title {
	font-size: 0.24em;
	letter-spacing: 2.4px;
	line-height: 180%; /* 43.2px */
}

.p-404__404 {
	font-size: 0.8em;
	letter-spacing: 8px;
}

.p-404__text {
	font-size: 0.2em;
	letter-spacing: 2px;
	text-align: left;
}

.p-404__text-sub {
	font-size: 0.15em;
	letter-spacing: 1.5px;
	text-align: left;
}

.p-404__button {
	font-size: 0.14em;
	letter-spacing: 1.12px;
}

.u-inner {
	width: 90% !important;
}

.u-sp-text__left {
	text-align: left;
}

.u-padding-inline__20 {
	padding-inline: 20px;
}

}

@keyframes displayAnime {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes swiper-preloader-spin {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}