/* screen - about */

/*

Y = left = width
X = top  = height

*/
strong{
  font-weight:bold;
}
img {
 image-rendering: -webkit-optimize-contrast;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
image-rendering: -webkit-optimize-contrast;
}

.container_404{
    font-family: var( --font-family-yumincho-demibold);
    height: 300px;
    margin: auto;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 550px;
    min-height:500px;
    margin-top: 150px;
}

.title_404{
	  margin-bottom: 50px;
    font-size: 25px;
}

.check_link {
	text-decoration-skip-ink:none;
}

/*  html  */

html {
  height: 100%; /* required */
  overscroll-behavior: none;
	overflow-x: hidden;
}

body {
  margin: 0px;
  display: flex; /* required */
  flex-direction: column; /* required */
  height: 100vh; /* required */
	overscroll-behavior: none;
	overflow-x: hidden;

}
header {
  height: 112px;
	position: sticky;
	top: 0px;
	z-index: 99999;
	min-width:1280px;
}
main {
  flex-grow: 0;
}
footer {
  height: 410px;
}

/* Form */

input[type="text"],
input[type="password"],
input[type="email"]{
	padding: 0 11.2px;
}
textarea{
	padding: 11.2px !important;
}
input:focus{
  outline:#A3A3A3 1px solid;
}

textarea:focus{
  outline:#A3A3A3 1px solid;
}

 /*標準表示のチェックボックスを非表示にする*/ 
.checkbox_f {
     display: none; 
}

/*ボックス枠のCSS*/
.checkbox_label:before {
	background: url("../img/form/checkbox.svg") no-repeat;
}

.checkbox_label {
  position: relative; 
  padding: 0 0 0 40px; 
}

.checkbox_label:after, .checkbox_label:before{
  position: absolute; 
  content: "";
  display: block;
	top: 0px;
	left: 20px;
  margin:0;
	width: 12px;
	height: 12px;
}
/*チェックマークの追加*/
.checkbox_label:after {
    background: url("../img/form/checked.svg") no-repeat;
    opacity: 0; 
}
/*チェックボックスがチェックされた時に動作する内容*/
.checkbox_f:checked + .checkbox_label:after {
	opacity: 1;
}


 /*標準表示のラジオボタンを非表示にする*/ 
.radio_f {
     display: none; 
}

/*ボックス枠のCSS*/
.radio_label:before {
	background: url("../img/form/radio_off.svg") no-repeat;
}

.radio_label {
  position: relative; 
  padding: 0 0 0 20px;
}

.radio_label:after, .radio_label:before{
	position: absolute;
	content: "";
	display: block;
	top: 5.5px;
	left: 0px;
	margin: 0;
	width: 14px;
	height: 14px;
}
/*ラジオボタンチェックマークの追加*/
.radio_label:after {
    background: url("../img/form/radio_on.svg") no-repeat;
    opacity: 0; 
}
/*ラジオボタンがチェックされた時に動作する内容*/
.radio_f:checked + .radio_label:after {
	opacity: 1;
}


/*
.activity .contents_innner {
    padding-top: 112px;
    margin-top:-112px;
}
*/
:target::before {
    content:"";
    display:block;
    height:112px; 
    margin:-112px 0 0;
}

/*  wrapper  */

#wrapper{
	position: relative;
	overflow: hidden;
	width: 1280px;
	background-color: var(--x3base2);
	margin: 0 auto;
	margin-top: -112px;
	display: flex;
	flex-direction:column;
}
/* navi */

.wrapper .navi {
	margin-top: 240px;
	margin-left: 105px;
  align-items: center;
  display: flex;
  min-width: 207px;
  max-width:1280px;
  width:100%;
  width:1280px;
  height:26px;
}

.wrapper .navi ul {
  display: flex;
  list-style-type: none;
}

.wrapper .navi li {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  color: #2f2f2f;
  font-size: var(--font-size-m);
  text-decoration: none;
  letter-spacing: 0.12em;
  white-space: nowrap;
  vertical-align: middle;
}

.wrapper .navi li a {
  color: #2f2f2f;
  font-size: var(--font-size-m);
  text-decoration: none;
  letter-spacing: 0.12em;
  white-space: nowrap;
  vertical-align: middle;
}

.wrapper .navi li a:visited {
  color: #2f2f2f;
  font-size: var(--font-size-m);
}

.wrapper .navi li:after {
	background: url("../img/menu/arrow.svg");
	background-size: cover;
	display: inline-block;
	height:8px;
	width: 6px;
	content: "";
  /*content: "\003e";*/
  margin-left: 10px; 
  margin-right: 10px;
  vertical-align: middle;
}

.wrapper .navi li:last-child:after {
	background:none;
  content: "";
}

/* content */

.content{
  margin-left: 105px;
  margin-top: 34px;
  position: relative;
  width:1074px;
}

/* 横ライン */
.content:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	background:var(--leftline);
}

/* 縦文字 */

.content:after{
	position:absolute;
	left:-25px;
	top:8px;
	width:12px;
	height:400px;
	/*
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 12px;
	*/
}

.content_page_title{
	margin-left: 24px;
	margin-top: 20px;
	height: 36px;
	z-index: 999;
	font-style: normal;
	font-weight: 500;
	font-size: 35px;
	line-height: 36px;
	/* identical to box height, or 103% */
	letter-spacing: 0.03em;
	color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  white-space: nowrap;
}

.content_head_text{
	letter-spacing: 2.00px;
	line-height: 40px;
	margin-top: 16px;
	min-height: 80px;
	width: 945px;
	z-index: 1;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}

.content2{
  margin-left:105px;
  margin-top:60px;
  position: relative;
  border-bottom:1px solid #2f2f2f;
  margin-bottom:60px;
  width:1074px;
}

.content2:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:calc(100% - 100px);
	background:var(--leftline);
}

.content2:after{
	position:absolute;
	left:-25px;
	top:8px;
	/*
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	*/
}

.sub_content_head_title{
	font-family: var(--font-family-yumincho-medium);
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 26px;
	letter-spacing: 0.05em;
	color: #2F2F2F;
	margin-top: 60px;
	margin-bottom: 40px;
}

.sub_content_head_text{
	width: 816px;
	z-index: 999;
	line-height: 16px;
	margin-top: 40px;
	margin-left: 0;
	min-height: 140px;
	text-align: justify;
	color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xl);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 38px;
	margin-top: -15.5px;
}

.sub_content_title{
	margin-left: 24px;
	margin-top: 24px;
	height: 36px;
	z-index: 999;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 32px;
	/* identical to box height, or 103% */
	letter-spacing: 0.96px;
	color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
}
.sub_content_annotation{
	letter-spacing: 0.17px;
	line-height: 26px;
	margin-top: 4px;
	display: block;
	color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: 500;
	display: block;
}
.sub_content_annotation2 a{
	letter-spacing: 0.17px;
	line-height: 26px;
	margin-top: 4px;
	display: block;
	color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: 500;
	display: block;
}
.sub_content_block{
  margin-left: 0px;
  margin-top:  0px;
  position: relative;
  width:944px;
  height: fit-content;
  margin-bottom: 80px;
}

.sub_content_body{
	width:816px;
	margin-left: 128px;
	margin-top: 40px;
}

.sub_content_block:last-child{
  margin-bottom: 68px;
}

.sub_content_footer{
	letter-spacing: 2.70px;
	line-height: 18px;
	margin-top: 24px;
	min-height: 18px;
	white-space: nowrap;
	margin-bottom: 10px;
	display: block;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
}

/* sub_content_block */
.sub_content_block:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	background:var(--leftline);
}

/* sub_content_block */

.sub_content_block:after{
	position:absolute;
	left:-25px;
	top:8px;
	width:12px;
	height:300px;
	content: "";
	/*
	position:absolute;
	left:-13px;
	top:8px;
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 12px;
	*/
}

.hide{
	visibility:hidden;
}



.content_block{
	display: flex;
  flex-direction: column;
  margin-left: 128px;
	margin-top: 68px;
	width: 921px;
}

.colurm2_block{
	display: flex;
  flex-direction: row;
  margin-left: 0px;
	margin-top: 0px;
	width: 921px;
	justify-content: space-between;
}

