@charset "utf-8";

:root {
	--breakpoint-pc1920: 1920;
}



/* ********************************************************************************* */
/* 共通 */
* {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 10px;
}

.ec-layoutRole__contents {
	margin-top: 0!important;
	font-size: calc(50 / var(--breakpoint-pc1920) * 100vw);
}

.lp_container {
	width: 100%;
	min-height: 100vh;
}

.block_title {
	width: 100%;
	height: calc(73 / var(--breakpoint-pc1920) * 100vw);
	margin-bottom: calc(60 / var(--breakpoint-pc1920) * 100vw);
}

.block_title span:nth-of-type(1) {
	position: absolute;
	top: 0;
	left: calc(288 / var(--breakpoint-pc1920) * 100vw);
	margin-top: calc(6 / var(--breakpoint-pc1920) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(42 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
	color: rgba(5, 130, 227, 0.15);
}

.block_title span:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: calc(32 / var(--breakpoint-pc1920) * 100vw);
	text-align: center;
}

.block_title span:nth-of-type(2) img {
	width: calc(303 / var(--breakpoint-pc1920) * 100vw);
	height: calc(63 / var(--breakpoint-pc1920) * 100vw);
}

.block_title hr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(1324 / var(--breakpoint-pc1920) * 100vw);
	margin: 0;
	border: none;
	border-bottom: 1px solid #0582E3;
}

.side_icon {
	display: none;
}


@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	.block_title {
		height: 73px;
		margin-bottom: 60px;
	}

	.block_title span:nth-of-type(1) {
		left: 288px;
		margin-top: 6px;
		font-size: 42px;
	}

	.block_title span:nth-of-type(2) {
		font-size: 32px;
	}

	.block_title span:nth-of-type(2) img {
		width: 303px;
		height: 63px;
	}

	.block_title hr {
		width: 1324px;
	}
}



/* ********************************************************************************* */
/* トップビジュアル */
#lp_top_visual {
	width: 100%;
	margin-bottom: calc(130 / var(--breakpoint-pc1920) * 100vw);
}

#lp_top_visual .with_bg {
	width: 100%;
}

#lp_top_visual .with_bg img {
	width: 100%;
	height: auto;
}

#lp_top_visual .with_logo {
	position: absolute;
	top: calc(95 / var(--breakpoint-pc1920) * 100vw);
	left: calc(50% - calc(calc(717 / var(--breakpoint-pc1920) * 100vw) / 2));
}

#lp_top_visual .with_logo .logo_kotaro {
}

#lp_top_visual .with_logo .logo_kotaro img {
	width: calc(717 / var(--breakpoint-pc1920) * 100vw);
	height: calc(98 / var(--breakpoint-pc1920) * 100vw);
}

#lp_top_visual .with_subtitle {
	position: absolute;
	top: calc(220 / var(--breakpoint-pc1920) * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

#lp_top_visual .with_subtitle .effect0 {
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(43 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
	line-height: 1.0;
	color: #0582E3;
}

#lp_top_visual .with_subtitle .effect1 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(59 / var(--breakpoint-pc1920) * 100vw);
	height: calc(59 / var(--breakpoint-pc1920) * 100vw);
	margin-right: calc(10 / var(--breakpoint-pc1920) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(33 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
	line-height: 1.0;
	color: #fff;
	background-color: #0582E3;
	border: 2px solid #fff;
	box-shadow: 4px 4px 4px #ccc;
}

#lp_top_visual .with_block {
	position: absolute;
	top: calc(315 / var(--breakpoint-pc1920) * 100vw);
	left: calc(50% - calc(calc(600 / var(--breakpoint-pc1920) * 100vw) / 2));
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(600 / var(--breakpoint-pc1920) * 100vw);
	height: calc(64 / var(--breakpoint-pc1920) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(28 / var(--breakpoint-pc1920) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	#lp_top_visual .with_logo .logo_kotaro img {
		width: 717px;
		height: 98px;
	}

	#lp_top_visual .with_subtitle {
		top: 220px;
	}

	#lp_top_visual .with_subtitle .effect0 {
		font-size: 43px;
	}

	#lp_top_visual .with_subtitle .effect1 {
		width: 59px;
		height: 59px;
		margin-right: 10px;
		font-size: 33px;
	}

	#lp_top_visual .with_block {
		top: 315px;
		left: calc(50% - calc(600px / 2));
		width: 600px;
		height: 64px;
		font-size: 28px;
	}

}



