@charset "UTF-8";

@import "settings.css";

body {
	max-width: 1440px;
	width: 100%;
	margin: auto;
	overflow-x: hidden;
}

/*============================================================================================
    Header
=============================================================================================*/
.header {
	position: sticky;
	top: 0;
	z-index: 9999;
	height: 8rem;
	padding: 0 0 0 3.2rem;
	display: flex;
	align-items: center;
	background-color: var(--color-reverse);
	border-bottom: 1px solid #F0F0F0;
	transition: all 0.3s ease;
}

/* 縮小後 */
.header.shrunk {
	height: 5rem;
	width: auto;
	padding: 0 0 0 3.2rem;
}

.header_logo_wrap {
	align-items: center;
	padding: 1.7rem 0 1.7rem 0;
}

.header_logo {
	width: 14.8rem;
	height: 3.1rem;
	margin-right: 1.6rem;
	transition: var(--transition);
}

.header.shrunk .header_logo {
	height: 2.5rem;
	width: auto;
	/* padding: 1.25rem; */
}

header.shrunk .header_logo_wrap {
	align-items: center;
	padding: 1.25rem 0 1.25rem 0;
}

.header_logo:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.header_sub_title {
	color: var(--color-darkgray);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.84px;
}

/* サブタイトルのフォント縮小 */
.header_sub_title {
	font-size: 1.6rem;
	transition: font-size 0.3s ease;
}

.header.shrunk .header_sub_title {
	font-size: 1.2rem;
}

.header_sub_title_blue {
	color: var(--color-skyblue);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.71;
	letter-spacing: 0.52px;
	margin-right: 4px;
}

/* .header_sub_title_blue_T {
	letter-spacing: 1.82px;
} */


.g_decoHd_bl {
	padding-left: 1.6rem;
}

.g_decoHd_bl__header::before {
	content: "";
	position: absolute;
	display: inline-block;
	top: -0.2rem;
	left: 0;
	width: 0.1rem;
	height: 2.5rem;
	background-color: var(--color-gray);
}

.header_text {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.42px;
	white-space: nowrap;
	margin-top: 0.4rem;
}

.header_wrp_right {
	position: relative;
	display: flex;
}

.header_login {
	max-width: 13.9rem;
	background-color: var(--color-skyblue);
	padding: 1.1rem 0.9rem 1.1rem 0.9rem;
	transition: var(--transition);

}

.about_link a {
	color: #888;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
	transition: var(--transition);
	margin-right: 2rem;
}

.header.shrunk .header_login {
	display: flex;
	align-items: center;
}

.header.shrunk .header_login {
	padding: 0 3rem;
}

.header.shrunk .header_login p {
	display: none;
}

.header_login:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.header_login_icon {
	margin: 0 auto;
	width: 2.7rem;
	height: 3rem;
}

.header_search {
	width: 12.5rem;
	background-color: var(--color-reverse);
	padding: 1.1rem 0.9rem 1.1rem 0.9rem;
	transition: var(--transition);
}

.header.shrunk .header_search {
	padding: 0;
	height: 100%;
	padding: 0.9rem 0;
}

.header.shrunk .header_search p {
	display: none;
}

.header_search:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.header_logout {
	padding-right: 3rem;
	border-right: 1px solid #F0F0F0;
	justify-content: center;
}

.header_logout a {
	transition: var(--transition);
}

.header_logout a:hover {
	transition: var(--transition);
	opacity: var(--opacity);
}

.header_user_text {
	color: #333;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
	white-space: nowrap;
}

.header_user_text::before {
	background-image: url(../img/common/account-circle_gray.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 3rem;
	height: 3rem;
	left: -3.8rem;
}

.header_user_company::after {
	right: -2rem;
	top: 50%;
	content: ":";
	width: 1rem;
	height: 1rem;
	transform: translateY(calc(-50% - 1rem));
}

.header_account_img {
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
}

#shrink-trigger {
	position: absolute;
	top: 120px;
	/* ヘッダー高さぶん下に設置 */
	width: 100%;
	height: 1px;
	pointer-events: none;
}

@media (max-width:1000px) {
	.header_logout {
		flex-direction: column;
		gap: 0;
	}

	.header_search {
		width: 9.3rem;
	}
}

/* ログインポップアップ */

.header_login_modal_bg {
	background: rgba(0, 0, 0, 0.30);
}

.header_login_modal {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 3rem;
	background-color: var(--color-reverse);
	translate: -50%;
	max-width: 450px;
	width: 40%;
	height: fit-content;
	border-radius: 10px;
	border: 1px solid var(--color-darkgray);
	color: var(--color-black);
}

.header_login_modal p {
	font-size: 2rem;
	font-weight: 600;
}

.header_login_modal label {
	width: 8rem;
}

.header_login_modal_input_wrap {
	position: relative;
	display: grid;
	grid-template-columns: 8rem 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 2rem;
}

@media (max-width:1000px) {
	.header_login_modal_input_wrap {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.header_login_modal {
		width: 60%;
	}
}

.header_login_modal_btn {
	margin-top: 3rem;
	text-align: center;
}

.header_login_modal_reset {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5;
	white-space: nowrap;
	color: var(--color-black);
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.85;
	transition: var(--transition);
	margin-top: 1rem;
}

.header_login_modal_reset:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.header_login_modal_btn_login {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.42px;
	padding: 0.6rem;
	color: var(--color-reverse);
	border: 1px solid var(--color-skyblue);
	display: inline-block;
	background-color: var(--color-skyblue);
	border-radius: 4px;
	margin-left: 1rem;
	transition: var(--transition);
}

.header_login_modal_btn_login:hover {
	opacity: var(--opacity);
	transition: var(--transition);
	background-color: var(--color-reverse);
	color: var(--color-skyblue);
}

.header_login_modal_btn_cancel {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.42px;
	padding: 0.6rem;
	color: var(--color-reverse);
	border: 1px solid var(--color-darkgray);
	display: inline-block;
	background-color: var(--color-darkgray);
	border-radius: 4px;
	transition: var(--transition);
}

.header_login_modal_btn_cancel:hover {
	opacity: var(--opacity);
	transition: var(--transition);
	background-color: var(--color-reverse);
	color: var(--color-darkgray);
}

.header_login_modal input {
	width: 95%;
	height: 3rem;
	border: 1px solid var(--color-gray);
	padding-left: 1rem;
	display: inline-block;
	border-radius: 4px;
	background: #F5F5F5;
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.48px;
	padding-left: 0.8rem;
}

#password-reset-section {
	display: none;
	margin-top: 16px;
}

#password-reset-section label {
	display: block;
	width: 100%;
	text-align: left;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.header_login_modal p {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	margin-top: 1rem !important;
}

#reset-email {
	margin-bottom: 1rem;
}

#reset-msg {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--wp--preset--color--vivid-red);
	text-align: left;
	display: block;
	margin-left: 1rem;
}

.register_linK {
	font-size: 1.4rem;
	text-decoration: underline;
	text-underline-offset: 2px;
	padding: 1rem 0;
	transition: font-size 0.3s ease, text-decoration 0.3s ease;
}

.register_linK:hover {
	font-size: 1.5rem;
	text-decoration: none;
}


#log-in-err {
	display: block;
	width: 100%;
	text-align: center;
	margin: 1rem 0 0 0;
	color: var(--wp--preset--color--vivid-red);
}

/* register modal */
.register_modal_wrp {
	margin: 2rem 6rem;
}

.terms-list_ol {
	counter-reset: item;
	list-style: decimal outside;
	margin: 1em 0;
	padding-left: 2em;
}

.terms-list {
	margin: 1em 0;
	padding-left: 2em;
}

.terms-list h4,
.terms-list_ol h4 {
	color: black;
	font-size: 1.6rem;
	font-weight: 600;
	margin-left: -32px;
	margin-bottom: 1rem;
}

.terms-list li {
	margin-bottom: 1em;
	padding-left: 0.3em;
	text-indent: -0.3em;
}
.terms-list .no_mb{
	margin-bottom: 0;
}

.nested-list {
	/* list-style: lower-alpha inside; */
	margin-left: 1.5em;
}

/* ーーーーーーーーーーーーー */


/* 検索モーダル	 */