.left_block{
	display: flex;
  flex-direction: row;
  margin-left: 0px;
	margin-top:  0px;
	width: 630px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.right_block{
	display: flex;
  flex-direction: column;
	margin-top: 0px;
	width: calc(100% - 630px - 80px - 13px - 12px) ;
}



.article_box{
	width:303px;
	height:245px;
	margin-bottom: 48px;
}

.article_img{
	aspect-ratio: 1 / 1 ;
  object-fit: scale-down;
  object-position:center top;
}

.article_title{
	margin-top: 14px;
	letter-spacing: 0.12em;
}

.article_category_box{
	position: relative;
	display: flex;
  flex-direction: column;
  border-left:1px solid #2f2f2f;
  min-height:236px;
  white-space: nowrap;
}

.article_category_box a{
	margin-left: 24px;
	margin-bottom: 32px;
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* Category */

.article_category_box:after{
	position:absolute;
	left:-13px;
	top:0px;
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: #585858;
	font-family:var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	content: "Category";
}

.sub_content_footer{
	letter-spacing: 2.70px;
	line-height: 18px;
	margin-top: 24px;
	width: fit-content;
	height: 32px;
	white-space: nowrap;
	margin-bottom: 60px;
	display: block;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	border-bottom: 1px solid #2F2F2F;
}

.footer_link{
	letter-spacing: 2.70px;
	line-height: 18px;
	margin-top: 0px;
	min-height: 18px;
	white-space: nowrap;
	margin-bottom: 14px;
	display: block;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	margin-left: 10px;
	margin-right: 12px;
}

.sub_content_footer:hover{
	border-bottom:1px solid #27FC23;
}

.sub_content_footer:hover .link_text{
	color: #a3a3a3 !important;
}

.sub_content_footer:hover .footer_link{
	color: #a3a3a3 !important;
}

.sub_content_image{
	margin-top: 36px;
	width:816px;
	margin-bottom: 24px;
}

.sub_content_image img{
	max-width:816px;
	height:auto;
	object-fit: scale-down;
}

/* page_nation */

.page_block{
	width: 630px;
  margin-left: 0 auto;
	display: flex;
	justify-content: center;
	margin-top: 65px;
}

.page_nation {
	margin: 0 auto;
}

.page_box {
  align-items: flex-end;
  display: flex;
  min-width: 215px;
}

.page_box .page_number,
.page_box .page_number a{
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
}

.page_forward {
	margin-right: 18px;
	height: 22px;
}

.page_forward img {
	height: 9px;
	width: 75px;
}

.page_number .current {
  position: relative;
  letter-spacing: 1.71px;
	line-height: 18px;
	min-height: 18px;
	white-space: nowrap;
	color: var(--x3black);
}

.page_number .current:before{
	content: "";
	position:absolute;
	left:0;
	bottom:-4px;
	height:1px;
	width:100%;
	background:#2F2F2F;
}

.page_number_current {
  align-items: flex-start;
  display: flex;
  height: 22px;
  margin-left: 40px;
  min-width: 11px;
}

.page_number {
  align-items: flex-start;
  display: flex;
  height: 22px;
  margin-left: 40px;
  min-width: 11px;
}

.page_next {
	margin-left: 58px;
	height: 22px;
}

.page_next img {
	height: 9px;
	width: 75px;
}


/* home */

.topimage{
	min-height:628px;
	margin-top:  -10px;
}

.home_top_scroll {
  position: absolute;
  left: 105px;
  top: 0px;
  /*
  transform: translateX(216%);
  transform: translate(-536px, 0);
  */
  height: 67px;
  width: 48px;
  z-index: 999;
  background-image: url(../img/menu/scroll_off.svg);
  background-repeat: no-repeat;

  z-index: 99;
}

.home_top_scroll:hover {
 	background-image: url(../img/menu/scroll_on.svg);
}

.home#wrapper{
	margin-top:0px;
	margin-top:  -92px;
	background-color: transparent;
}

.home .content{
	height:100%;
	margin-left: 0px;
	margin-top:  92px;
	position: relative;
	width: 1280px;
}

.home .content_block{
	display: flex;
  flex-direction: column;
	margin-left: 0px;
	margin-top: 0px;
	width:1280px;
}

.home .sub_content_block{
	width: 1167px;
	margin-left: 105px;
	margin-bottom: 80px;
}

.home .sub_content_block:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	background:var(--leftline);
}

.home .sub_content_block:after{
	position:absolute;
	left:-25px;
	top:8px;
	width:12px;
	height: 400px;
	content: "";
	/*
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 12px;
	*/
}


.home .sub_content_block:before{
	height:100%;
	background:var(--leftline);
}

.home .sub_content_block.news:before{
	margin-top:76px;
	height:calc(100% - 76px);
}

.home .sub_content_block.news:after{
  background: url(../img/logo/news_logo.svg) no-repeat;
	top: 112px;
}


.home .sub_content_block.about:after{
	top:32px;
  background: url(../img/logo/about_logo.svg) no-repeat;
}
.home .sub_content_block.topix:after{
	top:32px;
  background: url(../img/logo/topix_logo.svg) no-repeat;
}
.home .sub_content_block.memberships:after{
	top:32px;
  background: url(../img/logo/memberships_t_logo.svg) no-repeat;
}
.home .sub_content_block.memberships:before{
	height:calc(100% + 20px);
}
.home .sub_content_block.link:after{
  content: "Link";
}

.home .top_img{
	margin: 0 auto;
	margin-top: 0px;
	align-items: center;
	background-color: var(--x3white2);
	display: flex;
	min-height: 630px;
	margin-top: 112px;
	min-width: 1280px;
}

.flexslider {
  margin-bottom: 0 !important;;
}

/* home news */

.home .content .sub_content_block.news .colurm2_block{
	margin-top: 139px;
	width:1042px;
}

.home .content .sub_content_block.news .left_block{
	margin-top: 0px;
	width:180px;
}

