body{
	background: #F0F9FD;
}
#wpadminbar {
	display: none;
}
.wpcf7-spinner {
	display: none !important;
}
.mypage-header {
	display: flex;
	position: relative;
	height: 186px;
}
.mypage-header-user {
	height: fit-content;
}
.mypage-header-right {
	display: flex;
	justify-content:space-between;
	flex: 1;
	margin-left:305px;
	padding:49px 52px 25px 61px;
	background-image:url("../../../uploads/2026/01/cross.webp");
}
.mypage-menu {
	max-width: 305px;
	width:100%;
	padding-top: 41px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: column;
	bottom: 0;
	z-index:9;
}
.mypage-logo-header{
	width:258px;
	margin:0 auto;
}
.mypage-logo-header img{
	width:100%;
}
.menu-list{
	border-top:3px solid #D9D9D9;
	margin-top:43px;
}
.menu-link{
	padding:27px 24px 25px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size:16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	color:#0072C3;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
	transition:opacity 0.3s ease;
}
.menu-link:hover{
	opacity:0.5;
}
.submenu {
	display: none;
	flex-direction: column;
	position: absolute;
	left: 305px;
	width: 250px;
	padding-right: 5px;
	box-sizing: border-box;
	border:1px solid #BCBDC0;
	background-color:white;
	top: 0;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.actived .submenu{
	display:flex;
}
.menu-item.has-submenu{
	position:relative;
}
.submenu a{
	border-bottom:1px solid #CCCCCC;
	padding:19px 34px;
	text-decoration-color: #0072C3;
	color:#0072C3;
	font-size:16px;
	font-weight:500;
	transition:opacity 0.3s ease;
}
.submenu a:last-child{
	border-bottom:0;
}
.submenu a.special{
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
}
.submenu a.special svg {
	width: 17px;
	height: 17px;
}
.submenu a:hover{
	opacity:0.5;
}
.mypage-container {
	display: flex;
}
.mypage-fill {
	width: 305px;
	display: block;
}
#icon-menu-home{
	width:26px;
	height:24px;
	display:block;
}
#icon-menu-board{
	width:20px;
	height:24px;
	display:block;
}
#icon-menu-pencil{
	width:22px;
	height:22px;
	display:block;
}
#text-no-logo{
	margin-left:39px;
}
#text-board{
	margin-left:17px;
}
.text-menu {
	display: flex;
}
.text-menu p{
	margin-left:14px;
}
.arrow-left{
	width:7px;
	height:14px;
}
.arrow-left img{
	width:100%;
}
.mypage-content {
	flex: 1;
	background-color: rgba(0, 158, 225, 0.06);
	height: calc(100vh - 186px);
	padding: 50px 61px 50px 61px;
	box-sizing: border-box;
	width: 1;
}
.mypage-content-inner {
	width: 100%;
	height: 100%;
	background-color: white;
	overflow-y: auto;
}
.submenu-toggle {
	padding: 27px 24px 25px 22px;
	width: 100%;
	cursor: pointer;
	border: none;
	background: white;
	border-bottom: 1px solid #CCC;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	color: #0072C3;
	font-size: 16px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	transition:opacity 0.3s ease;
}
.submenu-toggle:hover{
	opacity:0.5;
}
.mypage-header-id{
	font-size:15px;
	line-height:100%;
	font-weight:700;
	color:#0072C3;
}
.mypage-header-name{
	font-size:28px;
	font-weight:500;
	line-height:100%;
	color: #0072C3;
	margin:19px 0 17px 0;
}
.mypage-header-company{
	border:1px solid #0072C3;
	border-radius:30px;
	padding:5px 13px;
	color:#0072C3;
	font-size:12px;
	width: fit-content;
	font-weight:700;
	line-height:100%;
	background-color: #F1F9FF;
}
.button-user-action {
	display: flex;
	gap:28px;
	height:fit-content;
}
form{
	margin:0;
}
.mail-logo-svg {
	display: block;
	width: 29px;
	margin: 0 auto;
}
.logout-logo-svg{
	display:block;
	width:24px;
	margin:0 auto;
}
.mypage-header-contact{
	width:98px;
	height:88px;
	border:2px solid #0072C3;
	background:#0072C3;
	color:white;
	font-size:14px;
	font-weight:700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	border-radius:10px;
	box-sizing:border-box;
	transition:background-color 0.3s ease;
	line-height:100%;
}
.mypage-header-contact:hover{
	background:white;
	color:#0072C3;
}
.mypage-header-logout{
	width:98px;
	height:88px;
	line-height:100%;
	border:2px solid #0072C3;
	background:#F1F9FF;
	color:#0072C3;
	font-weight:700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	border-radius:10px;
	transition:background-color 0.3s ease;
}
.mypage-header-logout:hover{
	background:#0072C3;
	color:white;
}
.left-side {
	flex-grow: 1;
	width: 1;
}
.mypage-news {
	width: 100%;
	height: 444px;
	border-radius: 20px;
	background-color: white;
	padding: 24px 29px 39px 29px;
	box-sizing: border-box;
}
.news-item-js:first-child{
	margin-top:40px;
}
.news-item-js{
	text-decoration:none;
	margin-bottom:25px;
	align-items:center;
}
.news-info-tag{
	display:flex;
	gap:13px;
	color:#89B7E0;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	align-items:center;
	font-size:11px;
	line-height:100%;
}
.news-category{
	padding:2px 8px;
	border:1px solid #89B7E0;
	border-radius:5px;
}
.news-info-link {
	text-decoration: none;
	margin-bottom:25px;
	display: block;
	transition:opacity 0.5s ease;
}
.news-info-link:hover{
	opacity:0.5
}
.news-info-link:last-child,.news-info-link:nth-child(3){
	margin-bottom:0;
}
.news-info-link h3{
	font-size:13px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color:#0072C3;
	text-decoration:underline #0072C3;
	width:fit-content;
	max-width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mypage-content-flex{
	display: flex;
	gap: 50px;
	height: 100%;
	overflow-y: auto;
}
.information-1 {
	display: flex;
	align-items: center;
	justify-content:center;
	background: white;
	width:277px;
	height:85px;
}
.information-1 p{
	font-size:20px;
	font-weight: 700;
	color:#0B2570
		font-family: 'Noto Sans JP', sans-serif;
}
.information-1-thumbnail{
	width:110px;
	margin-left:16px;
}
.information-1-thumbnail img{
	width:100%;
}
.information-2{
	background:#D9D9D9;
	margin-top:20px;
	padding:38px 0 33px 0;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	text-align:center;
}
.mypage-news-title p{
	font-size:20px;
	line-height:100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#0072C3;
}
.mypage-news-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 11px;
	margin-bottom:14px;
	border-bottom:1px solid #CCCCCC;
}
.mypage-news-more {
	display: flex;
	text-decoration:none;
	transition:opacity 0.5s ease;
}
.mypage-news-more:hover{
	opacity:0.5
}
.mypage-news-more p{
	font-size:14px;
	line-height:100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
.arrow-right-mypage{
	width:18px;
	margin-left:7px;
}
.mypage-news-contanier {
	background: white;
	border-radius: 20px;
	padding:24px 32px 59px 32px;
}
.date{
	font-size: 14px;
	line-height:100%;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #89B7E0;
	margin-left:auto;
}
.category {
	font-size: 14px;
	line-height:100%;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	padding: 2px 6px;
	color: #89B7E0;
	border: 2px solid #89B7E0;
	border-radius: 10px;
	min-width:70px;
	text-align:center;
}
.title{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	text-decoration:underline #0072C3;
	color:#0072C3;
	font-size:16px;
	/* 	width: fit-content; */
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 24px;
}
.news-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 23px;
	font-family: sans-serif;
}
.pagi-btn {
	background: none;
	border: none;
	color: #0072C3;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding:0;
}
.pagi-btn:hover {
	text-decoration: underline;
}
.page-num-active {
	font-size: 18px;
	font-weight: bold;
	color: white;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	background:#0072C3;
	border-radius: 50%;
}
.arrow-svg{
	width:23px;
	height:22px;
}
.arrow-svg-mirror{
	transform: scaleX(-1);
}
.arrow-svg svg{
	width:100%;
}
.mypage-location{
	font-size:12px;
	text-decoration:underline;
	color:#0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	margin-bottom:17px;
}