.header_search_modal_content_inr {
	overflow-y: scroll;
	height: 95%;
	padding: 0 6.2rem 10rem 6.2rem;
}

.header_search_modal_close {
	padding-right: 1.8rem;
	margin-right: 2rem;
	color: #555;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 171%;
	/* 23.94px */
	letter-spacing: 0.42px;
	transition: var(--transition);
}

.header_search_modal_close:hover {
	transition: var(--transition);
	opacity: var(--opacity);
}

.header_search_modal_close::after {
	background-image: url(../img/common/cross_mark_icon.svg);
	width: 10px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0.6rem;
	right: 0.3rem;
}

.header_search_modal_input_form_icon {
	position: absolute;
	top: 1.5rem;
	left: 2.3rem;
}

@media screen and (min-width:1722px) {
	.header_search_modal_input_form_icon {
		left: 18rem;
	}
}

.body.modal-open {
	overflow: hidden;
}

.header_search_modal_input_form_btn_wrap {
	width: 100vw;
	background-color: #006CE4;
	position: fixed;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
	z-index: 9999999999;
	padding: 15px 0 15px 0;
	display: none;
}

.header_modal_filterGroup_btn {
	width: 149px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	text-align: center;
	border: 1px solid var(--color-reverse);
	color: var(--color-blue);
	gap: 8px;
	background-color: var(--color-reverse);
	transition: var(--transition);
}

@media (hover: hover) and (pointer: fine) {
	.header_modal_filterGroup_btn:hover {
		border: 1px solid var(--color-reverse);
		color: var(--color-reverse);
		background-color: var(--color-blue);
		transition: var(--transition);
	}
}

/* 
.header_modal_filterGroup_btn__reset {
	border-radius: 4px;
	border: 1px solid var(--color-reverse);
	background-color: var(--color-blue);
	transition: var(--transition);
}

.header_modal_filterGroup_btn__reset:hover {
	border-radius: 4px;
	border: 1px solid var(--color-blue);
	background-color: var(--color-reverse);
	color: var(--color-blue);
	transition: var(--transition);
}

.header_modal_filterGroup_btn__submit {
	border: 1px solid var(--color-reverse);
	color: var(--color-blue);
	gap: 8px;
	background-color: var(--color-reverse);
	transition: var(--transition);
}

.header_modal_filterGroup_btn__submit:hover {
	border: 1px solid var(--color-reverse);
	color: var(--color-reverse);
	gap: 8px;
	background-color: var(--color-blue);
	transition: var(--transition);
} */

/*============================================================================================
    Footer
=============================================================================================*/
.footer_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	background-color: var(--color-bg);
}

/* privacy */

.footer.g_gdpr_btn {
	width: 175px;
}

.footer.g_gdpr_btn span {
	font-size: 1.4rem;
	padding: 1rem;
}

/*============================================================================================
    Contents
=============================================================================================*/

/* Pagination */
#paginationForm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

.pg_item_active {
	background-color: var(--color-blue);
	color: #fff;
	font-family: var(--font-jp);
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6rem;
	width: 3.4rem;
	height: 3.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 1rem 1.2rem;
	border-radius: 50%;
}

.pg_item {
	color: var(--color-main);
	font-family: var(--font-jp);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6rem;
}

.pg_chevron {
	font-family: "Radley", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 2.4rem;
	letter-spacing: 0;
	width: 5px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	cursor: pointer;
	border: none;
	background: transparent;
	padding: 0 8px;
}

.pg_chevron:disabled {
	opacity: 0.3;
	cursor: default;
}


/* メイン */
.top_main {
	min-height: 100%;
}


/* サイドナビ */
.side_nav {
	width: 27.3rem;
	height: auto;
	padding: 3.2rem 0 0 2.4rem;
	background-color: var(--color-bg);
	/* height: 100vh; */
	flex-shrink: 0;
	align-items: stretch;
	/* position: fixed; */
	position: sticky;
	top: 80px
}

.side_inner {
	position: sticky;
	top: 115px;
}

.side_nav_sales::before {
	width: 2.5rem;
	height: 2.5rem;
	top: 0.1rem;
	left: 0;
	-webkit-mask-image: url(../img/common/sales_icon.svg);
	mask-image: url(../img/common/sales_icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);
}

.side_nav_sales:active::before,
.side_nav_sales:hover::before {
	background-color: var(--color-reverse);
	transition: var(--transition);
}

.side_nav_sales.side_nav_info_text__now_page::before {
	background-color: var(--color-reverse);
}

.side_nav_info {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
}

.side_nav_info li {
	transition: var(--transition);
}

.side_nav_info li:hover,
.side_nav_info_text__now_page {
	background-color: rgba(0, 185, 238, 0.7);
	transition: var(--transition);
	color: var(--color-reverse);
}

.side_nav_info li:active {
	color: var(--color-reverse);
	transition: var(--transition);
}

.side_nav_info_text {
	display: block;
	padding-left: 3.3rem;
}


.side_nav_technology::before {
	width: 2.5rem;
	height: 2.5rem;
	top: 0.1rem;
	left: 0;
	-webkit-mask-image: url(../img/common/tec_icon.svg);
	mask-image: url(../img/common/tec_icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);
}

.side_nav_technology:active::before,
.side_nav_technology:hover::before {
	background-color: var(--color-reverse);
	transition: var(--transition);
}

.side_nav_technology_list {
	margin-left: 4rem;
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}

.side_nav_technology_list li+li {
	margin-top: 0.8rem;
}

.side_nav_technology_item {
	border-bottom: 0.1rem solid var(--color-gray);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: 0.42px;
	color: var(--color-black);
	padding-top: 0.8rem;
	padding-left: 0.8rem;
	transition: var(--transition);
}

.side_nav_technology_item:hover {
	background-color: #E5E5E5;
	transition: var(--transition);
}

.side_nav_technology.side_nav_info_text__now_page::before {
	background-color: var(--color-reverse);
}

.side_nav_technology_item::after {
	border: none;
}

.side_nav_technology_item_inner {
	display: block;
}

.side_nav_request::before {
	width: 2.5rem;
	height: 2.5rem;
	top: 0.2rem;
	left: 0;
	-webkit-mask-image: url(../img/common/mail_icon.svg);
	mask-image: url(../img/common/mail_icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);
}

.side_nav_privacy::before {
	width: 1.8rem;
	height: 1.8rem;
	top: 0.2rem;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-mask-image: url(../img/common/icon_shield.svg);
	mask-image: url(../img/common/icon_shield.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);

}

.side_nav_terms::before {
	width: 1.8rem;
	height: 1.8rem;
	top: 0.2rem;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-mask-image: url(../img/common/icon_terms.svg);
	mask-image: url(../img/common/icon_terms.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);
}

.side_nav_request:active::before,
.side_nav_request:hover::before {
	background-color: var(--color-reverse);
	transition: var(--transition);
}

.side_nav_request.side_nav_info_text__now_page::before {
	background-color: var(--color-reverse);
}

.side_nav_myPage::before {
	width: 2.5rem;
	height: 2.5rem;
	top: 0.3rem;
	left: 0;
	-webkit-mask-image: url(../img/common/my_page_account_circle.svg);
	mask-image: url(../img/common/my_page_account_circle.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-black);
}

.side_nav_myPage:active::before,
.side_nav_myPage:hover::before {
	background-color: var(--color-reverse);
	transition: var(--transition);
}

.side_nav_myPage.side_nav_info_text__now_page::before {
	background-color: var(--color-reverse);
}

@media (max-width: 1000px) {
	.side_nav {
		width: 22rem;
	}
}

/* サイドナビ */



/* ---------------------------------- */
/* TOP index.html */
/* --------------------------------- */

/* 検索 */
.top_search_sec {
	flex: 1;
}

/* .breadcrumbs {
	transition: var(--transition);
}

.top_search_sec_breadcrumbs:hover {
	opacity: var(--opacity);
	transition: var(--transition);
} */

.g_breadcrumb_itm {
	color: #888;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	/* 20.04px */
	letter-spacing: 0.48px;
	transition: var(--transition);
}


.top_search_sec_site_info {
	position: relative;
	font-size: 1rem;
	line-height: 1.5;
	white-space: nowrap;
	color: var(--color-black);
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.85;
	/* 24.05px */
	transition: var(--transition);
}