.home .content .sub_content_block.news .right_block{
	margin-top: 0px;
	width: 816px;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.home .content .sub_content_block.news .left_block{
	margin-top:0px;
	margin-bottom: 0px;
}

.home .content .sub_content_block.news .article_box{
	align-items: center;
	display: flex;
	flex-direction: row;
	min-height: 126px;
	width: 816px;
	border-bottom: 1px solid black;
	flex-wrap: wrap;
	margin-bottom: 0px;
	height: fit-content;
}

.home .content .sub_content_block.news .content_page_title{
	margin-top:-5px;
	font-family:var(--font-family-yumincho-medium);
	font-size: 40px;
	line-height: 40px;
	white-space: nowrap;
}

.home .content .sub_content_block.news .article_left_item{
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 111px;
	margin-left: 40px;
}

.home .content .sub_content_block.news .article_date{
	margin-top:1px;
  letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
  color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
}

.home .content .sub_content_block.news .article_category{
	margin-left: -6px;
}

.home .content .sub_content_block.news .page_block{
	margin-bottom: 100px;
	margin-top: 120px;
}


.home .content .sub_content_block.news .article_key{
	margin-top: -1px;
}

.category_key_img {
  align-self: center;
  height: 11px;
  margin-top: -2.0px;
  width: 8px;
  margin-right: -8px;
}

.home .content .sub_content_block.news .key_category{
  position: relative;
}

.home .sub_content_block.news .sub_content_footer{
	margin-top: 35px;
	margin-left: auto;
	margin-right: 0;
}

.home .content .sub_content_block.news .article_body{
	height: 60px;
  letter-spacing: 2.70px;
  line-height: 30px;
  margin-left: 59px;
  width: 501px;
  display:block;
  color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	align-items: center;
	height: fit-content;
	display: flex;
	margin-top: 32px;
	margin-bottom: 34px;
}

.home .content .sub_content_block.news .key_category:after{
	background: url("../img/menu/key_category.svg");
	background-size: cover;
	display: inline-block;
	height:12px;
	width: 57px;
	content: "";
  margin-left: 4px; 
  margin-right: 0px;
  margin-bottom:2px;
}

/* home about */

.home .content .sub_content_block.about .colurm2_block{
	margin-top: 0px;
	width:1167px;
	align-items: flex-start;
	height: fit-content;
}

.home .content .sub_content_block.about .left_block{
	margin-top: 0px;
	width:388px;
	align-items: flex-start;
	height: fit-content;
}

.home .content .sub_content_block.about .left_block .item_logo_box{
	margin-top: 85px;
	margin-left: 79px;
}

.home .content .sub_content_block.about .right_block{
	margin-left: 77px;
	width:388px;
}

.home .content .sub_content_block.about .right_block .item_body{
	margin-top: 0px;
	margin-left: 0px;
	font-family: var(--font-family-yumincho-medium);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.12em;
	color: #2F2F2F;
}

.home .content .sub_content_block.about .content_page_title{
	position: relative;
	margin-top:-5px;
	font-family:var(--font-family-yumincho-medium);
	font-size: 40px;
	line-height: 40px;
	white-space: nowrap;
	letter-spacing: 0.48px;
	width:100%;
	width: 1024px;
	height: 40px;
	margin-top: 54px;
	margin-bottom: 62px;
}

.home .content .sub_content_block.about .content_page_title:after{
	/*background: url("../img/about/right_line.svg");*/
	display: inline-block;
	height: 555px;
	width: 410px;
	content: "";
	margin-left: 50px;
	vertical-align: top;
	margin-top: 20px;
	border-top: 2px solid #A3A3A3;
  border-right: 2px solid #A3A3A3;
}

.home .content .sub_content_block.about .right_block{
	margin-top: 0px;
	width: 816px;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 100px;
}

.home .content .sub_content_block.about .sub_content_footer {
  border-bottom: none;
}

.home .content .sub_content_block.about .footer_link:hover {
	border-top:2px solid #27FC23;
  border-bottom:2px solid #27FC23;
  color:#a3a3a3;
}

.home .content .sub_content_block.about .footer_link {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 52px;
  margin-top: 65px;
  margin-left: 82px;
  width: 315px;
  border-top: 2px solid #2f2f2f;
  border-bottom: 2px solid #2f2f2f;
  font-weight: 600;
	font-size: 25px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #2F2F2F;
}

.home .content .sub_content_block.about .link_text {
  letter-spacing: 1.25px;
  line-height: 26px;
  min-height: 26px;
  min-width: 193px;
  text-align: center;
  white-space: nowrap;
}

.home .span0{
	color: var(--x3black);
	letter-spacing: 0.24px;
	color: var(--base);
	font-family: var(--font-family-yumincho-medium);
	font-size: 28px;
	left: 129px;
	letter-spacing: 0.84px;
	line-height: 40px;
	white-space: nowrap;
}

/* home topix */

.home .content .sub_content_block.topix .content_page_title {
  position: relative;
  margin-top: -5px;
  font-family: var(--font-family-yumincho-medium);
  font-size: 40px;
  line-height: 40px;
  white-space: nowrap;
  letter-spacing: 0.48px;
  width: 100%;
  width: 1024px;
  height: 40px;
  margin-top: 54px;
  margin-bottom: 0px;
}

.home .content .sub_content_block.topix .content_page_title:before{
	position:absolute;
	height: 1px;
	width: 410px;
	content: "";
	top: 20px;
	left:173px;
	margin-left: 50px;
	background:#2F2F2F;
}

.home .content .sub_content_block.topix .content_page_title:after{
	position:absolute;
	height: 180px;
	width: 401px;
	content: "";
	top: 20px;
	left:632px;
	border-left: 1px solid #2F2F2F;
  border-bottom: 1px solid #2F2F2F;
}

.home .content .sub_content_block.topix .colurm2_block{
	margin-top: 0px;
	width:1167px;
	align-items: flex-start;
	height: fit-content;
	justify-content: flex-start;
}

.home .content .sub_content_block.topix .left_block{
	margin-top: 0px;
	width:605px;
	align-items: flex-start;
	height: fit-content;
}

.home .content .sub_content_block.topix .left_block .item_logo_box{
	margin-top: 44px;
	margin-left: 129px;
}

.home .content .sub_content_block.topix .right_block{
	position: relative;
	margin-left: 51px;
	width: 402px;
	margin-top: 196px;
}

.home .content .sub_content_block.topix .topix1_img{
	object-fit: scale-down;
	background: #FFF;
	width: 460px;
	height: 300px;
}

.home .content .sub_content_block.topix .topix1_category{
	letter-spacing: 1.26px;
	line-height: 12px;
	min-height: 12px;
	transform: rotate(90.00deg);
	white-space: nowrap;
	transform-origin: left top;
	left: -13px;
	top: -203px;
	position: absolute;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
}

.home .content .sub_content_block.topix .topix1_title{
	letter-spacing: 2.00px;
	line-height: 20px;
	min-height: 20px;
	white-space: nowrap;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 22px;
}

.home .content .sub_content_block.topix .topix1_body{
	font-family: var(--font-family-yumincho-medium);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.1em;
	color: #505050;
}

.home .content .sub_content_block.topix .sub_content_footer {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.12em;
	color: #2F2F2F;
	width: fit-content;
	margin-left: auto;
	margin-top: 2px;
	height: 28px;
}

.home .content .sub_content_block.topix .link_text {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.12em;
	color: #2F2F2F;
	margin-left: 6px;
	margin-right: 6px;
}

.home .content .sub_content_block.topix .topix_group {
	  display: flex;
		justify-content: space-between;
		width: 930px;
	  align-items: flex-start;
	  height: 448px;
	  margin-left: 129px;
	  margin-bottom: 58px;
}

.home .content .sub_content_block.topix .topix_box {
  width: 250px;
  position: relative;
  height: 448px;
  margin-right: 86px;
}

.home .content .sub_content_block.topix .topix_box:hover {
  background:#fff;
}

.home .content .sub_content_block.topix .topix_box:hover .topix_link2{
	border-bottom:1px solid #27FC23;
	color:#a3a3a3;
}

.home .content .sub_content_block.topix .topix_box:hover {
  background:#fff;
}

.home .content .sub_content_block.topix .topix_image{
	width: 250px;
	height: 250px;
  outline: none;
  border: none;
}

.home .content .sub_content_block.topix .topix_box:last-child {
  margin-right: 0px;
}

.home .content .sub_content_block.topix .topix_category_name {
	position: absolute;
	left: 12px;
	left: -8px;
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	letter-spacing: 1.26px;
	line-height: 12px;
	white-space: nowrap;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
}

.home .content .sub_content_block.topix .topix_g2::after {
  content: "";
  display: block;
  width: 350px;
  height: 0;
}

.home .content .sub_content_block.topix .topix2_content {
  margin-top: 22px;
  width: 250px;
  height: 141px;
  border-left: 1px solid #2f2f2f;
}

.home .content .sub_content_block.topix .topix_title {
  margin-left: 20px;
  margin-top: 0px;
  width: 297px;
  height: 20px;
  z-index: 999;
  letter-spacing: 2.00px;
	line-height: 20px;
	margin-top: -1px;
	min-height: 20px;
	white-space: nowrap;
}

.home .content .sub_content_block.topix .topix_link2 {
  width: fit-content;
  height: 28px;
  z-index: 999;
  border-bottom: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: 1.68px;
	line-height: 26px;
	margin-top: -1px;
	min-height: 26px;
	min-width: 93px;
	text-align: center;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}
.home .content .sub_content_block.topix .topix_link2:hover {
  border-bottom:1px solid #27FC23;
  color:#a3a3a3;
}


.home .content .sub_content_block.topix .topix_image img {
  width: 250px;
  height: 250px;
  object-fit: scale-down;
	object-fit: cover;
}
.home .content .sub_content_block.topix .topix_body{
	margin-left: 20px;
	margin-top: 22px;
	width: 230px;
	height: 141px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.1em;
	color: #505050;
	text-align: justify;
	padding-right: 10px;
}

.home .content .sub_content_block.topix .topix_box .sub_content_footer {
	width: 250px;
	border-bottom: none;
	margin-top: 7px;
	margin-left: 140px;
	margin-right: 0;
	margin-top: auto;
}

/* home memberships */
.home .content .sub_content_block.memberships {
	margin-bottom:calc(100px);
}
.home .content .sub_content_block.memberships .content_page_title{
	margin-top:54px;
}

.home .content .sub_content_block.memberships .img_list_block{
	margin-top:54px;
	margin-bottom:46px;
	margin-left:61px;
	margin-right:61px;
	width:1047px;
	background: white;
}

.home .content .sub_content_block.memberships .img_list_box{
	width: 1005px;
	padding-top: 40px;
	padding-bottom: 39px;
	padding-left: 35px;
	padding-right: 0px;
	display: flex;
	flex-wrap: wrap;
	background: white;
}
.home .content .sub_content_block.memberships .img_box{
	width:calc(100% / 4);
	/*height: 141px;*/
}
.home .content .sub_content_block.memberships .img_box img {
  width: 100%;
  height: auto;
}

.home .content .sub_content_block.memberships .img_list_box img {
  width: 250px;
  height: 141px;
  object-fit: scale-down;
}

.home .content .sub_content_block.memberships .sub_content_footer {
  border-bottom: none;
  margin: 0 auto;
  margin-bottom: 57px;
}

.home .content .sub_content_block.memberships .footer_link {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 52px;
  width: 315px;
  border-top: 2px solid #2f2f2f;
  border-bottom: 2px solid #2f2f2f;
  font-weight: 600;
	font-size: 25px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #2F2F2F;
}

.home .content .sub_content_block.memberships .footer_link:hover {
	border-top:2px solid #27FC23;
  border-bottom:2px solid #27FC23;
  color:#a3a3a3;
}

/* home link */
.link_icon{
	position: relative;
}
.link_icon:after{
	background: url("../img/activity/outlink.svg");
	background-size: cover;
	display: inline-block;
	height:16px;
	width: 16px;
	content: "";
  margin-left: 10px; 
  vertical-align: middle;
}

.home .sub_content_block.award .sub_content_image{
	margin-top: 40px;
}

.home .seminar_image{
	margin-top: 48px;
	width:816px;
	z-index: 999;
}

.home .sub_content_block.seminar .sub_content_image{
	margin-top: 50px;
}

.home .sub_content_block.monthly .sub_content_image{
	margin-top: 42px;
	margin-bottom: 12px;
}

.home .seminar_image img{
	max-width:816px;
	height:auto;
	object-fit: scale-down;
}


/* /home */

/* about content1 */

.about .content{
	height:100%;
}

.about .content:before{
	height:colc(100% - 60px);
}

.about .content:after{
  background: url(../img/logo/about_logo.svg) no-repeat;
	content: "";
}

.about .content:before{
	height:calc(100% - 60px);
}

.about .about_box{
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  margin-top: 68px;
	margin-left: 234px;
	margin-bottom: 60px;

}
.about .about_text {
	letter-spacing: 0.1em;
	line-height: 50px;
  margin-top: -15.5px;
  margin-bottom: -15.5px;
}

/* about content2 */

.about .content2{
  margin-left:105px;
  margin-top:60px;
  position: relative;
  border-bottom:1px solid #2f2f2f;
  margin-bottom:60px;
  width:1074px;
}

.about .content2:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:calc(100% - 100px);
	background:var(--leftline);
}