/* ********************************************************************************* */
/* Can Do */
#lp_cando {
	width: 100%;
}

#lp_cando .cando_box {
	width: calc(1240 / var(--breakpoint-pc1920) * 100vw);
	margin: calc(120 / var(--breakpoint-pc1920) * 100vw) auto calc(160 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(980 / var(--breakpoint-pc1920) * 100vw);
	height: calc(320 / var(--breakpoint-pc1920) * 100vw);
	margin: calc(60 / var(--breakpoint-pc1920) * 100vw) 0 calc(160 / var(--breakpoint-pc1920) * 100vw);
	background-color: #037BD8;
}

#lp_cando .cando_box .cando_case:nth-of-type(1) {left: 0;}
#lp_cando .cando_box .cando_case:nth-of-type(2) {left: calc(50% - calc(490 / var(--breakpoint-pc1920) * 100vw));}
#lp_cando .cando_box .cando_case:nth-of-type(3) {left: calc(100% - calc(980 / var(--breakpoint-pc1920) * 100vw));}

#lp_cando .cando_box .cando_case .case_info {
	width: calc(428 / var(--breakpoint-pc1920) * 100vw);
	height: calc(320 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case .case_info:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-color: #0582E3 transparent transparent transparent;
	border-width: calc(320 / var(--breakpoint-pc1920) * 100vw) 0 0 calc(428 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case .case_info .case_num {
	position: absolute;
	top: calc(8 / var(--breakpoint-pc1920) * 100vw);
	left: calc(38 / var(--breakpoint-pc1920) * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(120 / var(--breakpoint-pc1920) * 100vw);
	color: rgba(255, 255, 255, 0.20);
}

#lp_cando .cando_box .cando_case .case_info .info_pack {
	width: calc(420 / var(--breakpoint-pc1920) * 100vw);
	height: calc(320 / var(--breakpoint-pc1920) * 100vw);
	color: #fff;
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_ttl {
	position: absolute;
	top: calc(94 / var(--breakpoint-pc1920) * 100vw);
	left: 0;
	width: 100%;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Meiryo, "メイリオ", sans-serif;
	font-size: calc(32 / var(--breakpoint-pc1920) * 100vw);
	text-align: center;
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt {
	position: absolute;
	top: calc(160 / var(--breakpoint-pc1920) * 100vw);
	left: 0;
	width: 100%;
	font-size: calc(18 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul {
	width: fit-content;
	margin: 0 auto;
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li {
	display: flex;
	align-items: self-start;
	justify-content: flex-start;
	margin-bottom: calc(12 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li img {
	width: calc(20 / var(--breakpoint-pc1920) * 100vw);
	height: calc(20 / var(--breakpoint-pc1920) * 100vw);
	margin-top: calc(4 / var(--breakpoint-pc1920) * 100vw);
	margin-right: calc(3 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li span {
	font-size: calc(18 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
}

#lp_cando .cando_box .cando_case:nth-of-type(1) .case_info .info_pack .info_txt {
	text-align: center;
}

#lp_cando .cando_box .cando_case .case_img {
	position: absolute;
	top: calc(-60 / var(--breakpoint-pc1920) * 100vw);
	left: calc(420 / var(--breakpoint-pc1920) * 100vw);
	width: calc(555 / var(--breakpoint-pc1920) * 100vw);
	height: calc(374 / var(--breakpoint-pc1920) * 100vw);
}

#lp_cando .cando_box .cando_case .case_img img {
	width: 100%;
	height: auto;
}


@media (max-width: 768px) {
	#lp_cando .cando_box {
		width: 90%;
		margin: 7.5% auto;
	}

	#lp_cando .cando_box .cando_case {
		
	}
}

@media (min-width: 1920px) {
	#lp_cando .cando_box {
		width: 1240px;
		margin: 120px auto 160px;
	}

	#lp_cando .cando_box .cando_case {
		width: 980px;
		height: 320px;
		margin: 60px 0 120px;
	}

	#lp_cando .cando_box .cando_case:nth-of-type(1) {left: 0;}
	#lp_cando .cando_box .cando_case:nth-of-type(2) {left: calc(50% - 490px);}
	#lp_cando .cando_box .cando_case:nth-of-type(3) {left: calc(100% - 980px);}

	#lp_cando .cando_box .cando_case .case_info {
		width: 428px;
		height: 320px;
	}

	#lp_cando .cando_box .cando_case .case_info:before {
		border-width: 320px 0 0 428px;
	}

	#lp_cando .cando_box .cando_case .case_info .case_num {
		top: 8px;
		left: 38px;
		font-size: 120px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack {
		width: 420px;
		height: 320px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack .info_ttl {
		top: 94px;
		font-size: 32px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt {
		top: 160px;
		font-size: 18px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li {
		margin-bottom: 12px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li img {
		width: 20px;
		height: 20px;
		margin-top: 4px;
		margin-right: 3px;
	}

	#lp_cando .cando_box .cando_case .case_info .info_pack .info_txt ul li span {
		font-size: 18px;
	}

	#lp_cando .cando_box .cando_case .case_img {
		top: -60px;
		left: 420px;
		width: 555px;
		height: 374px;
	}
}



/* ********************************************************************************* */
/* Difference */
#lp_difference {
	width: 100%;
}

#lp_difference:before {
	content: "";
	position: absolute;
	top: calc(320 / var(--breakpoint-pc1920) * 100vw);
	left: 0;
	width: 100%;
	height: calc(838 / var(--breakpoint-pc1920) * 100vw);
	background-color: rgba(5, 130, 227, 0.10);
}

#lp_difference .difference_box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(896 / var(--breakpoint-pc1920) * 100vw);
	margin: calc(85 / var(--breakpoint-pc1920) * 100vw) auto 0;
}

#lp_difference .difference_box .difference_case {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(428 / var(--breakpoint-pc1920) * 100vw);
	height: calc(310 / var(--breakpoint-pc1920) * 100vw);
	margin-bottom: calc(60 / var(--breakpoint-pc1920) * 100vw);
	background-color: #037BD8;
	box-shadow: 5px 5px 0 #95CBF5;
}

#lp_difference .difference_box .difference_case:nth-of-type(3),
#lp_difference .difference_box .difference_case:nth-of-type(4) {
	height: calc(240 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_box .difference_case:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-color: transparent #0582E3 transparent #0582E2;
	border-width: calc(155 / var(--breakpoint-pc1920) * 100vw) calc(214 / var(--breakpoint-pc1920) * 100vw) calc(155 / var(--breakpoint-pc1920) * 100vw) calc(214 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_box .difference_case:nth-of-type(3):before,
#lp_difference .difference_box .difference_case:nth-of-type(4):before {
	border-width: calc(120 / var(--breakpoint-pc1920) * 100vw) calc(214 / var(--breakpoint-pc1920) * 100vw) calc(120 / var(--breakpoint-pc1920) * 100vw) calc(214 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_box .difference_case:after {
	content: "";
	position: absolute;
	top: calc(3 / var(--breakpoint-pc1920) * 100vw);
	left: calc(3 / var(--breakpoint-pc1920) * 100vw);
	right: calc(3 / var(--breakpoint-pc1920) * 100vw);
	bottom: calc(3 / var(--breakpoint-pc1920) * 100vw);
	border: 1px solid #fff;
}

#lp_difference .difference_box .difference_case .case_num {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(120 / var(--breakpoint-pc1920) * 100vw);
	color: rgba(255, 255, 255, 0.20);
}

#lp_difference .difference_box .difference_case .case_icon {
	position: absolute;
	top: calc(calc(-45 / var(--breakpoint-pc1920) * 100vw) + calc(4 / var(--breakpoint-pc1920) * 100vw));
	left: calc(50% - calc(45 / var(--breakpoint-pc1920) * 100vw));
	width: calc(90 / var(--breakpoint-pc1920) * 100vw);
	height: calc(90 / var(--breakpoint-pc1920) * 100vw);
	z-index: 10;
}

#lp_difference .difference_box .difference_case .case_icon img {
	width: 100%;
	height: auto;
}

#lp_difference .difference_box .difference_case .difference_pack {
}

