@charset "UTF-8";


.mac_visual-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-height: 1080px;
}
.mac_visual-bg {
	display: block;
	position: absolute;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	max-width: 1920px;
	width: 100%;
	height: 100%;
}
.mac_visual-bg::before , .mac_visual-bg::after {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	box-sizing: border-box;
	background-color: #4e852e;
	content: "";
}
/*.mac_visual-bg::before {
	right: calc(100% - clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
	width: calc(100% + clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
}*/
.mac_visual-bg::after {
	/*left: calc(100% - 3.9063%);
	width: calc(100% + 3.9063%);*/
	opacity: 0.09;
}
.mac_visual-triangle {
	position: relative;
	max-width: 1395px;
	width: calc(96.0937% - clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
	height: 100%;
	margin-right: 3.9063%;
	margin-left: auto;
}
.mac_visual-triangle::before , .mac_visual-triangle::after {
	display: block;
	position: absolute;
	background-color: #4e852e;
	content: "";

	aspect-ratio: 1/1;
}
.mac_visual-triangle::before {
	top: clamp(1.25rem, 0.833rem + 0.87vw, 1.875rem);
	left: 2.509%;
	max-width: 65px;
	min-width: 35px;
	width: 4.6595%;

	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.mac_visual-triangle::after {
	right: 2.1506%;
	bottom: 25px;
	max-width: 135px;
	min-width: 50px;
	width: 9.6775%;

	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.mac_visual-scroll {
	display: inline-flex;
	position: absolute;
	bottom: 0;
	left: calc(clamp(2.188rem, 1.688rem + 1.04vw, 2.938rem) + clamp(0.625rem, -1.25rem + 3.91vw, 3.438rem));
	transform: rotateZ(-90deg);
	transform-origin: left bottom;
	max-width: clamp(6.25rem, 3.542rem + 5.64vw, 10.313rem);
	width: 100%;
	padding-top: clamp(0.188rem, 0.104rem + 0.17vw, 0.313rem);
	border-top: 2px solid;
	color: #ffffff;
	font-weight: normal;
	font-size: clamp(1.563rem, 0.979rem + 1.22vw, 2.438rem);
	justify-content: flex-end;
}
.mac_visual-contents {
	display: flex;
	max-width: 1370px;
	margin: 0 auto;
	justify-content: space-between;
}
.mac-phone-content {
	position: relative;
	max-width: 365px;
	width: 27%;
	padding-top: 10px;
}
.mac-phone-img {
	position: relative;
	width: 100%;
}
.mac-phone-img img {
	width: 100%;
}
.mac-phone-img img:not(.mac-phone-move ) {
	filter: drop-shadow(0 0 10px #000000);
}
.mac-phone-move {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.mac-phone-content figcaption {
	position: absolute;
	top: 0;
	left: calc(100% + 8.3333%);
	overflow: hidden;
	padding: 40px 0 35px;
	padding-left: 2.7398%;
	font-weight: 900;
	font-size: clamp(1.563rem, -0.695rem + 3.61vw, 2.563rem);
	white-space: nowrap;
}

.mac-phone-content figcaption::before , .mac-phone-content figcaption::after {
	display: block;
	position: absolute;
	right: 12.8206%;
	transform-origin: right center;
	max-width: 170px;
	width: 100%;
	height: 4px;
	background-color: #000000;
	content: "";
}

.mac-phone-content figcaption::before {
	top: 0;
	transform: rotateZ(-11.5deg);
}.mac-phone-content figcaption::after {
	bottom: 0;
	transform: rotateZ(6.5deg);
}
.mac-phone-content figcaption span {
	display: block;
	padding-left: 5px;
	font-size: clamp(0.875rem, 0.028rem + 1.35vw, 1.25rem);
}
.mac_visual-details {
	max-width: 915px;
}
@media screen and (min-width: 901px) {
	.mac_visual-details {
		width: 70%;
	}
}

@media screen and (max-width: 900px) {
	.mac-phone-content {
		display: none;
	}
	.mac_visual-details {
		max-width: 915px;
		width: 100%;
	}
}
.mac_visual-head {
	position: relative;
	width: 100%;
	margin-bottom: 35px;
}

.mac_visual-title {
	display: block;
	max-width: 790px;
	width: 100%;
}

.mac_responsive-wrap {
	display: flex;
	position: relative;
	max-width: 390px;
	width: 49.3671%;
	margin: 0 auto;
	flex-direction: row-reverse;
	align-items: flex-end;
}



.mac_visual-logo {
	max-width: 465px;
	width: 58.8608%;
	margin: 0 auto;
}
.mac_flexible-wrap {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	column-gap: 10px;
	justify-content: space-between;
	align-items: baseline;
}
.mac_flexible-left {
	max-width: 378px;
	width: 47.8481%;
}

.mac_flexible-center {
	max-width: 49px;
	width: 7.5%;
}
.mac_flexible-right {
	max-width: 316px;
	width: 40%;
}
.mac_last-text {
	position: relative;
	left: 55%;
	transform: translateX(-55%);
	max-width: 347px;
	/*margin-left: 255px;
	margin-left: clamp(10.313rem, 3.912rem + 13.33vw, 15.938rem);*/
}

.mac_visual-free {
	display: flex;
	position: absolute;

/*top: clamp(0rem, -7.76rem + 12.42vw, 3.438rem);
	right: 0;*/
	max-width: 170px;

/*min-width: 110px;*/
	width: 18.5793%;
	border-radius: 100%;
	background-color: #e60012;
	color: #ffffff;
	font-weight: 900;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	aspect-ratio: 1/1;
}
@media screen and (min-width: 601px) {
	.mac_visual-contents {
		padding-top: clamp(5rem, 0.65rem + 9.06vw, 8.75rem);
	}
	.mac_responsive-wrap {
		width: 49.3671%;
	}
	.mac_last-text {
		width: 43.9241%;
	}
	.mac_visual-free {
		top: clamp(0rem, -7.76rem + 12.42vw, 3.438rem);
		right: 0;
		max-width: 170px;
		min-width: 110px;
		width: 18.5793%;
	}
}
@media screen and (max-width: 600px) {
	.mac_visual-contents {
		padding-top: 130px;
	}.mac_visual-triangle::after {
		display: none;
	}
	.mac_responsive-wrap {
		width: 85%;
	}
	.mac_last-text {
		width: 60%;
	}
	.mac_visual-free {
		bottom: calc(100% - 10px);
		left: 5px;
		max-width: 170px;
		min-width: 95px;
		width: 18.5793%;
	}
}
.mac_visual-free dt {
	font-size: clamp(2.5rem, -0.322rem + 4.51vw, 3.75rem);
}
.mac_visual-free dd {
	margin-top: -10px;
	font-size: clamp(1.25rem, 0.545rem + 1.13vw, 1.563rem);
}

.mac_visual-foot {
	display: block;
	max-width: 830px;
	width: 100%;
	margin-left: clamp(0rem, -2.822rem + 4.51vw, 1.25rem);
	padding-top: 35px;
	border-top: 1px solid #707070;
}
.mac_visual-foot p {
	font-size: clamp(0.875rem, 0.657rem + 0.45vw, 1.063rem);
	line-height: clamp(1.563rem, 0.91rem + 1.36vw, 2.125rem);
	text-align: center;
}
.mac_app-nav {
	width: fit-content;
	margin: 0 auto;
}
.mac_app-nav ul {
	display: flex;
	column-gap: clamp(0.625rem, -0.086rem + 1.48vw, 1.25rem);
	flex-wrap: wrap;
	justify-content: center;

	row-gap: 10px;
}
.mac_app-nav img {
	width: 100%;
}
#mac_app-apple {
	max-width: 170px;
}
#mac_app-google {
	max-width: 210px;
}






@media screen and (min-width: 768px) {
	@media screen and (min-width: 835px) {
		.mac_visual-container {
			height: 100svh;
		}
	}
	@media screen and (max-width: 834px) {
		.mac_visual-container {
			height: 85svh;
		}
	}
	.mac_visual-bg::before {
		right: calc(100% - clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
		width: calc(100% + clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
	}
	.mac_visual-bg::after {
		left: calc(100% - 3.9063%);
		width: calc(100% + 3.9063%);
	}
	@media screen and (min-width: 901px) {
		.mac_visual-contents {
			width: 90%;
		}
	}
	@media screen and (max-width: 900px) {
		.mac_visual-contents {
			width: calc(96.0937% - clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
			margin-right: 3.9063%;
			margin-left: auto;
			padding-right: 20px;
			padding-left: 20px;
		}
		.mac_visual-triangle {
			width: calc(96.0937% - clamp(9.375rem, -11.958rem + 44.44vw, 28.125rem));
			margin-right: 3.9063%;
		}
	}
	.mac_visual-head {
		margin-bottom: 35px;
	}
	.mac_responsive-wrap {
		margin-bottom: 50px;
	}
	.mac_visual-logo {
		margin-bottom: 30px;
	}
	.mac_flexible-wrap {
		margin-bottom: 20px;
		column-gap: 10px;
	}
	.mac_visual-foot {
		padding-top: 35px;
	}
	.mac_visual-foot p {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	@media screen and (max-width: 450px) {
		.mac_visual-triangle::before , .mac_visual-triangle::after {
			display: none;
		}
	}
	.mac_visual-bg::before {
		left: 0;
		width: 50px;
	}
	.mac_visual-bg::after {
		right: 0;
		width: 20px;
	}
	.mac_visual-contents {
		width: calc(100% - 70px);
		margin-right: 20px;
		margin-left: auto;
		padding-right: 15px;
		padding-bottom: 20px;
		padding-left: 15px;
	}
	.mac_visual-triangle {
		width: calc(100% - 70px);
		margin-right: 20px;
	}
	.mac_visual-head {
		margin-bottom: 15px;
	}
	.mac_responsive-wrap {
		margin-bottom: 25px;
	}.mac_visual-logo {
		margin-bottom: 20px;
	}
	.mac_flexible-wrap {
		margin-bottom: 10px;
		column-gap: 5px;
	}

	.mac_visual-foot {
		padding-top: 15px;
	}

	.mac_visual-foot p {
		margin-bottom: 20px;
		text-align: justify !important;
	}

	.mac_visual-foot p br {
		display: none;
	}
}




.site_logo.logo_black {
	display: none;
}

.site_logo.hide {
	display: none;
}

.site_logo.show {
	display: block;
}

.page_mac-net_container {
	padding-bottom: 100px;
}

.mac-net-csc .header_container {
	height: 0;
}

.csc_first_view_container {
	display: flex;
	position: relative;
	max-height: 100%;
	height: 1010px;
}

.left_background_wrap {
	width: 23.542%;
	height: 100%;
	background-color: #4e852e;
}

.center_main_contents {
	position: relative;
	width: 72.558%;
	height: 100%;
	background-image: url(../images/csc_center_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95% 95%;
}

.first_view_mb {
	display: none;
}

.phone_img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -13.926%;
	margin: auto;
}

.service_text_contents {
	margin-top: 90px;
}

.service_text_wrap {
	position: relative;
	max-width: 797px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.service_text_wrap img {
	margin-right: auto;

/* max-width: 100%; */
	margin-left: auto;
}

.img_position_right {
	position: absolute;
	top: -50px;
	right: -130px;
}

.first_view_img_top {
	margin-bottom: 50px;
}

.first_view_img_bottom {
	margin-bottom: 20px;
}

.service_text_wrap p {
	color: #333333;
	font-family: コーポレート・ロゴ;
}

.first_view_text_top {
	margin-bottom: 25px;
	font-size: 80px;
}

.first_view_text_top img {
	max-width: 797px;
	width: 100%;
}

.first_view_text_bottom {
	font-size: 49px;
}

.first_view_text_bottom img {
	max-width: 346px;
	width: 100%;
}

.first_view_text_top span {
	padding: 0 20px;
	color: #4e852e;
	font-size: 68px;
}

.top_border_text_wrap {
	max-width: 830px;
	margin: auto;
	margin-top: 45px;
	padding-top: 40px;
	border-top: 1px solid #707070;
}

.top_border_text_wrap p {
	max-width: 630px;
	margin: auto;
	font-weight: 300;
	font-size: 17px;
	line-height: 2;
	text-align: center;
}

.download_link_wrap {
	margin-top: 55px;
}

.download_link_wrap.wrap_margin {
	margin-top: 15px;
}

.download_link_wrap ul {
	display: flex;
	justify-content: center;
}

#app_store {
	margin-right: 20px;
}

.app_store {
	margin-right: 20px;
}

.right_background_wrap {
	width: 3.9%;
	height: 100%;
	background-color: rgba(78, 133, 46, 0.09);
}

@media screen and (max-width: 1560px) {
	.site_logo img {
		max-width: 227px;
	}

	.service_text_contents {
		margin-top: 30px;
	}

	.left_background_wrap {
		width: 19%;
	}

	.center_main_contents {
		width: 78%;
		background-size: 90% 90%;
	}

	.phone_img {
		left: -17%;
		max-width: 350px;
	}

	.service_text_wrap {
		max-width: 665px;
	}

	.img_position_right {
		right: -40px;
		z-index: 1;
		max-width: 210px;
	}

	.first_view_img_top {
		position: relative;
		z-index: 5;
		max-width: 250px;
	}

	.first_view_img_bottom {
		max-width: 350px;
	}

	.first_view_text_top {
		margin-bottom: 0;
		font-size: 55px;
	}

	.first_view_text_top span {
		font-size: 45px;
	}

	.first_view_text_bottom {
		font-size: 37px;
	}

	.first_view_text_bottom img {
		max-width: 227px;
		margin-top: 20px;
	}

	.top_border_text_wrap {
		max-width: 640px;
		margin-top: 30px;
	}

	.top_border_text_wrap p {
		max-width: 450px;
		font-size: 13px;
		line-height: 1.6;
	}

	.right_background_wrap {
		position: relative;
		z-index: 5;
		width: 3%;
	}

	.csc_first_view_container {
		height: 810px;
	}
}

@media screen and (max-width: 1200px) {
	.phone_img {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.service_text_wrap {
		max-width: 410px;
	}

	.img_position_right {
		top: -30px;
		right: -40px;
		max-width: 120px;
		margin-bottom: 30px;
	}

	.first_view_img_top {
		max-width: 185px;
		margin-bottom: 0;
	}

	.first_view_img_bottom {
		max-width: 260px;
	}

	.first_view_text_top {
		font-size: 38px;
	}

	.first_view_text_top img {
		max-width: 372px;
	}

	.first_view_text_top span {
		font-size: 30px;
	}

	.first_view_text_bottom {
		font-size: 25px;
	}

	.top_border_text_wrap {
		width: 90%;
	}

	.top_border_text_wrap p br {
		display: none;
	}

	.download_link_wrap.wrap_margin {
		margin-top: 30px;
	}

	.download_link_wrap ul {
		justify-content: start;
		align-items: center;
	}

	.download_link_wrap.wrap_margin ul {
		flex-direction: column;
	}

	#app_store {
		/* margin-bottom: 20px; */
		margin-right: 10px;
	}

	#app_store img {
		max-width: 104px;
	}

	.app_store img {
		max-width: 172px;
	}

	.app_store {
		margin-bottom: 20px;
	}

	.download_link_wrap.wrap_margin #app_store {
		margin-bottom: 20px;
	}

	#google_play img {
		max-width: 126px;
	}

	.google_play img {
		max-width: 210px;
	}
}

@media screen and (max-width: 600px) {
	.csc_first_view_container {
		height: 680px;
	}

	.first_view_mb {
		display: block;
		max-width: 120px;
		margin: 20px auto;
		padding: 20px 0 15px;
	}

	.left_background_wrap {
		width: 5%;
	}

	.img_position_right {
		display: none;
	}

	.center_main_contents {
		width: 92%;
		background-image: none;
	}

	.first_view_img_top {
		position: relative;
		top: -25px;
		max-width: 209px;
	}

	.service_text_wrap {
		width: 95%;
	}

	.first_view_img_bottom {
		max-width: 200px;
	}

	.first_view_text_top {
		font-size: 30px;
	}

	.first_view_text_top span {
		padding: 0 10px;
		font-size: 25px;
	}

	.first_view_text_top img {
		max-width: 298px;
	}

	.first_view_text_bottom {
		font-size: 20px;
	}

	.first_view_text_bottom img {
		max-width: 182px;
	}
}

.introduction_container {
	margin-top: 65px;
}

.service_list_container {
	max-width: 1000px;
	width: 90%;
	margin: auto;
	margin-top: 55px;
}

.service_list {
	position: relative;
	max-height: 100%;
	height: 315px;
	margin-bottom: 50px;
	padding-right: 10px;
	padding-left: 140px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #f5f5f5;
}

.service_list::before {
	position: absolute;
	left: 35px;
	width: 85px;
	height: 158px;
	background-repeat: no-repeat;
	content: "";
}

#no1 {
	/*background-image: url(../images/imakoko_bg.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;*/
}

#no2 {
	/*background-image: url(../images/kokokara_bg.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;*/
}

#no3 {
	/*background-image: url(../images/kosodate_sien_bg.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;*/
}

#no4 {
	/*background-image: url(../images/ansinanzen_bg.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;*/
}