.about .content2:after{
  background: url(../img/logo/info_logo.svg) no-repeat;
	content: "";
	position:absolute;
	left:-25px;
	top:8px;
	width:12px;
	height:400px;
}

.about .content2 .about_plf_block{
	display: flex;
	flex-direction:column;
	margin-bottom: 60px;
	margin-top: 26px;
}
.about .content2 .about_plf_data{
	width:100%;
	display: flex;
	/*flex-wrap:wrap;*/
	margin-bottom:24px;
	/*margin: 0 auto;*/
	line-height:16px;
	letter-spacing:0.12em;
}

.about .content2 .about_plf_data:last-child{
	margin-bottom: 0px;
}

.about .content2 .about_plf_title{
	width:129px;
	margin-left:105px;
}
.about .content2 .about_plf_title_text{

}
.about .content2 .about_plf_body{
	width:auto;
	white-space:nowrap;
}
.about .content2 .about_plf_body_text{

}
.about .line_box{
	height:1px;
	width:444px;
	position:absolute;
	left:105px;
	bottom:0;
	background:#2f2f2f;
}

/* about content3 */

.about .content3{
  margin-left:105px;
  position: relative;
  margin-bottom:68px;
  width:1074px;
  height:auto;
}

.about .content3:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:calc(100%);
	background:var(--leftline);
}

.about .content3:after{
  background: url(../img/logo/org_logo.svg) no-repeat;
	content: "";
	position:absolute;
	left:-25px;
	top:8px;
	width:14px;
	height:400px;
}

.about .organization_chart_img{
	height:auto;
	width:864px;
	margin-left:105px;
	margin-top:12px;
	margin-bottom: 100px;
}
.about .organization_chart_img img{
	/*aspect-ratio: 864 / 700;*/
	width: 100%;
	object-fit: contain;
	object-position:top;
	object-fit: scale-down;
}
/* /about */

/* privacypolicy */

.privacypolicy .content{
	height:100%;
	margin-bottom: 168px;
}

.privacypolicy .content:after{
	background: url(../img/logo/privacy_logo.svg) no-repeat;
	content: "";
}

.privacypolicy .content:before{
	height:calc(100% + 100px);
}

.privacypolicy .content_block{
	display: flex; /* required */
  flex-direction: column; /* required */
  margin-left: 128px;
	margin-top: 68px;
	width: 921px;
}

.privacypolicy .content_box{
	display: flex; /* required */
  flex-direction: column; /* required */
}

.privacypolicy .content_group{
	width: 921px;
}

.privacypolicy content_child_box {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 304px;
  width: 921px;
}

.privacypolicy .head_box {
  align-items: center;
  display: flex;
  min-width: 303px;
}
.privacypolicy .head_text{
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.90px;
	line-height: 18px;
	margin-left: 18px;
	min-height: 18px;
	white-space: nowrap;
}

.privacypolicy .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	margin-top: 19px;
	height: 100%;
	width: 921px;
	margin-bottom: 40px;
}
.privacypolicy .content_group:last-child .body_box{
	margin-bottom: 0px;
	margin-top: 36px;
}
.privacypolicy .body_text{
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.privacypolicy .body_text2{
  margin-bottom: 40px;
}
.privacypolicy .mark1 {
  height: 24px;
  margin-left: -2px;
  width: 4px;
}

/* /privacypolicy */

/* rules */

.rules .content{
	height:100%;
	margin-bottom: 220px;
}

.rules .content:after{
	background: url(../img/logo/rules_logo.svg) no-repeat;
	content: "";
}

.rules .content:before{
	height:calc(100% + 152px);
}

.rules .content_block{
	display: flex; /* required */
  flex-direction: column; /* required */
  margin-left: 128px;
	margin-top: 68px;
	width: 921px;
}

.rules .content_box{
	display: flex; /* required */
  flex-direction: column; /* required */

}

.rules .content_group{
	width: 921px;
}

.rules .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	height: 100%;
	width: 921px;
	margin-bottom: 28px;
}
.rules .content_group:last-child .body_box{
	margin-bottom: 0px;
	margin-top: 36px;
}
.rules .body_text{
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.07em;
}

/* /rules */

/* login */

.login .content{
	height:100%;
	margin-bottom: 220px;
}

.login .content_block{
	display: flex;
  flex-direction: column;
  margin-left: 105px;
	margin-top: 68px;
	width: 816px;
	height:429px;
	background:#D6D6D6;
}

.login .content_box{
	display: flex; /* required */
  flex-direction: column; /* required */

}

.login .content_group{
	width: 921px;
}

.login .btn {
  align-items: flex-start;
  background-color: var(--x3black);
  display: flex;
  height: 40px;
  margin-top: 12px;
  min-width: 396px;
  padding: 11px 164px;
  border: none;
	outline: none;
	justify-content: center;
}

.login .id_group{
	display: flex;
	
	justify-content: center;
	margin-top: 60px;
	height: 64px;
}

.login .pw_group{
	display: flex;
	justify-content: center;
	margin-top: 24px;
	height: 64px;
}

.login .chk_group{
	display: flex;
	justify-content: center;
}

.login input[type="text"],
.login input[type="password"]{
	border: 1px solid var(--x3gray);
	background-color: var(--white);
  height: 40px;
  margin-top: 9px;
  width: 396px;
}