.top_search_sec_site_info:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.top_search_sec_site_info::before {
	content: "";
	position: absolute;
	margin: auto;
	width: 0.4rem;
	height: 0.4rem;
	top: 0;
	bottom: 0;
	left: -0.8rem;
	border-top: 0.1rem solid #333;
	border-right: 0.1rem solid #333;
	rotate: 45deg;
	transition: var(--transition);
}

.top_search_sec_input_form {
	margin-top: 3.2rem;
	flex-shrink: 1;
	position: relative;
}

/* .top_search_sec_input_form_inner {
	max-width: 80rem;
	height: 4.8rem;
	border-radius: 999px;
	border: 1px solid var(--color-reverse);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.70);
	flex: 1;
	padding: 0.7rem 2.3rem 0.7rem 4.867rem;
	color: #888;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
} */

input {
	vertical-align: top;
}

input[type="radio"] {
	margin: 8.5px 4px 6px 4px;
}

input::placeholder {
	color: var(--color-darkgray);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
}

.top_search_sec_input_form_icon {
	position: absolute;
	top: 1.3rem;
	left: 2.3rem;
}

/* 検索 */

/* 絞り込み */

.top_search_sec_filterGroup {
	width: max-content;
}

/* 外枠div：見た目の枠を担当 */
.search_wrapper,
.header_search_wrapper {
	position: absolute;
	width: 100%;
	max-width: 75.4rem;
	border-radius: 30px;
	border: 1px solid var(--color-reverse);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
	flex: 1;
	padding: 0.7rem 2.3rem 0.7rem 1.8rem;
	color: #888;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
	background-color: var(--color-reverse);
	z-index: 1;
}

/* 検索欄 */
.search_wrapper input,
.header_search_wrapper input {
	width: 100%;
	border: none;
	outline: none;
	background: transparent;

	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 0.48px;
	padding-left: 3.4rem;
}

/* 履歴ポップアップ */
.history_popup,
.header_history_popup {
	display: none;
	padding-top: 16px;
	padding-bottom: 1.6rem;
	/* max-height: 200px; */
	overflow-y: auto;
	border-top: 1.5px solid #D9D9D9;
	margin-top: 0.7rem;
}

/* 表示状態のクラス */
.history_popup.show,
.header_history_popup.show {
	display: block;
}

/* 履歴ポップアップ内のヘッダー */
.history_header,
.header_history_header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
	font-weight: bold;
	color: var(--color-darkgray);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 171%;
	/* 23.94px */
	letter-spacing: 0.42px;
	padding-left: 0.3rem;
}

.clear_btn {
	cursor: pointer;
}

/* 履歴リストの各項目 */
.history_list li,
.header_history_list li {
	padding: 0 0 0.4rem 2.6rem;
	cursor: pointer;
	border-bottom: 1px solid #D9D9D9;
	position: relative;
	padding-right: 2rem;
}

.history_list li+li,
.header_history_list li+li {
	margin-top: 1.6rem;
}


.history_list li::before,
.header_history_list li::before {
	background-image: url(../img/common/time_icon.svg);

	position: absolute;
	display: block;
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	top: 0.8rem;
	left: 0rem;
	background-repeat: no-repeat;
}

.history_list li::after,
.header_history_list li::after {
	-webkit-mask-image: url(../img/common/right_arrow_icon.svg);
	mask-image: url(../img/common/right_arrow_icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-darkgray);
	position: absolute;
	display: block;
	content: '';
	width: 1rem;
	height: 1rem;
	top: 50%;
	transform: translateY(-50%);
	right: 0rem;
}

.top_search_sec_filterGroup_text {
	color: #afafaf;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
}

.top_search_sec_filterGroup_title {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
	width: 10rem;
}

.top_search_sec_filterGroup_salesInfo_Item {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
	transition: var(--transition);
}

.top_search_sec_filterGroup_salesInfo_Item:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.top_search_sec_filterGroup_title>p {
	display: inline-block;
}

.top_search_sec_filterGroup_Info_Item {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
	/* 20px */
	letter-spacing: 0.48px;
}

.top_search_sec_filterGroup_innner {
	display: grid;
	grid-template-columns: 10rem 1fr;
	/* 左タイトル分、右は残り幅 */
	gap: 0 2.4rem;
	height: 100%;
	align-items: start;
	width: max-content;
}

/* .top_search_sec_filterGroup_innner + .top_search_sec_filterGroup_innner {
	padding-top: 1.1rem;
} */

.top_search_sec_filterGroup_list {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 1.6rem;
	padding: 0;
	margin: 0;
	padding-top: 0.5rem;
	width: max-content;
}

.top_search_sec_filterGroup_list__more {
	padding-top: 1.6rem;
}

.top_search_sec_filterGroup_Item {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.48px;
	width: fit-content;
	display: flex;
	flex-wrap: nowrap;
	overflow-wrap: anywhere;
}

.top_search_sec_filterGroup_Item label {
	display: flex;
	flex-wrap: nowrap;
	overflow-wrap: anywhere;
	height: fit-content;
	transition: var(--transition);
}

.top_search_sec_filterGroup_Item label:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.top_search_sec_filterGroup_technologyInfo label,
.top_search_sec_filterGroup_tagSearch label {
	align-items: start;
}


.top_search_sec_filterGroup_salesInfoList {
	flex-wrap: wrap;
}

.top_search_sec_filterGroup_salesInfoList_radio {
	column-gap: 2.4rem;
}

.top_search_sec_filterGroup_technologyInfo_more_btn {
	display: none;
	color: var(--color-blue);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 2.1rem;
	transition: var(--transition);
}

.top_search_sec_filterGroup_technologyInfo_more_btn:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.top_search_sec_filterGroup_technologyInfo_more_btn::before {
	background-image: url(../img/common/double_check_icon.svg);
	width: 1.3rem;
	height: 1.3rem;
	top: 0.9rem;
	left: 0rem;
	background-repeat: no-repeat;
}

.top_search_sec_filterGroup_technologyInfo_more_btn.expanded::before {
	transform: rotate(180deg);
}

.top_search_sec_filterGroup_btn {
	width: 149px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	text-align: center;
	border: none;
}

.top_search_sec_filterGroup_btn__reset {
	color: var(--color-reverse);
	background-color: var(--color-darkgray);
	border-radius: 4px;
	transition: var(--transition);
}

.top_search_sec_filterGroup_btn__reset:hover {
	color: var(--color-darkgray);
	border: 1px solid var(--color-darkgray);
	border-radius: 4px;
	transition: var(--transition);
}

.top_search_sec_filterGroup_btn__submit {
	background-color: var(--color-blue);
	color: var(--color-reverse);
	gap: 8px;
	/* background: var(--color-blue); */
	transition: var(--transition);
}

.top_search_sec_filterGroup_btn__submit:hover {
	background-color: var(--color-reverse);
	color: var(--color-blue);
	gap: 8px;
	border: 1px solid var(--color-blue);
	transition: var(--transition);
}

@media screen and (min-width:1500px) {
	.top_search_sec_filterGroup_list {
		grid-template-columns: repeat(5, minmax(0, max-content));
	}
}

@media screen and (max-width:1150px) {
	.top_search_sec_filterGroup_list {
		grid-template-columns: repeat(3, minmax(0, max-content));
	}

	/* .search_wrapper,
  .header_search_wrapper {
    width: 56rem;
  } */
}

@media screen and (max-width:1000px) {
	.top_search_sec_filterGroup_Item {
		width: 12rem;
	}

	.side_nav {
		width: 23.5rem;
	}

	.top_search_sec {
		padding: 3.2rem;
		margin-left: 23.5rem;
	}

	.top_search_sec_filterGroup_salesInfoList {
		display: flex;
		/* flex-wrap: wrap; */
		gap: 24px;
		align-items: center;
	}
}

@media screen and (max-width:850px) {
	.top_search_sec_filterGroup_salesInfoList_radio {
		display: flex;
		flex-wrap: wrap;
		/* 折り返し有効 */
		column-gap: 24px;
		align-items: center;
	}

	.top_search_sec_filterGroup_salesInfoList_radio>li:nth-child(-n+2) {
		flex: 0 1 auto;
		/* 幅調整 */
	}

	.top_search_sec_filterGroup_salesInfoList_radio>li:nth-child(3) {
		flex-basis: 100%;
		/* 3個目は幅100%にして改行 */
	}

	.top_search_sec_filterGroup_list {
		grid-template-columns: repeat(2, minmax(0, max-content));
	}
}