#no5 {
	/*background-image: url(../images/mnc_bg.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;*/
}

#no1::before {
	background-image: url("../images/no1.png");
	content: "";
}

#no2::before {
	background-image: url("../images/no2.png");
	content: "";
}

#no3::before {
	background-image: url("../images/no3.png");
	content: "";
}

#no4::before {
	background-image: url("../images/no4.png");
	content: "";
}

#no5::before {
	background-image: url("../images/no5.png");
	content: "";
}

.service_list h4 {
	padding-top: 15px;
	padding-bottom: 20px;
	color: #4e852e;
	font-weight: 700;
	font-size: 30px;
}

.contents_flex_wrap {
	display: flex;
}

.contents_icon_image {
	max-width: 200px;
	width: 100%;
	padding-left: 15px;
}

.flex_text_wrap {
	margin-top: -35px;
	margin-left: 50px;
}

.not_margin {
	margin-top: -10px;
}

.contents_flex_wrap .font_88px {
	font-family: コーポレート・ロゴ;
	font-size: 88px;
}

.contents_flex_wrap p {
	max-width: 526px;
	margin-top: 15px;
}

.contents_flex_wrap p span {
	display: inline;
	padding-bottom: 5px;
	border-bottom: 1px solid #707070;
	font-size: 17px;
	line-height: 2;
}