.mypage-editor-post-contanier {
	width: 100%;
	height: 444px;
	background-color: white;
	border-radius: 20px;
	padding: 16px 32px 28px 32px;
	box-sizing: border-box;
}
.mypage-editor-post-title {
	display: flex;
	justify-content: space-between;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.editor-post-title {
	font-weight: bold;
	color: #0072C3;
	font-size: 20px;
}
.btn-new-post {
	width: 139px;
	height: 30.75px;
	border-radius: 20px;
	border: 1px solid #FF9503;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	color: #FF9503;
	font-size: 11px;
	font-weight: 500;
	transition:background-color 0.5s ease;
}
.btn-new-post:hover{
	background-color:#FF9503;
	color:white;
}
.btn-new-post svg {
	width: 14px;
	height: 14px;
}
.post-list-item {
	display: flex;
	gap: 12px;
}

.post-link-area {
	flex-grow: 1;
	display: flex;
	text-decoration: none;
	transition:opacity 0.5s ease;
}
.post-link-area:hover{
	opacity:0.5;
}
.editor-post-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-family: sans-serif;
	margin-top: 35px;
}
.editor-post-pagi-btn {
	background: none;
	border: none;
	color: #0072C3;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
	transition:opacity 0.5s ease;
}
.editor-post-pagi-btn:hover{
	opacity:0.5;
}
.editor-post-page-num-active {
	font-size: 18px;
	font-weight: bold;
	color: white;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #0072C3;
	border-radius: 50%;
}
.editor-post-pagi-btn {
	background: none;
	border: none;
	color: #0072C3;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
}

.mypage-add-post {
	width: 100%;
	overflow-y: scroll;
	height: 100%;
	background-color: white;
	padding: 24px 32px 59px 32px;
	box-sizing: border-box;
	border-radius: 20px;
	position:relative;
}
.editor-add-post-title{
	font-size:20px;
	padding-bottom:11px;
	margin-bottom:46px;
	border-bottom:1px solid #CCCCCC;
	line-height:100%;
	letter-spacing:0.1em;
	color:#0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
}
.form-section-title{
	font-size:20px;
	margin-top:89px;
	margin-bottom:64px;
	line-height:100%;
	letter-spacing:0.1em;
	color:#0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	padding-left:16px;
	border-left:4px solid #0072C3;
}
.form-section-title:first-of-type{
	margin-top:0;
}
.form-input p label{
	font-size:16px;
	color:#0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
	margin-bottom:11px;
	display: block;
}
.form-input p span{
	display:block;
}
.wpcf7-form-control{
	width:100%;
	border-radius:10px;
	border:1px solid #0072C3;
	padding: 10px 20px 12px 20px;
	background:white;
	font-size:14px;
	line-height:100%;
	box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-text.full-width,.wpcf7-form-control.wpcf7-select,.wpcf7-form-control.wpcf7-date,.wpcf7-form-control[type="text"]{
	height:50px;
}
.wpcf7-form-control.wpcf7-textarea{
	resize: vertical;
	min-height:200px;
}
.form-input{
	margin-top:42px;
}
.form-input:first-of-type{
	margin-top:0;
}
#in-category-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.parent-category-title {
	font-size: 16px;
	color: #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	margin-bottom: 11px;
	display: block;
}
.child-checkboxes {
	font-size: 16px;
	color: #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin-bottom: 11px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.category-group input[type="checkbox"] {
    width: 20px;
    height: 20px;
}
.wpcf7-not-valid-tip {
	color: #ff0000;
	font-family: "Noto Sans JP', sans-serif";
	font-size: 12px !important;
	margin-top: 10px;
	font-weight: 700;
}
#btn-to-preview{
	max-width:650px;
	width:90%;
	height:65px;
	background:#0072C3;
	color:white;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight:700;
	border:1px solid #0072C3;
	border-radius:50px;
	margin:62px auto 0 auto;
	display:block;
	cursor:pointer;
	transition:background-color 0.5s ease;
	font-size:21px;
	line-height:100%;
}
#btn-to-preview:hover{
	background:white;
	color:#0072C3;
}
.upload-input {
	display: flex;
	width:fit-content;
	margin-top:20px;
}
.upload-input-first{
	margin-top:0;
}
.upload-text{
	border:1px solid #0072C3;
	color:#AEAEAE;
	line-height:100%;
	font-size:16px;
	font-family: "Noto Sans JP', sans-serif";
	font-weight:600;
	letter-spacing:0.1em;
	padding:11px 15px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	width: 232px;
	line-height: 24px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.upload-btn {
	font-weight: 700 !important;
	margin-bottom: 0 !important;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	padding:11px 18px;
	color:white !important;
	background:#0072C3; 
	cursor:pointer;
	transition:background-color 0.5s ease;
	border: 1px solid #0072C3;
}
.upload-btn:hover{
	color:#0072C3 !important;
	background:white;
}
.wrapper-input img {
	width: 382px;
	border-radius: 10px;
}
.custom-file {
	position: absolute;
	opacity: 0;
	width: 232px;
	top: 0;
}
.wrapper-input {
	position: relative;
}
.wpcf7-form-control-wrap {
	position: initial;
}
select {
	appearance: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' transform='rotate(90 14 14)' stroke='%230072C3'/%3E%3Cpath d='M20.2227 12.4445L14.0004 18.6667L11.5115 16.1778L7.77821 12.4445' stroke='%230072C3'/%3E%3C/svg%3E") 
		no-repeat right 11px center white !important;
	background-size: 1.875vw !important;
}

.badge {
	width: 66px;
	height: 20px;
	padding: 0;
	border-radius: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 11px;
	color: white;
	box-sizing: border-box;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
}
.status-pending, .estatus-hide {
	background-color: transparent;
	border: 1px solid #0072C3;
	color: #0072C3;
}
.status-public, .estatus-show {
	background-color: #0072C3;
}
.post-title {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	flex-grow: 1;
	color: #0072C3;
	font-weight: 500;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	width: 1;
	padding-right: 10px;
}
.post-date {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #89B7E0;
	font-size: 11px;
}
.post-list {
	margin-top: 40px;
	display: flex;
	gap: 20px;
	flex-direction: column;
	height: 232px;
}
#form-preview-step{
	display:none;
}
#form-preview-step h2{
	text-align:center; 
	margin-bottom: 20px;
	color: #0072C3;
	font-size: 28px;
	line-height:100%;
}
.preview-row {
	margin-bottom: 20px;
	border-bottom: 1px solid #0072C3;
	padding-bottom: 10px;
}
.preview-row p label{
	display: block;
	margin-bottom: 10px;
	font-weight: 900;
	color: #0072C3;
	font-size: 16px;
}
.preview-detail{
	font-weight: 400;
	font-size: 16px;
}
.preview-images p {
	display: flex;
	flex-direction: column;
	gap: 5px;
	line-height: 0;
}
#out-img1, #out-img2, #out-img3{
	width: 382px;
	border-radius: 10px;
	object-fit: contain;
}