#lp_difference .difference_box .difference_case .difference_pack .case_ttl {
	width: 100%;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Meiryo, "メイリオ", sans-serif;
	font-size: calc(26 / var(--breakpoint-pc1920) * 100vw);
	line-height: 1.5;
	text-align: center;
	color: #fff;
}

#lp_difference .difference_box .difference_case .difference_pack .case_txt {
	width: 100%;
	font-size: calc(18 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	color: #fff;
}

#lp_difference .difference_contact {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(882 / var(--breakpoint-pc1920) * 100vw);
	height: calc(210 / var(--breakpoint-pc1920) * 100vw);
	margin: 0 auto calc(120 / var(--breakpoint-pc1920) * 100vw);
	background-color: #fff;
}

#lp_difference .difference_contact .contact_icon {
	width: calc(159 / var(--breakpoint-pc1920) * 100vw);
	height: calc(195 / var(--breakpoint-pc1920) * 100vw);
	margin-right: calc(25 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_contact .contact_icon img {
	width: 100%;
	height: auto;
}

#lp_difference .difference_contact .contact_info {
	width: calc(400 / var(--breakpoint-pc1920) * 100vw);
	height: calc(210 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_contact .contact_info .info_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(210 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_contact .contact_info .info_bg img {
	width: calc(102 / var(--breakpoint-pc1920) * 100vw);
	height: calc(90 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_contact .contact_info .info_box {
}

#lp_difference .difference_contact .contact_info .info_box .info_txt {
	margin: calc(50 / var(--breakpoint-pc1920) * 100vw) 0 calc(10 / var(--breakpoint-pc1920) * 100vw);
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Meiryo, "メイリオ", sans-serif;
	font-size: calc(22 / var(--breakpoint-pc1920) * 100vw);
	line-height: 1.5;
	text-align: center;
}

#lp_difference .difference_contact .contact_info .info_box .info_tel {
	display: flex;
	align-items: center;
	justify-content: center;
}

#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(99 / var(--breakpoint-pc1920) * 100vw);
	height: calc(32 / var(--breakpoint-pc1920) * 100vw);
	margin-right: calc(25 / var(--breakpoint-pc1920) * 100vw);
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Meiryo, "メイリオ", sans-serif;
	font-size: calc(18 / var(--breakpoint-pc1920) * 100vw);
	color: #fff;
	background-color: #0582E2;
}

#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(1):after {
	content: "";
	position: absolute;
	top: 0;
	right: calc(-16 / var(--breakpoint-pc1920) * 100vw);
	border-style: solid;
	border-color: transparent transparent transparent #0582E2;
	border-width: calc(32 / var(--breakpoint-pc1920) * 100vw) 0 0 calc(16 / var(--breakpoint-pc1920) * 100vw);
}

#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(36 / var(--breakpoint-pc1920) * 100vw);
	font-weight: bold;
	color: #0582E2;
}