@media screen and (max-width: 920px) {
	.flex_text_wrap {
		margin-top: -15px;
		margin-left: 25px;
	}

	#no1 .font_88px img {
		max-width: 215px;
	}

	#no2 .font_88px img {
		max-width: 230px;
	}

	#no3 .font_88px img {
		max-width: 280px;
	}

	#no4 .font_88px img {
		max-width: 260px;
	}

	#no5 .font_88px img {
		max-width: 240px;
	}

	.contents_flex_wrap p span {
		padding-bottom: 2px;
		font-size: 15px;
		line-height: 1.7;
	}
}

@media screen and (max-width: 768px) {
	.service_list {
		height: 100%;
		padding-right: 0;
		padding-bottom: 25px;
		padding-left: 0;
	}

	.service_list::before {
		left: 10px;
		width: 45px;
		height: 83px;
		background-size: contain;
	}

	.service_list h4 {
		padding-left: 70px;
		font-size: 22px;
	}

	.contents_flex_wrap {
		flex-direction: column;
		align-items: center;
	}

	.contents_icon_image {
		max-width: 168px;
		padding-left: 0;
	}

	.font_88px img {
		margin: auto;
		margin-top: 20px;
	}

	.flex_text_wrap {
		margin-left: 0;
	}

	.contents_flex_wrap p {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}

	.top_border_text_wrap p {
		text-align: justify;
	}

	.download_link_wrap {
		margin-top: 30px;
	}

	#app_store {
		margin-right: 0;
	}
}