.checkbox-table {
	width: auto;
	border-collapse: collapse;
	table-layout: auto;
	/* ← 列の幅をコンテンツに合わせる */
}

.checkbox-table td {
	padding: 8px;
	vertical-align: top;
	white-space: nowrap;
}

/* プレースホルダフォーカス時に透明 */
input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

input:focus::-ms-input-placeholder {
	color: transparent;
}

input:focus::placeholder {
	color: transparent;
}




/* result.html */
.search_results_sec {
	max-width: 95.9rem;
	min-height: calc(100vh - 112px);
}

.search_results_sec_inr,
.article_list_sec_inr,
.article_detail_sec_inr {
	margin-top: 3.2rem;
	max-width: 95.9rem;
}

.article_detail_sec_inr a {
	color: var(--color-blue);
}

.search_results_sec_inr_ttl,
.article_list_sec_inr_ttl,
.article_detail_sec_inr_ttl {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.search_results_sec_inr_btn,
.article_list_sec_inr_btn {
	padding-left: 2.4rem;
	color: var(--color-black);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	transition: var(--transition);
}

.search_results_sec_inr_btn:hover,
.article_list_sec_inr_btn:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.search_results_sec_inr_btn::before,
.article_list_sec_inr_btn::before {
	background-image: url(../img/common/arrow_double.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.3rem;
	height: 1.3rem;
	top: 0.6rem;
	left: 0.3rem;
}

.search_results_sec_inr_article,
.article_list_sec_inr_article,
.article_detail_sec_inr_cont {
	margin-top: 4rem;
}

.list_wrp {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.list_label {
	max-width: 80px;
	width: 100%;
	line-height: unset !important;
	padding: 5px 0;
}

.search_results_sec_inr_article ul,
/* .article_list_sec_inr_article ul, */
.article_detail_sec_inr_cont ul,
.recent_articles_tags_list {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	/* border-bottom: 1px solid var(--color-gray); */
	/* margin-bottom: 2.4rem; */
}

.article_list_sec_inr_article ul {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.search_results_sec_inr_article li,
.article_list_sec_inr_article li {
	/* border-bottom: 1px solid var(--color-gray); */
	padding-bottom: 2.4rem;
	margin-bottom: 2.4rem;
}

.search_results_sec_inr_article li,
.article_list_sec_inr_article li,
.article_detail_sec_inr_cont li,
.recent_articles_tags_list_item {
	color: var(--color-blue);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	margin-right: 1.6rem;
	/* margin-bottom: 2.4rem; */
	margin-bottom: 5px;
	transition: var(--transition);
	border-bottom: 1px solid var(--color-gray);
}

.search_results_sec_inr_article .cat_list {
	border-bottom: none;
	margin-bottom: 0;
	margin-top: .5rem;
}

/* .search_results_sec_inr_article li,
.article_list_sec_inr_article li{
		color: var(--color-blue);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	margin-right: 1.6rem;
	margin-bottom: 2.4rem;
	transition: var(--transition);
} */

.search_results_sec_inr_article li li,
.article_list_sec_inr_article li li,
.article_detail_sec_inr_cont li,
.recent_articles_tags_list_item {
	background-color: #f0f0f0;
	padding: 0 0.58rem;
	border-radius: 2.9px;
	flex-shrink: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	/* ← 制限幅を決める */
}

.article_list_sec_inr_article li:hover,
.search_results_sec_inr_article li:hover {
	opacity: var(--opacity);
	transition: var(--opacity);
}

.search_results_sec_inr_article h4,
.article_list_sec_inr_article h4 {
	color: var(--color-black);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.68;
	letter-spacing: 0.54px;
}

.search_results_sec_inr_article p,
.article_list_sec_inr_article p,
.article_detail_sec_inr_cont p {
	color: var(--color-darkgray);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
}

/* article_list */
.article_list_sec {
	/* max-width: 95.9rem; */
	max-width: 100%;
	min-height: calc(100vh - 112px);
}



/* article_detail */
.article_detail_sec {
	flex: 1;
	max-width: 95.9rem;
}

.article_detail_sec_inr_cont {
	position: relative;
	flex: 1;
	margin-top: 0rem;
}

.article_detail_sec_inr_cont_tag {
	transition: var(--transition);
	text-overflow: ellipsis;
	max-width: 200px;
	overflow: hidden;
}

.article_detail_sec_inr_cont_tag:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.article_detail_sec_inr_cont h4 {
	color: var(--color-black);
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.60;
	letter-spacing: 0.65px;
}

.article_detail_sec_inr_cont ul {
	border: none;
	margin-bottom: 0;
}

.article_detail_sec_inr_cont_favorite_wrap {
	width: 10.5rem;
	text-align: right;
}

.article_detail_sec_inr_cont_favorite_wrap label {
	width: fit-content;
	height: fit-content;
}

.article_detail_sec_inr_cont_favorite {
	width: 2.8rem;
	height: 3.4rem;
}


.article_detail_sec_inr_cont_favorite_wrap input:checked+.article_detail_sec_inr_cont_favorite {
	content: url(../img/common/favorite_icon_blue.png);
}

.article_detail_sec_inr_cont_favorite_wrap input[type="checkbox"] {
	display: none;
	/* ← これで四角いチェックボックスを非表示に */
}

/* 
.article_detail_sec_inr_cont_favorite::after {
	background-image: url(../img/common/favorite_icon.png);
	height: 3.4rem;
	width: 2.8rem;
	top: 0rem;
	left: 0rem;
}

.article_detail_sec_inr_cont_favorite:active:after {
	background-image: url(../img/common/favorite_icon_blue.png);
	height: 3.4rem;
	width: 2.8rem;
	top: 0rem;
	left: 0rem;
} */

.article_detail_sec_inr_name {
	color: var(--color-black);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

.article_detail_sec_inr_name button {
	color: var(--url, #006CE4);
}

.article_detail_sec_inr_subttl {
	color: var(--color-black);
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.68;
	letter-spacing: 0.6px;
}

.article_detail_sec_inr_subttl::before {
	width: 0.4rem;
	height: 2.4rem;
	top: 0.5rem;
	background-color: var(--color-blue);
}

.article_detail_sec_inr_text {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.article_detail_sec_inr_main,
.article_detail_sec_inr_download {
	margin-right: 10.5rem;
}

.article_detail_sec_inr table {
	border: 1px solid #D9D9D9;
	padding-right: 10.5rem;
}

.article_detail_sec_inr td,
.article_detail_sec_inr th {
	width: 28.4rem;
	height: 5.5rem;
	border: 1px solid #D9D9D9;
	background-color: var(--color-reverse);
}

.article_detail_sec_inr_main_table {
	margin-right: 10.5rem;
}

.article_detail_sec_inr_download ul {
	color: var(--url, #006CE4);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.article_detail_sec_inr_download li {
	margin-top: 0.8rem;
	transition: var(--transition);
}

.article_detail_sec_inr_download li a {
	transition: var(--transition);
}

.article_detail_sec_inr_download li a:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

/* .article_detail_sec_inr_download_icon {
	position: relative;
	padding-right: 2rem;

} */

.article_detail_sec_inr_download_icon {
	background-image: url(../img/common/download_icon.svg);
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	margin-left: 1rem;
	/* top: 0.6rem;
	right: 0rem; */
	white-space: nowrap;
	/* ← これが大事！ */
}

.article_detail_sec_inr_form {
	width: 100%;
	/* ← 親の幅に合わせて広がる */
	max-width: 100%;
	/* ← 上限もページいっぱいに */
}

.article_detail_sec_inr_form label {
	color: var(--color-black);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.form-response-msg {
	color: var(--color-skyblue);
	margin: 1.5rem 0 0 0;
	font-size: 1.4rem;
}

.article_detail_sec_inr_form_textArea {
	width: 100%;
}

.article_detail_sec_inr_form textarea {
	border: 1px solid #D9D9D9;
	height: 12.2rem;
	width: 100%;
	padding: 0.8rem;
}

.article_detail_sec_inr_form_btn,
.register_sec_inr_form_btn,
.request_form_sec_inr_cont_btn,
.my_page_setting_tab_inr_sec_cont_btn {
	display: flex;
	width: 149px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	background: var(--color-blue);
	border: none;
	color: var(--color-reverse);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

.download-csv {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	background: var(--color-blue);
	border: none;
	color: var(--color-reverse);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.42px;
	padding: .5rem 1rem;
	margin-left: 1rem;
}

.article_detail_sec_inr_form_btn:hover,
.register_sec_inr_form_btn:hover,
.request_form_sec_inr_cont_btn:hover,
.my_page_setting_tab_inr_sec_cont_btn:hover {
	background: var(--color-reverse);
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}

@media screen and (max-width:896px) {
	.article_detail_sec_inr_cont_favorite_wrap {
		width: 5rem;
	}

	.article_detail_sec_inr_main {
		margin-right: 5rem;
	}

}

/* register.html */


.register_sec_title {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 3rem;
}

.register_sec_title::before {
	background-image: url(../img/common/new_acount_icon.svg);
	width: 2.2rem;
	height: 1.8rem;
	top: 0.6rem;
	left: 0rem;
}


.register_sec_inr_note_wrap {
	width: 47px;
	height: 20px;
	padding: 0 10px;
	align-items: center;
	background-color: #F00;
}

.register_sec_inr_note {
	/* width: 47px; */
	/* height: 20px; */
	/* padding: 0 10px; */
	/* align-items: center; */
	/* gap: 10px; */
	color: #FFF;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.71;
	letter-spacing: 0.42px;
	/* background-color: ; */
	white-space: nowrap
}

.register_sec_inr_form_cont {
	padding: 0 33px;
	align-items: center;
	gap: 28px;
	align-self: stretch;
	position: relative;
}

.register_sec_inr_form_cont+.register_sec_inr_form_cont {
	margin-top: 2.2rem;
}

.register_sec_inr_form_cont_required {
	display: flex;
	width: 47px;
	height: 20px;
	padding: 0 11px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: #F00;
	color: var(--color-reverse);
	font-size: 12px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
	margin-right: 0.8rem;
	white-space: nowrap;
}

.register_sec_inr_form_cont_optional {
	display: flex;
	width: 47px;
	height: 20px;
	padding: 0 11px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #959595;
	color: var(--color-reverse);
	font-size: 12px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
	margin-right: 0.8rem;
	white-space: nowrap;
}

/* .register_sec_inr_form_cont_icon {
	margin-left: 0.8rem;
}

.register_sec_inr_form_cont_icon::after {
	background-image: url(../img/common/asterisk_icon.svg);
	width: 2.2rem;
	height: 1.8rem;
	background-repeat: no-repeat;
	display: block;
	top: 0.66rem;
} */

.register_sec_inr_form_cont input {
	flex: 1;
	border: 1px solid #E5E5E5;
	height: 3rem;
	padding: 0.8rem;
	border-radius: 0.4rem;
	color: var(--color-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

textarea {
	resize: none;
}

.register_sec_inr_form_cont label {
	width: 24rem;
	display: flex;
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	color: var(--color-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	align-items: center;
	white-space: nowrap;
}

.register_sec_inr_form_cont_pass {
	padding-left: 2.5rem;
}

.register_sec_inr_form_cont_note {
	color: var(--color-black);
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.33px;
	margin-left: 30rem;
}

.register_sec_inr_form_personalInfo_wrap {
	padding: 3.8rem 3.3rem 1.6rem;
}

.register_sec_inr_form_personalInfo_wrap p {
	color: var(--black-gray-10-base, #333);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.register_sec_inr_form_personalInfo {
	padding: 2.4rem;
	border: 1px solid #D9D9D9;
}

.register_sec_inr_form_personalInfo p {
	color: var(--color-black);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

.register_sec_inr_form_personalInfo_wrap label {
	color: var(--color-black);
	text-align: center;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

/* 無効な状態（グレー） */
button:disabled:not(.pg_item_active) {
	background-color: #ccc;
	color: #666;
	cursor: not-allowed;
}

button:disabled:hover:not(.pg_item_active) {
	background-color: #ccc;
	color: #666;
	border: none;
}
#pw_update_message{
    text-align: center;
    color: var(--color-skyblue);
	margin-top: 2rem;
}

/* 有効な状態（青） */
/* button.register_sec_inr_form_btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
} */

@media (max-width:896px) {
	/* .register_sec_inr_form_cont {
		flex-direction: column;
		gap: 0.8rem;
		align-items: flex-start;
	} */
	/* .register_sec_inr_form_cont_note {
		margin-left: 3.3rem;
	} */
}

/* request_form */

.request_form_sec {
	/* max-width: 85.2rem; */
	max-width: 100%;
	min-height: calc(100vh - 112px);
}

.request_form_sec_inr_ttl {
	padding-left: 2.4rem;
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 175%;
	/* 28px */
	letter-spacing: 0.48px;
}

.request_form_sec_inr_ttl::before {
	background-image: url(../img/common/mail_icon.svg);
	width: 2.5rem;
	height: 2.6rem;
	background-repeat: no-repeat;
	background-size: contain;
	top: 0.2rem;
	left: -0.5rem;
}

.request_form_sec_inr_cont {
	padding: 3.3rem 4rem 8rem 4rem;
}

.request_form_sec_inr_cont p {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 175%;
	/* 28px */
	letter-spacing: 0.48px;
}

.request_form_sec_inr_cont_pd {
	width: 23.2rem;
	display: inline-block;
	white-space: nowrap;
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.request_form_sec_inr_cont textarea {
	border: 1px solid #E5E5E5;
	height: 12.2rem;
	padding: 0.8rem;
	width: calc(100% - 1.6rem);
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}

.request_form_sec_inr_cont span {
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
}


@media (max-width:1000px) {
	.request_form_sec_inr_cont_pd {
		width: 15rem;
		display: inline-block;
		white-space: nowrap;
	}
}

/* my_page.html */
.my_page_wrp {
	max-width: 900px;
	width: 100%;
}

.my_page_sec {
	max-width: 136rem;
	width: 100%;
}

.my_page_sec_ttl {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 3.2rem;
}

.my_page_sec_ttl::before {
	background-image: url(../img/common/account_circle_mp.svg);
	width: 2.4rem;
	height: 2.4rem;
	top: 0.3rem;
	left: 0rem;
}

.my_page_sec_setting_icon {
	transition: var(--transition);
	margin-left: 1rem;
	position: relative;
}

.my_page_sec_setting_icon:hover {
	transition: var(--transition);
	opacity: var(--opacity);
}

.my_page_gear_tooltip {
	position: absolute;
	top: -13px;
	right: -160px;
	width: 150px;
	background: var(--color-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	font-size: 1.2rem;
	border-radius: 1rem;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}

.my_page_gear_tooltip::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid var(--color-blue);
}

.my_page_sec_setting_icon:hover .my_page_gear_tooltip {
	opacity: 1;
	pointer-events: auto;
}

.my_page_sec_inr_ttl_wrap {
	display: flex;
	padding: 8px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px 8px 0 0;
	background-color: var(--color-blue);
}

.my_page_sec_inr_ttl {
	color: var(--color-reverse);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 3.3rem;
}

.my_page_sec_inr_ttl::before {
	-webkit-mask-image: url(../img/common/time_icon.svg);
	mask-image: url(../img/common/time_icon.svg);
	width: 2.5rem;
	height: 2.5rem;
	top: 0.2rem;
	left: 0rem;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-reverse);
}

.my_page_sec_inr_cont_search {
	padding: 0.8rem 2.4rem 2.4rem;
	background: var(--Blue-100, rgba(242, 247, 253, 0.40));
	width: 100%;
}

.my_page_sec_inr_cont_delete {
	color: var(--color-darkgray);
	display: block;
	text-align: right;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
	transition: var(--transition);
}

.my_page_sec_inr_cont_delete:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}



.my_page_sec_inr_cont_pin_input {
	display: none;
}

.my_page_sec_inr_cont_pin {
	display: inline-block;
	width: 2.8rem;
	height: 2.6rem;
	background-color: #ccc;
	/* 初期色 */
	mask-image: url('../img/common/push_pin_icon.svg');
	-webkit-mask-image: url('../img/common/push_pin_icon.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	cursor: pointer;
	transition: var(--transition);
	margin-left: 1.6rem;
	margin-top: 0.2rem;
}

/* チェックされているとき（青） */
.my_page_sec_inr_cont_pin_input:checked+.my_page_sec_inr_cont_pin {
	background-color: var(--color-blue);
}

/* PCでのhover対応（optional） */
@media (hover: hover) and (pointer: fine) {
	.my_page_sec_inr_cont_pin_input:not(:checked)+.my_page_sec_inr_cont_pin:hover {
		background-color: var(--color-blue);
	}
}


/* .my_page_sec_inr_cont_pin {
	margin-left: 1.6rem;
	width: 2.6rem;
}

.my_page_sec_inr_cont_pin::before {
	-webkit-mask-image: url(../img/common/push_pin_icon.svg);
  mask-image: url(../img/common/push_pin_icon.svg);
	width: 2.8rem;
	height: 2.6rem;
	top: 0.2rem;
	left: 0rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #ccc;
	transition: var(--transition);
}

.my_page_sec_inr_cont_pin:hover::before {
	background-color: var(--color-blue);
	transition: var(--transition);
} */

.my_page_sec_inr_cont_trash {
	margin-left: 1.6rem;
	width: 2.5rem;
}

.my_page_sec_inr_cont_trash::before {
	-webkit-mask-image: url(../img/common/trash_icon.svg);
	mask-image: url(../img/common/trash_icon.svg);
	width: 2.5rem;
	height: 2.6rem;
	top: 0.1rem;
	left: 0rem;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #afafaf;
	transition: var(--transition);
}

.my_page_sec_inr_cont_trash:hover::before {
	background-color: var(--color-black);
	transition: var(--transition);
}

/* 
.my_page_sec_inr_cont_item {
} */

.my_page_sec_inr_cont_item_info {
	display: flex;
	height: 21px;
	padding: 0 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: var(--color-darkgray);
	font-size: 12px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
	border-radius: 3px;
	border: 0.5px solid #AFAFAF;
	margin-left: 1.6rem;
}

.my_page_sec_inr_cont_item_date {
	color: var(--color-darkgray);
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
	white-space: nowrap;
	margin-left: 1.6rem;
	/* padding-bottom: 1.6rem; */
	height: fit-content;
}

.my_page_sec_inr_cont_text {
	flex: 1;
	border-bottom: 1px solid var(--color-gray);
	color: var(--black-gray-10-base, #333);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-bottom: 0.8rem;
	transition: var(--transition);
	max-width: 90%;
	width: 100%;
}

.my_page_sec_inr_cont_text:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.my_page_sec_inr_ttl_bookMark {
	color: var(--color-reverse);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 3.3rem;
}

.my_page_sec_inr_ttl_bookMark::before {
	background-image: url(../img/common/favorite_icon_wh.svg);
	width: 2rem;
	height: 2rem;
	left: 0rem;
	top: 0.25rem;
	background-repeat: no-repeat;
}

.my_page_sec_inr_cont {
	padding: 2.4rem;
	background: var(--Blue-100, rgba(242, 247, 253, 0.40));
}

.my_page_sec_inr_cont_bookMark_narrowDown {
	color: var(--color-black);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: 0.48px;
	margin-right: 0.8rem;
}

.my_page_sec_inr_cont_bookMark_category_selector {
	gap: 8px;
	flex-wrap: wrap;
}

.my_page_sec_inr_cont_bookMark_category_selector input[type="radio"] {
	display: none;
}

.my_page_sec_inr_cont_bookMark_category_selector label {
	padding: 3px 12px;
	min-width: 7.4rem;
	text-align: center;
	/* height: 2.8rem; */
	border: 1px solid var(--color-darkgray);
	border-radius: 999px;
	background-color: var(--color-reverse);
	color: var(--color-darkgray);
	cursor: pointer;
	user-select: none;
	color: var(--Black-Gray-40, #888);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: 0.48px;
	transition: var(--transition);
	white-space: nowrap
}

.my_page_sec_inr_cont_bookMark_category_selector input[type="radio"]:checked+label {
	background-color: var(--color-blue);
	color: white;
	border-color: var(--color-blue);
}

.my_page_sec_inr_ttl__new_article::before {
	-webkit-mask-image: url(../img/common/pen_icon.svg);
	mask-image: url(../img/common/pen_icon.svg);
	width: 2.5rem;
	height: 2.5rem;
	top: 0.2rem;
	left: 0rem;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-reverse);
}

.my_page_sec_inr_cont__new_article p {
	color: var(--color-darkgray);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

.my_page_sec_inr_cont__new_article h5 {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	/* padding-bottom: 1.6rem; */
	max-width: 80%;
	width: 100%;
}

.my_page_sec_inr_cont__new_article li+li {
	margin-top: 1.6rem;
}

.my_page_sec_inr_cont__new_article li:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.my_page_sec_inr_cont__new_article li {
	transition: var(--transition);
	border-bottom: 1px solid var(--color-gray);
}

/* my_page_setting.html */

.my_page_tab_sec {
	padding: 3.2rem 2.4rem;
	width: 22.9rem;
}

.my_page_setting_wrap {
	/* padding: 3.2rem 6.4rem 3.2rem 0; */
	/* margin-left: 27.3rem; */
	flex: 1;
}

.my_page_setting_tab_inr_sec {
	flex: 1;
	max-width: 77rem;
	padding: 3.2rem 2.4rem 3.2rem 2.4rem;
	min-height: calc(100vh - 112px);
	/* margin-left: 22.9rem; */
}

.my_page_setting_tab_list .js_crnt {
	color: var(--color-blue);
	transition: var(--transition);
}

.my_page_setting_tab_list_ttl_wrap {
	width: 22.9rem;
	height: auto;
	padding: 3.2rem 2.4rem;
	border-right: 1px solid var(--color-gray);
	position: sticky;

}

.my_page_setting_tab_list_ttl {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 2.8rem;
	padding-bottom: 2.4rem;
	border-bottom: 1px solid #E3E3E3;
}

.my_page_setting_tab_list_ttl::before {
	background-image: url(../img/common/setting-icon.svg);
	width: 2rem;
	height: 2rem;
	left: 0rem;
	top: 0.4rem;
	background-repeat: no-repeat;
}

.my_page_setting_tab_list_itm {
	width: fit-content;
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	margin-top: 1.6rem;
	transition: var(--transition);
	cursor: pointer;
}

.my_page_setting_tab_list_itm:hover {
	color: var(--color-blue);
	transition: var(--transition);
}

.my_page_setting_tab_list_itm p {
	width: fit-content;
}

.my_page_setting_tab_inr_sec_cont {
	padding: 2.4rem 5.7rem;
	border-radius: 0 0 8px 8px;
	background: var(--Blue-100, rgba(242, 247, 253, 0.40));
}

.my_page_setting_tab_inr_sec_cont input {
	/* display: flex;
	flex: 1; */
	/* width: 300px; */
	height: 30px;
	padding: 8px;
	align-items: center;
	/* gap: 10px; */
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #E5E5E5;
	background: var(--color-reverse);
	width: 95%;
	/* margin-left: 2.8rem; */
	color: var(--color-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
}

.my_page_setting_tab_inr_sec_cont_note_text {
	color: var(--color-black);
	font-size: 11px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.33px;
}

.my_page_setting_tab_inr_sec_ttl_wrap {
	padding: 8px 24px;
	border-radius: 8px 8px 0 0;
	background: var(--color-blue);
}

.my_page_setting_tab_inr_sec_ttl {
	color: var(--color-reverse);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.48px;
	padding-left: 3.3rem;
}

.my_page_setting_tab_inr_sec_ttl::before {
	background-image: url(../img/common/lock_icon.svg);
	width: 2.5rem;
	height: 2.5rem;
	background-repeat: no-repeat;
	left: -0rem;
	top: 0.1rem;
}

.my_page_setting_tab_inr_sec_cont_textarea_wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
}






.my_page_setting_tab_inr_sec_cont_row {
	display: grid;
	grid-template-columns: 21.4rem 1fr;
	gap: 2.8rem;
	align-items: center;
	margin-top: 1.6rem;
}

.my_page_setting_tab_inr_sec_cont_text {
	color: var(--color-black);
	font-size: 16px;
	font-weight: 350;
	line-height: 175%;
	letter-spacing: 0.48px;
}

.my_page_setting_tab_inr_sec_cont_textarea_wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media (max-width:1117px) {
	.my_page_setting_tab_inr_sec_cont {
		padding: 2.4rem 2.4rem;
	}

	.my_page_setting_tab_inr_sec_cont_row {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

}

.my_page_sec_inr_cont_category_list {
	flex-wrap: wrap;
}

.my_page_sec_inr_cont_category_item {
	width: fit-content;
	padding: 3px 12px;
	/* height: 2.8rem; */
	border: 1px solid var(--color-darkgray);
	border-radius: 999px;
	background-color: var(--color-reverse);
	color: var(--color-darkgray);
	color: var(--Black-Gray-40, #888);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: 0.48px;
	white-space: nowrap
}

.my_page_sec_inr_cont_category_item_no_cat {
	font-size: 1.2rem;
}

.my_page_setting_tab_inr_sec_ttl__bookMark::before {
	background-image: url(../img/common/favorite_icon_wh.svg);
	top: 0.2rem;
}

.my_page_sec_inr_cont_item__bookMark {
	border-bottom: 1px solid var(--color-gray);
}

.my_page_sec_inr_cont_item__bookMark+.my_page_sec_inr_cont_item__bookMark {
	margin-top: 1.6rem;
}

.my_page_sec_inr_cont_text__bookMark {
	border: none;
	padding: 0;
}

.my_page_setting_tab_inr_sec_ttl__category::before {
	background-image: url(../img/common/category_icon.svg);
	top: 0.6rem;
	left: 0.5rem;
}

.my_page_sec_inr_cont_category_item_btn {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	aspect-ratio: 1/1;
	border-radius: 999px;
	background: var(--color-blue);
}

.my_page_sec_inr_cont_category_item_btn_text {
	color: var(--color-reverse);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.67;
	letter-spacing: 0.48px;
}


#categoryModal .g_modal_content {
	background: white;
	width: 58.9%;
	height: 52rem;
	/* height: 55%; */
	max-width: 102.2rem;
	/* margin: 100px auto; */
	padding: 3.2rem;
	position: relative;
	top: 18.6%;
}

/* 
.modal_close_btn {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
} */

.modal_category_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* 4列 */
	column-gap: 10px;
	/* margin: 10px 0; */

	height: 24rem;
	/* 高さ制限 */
	overflow-y: auto;
	/* 縦スクロール */
	padding-right: 10px;
	/* スクロールバーの余白 */
}

/* .modal_category_list label {
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
	display: flex;
	align-items: center;
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.48px;
} */

#categoryModal h3 {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.71;
	letter-spacing: 0.48px;
}

#new_category_name {
	border-radius: 4px;
	background: #F5F5F5;
	width: fit-content;
	height: 4.8rem;
	flex: 1;
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.48px;
	padding-left: 0.8rem;
}

#add_category_btn {
	width: 9.8rem;
	height: 3.2rem;
	display: flex;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: var(--color-reverse);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	transition: var(--transition);
	white-space: nowrap;
}

#add_category_btn:hover,
#reset_selection_btn:hover {
	background-color: var(--color-reverse);
	color: var(--color-blue);
	transition: var(--transition);
}

#select_all_btn {
	width: fit-content;
	height: 2.8rem;
	display: flex;
	padding: 6px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	background: var(--color-darkgray);
	border: 1px solid var(--color-darkgray);
	color: var(--color-reverse);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.71;
	letter-spacing: 0.36px;
	transition: var(--transition);
	white-space: nowrap;
}

#select_all_btn:hover {
	background-color: var(--color-reverse);
	color: var(--color-darkgray);
	transition: var(--transition);
}

#reset_selection_btn {
	width: fit-content;
	height: 2.8rem;
	display: flex;
	padding: 6px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	background: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: #FFF;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.71;
	letter-spacing: 0.36px;
	transition: var(--transition);
}

.my_page_setting_category_list_cont {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #EEECEC;
}

#save_changes_btn {
	width: fit-content;
	height: 3.2rem;
	display: flex;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: var(--color-reverse);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	transition: var(--transition);
}

#save_changes_btn:hover {
	background-color: var(--color-reverse);
	color: var(--color-blue);
	transition: var(--transition);
}

@media screen and (max-width:1200px) {
	#categoryModal .g_modal_content {
		background: white;
		width: 80%;
		/* height: 50%; */
		/* max-width: 500px; */
		/* margin: 100px auto; */
		padding: 3.2rem;
		position: relative;
		top: 18.6%;
	}
}

@media screen and (max-width:1000px) {
	.modal_category_list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		/* 4列 */
		gap: 16px;
		/* margin: 10px 0; */

		height: 22rem;
		/* 高さ制限 */
		overflow-y: auto;
		/* 縦スクロール */
		padding-right: 10px;
		/* スクロールバーの余白 */
	}

	.my_page_setting_tab_list_ttl_wrap {
		width: 16rem;
		height: 100%;
		padding: 3.2rem 2rem;
	}

	.my_page_setting_wrap {
		/* padding: 3.2rem 6.4rem 3.2rem 0; */
		margin-left: 23.5rem;
		flex: 1;
	}

	.my_page_setting_tab_inr_sec {
		flex: 1;
		max-width: 77rem;
		padding: 3.2rem 3.2rem 3.2rem 2.4rem;
		margin-left: 16rem;
	}
}

@media screen and (max-width:800px) {
	.modal_category_list {
		grid-template-columns: repeat(2, 1fr);
		/* 4列 */
	}
}

/* .category_name {
	color: var(--color-black);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.42px;
} */

.category_name_item {
	position: relative;
	padding: 8px;
}

.category_delete {
	color: var(--color-darkgray);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.3px;
	margin-left: auto;
	/* ← 右寄せ */
	align-self: center;
	/* display: none; */
	cursor: pointer;
}

.category_item:hover:not(.is_editing) .category_delete {
	display: inline-block;
	/* または flex / block に必要に応じて */
}

.category_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #EEECEC;
}

.category_item_btn_wrap {
	/* height: 100%; */
	display: flex;
	margin: 0 10px 0 auto;
}

/* .category_item {
  position: relative;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: background 0.2s;
}

.category_label {
  gap: 8px;
  align-items: center;
} */

.category_actions {
	display: none;
	gap: 8px;
}

.category_item:hover .category_actions {
	display: flex;
	/* ホバー時に表示 */
}

/* ホバー時だけ表示、ただし編集中じゃないときだけ */
.category_item:hover:not(.is_editing) .edit_btn {
	display: inline-block;
}

.category_main {
	display: flex;
	/* flex-direction: column; */
	/* gap: 6px; */
}

.category_view {
	display: flex;
	align-items: center;
	gap: 10px;
}

.edit_btn {
	margin-left: 10px;
	font-size: 1.2rem;
	cursor: pointer;
	/* display: none; */
	color: var(--color-blue);
	font-style: normal;
	font-weight: 350;
	line-height: 1.71;
	letter-spacing: 0.36px;
	white-space: nowrap;
	/* margin-top: 0.2rem; */
}

.cat_remove {
	color: red;
}

.cat_add {
	color: green;
}

.edit_area {
	display: flex;
	align-items: center;
	/* gap: 8px; */
}

.edit_area input {
	border-radius: 4px;
	background: #EBEBEB;
	/* padding: 0.8rem; */
	font-size: 1.6rem;
	/* padding: 4px 8px; */
	color: var(--color-black);
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.48px;
	/* height: fit-content; */
	/* width: 7rem; */
}

/* #category_name_list li {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #EEECEC;
}

#category_name_list li + li {
	padding-top:1.6rem
} */

#category_name_list .save_btn {
	display: flex;
	width: 3.2rem;
	padding: 0.1rem 0.6rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	white-space: nowrap;
	color: var(--color-reverse);
	background: var(--color-blue);
	margin-left: 1rem;
	border: 1px solid var(--color-blue);
	transition: var(--transition);
	color: var(--color-reverse);
	font-family: "Noto Sans JP";
	font-size: 12px;
	font-style: normal;
	font-weight: 350;
	line-height: 175%;
	/* 21px */
	letter-spacing: 0.36px;
}

#category_name_list .save_btn:hover {
	background-color: var(--color-reverse);
	color: var(--color-blue);
	transition: var(--transition);
}

#category_name_list .category_delete {
	white-space: nowrap;
	margin-left: 1rem;
}

#category_name_list .category_checkbox {
	display: flex;
	width: 20.793px;
	height: 20.793px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 1.2rem;
}

#category_name_list .category_view {
	/* border-bottom: 1px solid var(--color-gray); */
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
	display: flex;
	align-items: center;
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.48px;
	transition: var(--transition);
}