#out-cimg {
	width: 250px;
}
.button-group{
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-direction: column;
	max-width: 650px;
	margin: 30px auto 0 auto;
}
#btn-back-edit {
	width: 100%;
	padding: 10px 20px 12px 20px;
	background: white;
	box-sizing: border-box;
	border-radius: 50px;
	border: 1px solid #0072C3;
	font-weight: 700;
	font-size: 18px;
	line-height:100%;
	background: white;
	color:#0072C3;
	cursor:pointer;
	transition:background-color 0.5s ease;
}
.wpcf7-submit{
	width: 100%;
	padding: 10px 20px 12px 20px;
	background: white;
	box-sizing: border-box;
	border-radius: 50px;
	border: 1px solid #0072C3;
	font-weight: 700;
	font-size: 18px;
	line-height:100%;
	background: #0072C3;
	color:white;
	cursor:pointer;
	transition:background-color 0.5s ease;
}
.wpcf7-submit:hover{
	background-color:white;
	color:#0072C3;
}
.applied {
	width: 100%;
	height: 444px;
	background-color: white;
	border-radius: 20px;
	padding: 24px 32px 36px 32px;
	box-sizing: border-box;
}
.list-title {
	font-weight: bold;
	font-size: 20px;
	color: #0072C3;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.applied-list {
	margin-top: 35px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: 234px;
}
.applied-each {
	display: flex;
	gap: 12px;
}
.applied-name {
	flex-grow: 1;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #0072C3;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	width: 1px;
	padding-right: 10px;
}
.applied-date {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #89B7E0;
	font-size: 11px;
}
.applied-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	font-family: sans-serif;
	margin-top: 37px;
}
.applied-pagi-btn {
	background: none;
	border: none;
	color: #0072C3;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
}
.applied-page-num-active {
	font-size: 18px;
	font-weight: bold;
	color: white;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #0072C3;
	border-radius: 50%;
}



.bookmark {
	width: 100%;
	height: 444px;
	border-radius: 20px;
	background-color: white;
	padding:24px 29px 39px 29px;
	box-sizing: border-box;
}
.bookmark-title {
	font-size: 20px;
	font-weight: bold;
	color: #0072C3;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.bookmark-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 42px;
	height: 243px;
}
.bookmark-each {
	display: flex;
	align-items:center;
	gap: 12px;
}
.bm-svg {
	cursor: pointer;
	width: 10px;
	height: 13px;
}
.bm-title {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 14px;
	flex-grow: 1;
	color: #0072C3;
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	width: 1px;
	padding-right: 10px;
	transition:opacity 0.5s ease;
}
.bm-title:hover{
	opacity:0.5;
}
.bm-date {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 11px;
	line-height:100%;
	height:fit-content;
	color: #89B7E0;
}
.bookmark-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	font-family: sans-serif;
	margin-top: 37px;
}
.bookmark-pagi-btn {
	background: none;
	border: none;
	color: #0072C3;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
	transition:opacity 0.5s ease;
}
.bookmark-pagi-btn:hover{
	opacity:0.5;
}
.bookmark-page-num-active {
	font-size: 18px;
	font-weight: bold;
	color: white;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0072C3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #0072C3;
	border-radius: 50%;
}


.mypage-post-complete-contanier {
	width: 100%;
	height: 482px;
	background-color: white;
	border-radius: 20px;
	padding: 16px 32px 28px 32px;
	box-sizing: border-box;
}
.editor-post-complete-title {
	font-weight: 500;
	font-size: 30px;
	margin-top: 61px;
	text-align: center;
	color: #0072C3;
}
.editor-post-complete-text {
	font-size: 16px;
	margin-top: 30px;
	text-align: center;
	color: #0072C3;
}
.editor-post-complete-email {
	font-size: 16px;
	margin-top: 26px;
	text-align: center;
	color: #0072C3;
}
.editor-post-complete-url {
	width: 348px;
	height: 65px;
	margin: 40px auto 0 auto;
	border-radius: 50px;
	border: 1px solid #0072C3;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0072C3;
	text-decoration: none;
	font-weight: 600;
	transition:background-color 0.5s ease;
}
.editor-post-complete-url:hover{
	background-color:#0072C3;
	color:white;
}

.email-change-pending {
	background: white;
	width: 100%;
	padding: 24px 29px 39px 29px;
	border-radius: 20px;
	box-sizing: border-box;
	overflow-y: auto;
	height: 100%;
}
.email-change-pending-title {
	font-size: 30px;
	margin-top: 80px;
	text-align: center;
	color: #0072C3;
}
.email-change-pending-desc {
	font-size: 20px;
	margin-top: 30px;
	text-align: center;
	color: #0072C3;
}
.email-change-pending-if {
	font-size: 20px;
	margin-top: 50px;
	text-align: center;
	color: #0072C3;
}
#resend-btn {
	width: 380px;
	height: 60px;
	border-radius: 30px;
	margin: 40px auto 0 auto;
	display: block;
	background-color: #0072C3;
	border: 1px solid #0072C3;
	box-sizing: border-box;
	color: white;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition:background-color 0.5s ease-in;
}
#resend-btn:hover{
	background-color:white;
	color:#0072C3;
}
.email-change-pending-back {
	width: 380px;
	height: 60px;
	border-radius: 30px;
	margin: 40px auto 0 auto;
	background-color: white;
	border: 1px solid #0072C3;
	box-sizing: border-box;
	color: #0072C3;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-bottom: 50px;
	transition:background-color 0.5s ease-in;
}
.email-change-pending-back:hover{
	color: white;
	background-color:#0072C3;
}
.email-change-pending-message {
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
}