.login .label_text {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

/* /login */

/* monthly */

.monthly .content{
	height:100%;
	margin-bottom: 180px;
}

.monthly .content:after{
	background: url(../img/logo/newsletter_logo.svg) no-repeat;
	content: "";
}

.monthly .content:before{
	height:calc(100% + 112px);
}

.monthly .content_block{
  flex-direction: row;
}

.monthly .left_block{
}

.monthly .article_box{
	width:303px;
	height:245px;
}

nthly .article_img_box{
	width:303px;
	height:215px;
}

.monthly .article_img{
	width:303px;
	height:215px;
	aspect-ratio: 303 / 215 ;
  object-fit: scale-down;
  object-position:center top;
}

.monthly .content_group{

}

.monthly .article_title{
	margin-top: 14px;
	letter-spacing: 0.12em;
}

.monthly .right_block{
	height:245px;
}

.monthly .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	height: 100%;
	width: 921px;
	margin-bottom: 28px;
}
.monthly .content_group:last-child .body_box{
	margin-bottom: 0px;
	margin-top: 36px;
}
.monthly .body_text{
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.07em;
}

/* /monthly */

/* schedule */

.schedule .content{
	height:100%;
	margin-bottom: 168px;
}

.schedule .content:after{
	background: url(../img/logo/schedule_logo.svg) no-repeat;
	content: "";
}

.schedule .content:before{
	height:calc(100% + 100px);
}

.schedule .content_block{
	position: relative;
	margin-left: 105px;
}
.schedule .content_block:first-child{
	margin-bottom: 0px;
}
.schedule .content_block:last-child{
	margin-top: 0px;
	border-bottom:1px solid #2F2F2F;
}
.content_block:before{

}
.content_block:after{

}
.schedule .content_group{
	display: flex;
	flex-direction: row;
	width:945px;
	height:102px;
}
.schedule .content_group div{
	color: var(--x3black) !important;
	font-family: var(--font-family-yumincho-medium) !important;
	font-size: var(--font-size-xxxl) !important;
	font-style: normal !important;
	font-weight: 500 !important;
}
.schedule .month_box{
  display: flex;
  align-items: center;
	width:105px;
	padding-left: 40px;
	white-space: nowrap;
}

.schedule .article_box{
	height:102px;
  align-items: center;
	display: flex;
	margin-top: 0px;
	min-height: 102px;
	width: 840px;
	justify-content: center;
}
.schedule .article_body{
	height: 30px;
	letter-spacing: 2.70px;
	line-height: 30px;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left:24px;
	padding-right:24px;
	min-width: 840px;
}
.schedule  .article_body a {
  text-decoration: underline !important;
    text-decoration-color: currentcolor;
  text-decoration-color: currentcolor;
  text-decoration-color: #2f2f2f !important;
  color: black;
}

.schedule  .article_body a:hover {
  text-decoration: underline !important;
    text-decoration-color: currentcolor;
  text-decoration-color: currentcolor;
  text-decoration-color: #27FC23 !important;
  color: black;
}

.schedule .start_row {
	border-top:1px solid #2F2F2F;
}
.schedule .middle_row {
	border-bottom:1px solid #A3A3A3;
}
.schedule .year_label{
	position:absolute;
	top:-6px;
	left:0;
	height: 12px;
	width: 40px;
	z-index:2;
	color: var(--line-sub);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-s);
	font-weight: 400;
	letter-spacing: 1.17px;
	line-height: 12px;
	white-space: nowrap;
	background-color: var(--x3base2);
}

/* /schedule */

/* activity */

.activity .content{
	height:100%;
	width:945px;
	margin-bottom: 0px;
}
.activity .content_page_title{
	margin-left: 0px;
}

.activity .content_head_text{
}

.activity .sub_content_title{
}

.activity .content_block{
	margin-left: 0px;
	margin-top: 62px;
}

.activity .sub_content_block{

}

.activity .sub_content_block:last-child{
  margin-bottom: 68px;
}

.activity .sub_content_block:before{
	content: "";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	background:var(--leftline);
}

.activity .sub_content_block:after{
	position:absolute;
	left:-25px;
	top:8px;
	width:12px;
	height:250px;
	/*
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 12px;
	*/
}
.activity .sub_content_body{

}
.activity .sub_content_block:before{
	height:100%;
	background:var(--leftline);
}
.activity .sub_content_block.award:after{
	background: url(../img/logo/Jna_a_logo.svg) no-repeat;
	content: "";
}

.link_icon{
	position: relative;
}
.link_icon:after{
	background: url("../img/activity/outlink.svg");
	background-size: cover;
	display: inline-block;
	height:16px;
	width: 16px;
	content: "";
  margin-left: 10px; 
  vertical-align: middle;
}

.activity .sub_content_block.seminar:after{
	background: url(../img/logo/seminar_a_logo.svg) no-repeat;
	content: "";
}

.activity .sub_content_block.award .sub_content_image{
	margin-top: 40px;
}

.activity .seminar_image{
	margin-top: 48px;
	width:816px;
	z-index: 999;
}

.activity .sub_content_block.seminar .sub_content_image{
	margin-top: 50px;
}

.activity .sub_content_block.monthly .sub_content_image{
	margin-top: 42px;
	margin-bottom: 12px;
}

.activity .seminar_image img{
	max-width:816px;
	height:auto;
	object-fit: scale-down;
}

.activity .sub_content_block.monthly:after{
	background: url(../img/logo/monthly_a_logo.svg) no-repeat;
	content: "";

}

.activity .sub_content_block.monthly .footer_link{
	margin-top: 55px;
}

.activity .sub_content_block.yearbook:after{
	background: url(../img/logo/yearbook_a_logo.svg) no-repeat;
	content: "";
}

.activity .sub_content_block.yearbook .sub_content_image{
	margin-top: 20px;
	margin-bottom: 60px;
}

.activity .sub_content_block.consulting:after{
	background: url(../img/logo/consulting_a_logo.svg) no-repeat;
	content: "";
}

.activity .sub_content_block.consulting .sub_content_footer{
	margin-top: 40px;
}
.activity .sub_content_block.consulting .sub_content_footer:last-child{
	margin-top: 70px;
}

.activity .sub_content_block.consulting .sub_content_head_title:last-child{
	margin-top: 100px;
}

.activity .sub_content_block.creators:after{
	background: url(../img/logo/creators_a_logo.svg) no-repeat;
	content: "";
}
.activity .sub_content_block.databank:after{
	background: url(../img/logo/databank_a_logo.svg) no-repeat;
	content: "";;
}

.activity .sub_content_block.creators .sub_content_head_text,
.activity .sub_content_block.databank .sub_content_head_text{
	margin-bottom: 60px;
}


/* /activity */

/* rank */

.rank .content{
	height:100%;
	width:945px;
	margin-bottom: 0px;
}

.rank .content_page_title{
	margin-left: 0px;
}

.rank .content_block{
	margin-left: 0px;
	margin-top: 60px;
}

.rank .sub_content_footer{
	margin-left: 745px;
}

.rank .sub_content_body{
	position: relative;
}

.rank .sub_content_body{
	position: relative;
	width:944px;
}
.rank .sub_content_head_text{
  font-size: 20px;
  width: 900px;
  letter-spacing: 0.1em;
}

.rank .sub_content_annotation{

}

.rank .sub_content_block:before{
	height:calc(100% - 20px);
}

.rank .sub_content_block{
  height:300px;
}

.rank .sub_content_block.smember:after{
	background: url(../img/logo/smember_logo.svg) no-repeat;
	content: "";
}
.rank .sub_content_block.amember:after{
	background: url(../img/logo/amember_logo.svg) no-repeat;
	content: "";
}
.rank .sub_content_block.bmember:after{
	background: url(../img/logo/bmember_logo.svg) no-repeat;
	content: "";
}

.rank .sub_content_underline{
	position:absolute;
	left:-23px;
	bottom:-60px;
	height:1px;
	width:444px;
	background: #2F2F2F;
}

/* /rank */

/* news */

.news .content:after{
	background: url(../img/logo/news_logo.svg) no-repeat;
	content: "";
}

.news .content:before{
  height:100%;
}

.news .content{
  margin-bottom: 76px;
}