#category_name_list .category_view:hover {
	opacity: var(--opacity);
	transition: var(--transition);
}

.my_page_setting_tab_inr_sec_category_list li {
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
	border-bottom: 1px solid #EEECEC;
}

.my_page_setting_tab_inr_sec_category_list .save_btn {
	display: flex;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	white-space: nowrap;
	color: var(--color-reverse);
	background: var(--color-blue);
	margin-left: 1.6rem;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.36px;
}

#deleteConfirmModal {
	z-index: 999999999999999999;
}

#deleteConfirmModal .g_modal_content {
	background: white;
	/* width: 58.9%; */
	/* height: 44.7%; */
	/* height: 12%; */
	height: auto;
	max-width: 60rem;
	/* margin: 100px auto; */
	padding: 2.4rem 3.2rem;
	position: relative;
	top: 28%;
	display: flex;
	flex-direction: column;
	/* ← 縦方向に並べる */
	justify-content: space-between;
	/* ← 上下両端に寄せる */
}

#deleteConfirmModal p {
	color: var(--color-black);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.71;
	letter-spacing: 0.48px;
	margin-bottom: 1rem;
	text-align: center;
}

.category_delete_modal_cancel_btn {
	display: flex;
	width: fit-content;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--color-darkgray);
	color: var(--White-100, #FFF);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	border: 1px solid var(--color-darkgray);
	white-space: nowrap;
	transition: var(--transition);
}