.body_center_container {
	position: relative;
	margin-bottom: 100px;
}

.body_center_container::after {
	position: absolute;
	top: 150px;
	width: 100%;
	max-height: 700px;
	height: 100%;
	background-image: url(../images/csc_center_background.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";

	object-fit: cover;
}

.counter_wrap {
	position: relative;
	z-index: 10;
	text-align: center;
}

.counter_text {
	color: #ff0000;
	font-family: "Impact";
	font-size: 285px;
}

.counter_bottom_text {
	position: relative;
	z-index: 10;
	font-weight: 700;
	text-align: center;
}

.text_content_p {
	color: #333333;
	font-size: 28px;
}

.bottom_text_content {
	margin-top: 20px;
	font-weight: 500;
	font-size: 16px;
}

.counter_bottom_text p span {
	color: #ff0000;
}

.counter_bottom_text img {
	margin: auto;
	margin-top: 25px;
}

.group_list_text {
	position: relative;
	z-index: 10;
	max-width: 800px;
	width: 90%;
	margin: auto;
}

.group_list_text p {
	color: #333333;
	font-size: 13px;
	line-height: 2;
}

@media screen and (max-width: 768px) {
	.body_center_container::after {
		top: 70px;
	}

	.counter_text {
		font-size: 128px;
	}

	.counter_bottom_text p {
		font-size: 18px;
	}

	.counter_bottom_text img {
		max-width: 410px;
		margin-top: 15px;
	}

	.group_list_text p {
		line-height: 1.6;
	}
}

@media screen and (max-width: 530px) {
	.body_center_container::after {
		top: 50px;
	}

	.counter_text {
		font-size: 100px;
	}

	.counter_bottom_text p {
		font-size: 13px;
	}

	.counter_bottom_text img {
		max-width: 270px;
	}

	.group_list_text p {
		font-size: 11px;
	}
}

.register_container {
	max-width: 1000px;
	margin: auto;
	margin-bottom: 110px;
}

.domain_mail_radius {
	display: flex;
	max-width: 1000px;
	width: 100%;

/* height: 77px; */
	max-height: 100%;
	margin-top: 40px;
	margin-bottom: 15px;
	border: 2px solid #000000;
	border-radius: 38.5px;
	align-items: center;
}

.radius_span_left {
	padding: 0 60px 10px;
	border-radius: 38.5px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
	font-size: 46px;
}

.radius_span_right {
	width: 100%;
	padding-right: 40px;
	padding-left: 15px;
	font-size: 17px;
	line-height: 2;
}

.radius_span_right br {
	display: none;
}

.supplement_text {
	font-size: 14px;
}

.domain_mail_bottom_text {
	text-align: center;
}

.domain_mail_bottom_text p {
	display: inline-block;
	text-align: left;
}

.text_indent {
	width: 90%;
	margin: auto;
	padding-left: 1rem;
	font-size: 14px;
	line-height: 2;
	text-indent: -1rem;
}

.text_indent::before {
	content: "※";
}

@media screen and (max-width: 915px) {
	.domain_mail_radius {
		position: relative;
		width: 95%;
		margin: auto;
		margin-top: 80px;
		margin-bottom: 15px;
		flex-direction: column;
	}

	.radius_span_left {
		position: absolute;
		top: -33px;
		font-size: 36px;
	}

	.radius_span_right {
		width: 90%;
		margin: auto;
		padding-top: 30px;
		padding-right: 0;
		padding-bottom: 35px;
		padding-left: 0;
		font-size: 14px;
		line-height: 2.3;
	}

	.radius_span_right br {
		display: block;
	}

	.text_indent br {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.domain_mail_radius {
		width: 90%;
	}

	.radius_span_left {
		font-size: 29px;
	}
}

.procedure_list_container {
	margin-top: 40px;
}

.procedure_list_ul {
	padding-left: 115px;
}

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

.flex_contents p {
	padding-left: 30px;
	font-weight: 700;
	font-size: 23px;
	line-height: 1.7;
}

.procedure_main_contents {
	display: flex;
	margin-top: 55px;
}

#list_02 {
	margin-top: 80px;
}

.flex_text_right {
	padding-left: 70px;
}

.flex_text_right.top_75 {
	margin-top: 75px;
}

.text_black {
	font-size: 14px;
	line-height: 1.8;
}

.flex_text_right img {
	margin-top: 18px;
}

.text_red {
	margin-top: 50px;
	padding-left: 1rem;
	color: #ff0000;
	font-size: 14px;
	line-height: 1.8;
	text-indent: -1rem;
}

#list_03 {
	margin-top: 120px;
}