.news .article_box{
	align-items: center;
	display: flex;
	flex-direction: row;
	height: fit-content;
	width: 630px;
	border-bottom: 1px solid black;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.news .article_box:first-child{
	border-top: 1px solid black;
}

.news .left_block{
	margin-bottom: 20px;
}


.news .article_left_item{
	display: flex;
	flex-direction: column;
	width: 111px;
	margin-left: 24px;
}

.news .article_right_item{
	
}

.news .article_date{
  letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
  color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	width:111px;
}

.news .article_category{
	align-items: center;
	background-color: var(--x3gray);
	display: flex;
	height: 20px;
	margin-top: 12px;
	width: 105px;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	justify-content: center;
	white-space: nowrap;
}

.news .page_block{
	margin-bottom: 100px;
	margin-top: 120px;
}


.news .article_key{
	margin-top: -1px;
}

.category_key_img {
  align-self: center;
  height: 11px;
  margin-top: -2.0px;
  width: 8px;
  margin-right: -8px;
}

.news .key_category{
  position: relative;
}

.news .article_body{
  letter-spacing: 2.70px;
  line-height: 30px;
  margin-left: 32px;
  width: 443px;
  display:block;
  color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	align-items: center;
	display: flex;
	margin-top: 32px;
	margin-bottom: 34px;
}

.news .article_body a:hover{
  color:#a3a3a3 !important;
}

.news .article_body img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  vertical-align: bottom;
  box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}


.news .key_category:after{
	background: url("../img/menu/key_category.svg");
	background-size: cover;
	display: inline-block;
	height:12px;
	width: 57px;
	content: "";
  margin-left: 4px; 
  margin-right: 0px;
  margin-bottom:2px;
}

/* mnews */

.mnews .content:after{
	background: url(../img/logo/news_logo.svg) no-repeat;
	content: "";
}

.mnews .content:before{
  height:100%;
}

.mnews .content{
  margin-bottom: 76px;
}

.mnews .article_box{
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 126px;
	width: 630px;
	border-bottom: 1px solid black;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.mnews .article_box:first-child{
	border-top: 1px solid black;
}

.mnews .left_block{
	margin-bottom: 20px;
}


.mnews .article_left_item{
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 111px;
	margin-left: 24px;
}

.mnews .article_right_item{
	
}

.mnews .article_date{
  letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
  color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
}

.mnews .article_category{
	align-items: center;
	background-color: var(--x3gray);
	display: flex;
	height: 20px;
	margin-top: 12px;
	width: 111px;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	justify-content: center;
}

.mnews .page_block{
	margin-bottom: 100px;
	margin-top: 120px;
}


.mnews .article_key{
	margin-top: -1px;
}

.category_key_img {
  align-self: center;
  height: 11px;
  margin-top: -2.0px;
  width: 8px;
  margin-right: -8px;
}

.mnews .key_category{
  position: relative;
}

.mnews .article_body{
	height: 60px;
  letter-spacing: 2.70px;
  line-height: 30px;
  margin-left: 32px;
  width: 443px;
  display:block;
  color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	align-items: center;
	height: 126px;
	display: flex;
}


.mnews .key_category:after{
	background: url("../img/menu/key_category.svg");
	background-size: cover;
	display: inline-block;
	height:12px;
	width: 57px;
	content: "";
  margin-left: 4px; 
  margin-right: 0px;
  margin-bottom:2px;
}

/* /mnews */

/* seminar */

.seminar .content{
	height:100%;
	margin-bottom: 220px;
}

.seminar .content:after{
	background: url(../img/logo/seminar_logo.svg) no-repeat;
	content: "";
}

.seminar .content:before{
	height:calc(100% + 152px);
}

.seminar .content_block{
  flex-direction: row;
}

.seminar .left_block{
}

.seminar .article_box{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	min-height: 272px;
	width: 263px;
	margin-right: 28px;
	margin-bottom: 48px;
}

nthly .article_img_box{
	width:303px;
	height:215px;
}

.seminar .article_img{
  height: 142px;
  width: 291px;
	aspect-ratio: 291 / 142 ;
  object-fit: scale-down;
  object-position:center top;
}

.seminar .article_date{
	letter-spacing: 1.71px;
	line-height: 18px;
	margin-left: 12px;
	min-height: 18px;
	white-space: nowrap;
	color: var(--x3black);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	margin-top: 2px;
}

.seminar .category_archive {
  align-items: flex-start;
  background-color: var(--x3black);
  display: flex;
  height: 20px;
  min-width: 110px;
  padding: 3px 11px;
  justify-content: center;
  align-items: center;
}

.seminar .article_category_box{
	min-height: 0px;
}

.seminar .article_title{
	margin-top: 14px;
	letter-spacing: 0.12em;
}

.seminar .right_block{
	height:245px;
}

.seminar .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	height: 100%;
	width: 921px;
	margin-bottom: 28px;
}
.seminar .content_group:last-child .body_box{
	margin-bottom: 0px;
	margin-top: 36px;
}
.seminar .body_text{
	letter-spacing: 2.70px;
	line-height: 30px;
	margin-top: 11px;
	min-height: 30px;
	text-align: justify;
	/*white-space: nowrap;*/
	width: 270px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: break-spaces;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
}

.seminar_category_held  {
  align-items: flex-start;
  background-color: var(--x3gray);
  display: flex;
  height: 20px;
  min-width: 110px;
  padding: 3px 30px;
}

/* /seminar */

/* /news_detail */



.news_detail{

}
.news_detail .content_head_box{
  align-items: flex-start;
  display: flex;
  min-width: 242px;
}


.news_detail .content{
	height:100%;
	margin-bottom: 162px;
}

.news_detail .content:after{
	background: url(../img/logo/article_logo.svg) no-repeat;
	content: "";
}

.news_detail .content:before{
	height:calc(100% + 86px);
}

.news_detail .content_block{
	display: flex;
  flex-direction: column;
  margin-left: 128px;
	width:840px;
}

.news_detail .content_box{
	display: flex; /* required */
  flex-direction: column; /* required */

}

.news_detail .article_date{
  letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
  color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
}

.news_detail .article_title{
	letter-spacing: 1.25px;
	line-height: 48px;
	margin-top: 40px;
	width: 813px;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-demibold);
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
}

.news_detail .article_category {
	align-items: center;
	background-color: var(--x3gray);
	display: flex;
	height: 20px;
	margin-left: 20px;
	min-width: 111px;
	justify-content: center;
	white-space: nowrap;
	font-family: var(--font-family-century_schoolbook-regular);
}

.news_detail .footer_link{
	margin-top: 60px;
	margin-left:727px;
	height:12px;
	width: 113px;
}

.news_detail .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	height: 100%;
	width: 921px;
	margin-bottom: 28px;
}

.news_detail .article_body{
	letter-spacing: 1.68px;
	line-height: 26px;
	margin-top: 55px;
	min-height: 312px;
	width: 840px;
	color: var(--x3black) !important;
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 500;
	
}

.news_detail .article_body img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  vertical-align: bottom;
  box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}

.news_detail .article_body a{
	text-decoration:underline !important ;
	color:#2f2f2f;
}
.news_detail .article_body a:hover{
	text-decoration-color:#27FC23 !important ;
}
.news_detail .article_body a,
.news_detail .article_body a p,
.news_detail .article_body a span,
.news_detail .article_body a:link,
.news_detail .article_body a:visited,
.news_detail .article_body a:hover,
.news_detail .article_body a:active
{
	color: #2F2F2F !important;
}

/* /news_detail */

/* mypage */



.mypage .content_block{
	margin-left:0px;
	flex-direction: row;
	width:1074px;
}

.mypage .content .content_block{
	margin-top: 55px;
}

.mypage .content:after{
	top: 32px;
	background: url(../img/logo/news_logo.svg) no-repeat;
	content: "";
}

.mypage .content:before{
  height:100%;
}

.mypage .navi{
	z-index: 10;
}

.mypage .content{
  margin-bottom: 40px;
  z-index: 10;
}

.mypage .left_block{
	width:226px;
}

.mypage .colurm2_block{
	width:1074px;
}