.category_delete_modal_cancel_btn:hover {
	background-color: #F0F0F0;
	color: var(--color-darkgray);
	transition: var(--transition);
	/* border: var(--color-darkgray); */
}

.category_delete_modal_confirm_btn {
	display: flex;
	width: fit-content;
	padding: 2px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: #006CE4;
	color: #FFF;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	letter-spacing: 0.48px;
	border: 1px solid var(--color-blue);
	transition: var(--transition);
}

.category_delete_modal_confirm_btn:hover {
	background-color: var(--color-reverse);
	color: var(--color-blue);
	transition: var(--transition);
}

.my_page_modal {
	height: auto;
	top: 50%;
	bottom: unset;
	transform: translateY(-50%);
	max-width: 50%;
	width: 100%;
}

.my_page_modal p {
	text-align: center;
	margin: 1rem auto 2.5rem;
}

@media (max-width:930px) {
	.edit_area input {
		border-radius: 4px;
		background: #EBEBEB;
		/* padding: 0.8rem; */
		font-size: 1.4rem;
		/* padding: 4px 8px; */
		color: var(--color-black);
		font-style: normal;
		font-weight: 350;
		line-height: 1.71;
		letter-spacing: 0.42px;
		width: 8rem;
	}
}

/* Fortinetサイトについて */
.about_sec h4 {
	color: var(--color-black);
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.60;
	/* 41.6px */
	letter-spacing: 0.65px;
}