.flex_text_right.top_60 {
	margin-top: 60px;
}

.category_list {
	margin-top: 40px;
}

.category_list:first-of-type {
	margin-top: 0;
}

.category_list img {
	margin-bottom: 20px;
}

#list_04 {
	margin-top: 80px;
}

.flex_text_right.top_80 {
	margin-top: 80px;
}

.flex_text_right ol {
	counter-reset: number;
}

.flex_text_right ol li {
	position: relative;
	margin-top: 20px;
}

.flex_text_right ol li::before {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 36px;
	margin: auto;
	margin-right: 13px;
	border-radius: 50%;
	background-color: #4e852e;
	color: #ffffff;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	content: counter(number);
	counter-increment: number;
}

.flex_text_right ol li p {
	margin-top: 10px;
	padding-left: 50px;
	color: #333333;
	font-weight: 700;
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	.procedure_list_ul {
		width: 90%;
		margin: auto;
		padding-left: 0;
	}

	.flex_contents {
		flex-direction: column;
	}

	.flex_contents img {
		max-width: 75px;
	}

	.flex_contents p {
		margin-top: 25px;
		padding-left: 0;
		font-size: 15px;
		line-height: 2;
	}

	.flex_contents p br {
		display: none;
	}

	.procedure_main_contents img {
		width: 100%;
		height: 100%;
	}

	.procedure_main_contents {
		margin-top: 30px;
		flex-direction: column;
	}

	.flex_text_right {
		padding-left: 0;
	}

	.flex_text_right.top_75 {
		margin-top: 30px;
	}

	.text_red {
		margin-top: 15px;
		padding-left: 0;
		text-indent: 0;
	}

	.help_icon {
		max-width: 72px;
	}

	#list_03 {
		margin-top: 70px;
	}

	.flex_text_right.top_60 {
		margin-top: 40px;
	}

	.category_list img {
		max-width: 175px;
		margin: auto;
	}

	.category_list p {
		margin-top: 20px;
		font-size: 14px;
	}

	.flex_text_right.top_80 {
		margin-top: 20px;
	}

	.flex_text_right ol li p {
		font-weight: 500;
		font-size: 14px;
	}
}