.member-delete {
	width: 100%;
	height: 516px;
	border-radius: 20px;
	padding:24px 29px 39px 29px;
	box-sizing: border-box;
	background-color: white;
}
.member-delete-title {
	font-size: 20px;
	color: #0072C3;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.member-delete-question {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 14px;
	margin-top: 25px;
	color: #0072C3;
}
.manual-delete-label {
	color: #0072C3;
	font-weight: bold;
	font-size: 16px;
	margin-top: 29px;
}
#manual-id-field {
	width: 100%;
	padding: 13px 0 13px 19px;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #0072C3;
}
.member-delete-terms {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 12px;
	margin-top: 25px;
	color: #0072C3;
	line-height: 22px;
}
.member-delete-agree {
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.member-delete-agree label {
	font-size: 14px;
	font-weight: 500;
	color: #0072C3;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
}
.member-delete-agree label input {
	padding: 0;
	margin: 0;
	width: 23px;
	height: 23px;
	border: 1px solid #0072C3;
}
.member-delete-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 27px;
	gap: 23px;
}
#delete-trigger-btn {
	width: 256px;
	height: 65px;
	border-radius: 50px;
	background-color: #0072C3;
	border:1px solid #0072C3;
	color: white;
	cursor: pointer;
	transition:background-color 0.5s ease;
}
#delete-trigger-btn:hover{
	background:white;
	color:#0072C3;
}
.member-delete-cancel {
	width: 256px;
	height: 65px;
	border-radius: 50px;
	background-color: white;
	color: #0072C3;
	border: 1px solid #0072C3;
	cursor: pointer;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition:background-color 0.5s ease;
}
.member-delete-cancel:hover{
	background:#0072C3;
	color:white;
}

.edit-actions {
	display: none;
	gap: 10px;
	margin-top: 10px;
}
.btn-submit {
	width: 100px;
	height: 30px;
	margin-top: 10px;
	border-radius: 15px;
	background-color: #0072C3;
	border: 1px solid #0072C3;
	color: white;
	font-size: 14px;
	cursor: pointer;
	transition:background-color 0.5s ease;
}
.btn-submit:hover{
	color:#0072C3;
	background-color:white;
}
.btn-cancel {
	width: 100px;
	height: 30px;
	margin-top: 10px;
	border-radius: 15px;
	background-color: transparent;
	border: 1px solid #0072C3;
	color: #0072C3;
	font-size: 14px;
	cursor: pointer;
	transition:background-color 0.5s ease;
}
.btn-cancel:hover{
	background-color:#0072C3;
	color:white;
}
.editing .val-display { display: none; }
.editing .val-input { display: block; }
.editing .btn-edit { display: none; }
.editing .edit-actions { display: flex; }
.success-msg { color: green; background: #e0ffe0; padding: 10px; margin-bottom: 20px; }
.error-msg { color: red; background: #ffe0e0; padding: 10px; margin-bottom: 20px; }


.member-info {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: white;
	border-radius: 20px;
	/* 	padding: 22px 32px 24px 32px; */
	padding:24px 29px 39px 29px;
	box-sizing: border-box;
}
.member-info-title {
	font-size: 20px;
	color: #0072C3;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.member-info-head {
	font-weight: bold;
	font-size: 20px;
	color: #0072C3;
	padding-left: 15px;
	box-sizing: border-box;
	border-left: 4px solid #0072C3;
	margin-top: 46px;
}
.btn-edit {
	width: 100px;
	height: 30px;
	margin-top: 10px;
	border-radius: 15px;
	background-color: transparent;
	border: 1px solid #0072C3;
	color: #0072C3;
	font-size: 14px;
	cursor: pointer;
	transition:background-color 0.3s ease;
}
.btn-edit:hover{
	background:#0072C3;
	color:white;
}
.member-info-datas {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 63px;
}
.member-info-data {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.member-info-label {
	font-weight: 900;
	font-size: 16px;
	color: #0072C3;
}
.read-only-text, .val-display {
	font-weight: 400;
	font-size: 16px;
	color: #0072C3;
}
#form-email {
	margin-top: 40px;
}
#form-password {
	margin-top: 40px;
}
.member-info-label-special {
	margin-top: 40px;
}
.val-input input, .val-input select {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #0072C3;
	padding: 10px 20px 12px 20px;
	background: white;
	box-sizing: border-box;
	font-size:14px;
	line-height:100%;
	height: 50px;
}
.member-info-password-container {
	position: relative;
}
.member-info-password-container svg {
	position: absolute;
	right: 12px;
	top: 25%;
	width: 25px;
	height: 25px;
	cursor: pointer;
	color: #0072C3;
}
.checkboxes {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

.checkbox-group label {
	display: flex;
	margin: 0;
	gap: 5px;
	font-size: 18px;
	font-weight: 500;
	color: #717071;
	align-items: center;
}
.val-input input[type="checkbox"] {
	width: 23px;
	height: 23px;
	margin: 0;
}
.val-display-special {
	margin-top: 20px;
}
#form-distribution {
	padding-bottom: 50px;
}
.member-delete-complete {
	width: 100%;
	height: 100%;
	padding-top: 206px;
	padding-bottom: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #F0F9FD;
}
.member-delete-complete-text {
	font-size: 32px;
	font-weight: bold;
	color: #0072C3;
	text-align: center;
}
.member-delete-complete-url {
	width: 400px;
	height: 60px;
	border: 1px solid #0072C3;
	background-color: #0072C3;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	transition:background-color 0.5s ease;
}
.member-delete-complete-url:hover{
	background:white;
	color:#0072C3;
}
.member-info-label span {
	font-size: 12px;
	font-weight: 500;
	margin-left: 14px;
}
.form-input-checkbox .wpcf7-form-control {
	padding: 0;
	row-gap: 23px;
	column-gap: 19px;
	margin-top: 24px;
}
.form-input p span {
	display: block;
	margin: 0;
}
.form-input.form-input-checkbox {
	max-width: 683px;
	width: 100%;
	height: auto;
	margin: 54px auto 0 auto;
	background: #E9E9E9;
	border: 1px solid #717071;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px 45px;
    box-sizing: border-box;
}
.form-input.form-input-checkbox p label{
	font-size:18px;
	color:#717071;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	margin: 0;
	width: fit-content;
	min-width: fit-content !important;
	align-items: center;
}
.wpcf7-form-control.wpcf7-checkbox {
	background: none;
	border: none;
	display: flex;
	flex-wrap: wrap;
	width: 490px;
}
.form-input-checkbox input[type="checkbox"] {
	margin: 0;
	margin-right: 7px;
	width: 23px;
	height: 23px;
}
.wpcf7-list-item label {
	display: flex !important;
	min-width: 85px;
}
.wpcf7-list-item-label{
	font-weight:500 !important;
	margin-left: 7px;
}
.mypage-view-post-contanier {
	width: 100%;
	background-color: white;
	border-radius: 20px;
	padding: 24px 29px 39px 29px;
	box-sizing: border-box;
	height: 100%;
	overflow-y: scroll;
}
.mypage-view-post-title {
	font-size: 20px;
	color: #0072C3;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 46px;
	line-height: 100%;
}
.view-section {
	margin-top: 46px;
}
.view-section h3 {
	font-weight: bold;
	font-size: 20px;
	color: #0072C3;
	padding-left: 15px;
	box-sizing: border-box;
	border-left: 4px solid #0072C3;
}
.news-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom:10px;
}
.info-table {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 63px;
}
.editor-view-post-label {
	font-size: 16px;
	font-weight: 900;
	color: #0072C3;
}
.editor-view-post-value {
	font-size: 16px;
	font-weight: 400;
	color: #0072C3;
	margin-top: 10px;
}
.image-grid {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	gap: 15px;
}
.image-item img {
	width: fit-content;
	height: 141px;
}
#btn-enable-edit {
	max-width: 650px;
	width: 90%;
	height: 65px;
	margin: 70px auto 0 auto;
	display: block;
	border-radius: 50px;
	border: 1px solid #0072C3;
	background: none;
	color: #0072C3;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-size: 21px;
	font-weight: 600;
	cursor: pointer;
	transition:background-color 0.5s ease;
	margin-bottom: 31px;
}
#btn-enable-edit:hover{
	background:#0072C3;
	color:white;
}
#btn-cancel-edit {
	max-width: 650px;
	width: 90%;
	height: 65px;
	margin: 70px auto 0 auto;
	display: block;
	border-radius: 50px;
	border: 1px solid #0072C3;
	background: none;
	color: #0072C3;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-size: 21px;
	font-weight: 600;
	cursor: pointer;
	transition:background-color 0.5s ease;
}
#btn-cancel-edit:hover,#btn-back-edit:hover{
	background:#0072C3;
	color:white;
}
.preview-detail-long{
	white-space: pre-wrap;
	/* 	background:#f9f9f9;
	padding:10px; */
}
.news-title{
	font-size: 25px;
	color: #0072C3;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 46px;
	line-height: 100%;
}
.news-date{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	color: #89B7E0;
	font-size: 11px;
}
.news-cat {
	width: fit-content;
	border-radius: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 11px;
	color: white;
	box-sizing: border-box;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	background-color: #0072C3;
	padding: 5px 10px;
}
.news-body-content p{
	overflow-wrap: break-word;
	font-size:15px;
	line-height:150%;
}
.switch-container {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #666;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #ccc; /* OFF Color */
	transition: .4s;
	border-radius: 34px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #17a2b8; /* ON Color (Matches Show Badge) */
}