.about_sec p {
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 1.75;
	/* 28px */
	letter-spacing: 0.48px;
}

.about_sec_btn a {
	display: flex;
	width: 14.9rem;
	height: 4rem;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: var(--color-darkgray);
	color: var(--color-reverse);
	border: 1px solid var(--color-darkgray);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.71;
	/* 23.94px */
	letter-spacing: 0.42px;
	transition: var(--transition);
}

.about_sec_btn a:hover {
	background: var(--color-reverse);
	color: var(--color-darkgray);
	opacity: var(--opacity);
	transition: var(--transition);
}

.about_sec_btn .about_sec_btn_register {
	background-color: var(--color-skyblue);
	width: 18rem;
	border: 1px solid var(--color-skyblue);
	transition: var(--transition);
	padding: 0 1.6rem 0 4.6rem;
}

.about_sec_btn .about_sec_btn_register::after {
	-webkit-mask-image: url(../img/common/account-circle.svg);
	mask-image: url(../img/common/account-circle.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--color-reverse);
	/* background-image: url(../img/common/account-circle.svg); */
	width: 2.5rem;
	height: 2.5rem;
	left: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
}

.about_sec_btn .about_sec_btn_register:hover::after {
	background-color: var(--color-skyblue);
	transition: var(--transition);
}