.mypage .right_block{
	width: 816px;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.mypage .content .right_block{
margin-top: 9px;
}

.mypage .content2 .right_block{
margin-top: -10px;
}

.mypage .article_box{
	align-items: center;
	display: flex;
	flex-direction: row;
	height: fit-content;
	width: 816px;
	border-bottom: 1px solid black;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.mypage .article_box:first-child{
	border-top: 1px solid black;
}

.mypage .content2 .article_box:first-child{
	border-top: none;
}

.mypage .content2 .article_box{
	border-bottom: none;
}

.mypage .left_block{
	margin-bottom: 20px;
}


.mypage .article_left_item{
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 111px;
	margin-left: 40px;
}

.mypage .article_right_item{
	
}

.mypage .article_date{
  letter-spacing: 1.71px;
  line-height: 18px;
  min-height: 18px;
  white-space: nowrap;
  color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
}

.mypage .article_category{
	align-items: center;
	background-color: var(--x3gray);
	display: flex;
	height: 20px;
	margin-top: 12px;
	width: 105px;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	justify-content: center;
	white-space: nowrap;
}

.mypage .page_block{
	margin-bottom: 100px;
	margin-top: 120px;
}


.mypage .article_key{
	margin-top: -1px;
}

.category_key_img {
  align-self: center;
  height: 11px;
  margin-top: -2.0px;
  width: 8px;
  margin-right: -8px;
}
.mypage .content_page_title{
	margin-top: -10px;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0.03em;
}

.mypage .content .content_page_title{
	line-height: 60px;
}

.mypage .key_category{
  position: relative;
}

.mypage .article_body{
  letter-spacing: 2.70px;
  line-height: 30px;
  margin-left: 59px;
  width: 501px;
  display:block;
  color: var(--x3text-sub);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-xxxl);
	font-style: normal;
	font-weight: 500;
	align-items: center;
	display: flex;
	margin-top: 32px;
	margin-bottom: 34px;
}

.mypage .article_body a:hover{
  color:#a3a3a3 !important;
}

.mypage .key_category:after{
	background: url("../img/menu/key_category.svg");
	background-size: cover;
	display: inline-block;
	height:12px;
	width: 57px;
	content: "";
  margin-left: 4px; 
  margin-right: 0px;
  margin-bottom:2px;
}

.mypage .content2 .mypage_plf_block{
	display: flex;
	flex-direction:column;
	margin-bottom: 60px;
	margin-top: 26px;
}
.mypage .content2 .mypage_plf_data{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	margin-bottom:24px;
	/*margin: 0 auto;*/
	line-height:16px;
	letter-spacing:0.12em;
}

.mypage .content2{
	height:100%;
	margin-bottom: 220px;
	border-bottom: none;
	position: relative;
	margin-top: 60px;
}

.mypage .sub_content_footer{
	margin-left: 641px;
}

.mypage .content .sub_content_footer{
	margin-top: 37px;
}

.mypage .content2 .sub_content_footer{
	margin-top: -8px;
}

.mypage .content2:after{
	position:absolute;
	left:-25;
	top:8px;
	width:12px;
	height:400px;
	/*
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	*/
}


.mypage .content2:after{
  top: 72px;
	background: url(../img/logo/newsletter_logo.svg) no-repeat;
	content: "";
}

.mypage .content2 .article_box:last-child{
	margin-bottom: 0px;
}

.mypage .content2:before{
	top:40px;
	height:672px;
}

.mypage .content2_block{
  flex-direction: row;
}

.mypage .left_block{
}

.mypage .content2 .article_box{
	width: 256px;
	height: 209px;
	margin-bottom: 48px;
}

.mypage .content2 .article_img_box{
	width:256px;
	height:181px;
}

.mypage .content2 .article_img{
	width:256px;
	height:181px;
	aspect-ratio: 256 / 181 ;
  object-fit: scale-down;
  object-position:center top;
}

.mypage .content2 .content_group{

}

.mypage .article_title{
	margin-top: 12px;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-demibold);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.12em;
}
.mypage .colurm2_bloc:after {
  width: 1074px;
  	position: relative;
}

.cover{
	position: absolute;
	top: 112px;
	left: -100%;
	right: -100%;
	width: 100000px;
	margin: auto;
	background: #FFF;
	height: 800px;
	z-index: -1;
}

.mypage#wrapper {
 background-color: transparent;
 overflow: unset;
}

.mypage .content2 {
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 40px;
	height:752px;
}

/* /mypage */

/* membershipa */


.membershipa .content{
	height:100%;
	margin-bottom: 220px;
}

.membershipa .content:after{
  content: "A Member";
}

.membershipa .content:after{

  background: url(../img/logo/amember_logo.svg) no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
	position:absolute;
	left:-13px;
	top:8px;
	transform: rotate(90.00deg);
	transform-origin: left top;
	z-index: 999;
	color: var(--x3dark-gray);
	font-family: var(--font-family-century_schoolbook-regular);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 12px;
}


.membershipa .content:before{
	height:calc(100% + 152px);
}

.membershipa .content_block{
  flex-direction: row;
}

.membershipa .check_mark {
  height: 12px;
  width: 12px;
  border: 1px solid var(--x3dark-gray);
}

.membershipa .check_label {
	margin-top: 1px;
	white-space: nowrap;
	font-family: var(--font-family-yumincho-demibold);
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 12px;
	display: flex;
	align-items: center;
	letter-spacing: 0.03em;
	flex-direction: column;
	justify-content: center;
}

.membershipa .left_block{
}

.membershipa .article_box{
	width:303px;
	height:245px;
}

nthly .article_img_box{
	width:303px;
	height:215px;
}

.membershipa .article_img{
	width:303px;
	height:215px;
	aspect-ratio: 303 / 215 ;
  object-fit: scale-down;
  object-position:center top;
}

.membershipa .content_group{

}

.membershipa .article_title{
	margin-top: 14px;
	letter-spacing: 0.12em;
}

.membershipa .right_block{
	height:245px;
}

.membershipa .body_box {
	letter-spacing: 1.68px;
	line-height: 26px;
	height: 100%;
	width: 921px;
	margin-bottom: 28px;
}
.membershipa .content_group:last-child .body_box{
	margin-bottom: 0px;
	margin-top: 36px;
}
.membershipa .body_text{
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.07em;
}

/* /membershipa */

/* memberships */
.memberships .content{
  margin-bottom: 68px;
}

.memberships .content:after{
  content: "S Member";
}

.memberships .content:after{

  background: url(../img/logo/smember_logo.svg) no-repeat;
  content: "";
	position: absolute;
	left: -25px;
	top: 8px;
  width:12px;
 	height: 75px;
}

.memberships .content:before{
	height:calc(100%);
}

.memberships .colurm2_block{
  margin-left: 129px;
  margin-top:  68px;
  width:height:calc((212px + 24px) * 4);
  height: fit-content;
	display: flex;
  margin-bottom: 196px;
  flex-direction:row;
	flex-wrap:wrap;
	justify-content: flex-start;
}

.memberships .article_box{
	width:212px;
	height:292px;
	margin-right:24px;
	margin-bottom: 60px;
	display: flex;
	flex-direction:column;
}

.memberships .article_box:nth-of-type(4n)
{ 
	margin-right:0px;
}
.memberships .article_img_box{
	width:212px;
	height:212px;
	background:white;
}

.memberships .article_img_box img{
padding: 10px;
width: 100%;
height: 100%;
object-fit: contain;
font-family: 'object-fit: contain;';
}

.memberships .article_title{
	height:32px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.12em;
	color: #2F2F2F;
	font-family:var(--font-family-yumincho-medium);
	margin-top: 8px;
}

.memberships .article_link {
  margin-left:auto;
  margin-top: 30px;
  width: 54px;
  height: 8px;
}
.memberships .arrow2 {
  height: 9px;
  width: 56px;
  background-image: url(../img/menu/arrow2.svg);
  background-size: 100% 100%;
}
.memberships .arrow2:hover{
	background-image: url(../img/menu/arrow2_on.svg);
	background-size: 100% 100%;
}

/* /memberships */

/* admission */
.admission .content_block{
	flex-direction: inline;
	margin-top: 83px;
	margin-left: -105px;
	width:1066px;
}
.admission .content_head_text{
	margin-left: 24px;
}

.admission .main_table{
	width:1066px;
	margin-left:127px;
	border:1px solid #2F2F2F;
	border-collapse: collapse;
	table-layout: fixed;
}

.admission .main_table th,
.admission .main_table td
{
	vertical-align: middle;
	text-align:center;
}

.admission .main_table th{
	background:#D6D6D6;
	height: 10px;
	vertical-align: middle;
	border:1px solid #2F2F2F;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.6;

	/* or 100% */
	text-align: center;
	letter-spacing: 0.12em;

	/* 3/black */
	color: #2F2F2F;
}
.admission .main_table td{
	background:#FFF;
	height:80px;
	border:1px solid #2F2F2F;
}
.admission .main_table .td_about{
	margin: 24px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;

	/* or 186% */
	letter-spacing: 0.1em;

	/* 3/black */
	color: #2F2F2F;
	margin-left: 20px;
  margin-right: 20px;
}
.admission .main_table .td_merit1{
	width:325px;
}
.admission .main_table .td_merit{
	margin: 24px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;

	/* or 186% */
	letter-spacing: 0.1em;

	/* 3/black */
	color: #2F2F2F;
	margin-left: 10px;
	margin-right: 10px;
}