input:focus + .slider {
	box-shadow: 0 0 1px #17a2b8;
}

input:checked + .slider:before {
	transform: translateX(18px);
}
.error-message {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: fit-content;
	top: 99px;
	font-size:20px;
	line-height:120%;
	color:#ff0000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	display:none;
	text-align:center;
}
.show-hide-menu {
	display: none;
}
@media only screen and (max-width: 1024px) { 
	.mypage-header {
		height: 18.164062vw;
	}
	.mypage-header-right {
		padding:4.785156vw 5.078125vw 2.441406vw 15.957031vw;
		margin-left: 0;
		transition: all 0.3s ease;
	}
	.mypage-header-right.activate{
		margin-left:29.785156vw;
	}
	.mypage-menu {
		max-width: 29.785156vw;
		padding-top: 4.003906vw;
		left: -29.785156vw;
		transition: all 0.3s ease;
	}
	.mypage-menu.activate{
		left: 0;
	}
	.mypage-logo-header{
		width:25.195312vw;
	}
	.menu-list{
		border-top:0.292969vw solid #D9D9D9;
		margin-top:4.199219vw;
	}
	.menu-link{
		padding:2.636719vw 2.343750vw 2.441406vw 2.148438vw;
		font-size:1.562500vw;
		border-bottom:0.097656vw solid #CCCCCC;
	}
	.submenu {
		left: 29.785156vw;
		width: 24.414062vw;
		padding-right: 0.488281vw;
		border-top-right-radius:0.976562vw;
		border-bottom-right-radius:0.976562vw;
		border-bottom-left-radius:0.976562vw;
	}
	.submenu a{
		border-bottom:0.097656vw solid #CCCCCC;
		padding:1.855469vw 3.320312vw;
		font-size:1.562500vw;
	}
	.submenu a.special{
		gap: 0.488281vw;
	}
	.submenu a.special svg {
		width: 1.660156vw;
		height: 1.660156vw;
	}
	.mypage-fill {
		width: 29.785156vw;
		margin-left: -29.785156vw;
		transition: all 0.3s ease;
	}
	.mypage-fill.activate {
		margin-left: 0;
	}
	#icon-menu-home{
		width:2.539062vw;
		height:2.343750vw;
	}
	#icon-menu-board{
		width:1.953125vw;
		height:2.343750vw;
	}
	#icon-menu-pencil{
		width:2.148438vw;
		height:2.148438vw;
	}
	#text-no-logo{
		margin-left:3.808594vw;
	}
	#text-board{
		margin-left:1.660156vw;
	}
	.text-menu p{
		margin-left:1.367188vw;
	}
	.arrow-left{
		width:0.683594vw;
		height:1.367188vw;
	}
	.mypage-content {
		height: calc(100vh - 18.164062vw);
		padding: 4.882812vw 5.957031vw 4.882812vw 5.957031vw;
	}
	.submenu-toggle {
		padding: 2.636719vw 2.343750vw 2.441406vw 2.148438vw;
		border-bottom: 0.097656vw solid #CCC;
		font-size: 1.562500vw;
	}
	.mypage-header-id{
		font-size:1.464844vw;
	}
	.mypage-header-name{
		font-size:2.734375vw;
		margin:1.855469vw 0 1.660156vw 0;
	}
	.mypage-header-company{
		border:0.097656vw solid #0072C3;
		border-radius:2.929688vw;
		padding:0.488281vw 1.269531vw;
		font-size:1.171875vw;
	}
	.button-user-action {
		gap:2.734375vw;
	}
	.mail-logo-svg {
		width: 2.832031vw;
	}
	.logout-logo-svg{
		width:2.343750vw;
	}
	.mypage-header-contact{
		width:9.570312vw;
		height:8.593750vw;
		border:0.195312vw solid #0072C3;
		font-size:1.367188vw;
		gap: 0.976562vw;
		border-radius:0.976562vw;
	}
	.mypage-header-logout{
		width:9.570312vw;
		height:8.593750vw;
		line-height:100%;
		border:0.195312vw solid #0072C3;
		gap: 0.976562vw;
		border-radius:0.976562vw;
		font-size: 1.269531vw;
	}
	.mypage-news {
		height: 43.359375vw;
		border-radius: 1.953125vw;
		padding: 2.343750vw 2.832031vw 3.808594vw 2.832031vw;
	}
	.news-item-js:first-child{
		margin-top:3.906250vw;
	}
	.news-item-js{
		margin-bottom:2.441406vw;
	}
	.news-info-tag{
		gap:1.269531vw;
		font-size:1.074219vw;
	}
	.news-category{
		padding:0.195312vw 0.781250vw;
		border:0.097656vw solid #89B7E0;
		border-radius:0.488281vw;
	}
	.news-info-link {
		margin-bottom:2.441406vw;
	}
	.news-info-link h3{
		font-size:1.269531vw;
	}
	.mypage-content-flex{
		gap: 4.882812vw;
	}
	.information-1 {
		width:27.050781vw;
		height:8.300781vw;
	}
	.information-1 p{
		font-size:1.953125vw;
	}
	.information-1-thumbnail{
		width:10.742188vw;
		margin-left:1.562500vw;
	}
	.information-2{
		margin-top:1.953125vw;
		padding:3.710938vw 0 3.222656vw 0;
		font-size:1.562500vw;
	}
	.mypage-news-title p{
		font-size:1.953125vw;
	}
	.mypage-news-title {
		padding-bottom: 1.074219vw;
		margin-bottom:1.367188vw;
		border-bottom:0.097656vw solid #CCCCCC;
	}
	.mypage-news-more p{
		font-size:1.367188vw;
	}
	.arrow-right-mypage{
		width:1.757812vw;
		margin-left:0.683594vw;
	}
	.mypage-news-contanier {
		border-radius: 1.953125vw;
		padding:2.343750vw 3.125000vw 5.761719vw 3.125000vw;
	}
	.date{
		font-size: 1.367188vw;
	}
	.category {
		font-size: 1.367188vw;
		padding: 0.195312vw 0.585938vw;
		border: 0.195312vw solid #89B7E0;
		border-radius: 0.976562vw;
		min-width:6.835938vw;
	}
	.title{
		font-size:1.562500vw;
		margin-left: 2.343750vw;
	}
	.news-pagination {
		gap: 2.246094vw;
	}
	.pagi-btn {
		font-size: 1.562500vw;
	}
	.page-num-active {
		font-size: 1.757812vw;
		width: 3.515625vw;
		height: 3.515625vw;
		border: 0.097656vw solid #0072C3;
	}
	.arrow-svg{
		width:2.246094vw;
		height:2.148438vw;
	}
	.mypage-location{
		font-size:1.171875vw;
		margin-bottom:1.660156vw;
	}



	.mypage-editor-post-contanier {
		height: 43.359375vw;
		border-radius: 1.953125vw;
		padding: 1.562500vw 3.125000vw 2.734375vw 3.125000vw;
	}
	.mypage-editor-post-title {
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
	}
	.editor-post-title {
		font-size: 1.953125vw;
	}
	.btn-new-post {
		width: 13.574219vw;
		height: 3.002930vw;
		border-radius: 1.953125vw;
		border: 0.097656vw solid #FF9503;
		gap: 0.390625vw;
		font-size: 1.074219vw;
	}
	.btn-new-post svg {
		width: 1.367188vw;
		height: 1.367188vw;
	}
	.post-list-item {
		gap: 1.171875vw;
	}
	.editor-post-pagination {
		gap: 1.464844vw;
		margin-top: 3.417969vw;
	}
	.editor-post-pagi-btn {
		font-size: 1.562500vw;
	}
	.editor-post-page-num-active {
		font-size: 1.757812vw;
		width: 3.515625vw;
		height: 3.515625vw;
		border: 0.097656vw solid #0072C3;
	}
	.editor-post-pagi-btn {
		font-size: 1.562500vw;
	}

	.mypage-add-post {
		padding: 2.343750vw 3.125000vw 5.761719vw 3.125000vw;
		border-radius: 1.953125vw;
	}
	.editor-add-post-title{
		font-size:1.953125vw;
		padding-bottom:1.074219vw;
		margin-bottom:4.492188vw;
		border-bottom:0.097656vw solid #CCCCCC;
	}
	.form-section-title{
		font-size:1.953125vw;
		margin-top:8.691406vw;
		margin-bottom:6.250000vw;
		font-weight:700;
		padding-left:1.562500vw;
		border-left:0.390625vw solid #0072C3;
	}
	.form-input p label{
		font-size:1.562500vw;
		margin-bottom:1.074219vw;
	}
	.wpcf7-form-control{
		border-radius:0.976562vw;
		border:0.097656vw solid #0072C3;
		padding: 0.976562vw 1.953125vw 1.171875vw 1.953125vw;
		font-size:1.367188vw;
	}
	.wpcf7-form-control.wpcf7-text.full-width,.wpcf7-form-control.wpcf7-select,.wpcf7-form-control.wpcf7-date,.wpcf7-form-control[type="text"]{
		height:4.882812vw;
	}
	.wpcf7-form-control.wpcf7-textarea{
		min-height:19.531250vw;
	}
	.form-input{
		margin-top:4.101562vw;
	}
	#in-category-wrapper {
		gap: 0.976562vw;
	}
	.parent-category-title {
		font-size: 1.562500vw;
		margin-bottom: 1.074219vw;
	}
	.child-checkboxes {
		font-size: 1.562500vw;
		margin-bottom: 1.074219vw;
		gap: 0.976562vw;
	}
	.category-group input[type="checkbox"] {
		width: 1.953125vw;
		height: 1.953125vw;
	}

	.wpcf7-not-valid-tip {
		font-size: 1.171875vw !important;
		margin-top: 0.976562vw;
	}
	#btn-to-preview{