#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(2) img {
	width: calc(28 / var(--breakpoint-pc1920) * 100vw);
	height: calc(28 / var(--breakpoint-pc1920) * 100vw);
	margin-right: calc(5 / var(--breakpoint-pc1920) * 100vw);
}


@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	#lp_difference:before {
		top: 320px;
		height: 838px;
	}

	#lp_difference .difference_box {
		width: 896px;
		margin: 85px auto 0;
	}

	#lp_difference .difference_box .difference_case {
		width: 428px;
		height: 310px;
		margin-bottom: 60px;
	}

	#lp_difference .difference_box .difference_case:nth-of-type(3),
	#lp_difference .difference_box .difference_case:nth-of-type(4) {
		height: 240px;
	}

	#lp_difference .difference_box .difference_case:before {
		border-width: 155px 214px 155px 214px;
	}

	#lp_difference .difference_box .difference_case:nth-of-type(3):before,
	#lp_difference .difference_box .difference_case:nth-of-type(4):before {
		border-width: 120px 214px 120px 214px;
	}

	#lp_difference .difference_box .difference_case:after {
		top: 3px;
		left: 3px;
		right: 3px;
		bottom: 3px;
	}

	#lp_difference .difference_box .difference_case .case_num {
		font-size: 120px;
	}

	#lp_difference .difference_box .difference_case .case_icon {
		top: calc(-45px + 4px);
		left: calc(50% - 45px);
		width: 90px;
		height: 90px;
	}

	#lp_difference .difference_box .difference_case .difference_pack .case_ttl {
		font-size: 26px;
	}

	#lp_difference .difference_box .difference_case .difference_pack .case_txt {
		font-size: 18px;
	}

	#lp_difference .difference_contact {
		width: 882px;
		height: 210px;
		margin: 0 auto 120px;
	}

	#lp_difference .difference_contact .contact_icon {
		width: 159px;
		height: 195px;
		margin-right: 25px;
	}

	#lp_difference .difference_contact .contact_info {
		width: 400px;
		height: 210px;
	}

	#lp_difference .difference_contact .contact_info .info_bg {
		height: 210px;
	}

	#lp_difference .difference_contact .contact_info .info_bg img {
		width: 102px;
		height: 90px;
	}

	#lp_difference .difference_contact .contact_info .info_box .info_txt {
		margin: 50px 0 10px;
		font-size: 22px;
	}

	#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(1) {
		width: 99px;
		height: 32px;
		margin-right: 25px;
		font-size: 18px;
	}

	#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(1):after {
		right: -16px;
		border-width: 32px 0 0 16px;
	}

	#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(2) {
		font-size: 36px;
	}

	#lp_difference .difference_contact .contact_info .info_box .info_tel span:nth-of-type(2) img {
		width: 28px;
		height: 28px;
		margin-right: 5px;
	}
}