.info_container {
	position: relative;
	max-width: 1000px;
	width: 90%;
	margin: auto;
	padding-top: 35px;
	padding-bottom: 50px;
	border: 1px solid #707070;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.left_top_icon {
	position: absolute;
	top: -50px;
	left: -50px;
}

.mail_icon_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin-top: 35px; */
}

.mail_icon_flex img {
	height: 100%;
}

.info_title {
	margin-left: 30px;
	color: #4073db;
	font-weight: 700;
	font-size: 36px;
}

.intro_text {
	margin-top: 20px;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

.link_list_dl {
	margin-top: 10px;
}

.link_list_dl dl {
	display: flex;
	max-width: 420px;
	margin: auto;
	line-height: 2;
	flex-wrap: wrap;
	align-items: center;
}

.link_list_dl dl dt {
	width: 180px;
	font-weight: 700;
	font-size: 22px;
}

.link_list_dl dl dd {
	width: calc(100% - 180px);
}

.link_list_dl dl dd a {
	padding-bottom: 3px;
	border-bottom: 1px solid #001dff;
	color: #001dff;
	font-weight: 700;
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	.info_container {
		padding-top: 70px;
	}

	.left_top_icon {
		right: 0;
		left: 0;
		margin: auto;
	}

	.mail_icon_flex {
		flex-direction: column;
	}

	.mail_icon_flex img {
		max-width: 90px;
		height: auto;
	}

	.info_title {
		width: 90%;
		margin: auto;
		margin-top: 20px;
		font-size: 20px;
	}

	.info_title br {
		display: none;
	}

	.intro_text {
		font-size: 13px;
	}

	.link_list_dl dl {
		text-align: center;
		flex-direction: column;
	}

	.link_list_dl dl dt {
		width: 100%;
	}

	.link_list_dl dl dd {
		width: 100%;
		margin-bottom: 15px;
	}
}


.handbook_contents {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}

.handbook_title {
	margin-bottom: 40px;
}

.handbook_title figure {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;

	row-gap: 15px;
}

.handbook_title img {
	max-width: 395px;
	width: 90%;
}

.handbook_title figcaption {
	font-weight: 500;
	font-size: 23px;
	text-align: center;
}

.handbook_text {
	margin-bottom: 35px;
	font-weight: 900;
	font-size: clamp(1.25rem, -0.434rem + 3.51vw, 1.875rem);
	text-align: center;
	letter-spacing: 0.03em;
}

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

.handbook_item {
	display: flex;
	flex-direction: column;

	row-gap: 15px;
}

.handbook_item a {
	display: flex;
	max-width: 465px;
	width: 100%;
	margin: 0 auto;
	padding: 5.5px 10px;
	border: 2px solid #e60012;
	border-radius: 27.5px;
	background-color: #e60012;
	color: #ffffff;
	font-weight: 500;
	font-size: clamp(1rem, -0.516rem + 3.16vw, 1.563rem);
	column-gap: clamp(0.313rem, -0.53rem + 1.75vw, 0.625rem);
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}

.handbook_item a:hover {
	background-color: #ffffff;
	color: #e60012;
}

.handbook_item a::before {
	display: flex;
	overflow: hidden;
	width: clamp(1.875rem, 0.191rem + 3.51vw, 2.5rem);
	padding-bottom: 3px;
	border-radius: 100%;
	background-color: #ffffff;
	color: #e60012;
	font-weight: 900;
	font-size: clamp(1.563rem, 0.72rem + 1.75vw, 1.875rem);
	line-height: 1;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;

	aspect-ratio: 1/1;
}

.handbook_item a:hover::before {
	background-color: #e60012;
	color: #ffffff;
}

#firstregistrate a::before {
	content: "A";
}