/* 		width:63.476562vw; */
		width: 80%;
		height:6.347656vw;
		border:0.097656vw solid #0072C3;
		border-radius:4.882812vw;
		margin:6.054688vw auto 0 auto;
		font-size:2.050781vw;
		line-height:100%;
	}
	.upload-input {
		margin-top:1.953125vw;
	}
	.upload-text{
		border:0.097656vw solid #0072C3;
		font-size:1.562500vw;
		padding:1.074219vw 1.464844vw;
		border-top-left-radius:0.976562vw;
		border-bottom-left-radius:0.976562vw;
		width: 22.656250vw;
		line-height: 2.343750vw;
	}
	.upload-btn {
		font-weight: 700 !important;
		border-top-right-radius:0.976562vw;
		border-bottom-right-radius:0.976562vw;
		padding:1.074219vw 1.757812vw;
		border: 0.097656vw solid #0072C3;
	}
	.wrapper-input img {
		width: 37.304688vw;
		border-radius: 0.976562vw;
	}
	.custom-file {
		width: 22.656250vw;
	}
	select {
		background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' transform='rotate(90 14 14)' stroke='%230072C3'/%3E%3Cpath d='M20.2227 12.4445L14.0004 18.6667L11.5115 16.1778L7.77821 12.4445' stroke='%230072C3'/%3E%3C/svg%3E") 
			no-repeat right 1.074219vw center white !important;
		background-size: 1.875vw !important;
	}

	.badge {
		width: 6.445312vw;
		height: 1.953125vw;
		border-radius: 2.050781vw;
		font-size: 1.074219vw;
	}
	.status-pending, .estatus-hide {
		border: 0.097656vw solid #0072C3;
	}
	.post-title {
		font-size: 1.367188vw;
		padding-right: 0.976562vw;
	}
	.post-date {
		font-size: 1.074219vw;
	}
	.post-list {
		margin-top: 3.906250vw;
		gap: 1.953125vw;
		height: 22.656250vw;
	}
	#form-preview-step h2{
		margin-bottom: 1.953125vw;
		font-size: 2.734375vw;
	}
	.preview-row {
		margin-bottom: 1.953125vw;
		border-bottom: 0.097656vw solid #0072C3;
		padding-bottom: 0.976562vw;
	}
	.preview-row p label{
		margin-bottom: 0.976562vw;
		font-size: 1.562500vw;
	}
	.preview-detail{
		font-size: 1.562500vw;
	}
	.preview-images p {
		gap: 0.488281vw;
	}
	#out-img1, #out-img2, #out-img3{
		width: 37.304688vw;
		border-radius: 0.976562vw;
	}

	#out-cimg {
		width: 24.414062vw;
	}
	.button-group{
		gap: 1.953125vw;
		max-width: 63.476562vw;
		margin: 2.929688vw auto 0 auto;
	}
	#btn-back-edit {
		padding: 0.976562vw 1.953125vw 1.171875vw 1.953125vw;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.757812vw;
	}
	.wpcf7-submit{
		padding: 0.976562vw 1.953125vw 1.171875vw 1.953125vw;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.757812vw;
	}
	.applied {
		height: 43.359375vw;
		border-radius: 1.953125vw;
		padding: 2.343750vw 3.125000vw 3.515625vw 3.125000vw;
	}
	.list-title {
		font-size: 1.953125vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
	}
	.applied-list {
		margin-top: 3.417969vw;
		gap: 1.757812vw;
		height: 22.851562vw;
	}
	.applied-each {
		gap: 1.171875vw;
	}
	.applied-name {
		font-size: 1.367188vw;
		width: 0.097656vw;
		padding-right: 0.976562vw;
	}
	.applied-date {
		font-size: 1.074219vw;
	}
	.applied-pagination {
		gap: 2.148438vw;
		margin-top: 3.613281vw;
	}
	.applied-pagi-btn {
		font-size: 1.562500vw;
	}
	.applied-page-num-active {
		font-size: 1.757812vw;
		width: 3.515625vw;
		height: 3.515625vw;
		border: 0.097656vw solid #0072C3;
	}



	.bookmark {
		height: 43.359375vw;
		border-radius: 1.953125vw;
		padding:2.343750vw 2.832031vw 3.808594vw 2.832031vw;
	}
	.bookmark-title {
		font-size: 1.953125vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
	}
	.bookmark-list {
		gap: 1.757812vw;
		margin-top: 4.101562vw;
		height: 23.730469vw;
	}
	.bookmark-each {
		gap: 1.171875vw;
	}
	.bm-toggle {
		display: flex;
	}
	.bm-svg {
		width: 0.976562vw;
		height: 1.269531vw;
	}
	.bm-title {
		font-size: 1.367188vw;
		margin-top: 0.292969vw;
		width: 0.097656vw;
		padding-right: 0.976562vw;
	}
	.bm-date {
		font-size: 1.074219vw;
	}
	.bookmark-pagination {
		gap: 2.148438vw;
		margin-top: 3.613281vw;
	}
	.bookmark-pagi-btn {
		font-size: 1.562500vw;
	}
	.bookmark-page-num-active {
		font-size: 1.757812vw;
		width: 3.515625vw;
		height: 3.515625vw;
		border: 0.097656vw solid #0072C3;
	}


	.mypage-post-complete-contanier {
		height: 47.070312vw;
		border-radius: 1.953125vw;
		padding: 1.562500vw 3.125000vw 2.734375vw 3.125000vw;
	}
	.editor-post-complete-title {
		font-size: 2.929688vw;
		margin-top: 5.957031vw;
	}
	.editor-post-complete-text {
		font-size: 1.562500vw;
		margin-top: 2.929688vw;
	}
	.editor-post-complete-email {
		font-size: 1.562500vw;
		margin-top: 2.539062vw;
	}
	.editor-post-complete-url {
		width: 33.984375vw;
		height: 6.347656vw;
		margin: 3.906250vw auto 0 auto;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.562500vw;
	}

	.email-change-pending {
		padding: 2.343750vw 2.832031vw 3.808594vw 2.832031vw;
		border-radius: 1.953125vw;
	}
	.email-change-pending-title {
		font-size: 2.929688vw;
		margin-top: 7.812500vw;
	}
	.email-change-pending-desc {
		font-size: 1.953125vw;
		margin-top: 2.929688vw;
	}
	.email-change-pending-if {
		font-size: 1.953125vw;
		margin-top: 4.882812vw;
	}
	#resend-btn {
		width: 37.109375vw;
		height: 5.859375vw;
		border-radius: 2.929688vw;
		margin: 3.906250vw auto 0 auto;
		border: 0.097656vw solid #0072C3;
		font-size: 1.953125vw;
	}
	.email-change-pending-back {
		width: 37.109375vw;
		height: 5.859375vw;
		border-radius: 2.929688vw;
		margin: 3.906250vw auto 0 auto;
		border: 0.097656vw solid #0072C3;
		font-size: 1.953125vw;
		margin-bottom: 4.882812vw;
	}
	.email-change-pending-message {
		margin-top: 1.953125vw;
		font-size: 1.562500vw;
	}


	.member-delete {
		height: 50.390625vw;
		border-radius: 1.953125vw;
		padding:2.343750vw 2.832031vw 3.808594vw 2.832031vw;
	}
	.member-delete-title {
		font-size: 1.953125vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
	}
	.member-delete-question {
		font-size: 1.367188vw;
		margin-top: 2.441406vw;
	}
	.manual-delete-label {
		font-size: 1.562500vw;
		margin-top: 2.832031vw;
	}
	#manual-id-field {
		padding: 1.269531vw 0 1.269531vw 1.855469vw;
		font-size: 1.953125vw;
		margin-top: 0.976562vw;
		border-radius: 0.976562vw;
		border: 0.097656vw solid #0072C3;
	}
	.member-delete-terms {
		font-size: 1.171875vw;
		margin-top: 2.441406vw;
		line-height: 2.148438vw;
	}
	.member-delete-agree {
		margin-top: 2.441406vw;
	}
	.member-delete-agree label {
		font-size: 1.367188vw;
		gap: 0.683594vw;
	}
	.member-delete-agree label input {
		width: 2.246094vw;
		height: 2.246094vw;
		border: 0.097656vw solid #0072C3;
	}
	.member-delete-buttons {
		margin-top: 2.636719vw;
		gap: 2.246094vw;
	}
	#delete-trigger-btn {
		width: 25.000000vw;
		height: 6.347656vw;
		border-radius: 4.882812vw;
		border:0.097656vw solid #0072C3;
	}
	.member-delete-cancel {
		width: 25.000000vw;
		height: 6.347656vw;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
	}

	.edit-actions {
		gap: 0.976562vw;
		margin-top: 0.976562vw;
	}
	.btn-submit {
		width: 9.765625vw;
		height: 2.929688vw;
		margin-top: 0.976562vw;
		border-radius: 1.464844vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.269531vw;
	}
	.btn-cancel {
		width: 9.765625vw;
		height: 2.929688vw;
		margin-top: 0.976562vw;
		border-radius: 1.464844vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.269531vw;
	}
	.success-msg { color: green; background: #e0ffe0; padding: 0.976562vw; margin-bottom: 1.953125vw; }
	.error-msg { color: red; background: #ffe0e0; padding: 0.976562vw; margin-bottom: 1.953125vw; }


	.member-info {
		border-radius: 1.953125vw;
		padding:2.343750vw 2.832031vw 3.808594vw 2.832031vw;
	}
	.member-info-title {
		font-size: 1.953125vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
	}
	.member-info-head {
		font-size: 1.953125vw;
		padding-left: 1.464844vw;
		border-left: 0.390625vw solid #0072C3;
		margin-top: 4.492188vw;
	}
	.btn-edit {
		width: 9.765625vw;
		height: 2.929688vw;
		margin-top: 0.976562vw;
		border-radius: 1.464844vw;
		border: 0.097656vw solid #0072C3;
		font-size: 1.367188vw;
	}
	.member-info-datas {
		gap: 3.906250vw;
		margin-top: 6.152344vw;
	}
	.member-info-data {
		gap: 0.976562vw;
	}
	.member-info-label {
		font-size: 1.562500vw;
	}
	.read-only-text, .val-display {
		font-size: 1.562500vw;
	}
	#form-email {
		margin-top: 3.906250vw;
	}
	#form-password {
		margin-top: 3.906250vw;
	}
	.member-info-label-special {
		margin-top: 3.906250vw;
	}
	.val-input input, .val-input select {
		border-radius: 0.976562vw;
		border: 0.097656vw solid #0072C3;
		padding: 0.976562vw 1.953125vw 1.171875vw 1.953125vw;
		font-size:1.367188vw;
		height: 4.882812vw;
	}
	.member-info-password-container svg {
		right: 1.171875vw;
		width: 2.441406vw;
		height: 2.441406vw;
	}
	.checkboxes {
		gap: 1.953125vw;
		margin-top: 3.906250vw;
	}

	.checkbox-group label {
		gap: 0.488281vw;
		font-size: 1.757812vw;
	}
	.val-input input[type="checkbox"] {
		width: 2.246094vw;
		height: 2.246094vw;
	}
	.val-display-special {
		margin-top: 1.953125vw;
	}
	#form-distribution {
		padding-bottom: 4.882812vw;
	}
	.member-delete-complete {
		padding-top: 20.117188vw;
		padding-bottom: 19.531250vw;
	}
	.member-delete-complete-text {
		font-size: 3.125000vw;
	}
	.member-delete-complete-url {
		width: 39.062500vw;
		height: 5.859375vw;
		border: 0.097656vw solid #0072C3;
		border-radius: 2.929688vw;
		margin-top: 7.812500vw;
		font-size: 1.953125vw;
	}
	.member-info-label span {
		font-size: 1.171875vw;
		margin-left: 1.367188vw;
	}
	.form-input-checkbox .wpcf7-form-control {
		row-gap: 2.246094vw;
		column-gap: 1.855469vw;
		margin-top: 2.343750vw;
	}
	.form-input.form-input-checkbox {
/* 		width: 66.699219vw; */
		width: 100%;
		margin: 5.273438vw auto 0 auto;
		border: 0.097656vw solid #717071;
		border-radius:1.953125vw;
		padding: 2.929688vw 4.394531vw;
	}
	.form-input.form-input-checkbox p label{
		font-size:1.757812vw;
	}
	.wpcf7-form-control.wpcf7-checkbox {
		width: 47.851562vw;
	}
	.form-input-checkbox input[type="checkbox"] {
		margin-right: 0.683594vw;
		width: 2.246094vw;
		height: 2.246094vw;
	}
	.wpcf7-list-item label {
		min-width: 8.300781vw;
	}
	.wpcf7-list-item-label{
		margin-left: 0.683594vw;
	}
	.mypage-view-post-contanier {
		border-radius: 1.953125vw;
		padding: 2.343750vw 2.832031vw 3.808594vw 2.832031vw;
	}
	.mypage-view-post-title {
		font-size: 1.953125vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
		margin-bottom: 4.492188vw;
	}
	.view-section {
		margin-top: 4.492188vw;
	}
	.view-section h3 {
		font-size: 1.953125vw;
		padding-left: 1.464844vw;
		border-left: 0.390625vw solid #0072C3;
	}
	.news-meta {
		gap: 0.976562vw;
		margin-bottom:0.976562vw;
	}
	.info-table {
		gap: 3.906250vw;
		margin-top: 6.152344vw;
	}
	.editor-view-post-label {
		font-size: 1.562500vw;
	}
	.editor-view-post-value {
		font-size: 1.562500vw;
		margin-top: 0.976562vw;
	}
	.image-grid {
		margin-top: 0.976562vw;
		gap: 1.464844vw;
	}
	.image-item img {
		height: 13.769531vw;
	}
	#btn-enable-edit {