/* ********************************************************************************* */
/* メンバー登録 */
#lp_registration {
	width: 100%;
}

#lp_registration .registration_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(1200 / var(--breakpoint-pc1920) * 100vw);
	height: calc(440 / var(--breakpoint-pc1920) * 100vw);
	margin: calc(240 / var(--breakpoint-pc1920) * 100vw) auto calc(140 / var(--breakpoint-pc1920) * 100vw);
	background-color: #F8F8F8;
}

#lp_registration .registration_box .registration_info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(550 / var(--breakpoint-pc1920) * 100vw);
}

#lp_registration .registration_box .registration_info .info_ttl {
	margin-bottom: calc(20 / var(--breakpoint-pc1920) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc1920) * 100vw);
}

#lp_registration .registration_box .registration_info .info_ttl:before {
	content: "|";
	display: inline-block;
	font-weight: bold;
	transform: translate(calc(-20 / var(--breakpoint-pc1920) * 100vw), calc(-2 / var(--breakpoint-pc1920) * 100vw)) rotate(-25deg);
}

#lp_registration .registration_box .registration_info .info_ttl:after {
	content: "|";
	display: inline-block;
	font-weight: bold;
	transform: translate(calc(20 / var(--breakpoint-pc1920) * 100vw), calc(-2 / var(--breakpoint-pc1920) * 100vw)) rotate(25deg);
}

#lp_registration .registration_box .registration_info .info_txt {
	margin-bottom: calc(40 / var(--breakpoint-pc1920) * 100vw);
	font-size: calc(22 / var(--breakpoint-pc1920) * 100vw);
}

#lp_registration .registration_box .registration_info .info_txt ruby {
    font-size: calc(22 / var(--breakpoint-pc) * 100vw);
    text-decoration: underline;
    color: #FF9A34;
}

#lp_registration .registration_box .registration_info a {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: calc(360 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	text-decoration: none;
	border-radius: 42px;
}

#lp_registration .registration_box .registration_info a:hover {
	opacity: 0.5;
}

#lp_registration .registration_box .registration_info a.btn_regist {
	margin: 0 auto calc(15 / var(--breakpoint-pc) * 100vw);
	background-color: #FF9A34;
}

#lp_registration .registration_box .registration_info a.btn_select {
	margin: 0 auto;
	background-color: #0582E2;
}

#lp_registration .registration_box .registration_img {
	width: calc(251 / var(--breakpoint-pc1920) * 100vw);
	height: calc(299 / var(--breakpoint-pc1920) * 100vw);
}

#lp_registration .registration_box .registration_img img {
	width: 100%;
	height: auto;
}


@media (max-width: 768px) {
}

@media (min-width: 1920px) {
	#lp_registration .registration_box {
		width: 1200px;
		height: 440px
		margin: 240px;
	}

	#lp_registration .registration_box .registration_info {
		width: 550px;
	}

	#lp_registration .registration_box .registration_info .info_ttl {
		margin-bottom: 20px;
		font-size: 32px;
	}

	#lp_registration .registration_box .registration_info .info_ttl:before {
		transform: translate(-20px, -2px) rotate(-25deg);
	}

	#lp_registration .registration_box .registration_info .info_ttl:after {
		transform: translate(20px, -2px) rotate(25deg);
	}

	#lp_registration .registration_box .registration_info .info_txt {
		margin-bottom: 40px;
		font-size: 22px;
	}

	#lp_registration .registration_box .registration_info .info_txt ruby {
	    font-size: 22px
	}

	#lp_registration .registration_box .registration_info a {
		width: 360px;
		height: 42px;
		font-size: 18px;
	}

	#lp_registration .registration_box .registration_info a.btn_regist {
		margin: 0 auto 15px;
	}

	#lp_registration .registration_box .registration_img {
		width: 251px;
		height: 299px;
	}
}



/* ********************************************************************************* */