#appInitialReg a::before {
	content: "B";
}

#appExtraReg a::before {
	content: "C";
}
/*#imakoko a::before {
	content: "D";
}*/


.handbook_item#imakoko a {
	border: 2px solid #0063b2;
	background-color: #0063b2;
}

.handbook_item#imakoko a:hover {
	background-color: #ffffff;
	color: #0063b2;
}
.handbook_item#imakoko a::before {
	background-color: #ffffff;
	color: #0063b2;
}
.handbook_item#imakoko a:hover::before {
	background-color: #0063b2;
	color: #ffffff;
}

.handbook_item p {
	font-weight: 500;
	font-size: clamp(0.938rem, -0.073rem + 2.11vw, 1.313rem);
	text-align: center;
	letter-spacing: 0.02em;
}

.modaal-video-wrap {
	margin: auto !important;
}

@media screen and (min-width: 768px) {
	.handbook_container {
		width: 95%;
	}

	.handbook_contents {
		width: 95%;
		margin-top: 80px;
	}

	.handbook_title figcaption br {
		display: none;
	}

	.handbook_text br {
		display: none;
	}

	.handbook_item p br {
		display: none;
	}

	.handbook_list {
		row-gap: 45px;
	}

	.handbook_item {
		row-gap: 15px;
	}
}

@media screen and (max-width: 767px) {
	.handbook_container {
		width: 100%;
	}

	.handbook_contents {
		width: 90%;

/*overflow-y: scroll;
		padding: 30px 20px;*/
		margin-top: 40px;
	}

	.handbook_list {
		row-gap: 30px;
	}

	.handbook_item {
		row-gap: 10px;
	}
}