/* 		width: 63.476562vw; */
		width: 80%;
		height: 6.347656vw;
		margin: 6.835938vw auto 0 auto;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
		font-size: 2.050781vw;
		margin-bottom: 3.027344vw;
	}
	#btn-cancel-edit {
/* 		width: 63.476562vw; */
		width: 80%;
		height: 6.347656vw;
		margin: 6.835938vw auto 0 auto;
		border-radius: 4.882812vw;
		border: 0.097656vw solid #0072C3;
		font-size: 2.050781vw;
	}
	.news-title{
		font-size: 2.441406vw;
		padding-bottom: 1.074219vw;
		border-bottom: 0.097656vw solid #CCCCCC;
		margin-bottom: 4.492188vw;
		line-height: 100%;
	}
	.news-date{
		font-size: 1.074219vw;
	}
	.news-cat {
		border-radius: 2.050781vw;
		font-size: 1.074219vw;
		padding: 0.488281vw 0.976562vw;
	}
	.news-body-content p{
		font-size:1.464844vw;
		line-height:150%;
	}
	.switch-container {
		gap: 0.781250vw;
		font-size: 1.171875vw;
	}

	.switch {
		width: 3.906250vw;
		height: 2.148438vw;
	}

	.slider {
		border-radius: 3.320312vw;
	}

	.slider:before {
		height: 1.562500vw;
		width: 1.562500vw;
		left: 0.292969vw;
		bottom: 0.292969vw;
		transition: .4s;
	}


	input:focus + .slider {
		box-shadow: 0 0 0.097656vw #17a2b8;
	}

	input:checked + .slider:before {
		transform: translateX(1.757812vw);
	}
	.error-message {
		top: 9.667969vw;
		font-size:1.953125vw;
	}
	.show-hide-menu {
		position: absolute;
		width: 9.570312vw;
		height: 8.593750vw;
		border: 0.195312vw solid #0072C3;
		gap: 0.976562vw;
		border-radius: 0.976562vw;
		top: 4.882812vw;
		font-size: 3.906250vw;
		left: 3.222656vw;
		background: #F1F9FF;
		color: #0072C3;
		font-weight: 300;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	.show-hide-menu.activate{
		left: 32.714844vw;
	}
}