.admission .main_table .td_entry{
	margin: 24px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;

	/* or 186% */
	letter-spacing: 0.08em;

	/* 3/black */
	color: #2F2F2F;
	margin-left:18px;
	margin-right:18px;
}

.admission .main_table .td_ul {
  list-style: disc;
  margin-left: 20px;
}
.admission .main_table .td_rprice,
.admission .main_table .td_yprice,
.admission .main_table .td_form{
	margin: 24px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;

	/* identical to box height, or 186% */
	text-align: center;
	letter-spacing: 0.1em;

	/* 3/black */
	color: #2F2F2F;
}
.admission .main_table .notice{
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;

	/* or 120% */
	text-align: center;
	letter-spacing: 0.11em;

	/* 3/black */
	color: #2F2F2F;
	margin-top: 10px;
	line-height:1.6;
}
.admission .main_table .notice2{
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;

	/* or 120% */
	text-align: center;
	letter-spacing: 0.11em;

	/* 3/black */
	color: #2F2F2F;
	margin-top: -20px;
	margin-bottom: 4px;
	line-height:1.6;
}
.admission .main_table .row_header th{
	height:80px;
}

.admission .main_table .row_about th{
	height:178px;
}
.admission .main_table .row_about td,
.admission .main_table .row_merit td{
	vertical-align: top;
	text-align: left;
}
.admission .main_table .row_form td{
	vertical-align: bottom;
	text-align: center;
}
.admission .main_table .row_entry td{
	vertical-align: top;
}
.admission .main_table .row_merit th{
	height:334px;
}


.admission .main_table .row_rprice th{
	height:105px;
}

.admission .main_table .row_yprice th{
	height:105px;
}

.admission .main_table .row_entry th{
	height:428px;
}

.admission .main_table .row_form th{
	height:150px;
}

.admission .main_table .column_h{
	width:105px;
}
.admission .main_table .column_s{
	width:315px;
}
.admission .main_table .column_a{
	width:315px;
}
.admission .main_table .column_b{
	width:315px;
}
.admission .sub_content_footer{
	margin-top: 56px;
	margin-left: 127px;
	margin-bottom: 168px;
}
.admission .main_table .form_btn {
  padding: 0.3em 1em;
  border: solid 1px #d6d6d6;
  background: #f2f2f2;
  justify-content: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	/* or 186% */
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0 auto;
	/* 3/black */
	color: #2F2F2F;
  width: 120px;
  height: 48px;
  margin-top: 8px;
}
.admission .main_table .hover_btn:hover {
	color:#a3a3a3 !important;
}
.admission .main_table .form_btn2 {
	width: 160px;
}
/* /admission */

/* contact */

.contact .content:before{
	height:calc(100% - 68px);
}
.contact .content_body{
	margin-top:60px;
	margin-bottom:168px;
}
.contact .content_head_text{
	margin-top: 68px;
	margin-left: 129px;
}
.contact .contact_main {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: fit-content;
  width: 945px;
}
.contact .content_body .contact_main .required_text,
.contact .content_body .contact_main .required_text2{
	position: relative;
}
.contact .content_body .contact_main .required_text2.label_box{
	margin-top: 10px;
}
.contact .content_body .contact_main .required_text:after{
	  background: url(../img/contact/required.svg) no-repeat;
		height: 20px;
		width: 48px;
		content: "";
		position: absolute;
		top: -4px;
		display: inline-block;
		margin-left: 8px;
		margin-right: 8px;
		right: -8px;
}
.contact .content_body .contact_main .required_text2:after{
	  background: url(../img/contact/required.svg) no-repeat;
		height: 20px;
		width: 48px;
		content: "";
		position: absolute;
		top: 4px;
		display: inline-block;
		margin-left: 8px;
		margin-right: 8px;
		right: -8px;
}
.contact .content_body .contact_main .any_text{
	position: relative;
}
.contact .content_body .contact_main .any_text:after{
	  background: url(../img/contact/any.svg) no-repeat;
		height: 20px;
		width: 48px;
		content: "";
		position: absolute;
		top: -4px;
		display: inline-block;
		margin-left: 8px;
		margin-right: 8px;
		right: -8px;
}
.contact .content_body .contact_main .label_box{
	width: fit-content;
	padding-right: 56px;
	margin-top: 13px;
	width: 210px;
	text-align: right;
}
.contact .content_body .contact_main .label_box.radio{
	width: fit-content;
	padding-right: 56px;
	margin-top: 10px;
}
.contact .content_body .contact_main .2line{
	top: -14px;
}
.yumincho-demi-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}
.contact .content_body .contact_main .form_group {
	display: flex;
	margin-left: 0px;
	margin-top: 24px;
	min-width: 816px;
	align-items: flex-start;
	flex-direction: row;
	justify-content: flex-end;
}
 .content_body .contact_main .notice_text{
	position: relative;
}
.contact .content_body .contact_main .notice_text:after{
		position: absolute;
		bottom: -19px;
		display: inline-block;
		margin-left: 8px;
		margin-right: 8px;
		left: 0px;
		color: var(--base);
		font-family: var(--font-family-yumincho-medium);
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 1.20px;
		line-height: 12px;
		margin-top: 4px;
		min-height: 12px;
		white-space: nowrap;
		margin-left: 12px;
}
.contact .content_body .contact_main .notice_text:after{
	content: "※会員の方は会員番号をご記入ください。";
}
.contact .content_body .contact_main .form_text {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--white);
  border-radius: 2px;
  display: flex;
  height: 40px;
  margin-left: 12px;
  margin-top: 0;
  width: 606px;
  padding: 0 11.2px;
}

.contact .content_body .contact_main .label_top{
	align-items: top;
}

.contact .content_body .contact_main .form_textarea {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 2px;
  display: flex;
  height: 220px;
  justify-content: flex-end;
  margin-left: 12px;
  margin-top: 0;
  width: 606px;
  padding: 1px;
}

.contact .content_body .contact_main .text {
  letter-spacing: 1.40px;
  line-height: 26px;
  margin-left: 6px;
  margin-top: 2px;
  min-height: 26px;
  white-space: nowrap;
}
.radio-bt-nform {
  align-items: flex-start;
  display: flex;
  height: 26px;
  min-width: 127px;
}

.contact .content_body .contact_main .form_radio_group{
  align-items: flex-end;
  align-self: flex-start;
  border-radius: 2px;
  display: flex;
  margin-left: 12px;
  margin-top: 0;
  width: 606px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact .content_body .contact_main .form_radio_box{
	width:calc(100% / 3 - 7px );
	margin-bottom: 8px;
	display: flex;
	cursor: pointer;
}

.contact .content_body .contact_main .form_radio_label{
	letter-spacing: 1.40px;
	line-height: 26px;
	margin-left: 6px;
	margin-top: 2px;
	min-height: 26px;
	white-space: nowrap;
	color: var(--x3black);
	font-family: var(--font-family-yumincho-medium);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 500;
}

.contact .content_body .contact_main input[type="radio"]{
	align-items: center;
	background-color: var(--white);
	border-radius: 7px;
	height: 14px;
	width: 14px;
	top: 5.5px;
	position: relative;
	border: 1px solid var(--x3gray);
	margin-left: 0px;
}

.radio-btn {
  align-items: center;
  background-color: var(--white);
  border-radius: 7px;
  height: 14px;
  width: 14px;
  top: 5.5px;
  position: relative;
}
.contact .content_body .contact_main .form_btn{
  letter-spacing: 1.12px;
  line-height: 16px;
  min-height: 16px;
  min-width: 155px;
  text-align: center;
  white-space: nowrap;
  align-items: flex-start;
  background-color: var(--x3black);
  display: flex;
  height: 40px;
  justify-content: flex-end;
  margin-left: 234.0px;
  margin-top: 60px;
  min-width: 396px;
  padding: 11px 120px;
  border: none;
  outline: none;
  color: var(--white);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.topimage img{
	object-fit: cover;
	width: 100%;
	image-rendering: auto;
}