.about_sec_btn .about_sec_btn_register:hover {
	background-color: var(--color-reverse);
	width: 18rem;
	color: var(--color-skyblue);
	transition: var(--transition);
	opacity: var(--opacity);
}



/* ーーーーーーーーー */

/* 共通パーツ */

.download_list_item {
	text-indent: -1em;
	padding-left: 1em;
}

/* 矢印アイコン用の疑似要素を追加 */
/* #mdl_techToggle::after,
#mdl_tagToggle::after {
  background-image: url(../img/common/arrow_double.svg); 
	display: inline-block;
  margin-left: 8px;
  transition: transform 0.3s ease;
} */

/* expanded クラスがついたら矢印を上向きにする */
#mdl_techToggle.expanded::before,
#mdl_tagToggle.expanded::before {
	transform: translateY(-50%) rotate(180deg);
	top: 50%;
}

#techToggle.expanded::before,
#tagToggle.expanded::before {
	transform: translateY(-50%) rotate(180deg);
	top: 50%;
}


/* cookie */
/* -------------------- */

.l_wrap_cookie_inr {
	padding: 3rem;
}


/********************
	errrors
********************/
#cat-err {
	font-size: 1.4rem;
	color: firebrick;
	margin: 1rem 0;
	text-align: left;
}


/* Register Form	 */
#register-form {
	display: block;
	max-width: 600px;
	width: 100%;
	margin: auto;
}

.regsiter_ttl {
	margin-top: 4rem;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.75;
	letter-spacing: .05em;
	color: var(--color-black);
	text-align: center;
}

.reg_label {
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}

#register-form input {
	max-width: 500px;
	width: 100%;
	height: 3rem;
	border: 1px solid var(--color-gray);
	padding-left: 1rem;
	display: inline-block;
	border-radius: 4px;
	background: #F5F5F5;
	color: var(--color-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.48px;
	padding-left: 0.8rem;
}

.password_field {
	position: relative;
}

/* .password_field input {
	padding-right: 40px;
} */

.toggle-password {
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: #777;
	font-size: 16px;
}

.toggle-password.my_page {
	top: 24px;
}

.toggle-password:hover {
	color: #000;
}

/* Hide Edge / IE password reveal icon */
input[type="password"]::-ms-reveal {
	display: none;
}

/* Hide Edge clear button */
input[type="password"]::-ms-clear {
	display: none;
}

/* Remove Safari password contacts icon */
input[type="password"]::-webkit-credentials-auto-fill-button {
	visibility: hidden;
	display: none !important;
}

.form-req {
	color: var(--wp--preset--color--vivid-red);
	margin-left: 1rem;
}

.reg-form-note {
	font-size: 1.2rem;
}

.radio_area {
	display: flex;
	align-items: center;
}

label[for="sev-regist-index-entry-check"] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.terms_link {
	font-weight: 500;
	color: var(--color-black);
	line-height: 1.75;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 530px;
}

.terms_link a {
	text-decoration: underline;
	color: var(--color-blue);
	text-underline-offset: 0.4rem;
}

.header_login_modal_btn_login.register {
	max-width: 500px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin-left: 0;
	margin-bottom: 0.5rem;
}

.register_note {
	font-weight: 700;
	font-size: 1.4rem;
}

.reg-err {
	display: none;
	color: var(--wp--preset--color--vivid-red);
	font-size: 1.4rem;
	font-weight: 400;
	padding-top: 0.5rem;
}

/* ーーーーーーーーーーーーー */

.terms_wrp a {
	color: #006CE4;
}

.terms_wrp h2 {
	color: var(--color-black);
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.68;
	letter-spacing: 0.54px;

}