@charset "utf-8";
/* -----------------------------------------
common.css
サイト共通設定用css

＜class名ルール＞
このファイルで使用するclassには以下の接頭語を付加する。
（他のcssファイルでは不要）
・汎用クラス、モジュール：「.u_xxx」（utility）
・フレームモジュール：「.f_xxx」（frame）
・モジュール：「.m_xxx」（module）
・モジュール内のパーツ：「.p_xxx」（parts）
・モジュールの状態：「.s_xxx」（state）
※JSのみで使用：「.js_xxx」
----------------------------------------- */


/* reset
----------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,input,textarea,table,caption,tbody,thead,tfoot,tr,th,td,
main,article,aside,canvas,details,embed,figure,figcaption,footer,header,
menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,th {
	font-family: inherit;
	font-size: 100%;
	font-weight: normal;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

table,th,td {
	text-align: left;
	border: none;
}

ol,ul,li {
	list-style: none;
}

img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=button],
input[type=submit],
button,
select,
textarea {
	color: inherit;
	font-family: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	/* outline: none; */
	font-size: 100%;
	font-weight: normal;
	line-height: inherit;
}

input::-webkit-input-placeholder {
	color: #AAA;
}
input:-ms-input-placeholder {
	color: #AAA;
}
input::-moz-placeholder {
	color: #AAA;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
}

select::-ms-expand {
	display:none;
}

*,*:before,*:after {
	box-sizing: border-box;
}


/* 初期設定
----------------------------------------- */

html {
	font-size: 62.5%;
}
@media screen and (max-width: 1120px){
	html.s_showMenu {
		overflow: hidden;
	}
}
@media screen and (max-width: 767px){
	html {
		font-size: 2.564vw;
	}
}

body {
	min-width: 320px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-size: 1.6rem;
	color: #000;
	line-height: 1.25;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px){
	body {
		font-size: 1.5rem;
	}
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s;
	text-underline-offset: 0.3em;
}

img {
	height: auto;
}

sub {
	font-size: 70%;
	vertical-align: text-bottom;
}

em, strong {
	font-weight: bold;
}

*,*::before,*::after {
	box-sizing: border-box;
}


/* 汎用クラス
----------------------------------------- */

.u_fontL  { font-size: 1.8rem; }
.u_fontLL { font-size: 2rem; }
.u_fontS  { font-size: 1.4rem; }
.u_fontSS { font-size: 1.2rem; }
.u_fontXS { font-size: 1.1rem; }

.u_bold { font-weight: bold; }
.u_colorRed { color: #E00004; }
.u_colorBlack { color: #000; }

.u_clearfix { zoom: 1; }
.u_clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0.01px;
}
.u_floatL { float: left; }
.u_floatR { float: right; }
.u_ofHidden { overflow: hidden; }

.u_taLeft { text-align: left !important; }
.u_taCenter { text-align: center !important; }
.u_taRight { text-align: right !important; }
@media screen and (min-width: 768px){
	.u_pcCenter { text-align: center !important; }
	.u_pcRight { text-align: right !important; }
}

.u_vaTop { vertical-align: top !important; }
.u_vaMdl { vertical-align: middle !important; }
.u_vaBtm { vertical-align: bottom !important; }

.u_mt0  { margin-top: 0 !important; }
.u_mt4  { margin-top: 0.4rem !important; }
.u_mt8  { margin-top: 0.8rem !important; }
.u_mt12 { margin-top: 1.2rem !important; }
.u_mt16 { margin-top: 1.6rem !important; }
.u_mt24 { margin-top: 2.4rem !important; }
.u_mt32 { margin-top: 3.2rem !important; }
.u_mt40 { margin-top: 4rem !important; }
.u_mt48 { margin-top: 4.8rem !important; }
.u_mt56 { margin-top: 5.6rem !important; }
.u_mt64 { margin-top: 6.4rem !important; }
.u_mt72 { margin-top: 7.2rem !important; }
.u_mt80 { margin-top: 8rem !important; }

.u_ml0  { margin-left: 0 !important; }
.u_ml4  { margin-left: 0.4rem !important; }
.u_ml8  { margin-left: 0.8rem !important; }
.u_ml16 { margin-left: 1.6rem !important; }
.u_ml24 { margin-left: 2.4rem !important; }
.u_ml32 { margin-left: 3.2rem !important; }
.u_ml40 { margin-left: 4rem !important; }
.u_ml48 { margin-left: 4.8rem !important; }
.u_ml56 { margin-left: 5.6rem !important; }
.u_ml64 { margin-left: 6.4rem !important; }
.u_ml72 { margin-left: 7.2rem !important; }
.u_ml80 { margin-left: 8rem !important; }

.u_mr0  { margin-right: 0 !important; }
.u_mr4  { margin-right: 0.4rem !important; }
.u_mr8  { margin-right: 0.8rem !important; }
.u_mr16 { margin-right: 1.6rem !important; }
.u_mr24 { margin-right: 2.4rem !important; }
.u_mr32 { margin-right: 3.2rem !important; }
.u_mr40 { margin-right: 4rem !important; }
.u_mr48 { margin-right: 4.8rem !important; }
.u_mr56 { margin-right: 5.6rem !important; }
.u_mr64 { margin-right: 6.4rem !important; }
.u_mr72 { margin-right: 7.2rem !important; }
.u_mr80 { margin-right: 8rem !important; }

.u_mb0  { margin-bottom: 0 !important; }
.u_mb4  { margin-bottom: 0.4rem !important; }
.u_mb8  { margin-bottom: 0.8rem !important; }
.u_mb16 { margin-bottom: 1.6rem !important; }
.u_mb24 { margin-bottom: 2.4rem !important; }
.u_mb32 { margin-bottom: 3.2rem !important; }
.u_mb40 { margin-bottom: 4rem !important; }
.u_mb48 { margin-bottom: 4.8rem !important; }
.u_mb56 { margin-bottom: 5.6rem !important; }
.u_mb64 { margin-bottom: 6.4rem !important; }
.u_mb72 { margin-bottom: 7.2rem !important; }
.u_mb80 { margin-bottom: 8rem !important; }

@media screen and (max-width: 767px){
	.u_spMt0  { margin-top: 0 !important; }
	.u_spMt4  { margin-top: 0.4rem !important; }
	.u_spMt8  { margin-top: 0.8rem !important; }
	.u_spMt16 { margin-top: 1.6rem !important; }
	.u_spMt24 { margin-top: 2.4rem !important; }
	.u_spMt32 { margin-top: 3.2rem !important; }
	.u_spMt40 { margin-top: 4rem !important; }
	.u_spMt48 { margin-top: 4.8rem !important; }
	.u_spMt56 { margin-top: 5.6rem !important; }
	.u_spMt64 { margin-top: 6.4rem !important; }
	.u_spMt72 { margin-top: 7.2rem !important; }
	.u_spMt80 { margin-top: 8rem !important; }

	.u_spMl0  { margin-left: 0 !important; }
	.u_spMl4  { margin-left: 0.4rem !important; }
	.u_spMl8  { margin-left: 0.8rem !important; }
	.u_spMl16 { margin-left: 1.6rem !important; }
	.u_spMl24 { margin-left: 2.4rem !important; }
	.u_spMl32 { margin-left: 3.2rem !important; }
	.u_spMl40 { margin-left: 4rem !important; }
	.u_spMl48 { margin-left: 4.8rem !important; }
	.u_spMl56 { margin-left: 5.6rem !important; }
	.u_spMl64 { margin-left: 6.4rem !important; }
	.u_spMl72 { margin-left: 7.2rem !important; }
	.u_spMl80 { margin-left: 8rem !important; }

	.u_spMr0  { margin-right: 0 !important; }
	.u_spMr4  { margin-right: 0.4rem !important; }
	.u_spMr8  { margin-right: 0.8rem !important; }
	.u_spMr16 { margin-right: 1.6rem !important; }
	.u_spMr24 { margin-right: 2.4rem !important; }
	.u_spMr32 { margin-right: 3.2rem !important; }
	.u_spMr40 { margin-right: 4rem !important; }
	.u_spMr48 { margin-right: 4.8rem !important; }
	.u_spMr56 { margin-right: 5.6rem !important; }
	.u_spMr64 { margin-right: 6.4rem !important; }
	.u_spMr72 { margin-right: 7.2rem !important; }
	.u_spMr80 { margin-right: 8rem !important; }

	.u_spMb0  { margin-bottom: 0 !important; }
	.u_spMb4  { margin-bottom: 0.4rem !important; }
	.u_spMb8  { margin-bottom: 0.8rem !important; }
	.u_spMb16 { margin-bottom: 1.6rem !important; }
	.u_spMb24 { margin-bottom: 2.4rem !important; }
	.u_spMb32 { margin-bottom: 3.2rem !important; }
	.u_spMb40 { margin-bottom: 4rem !important; }
	.u_spMb48 { margin-bottom: 4.8rem !important; }
	.u_spMb56 { margin-bottom: 5.6rem !important; }
	.u_spMb64 { margin-bottom: 6.4rem !important; }
	.u_spMb72 { margin-bottom: 7.2rem !important; }
	.u_spMb80 { margin-bottom: 8rem !important; }
}

.u_hide { display: none !important; }
.u_dib { display: inline-block; }

.u_liquid { width: 100%; }

.u_breakall { word-break: break-all; }
.u_nowrap { white-space: nowrap; }

.u_over:hover {
	opacity: 0.7;
}

@media screen and (max-width: 1300px){ .u_ov1300 { display: none !important; } }
@media screen and (max-width: 1200px){ .u_ov1200 { display: none !important; } }
@media screen and (max-width: 1120px){ .u_ov1120 { display: none !important; } }
@media screen and (max-width: 1100px){ .u_ov1100 { display: none !important; } }
@media screen and (max-width: 1000px){ .u_ov1000 { display: none !important; } }
@media screen and (max-width: 900px){ .u_ov900 { display: none !important; } }
@media screen and (max-width: 800px){ .u_ov800 { display: none !important; } }
@media screen and (max-width: 767px){ .u_ov767 { display: none !important; } }
@media screen and (min-width: 1301px){ .u_ud1300 { display: none !important; } }
@media screen and (min-width: 1201px){ .u_ud1200 { display: none !important; } }
@media screen and (min-width: 1121px){ .u_ud1120 { display: none !important; } }
@media screen and (min-width: 1101px){ .u_ud1100 { display: none !important; } }
@media screen and (min-width: 1001px){ .u_ud1000 { display: none !important; } }
@media screen and (min-width: 901px){ .u_ud900 { display: none !important; } }
@media screen and (min-width: 801px){ .u_ud800 { display: none !important; } }
@media screen and (min-width: 768px){ .u_ud767 { display: none !important; } }


/* ページフレーム
----------------------------------------- */

.f_pageArea {
	overflow: hidden;
	background-color: #F5F8FD;
}

.f_header {
	position: relative;
	z-index: 1000;
	margin-bottom: -20px;
	container-type: inline-size;
}
body:has(.f_breadcrumb) .f_header {
	margin-bottom: 0;
}
.f_header > .p_inner {
	position: relative;
	z-index: 10;
	height: 100px;
	border-radius: 0 0 20px 20px;
	border-bottom: 1px solid transparent;
	background-color: #FFF;
	padding-right: 60px;
}
body:has(.f_breadcrumb) .f_header:not(.s_scroll) > .p_inner {
	border-radius: 0;
	border-bottom: 1px solid #D5D5D5;
}
.f_header .p_logo {
	position: absolute;
	top: 50%;
	left: 22px;
	padding: 10px;
	transform: translateY(-50%);
	transition: none;
}
.f_header .p_spToggleTitle {
	display: none;
}
.f_header .p_navi {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.f_header .p_naviMain {
	position: relative;
	display: block;
	padding: 20px 16px 22px;
	min-width: 106px;
	height: 100px;
	color: #111928;
	transition: none;
}
.f_header .p_naviMain .p_icon {
	position: relative;
	display: inline-block;
}
.f_header .p_naviMain .p_cur {
	display: none;
}
.f_header .p_naviMain .p_sp {
	display: none;
}
.f_header .p_naviMain span {
	display: block;
	margin-top: 4px;
	font-size: 1.4rem;
}
.f_header .p_count {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #FFF;
	border-radius: 50%;
	background-color: #E00004;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	line-height: 16px;
	vertical-align: 2px;
}
.f_header .p_naviMain .p_count {
	position: absolute;
	top: 18px;
	left: calc(50% + 7px);
}
.f_header .p_megaMenu {
	position: absolute;
	top: 116px;
	left: 0;
	right: 0;
	width: 1080px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 20px;
	padding: 32px 92px;
	text-align: left;
}
.f_header.s_hideMegaMenu .p_megaMenu {
	animation: megamenuHide 0.3s;
}
.f_header .p_closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px;
	cursor: pointer;
}
.f_header .p_categTop {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #D5D5D5;
}
.f_header .p_categTop a {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 500;
}
.f_header .p_categTop a:hover {
	text-decoration: underline;
}
.f_header .p_categTop a::after {
	content: '';
	margin-left: 8px;
	display: inline-block;
	vertical-align: -4px;
	width: 24px;
	height: 24px;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
}
.f_header .p_categTop a:hover::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.f_header .p_colArea {
	display: flex;
}
.f_header .p_colArea .p_col {
	flex-grow: 1;
}
.f_header .p_subTitle {
	margin-bottom: 16px;
	font-weight: 700;
}
.f_header .p_naviSub {
	font-weight: 500;
	line-height: 1.5;
}
.f_header .p_naviSub li + li {
	margin-top: 12px;
}
.f_header .p_subMenu {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	height: 100%;
	padding-right: 132px;
}
.f_header .p_iconMenu {
	position: relative;
	display: flex;
	padding: 0 10px;
}
.f_header .p_iconMenu::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	bottom: 10px;
	border-left: 1px solid #D5D5D5;
}
.f_header .p_iconMenu::after {
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
	bottom: 10px;
	border-right: 1px solid #D5D5D5;
}
.f_header .p_iconMenu a {
	position: relative;
	display: block;
	padding: 10px;
}
.f_header .p_iconMenu a.s_unread::after {
	content: '';
	position: absolute;
	top: 13px;
	right: 12px;
	width: 12px;
	height: 12px;
	border: 2px solid #FFF;
	border-radius: 50%;
	background-color: #E00004;
}
.f_header .p_iconMenu a img {
	transition: opacity 0.2s;
}
.f_header .p_iconMenu .p_hover {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
}
.f_header .p_iconMenu .p_count {
	position: absolute;
	top: 6px;
	right: 6px;
}
.f_header .p_iconMenu a > span {
	display: none;
}
.f_header .p_search {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #D5D5D5;
}
.f_header .p_search .p_btn {
	border-radius: 0 0 20px 0;
	width: 132px;
	height: 100px;
	padding: 15px 0 0;
	text-align: center;
	color: #111928;
	cursor: pointer;
	transition: all 0.2s;
}
body:has(.f_breadcrumb) .f_header:not(.s_scroll) .p_search .p_btn {
	border-radius: 0;
}
.f_header .p_search .p_btn:hover {
	background-color: #0039CC;
	color: #FFF;
}
.f_header .p_search .p_btn span {
	display: block;
	font-size: 1.4rem;
}
.f_header .p_search .p_btn .p_hover {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	transition: opacity 0.2s;
}
.f_header .p_search .p_btn:hover .p_hover {
	opacity: 1;
}
.f_header .p_search .p_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100px;
	background-color: #F7F7F8;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	cursor: pointer;
	display: none;
}
.f_header.s_showSearch .p_search .p_close {
	display: flex;
}
.f_header .p_search .p_body {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100vw;
	width: 100cqw;
	background-color: #F7F7F8;
	display: none;
}
.f_header .p_search .m_pageInner {
	padding-top: 32px;
	padding-bottom: 48px;
}
.f_header .p_search .p_title {
	margin-bottom: 16px;
	font-size: 2rem;
	font-weight: bold;
}
.f_header .p_search .p_form {
	display: flex;
	gap: 24px;
}
.f_header .p_search .p_form input {
	display: block;
	flex-grow: 1;
	border-radius: 8px;
	border: 1px solid #D5D5D5;
	background: url(/assets/images/ic_header_search.svg) no-repeat 18px 54% #FFF;
	background-size: 26px 26px;
	padding: 10px 10px 10px 48px;
	height: 64px;
}
.f_header .p_search .p_form button {
	width: 160px;
	flex-shrink: 0;
	border: 2px solid #0039CC;
	border-radius: 32px;
	background-color: #0039CC;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s;
}
.f_header .p_search .p_form button:hover {
	background-color: #FFF;
	color: #0039CC;
}
.f_header .p_logout a {
	position: relative;
	display: block;
	margin: 0 12px;
	padding: 10px;
}
.f_header .p_logout a img {
	transition: opacity 0.2s;
}
.f_header .p_logout .p_hover {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
}
.f_header .p_logout a:hover img {
	opacity: 0;
}
.f_header .p_logout a:hover .p_hover {
	opacity: 1;
}
.f_header .p_logout a > span {
	display: none;
}
.f_header .p_mallMenu {
	display: none;
}
.f_header .p_iconLink {
	position: absolute;
	top: 0.8rem;
	right: 4rem;
}
.f_header .p_iconLink a {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 1.4rem;
}
.f_header .p_iconLink a:hover {
	text-decoration: underline;
}
.f_header .p_iconLink .p_icon {
	width: 2.4rem;
}
.f_header .p_iconLink .p_sp {
	display: none;
}
.f_header .p_memberMenu {
	position: absolute;
	top: 4.5rem;
	right: 4rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
}
.f_header .p_memberMenu a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	height: 4rem;
	border-radius: 2rem;
	font-weight: 500;
}
.f_header .p_memberMenu a span {
	display: inline-block;
}
.f_header .p_memberMenu a.s_register {
	width: 16rem;
	border: 2px solid #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.f_header .p_memberMenu a.s_register:hover {
	background-color: #FFF;
	color: #0039CC;
}
.f_header .p_memberMenu a.s_temp {
	width: 16rem;
	border: 2px solid #BEC5CF;
	background-color: #FFF;
	color: #0039CC;
}
.f_header .p_memberMenu a.s_temp:hover {
	border-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.f_header .p_memberMenu a.s_login {
	color: #0039CC;
	font-weight: bold;
}
.f_header .p_memberMenu a.s_login:hover {
	text-decoration: underline;
}
.f_header .p_memberMenu .p_icon {
	position: relative;
}
.f_header .p_memberMenu .p_icon img {
	transition: opacity 0.2s;
	width: 2.6rem;
}
.f_header .p_memberMenu a.s_login .p_icon img {
	width: 2.4rem;
}
.f_header .p_memberMenu .p_hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.f_header .p_memberMenu a:hover img {
	opacity: 0;
}
.f_header .p_memberMenu a.s_login:hover .p_icon img {
	opacity: 1;
}
.f_header .p_memberMenu a:hover .p_hover {
	opacity: 1;
}
@media screen and (max-width: 1360px){
	.f_header > .p_inner {
		padding-right: 8%;
	}
	.f_header .p_logo img {
		width: 16.9vw;
	}
	.f_header .p_naviMain {
		padding: 20px 1.17vw 22px;
		min-width: 7.8vw;
	}
	.f_header .p_naviMain span {
		font-size: 1.2rem;
	}
	.f_header .p_subMenu {
		padding-right: 9.5vw;
	}
	.f_header .p_iconMenu {
		padding: 0 0.6vw;
	}
	.f_header .p_iconMenu a {
		padding: 10px 0.6vw;
	}
	.f_header .p_logout a {
		margin: 0 0.6vw;
		padding: 10px 0.6vw;
	}
	.f_header .p_search .p_btn {
		width: 9.5vw;
	}
	.f_header .p_search .p_btn span {
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 1121px){
	.f_header.s_showMegaMenu::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.45);
		animation: megamenuBg 0.5s;
	}
	.f_header.s_hideMegaMenu::before {
		animation: megamenuHide 0.3s;
	}
	@keyframes megamenuBg {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	@keyframes megamenuHide {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	.f_header.s_showSearch::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 20px;
		background-color: #F7F7F8;
	}
	.f_header:not(.s_showMegaMenu) .p_naviMain.s_current,
	.f_header .p_naviMain.s_selected,
	.f_header .p_naviMain:hover {
		color: #002C9C;
		font-weight: bold;
	}
	.f_header:not(.s_showMegaMenu) .p_naviMain.s_current::after,
	.f_header .p_naviMain.s_selected::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		width: 8px;
		height: 8px;
		margin: 0 auto;
		border-radius: 50%;
		background-color: #002991;
	}
	.f_header:not(.s_showMegaMenu) .p_naviMain.s_current img,
	.f_header .p_naviMain.s_selected img,
	.f_header .p_naviMain:hover img {
		display: none;
	}
	.f_header:not(.s_showMegaMenu) .p_naviMain.s_current .p_cur,
	.f_header .p_naviMain.s_selected .p_cur,
	.f_header .p_naviMain:hover .p_cur {
		display: inline;
	}
	.f_header .p_megaMenu {
		display: none !important;
	}
	.f_header .p_naviMain.s_selected + .p_megaMenu {
		display: block !important;
	}
	.f_header .p_iconMenu a:hover img {
		opacity: 0;
	}
	.f_header .p_iconMenu a:hover .p_hover {
		opacity: 1;
	}
	.f_header .p_menuArea {
		display: block !important;
	}
	.f_header .p_spToggleBody {
		display: block !important;
	}
}
@media screen and (max-width: 1120px){
	.f_header {
		height: 56px;
	}
	.f_header a:hover {
		text-decoration: none !important;
	}
	.f_header > .p_inner {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 56px;
		border-radius: 0 0 8px 8px;
	}
	.f_header.s_showMenu > .p_inner {
		border-radius: 0;
	}
	.f_header .p_logo {
		left: 39px;
	}
	.f_header .p_logo img {
		width: 180px;
	}
	.f_header .p_menuBtn {
		position: absolute;
		top: 0;
		right: 24px;
		width: 56px;
		height: 56px;
		cursor: pointer;
	}
	.f_header .p_menuBtn::before,
	.f_header .p_menuBtn::after {
		content: '';
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
		width: 24px;
		height: 2.4px;
		border-radius: 2px;
		background-color: #707070;
		margin: 0 auto;
		transition: all 0.2s;
	}
	.f_header .p_menuBtn::after {
		top: 36px;
		box-shadow: 0 -8px #707070;
	}
	.f_header .p_menuBtn.s_close::before {
		top: 28px;
		transform: rotate(45deg);
	}
	.f_header .p_menuBtn.s_close::after {
		top: 28px;
		transform: rotate(-45deg);
		box-shadow: none;
	}
	.f_header .p_menuBtn .p_notification {
		position: absolute;
		top: 13px;
		right: 9px;
		width: 14px;
		height: 14px;
		border: 2px solid #FFF;
		border-radius: 50%;
		background-color: #E00004;
	}
	.f_header .p_menuBtn.s_close .p_notification {
		display: none;
	}
	.f_header .p_menuArea {
		display: none;
		position: absolute;
		top: 56px;
		left: 0;
		right: 0;
		height: calc(100dvh - 56px);
		border-top: 1px solid #BEC5CF;
		background-color: #FFF;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.f_header .p_spToggleTitle {
		position: relative;
		display: block;
		padding: 20px 40px;
		background-color: #F5F8FD;
	}
	.f_header .p_spToggleTitle::before,
	.f_header .p_spToggleTitle::after {
		content: '';
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 20px;
		height: 20px;
		margin: auto 0;
		background: url(/assets/images/ic_btn_toggle.svg) no-repeat 50% 50%;
		transition: all 0.2s;
	}
	.f_header .p_spToggleTitle.s_close::after {
		transform: rotate(-90deg);
	}
	.f_header .p_navi {
		display: block;
		text-align: left;
	}
	.f_header .p_naviMain {
		display: flex;
		align-items: center;
		gap: 8px;
		border-top: 1px solid #BEC5CF;
		padding: 16px 50px 16px 40px;
		height: auto;
		color: #000;
	}
	.f_header .p_naviMain:not(.s_hasMegaMenu) {
		background: url(/assets/images/ic_link_01.svg) no-repeat right 42px center;
	}
	.f_header .p_naviMain.s_hasMegaMenu::before,
	.f_header .p_naviMain.s_hasMegaMenu::after {
		content: '';
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 20px;
		height: 20px;
		margin: auto 0;
		background: url(/assets/images/ic_btn_toggle.svg) no-repeat 50% 50%;
		transition: all 0.2s;
	}
	.f_header .p_naviMain.s_hasMegaMenu::after {
		transform: rotate(-90deg);
	}
	.f_header .p_naviMain.s_hasMegaMenu.s_open::after {
		transform: rotate(0);
	}
	.f_header .p_naviMain .p_icon img {
		display: none;
		width: 24px;
	}
	.f_header .p_naviMain .p_icon .p_sp {
		display: block;
	}
	.f_header .p_naviMain span {
		margin-top: 0;
		font-size: 1.6rem;
	}
	.f_header .p_count {
		width: 24px;
		height: 24px;
		border: none;
		font-size: 1.4rem;
		line-height: 24px;
	}
	.f_header .p_naviMain .p_count {
		position: static;
	}
	.f_header .p_megaMenu {
		position: static;
		width: auto;
		border-radius: 0;
		border-top: 1px solid #BEC5CF;
		background-color: #F7F7F8;
		padding: 0 0 0 40px;
		display: none;
	}
	.f_header .p_closeBtn {
		display: none;
	}
	.f_header .p_categTop {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.f_header .p_categTop a {
		position: relative;
		display: block;
		padding: 18px 60px 18px 3px;
		font-size: 1.5rem;
		font-weight: 400;
	}
	.f_header .p_categTop a::after {
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 0;
		margin: auto 0;
		width: 20px;
		height: 20px;
		background-image: url(/assets/images/ic_link_01.svg) !important;
	}
	.f_header .p_colArea {
		display: block;
	}
	.f_header .p_subTitle {
		margin: 0;
		border-top: 1px solid #BEC5CF;
		padding-top: 16px;
		font-size: 1.5rem;
	}
	.f_header .p_naviSub {
		font-weight: 400;
		line-height: 1.3;
	}
	.f_header .p_naviSub li + li {
		margin-top: 0;
	}
	.f_header .p_naviSub a {
		position: relative;
		display: block;
		border-top: 1px solid #BEC5CF;
		padding: 18px 60px 18px 3px;
		font-size: 1.5rem;
	}
	.f_header .p_naviSub a.s_noLine {
		border-top: none;
	}
	.f_header .p_naviSub a::after {
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 20px;
		height: 20px;
		margin: auto 0;
	}
	.f_header .p_naviSub .p_count {
		margin-left: 8px;
	}
	.f_header .p_subMenu {
		position: static;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		border-top: 1px solid #BEC5CF;
		padding-right: 0;
	}
	.f_header .p_iconMenu {
		padding: 0 30px 0 24px;
	}
	.f_header .p_iconMenu::before {
		display: none;
	}
	.f_header .p_iconMenu::after {
		display: none;
	}
	.f_header .p_iconMenu li {
		position: relative;
		width: 50%;
	}
	.f_header .p_iconMenu li + li::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 0;
		bottom: 0;
		border-left: 1px solid #BEC5CF;
	}
	.f_header .p_iconMenu li:last-child {
		display: none;
	}
	.f_header .p_iconMenu a {
		display: flex;
		align-items: center;
		gap: 8px;
		background: url(/assets/images/ic_link_01.svg) no-repeat right 12px center;
		padding: 16px 40px 16px 16px;
	}
	.f_header .p_iconMenu a.s_unread::after {
		position: relative;
		display: inline-block;
		top: -4px;
		left: -5px;
		right: auto;
	}
	.f_header .p_iconMenu .p_icon img {
		width: 24px;
	}
	.f_header .p_iconMenu a > span {
		display: block;
	}
	.f_header .p_iconMenu .p_count {
		position: static;
	}
	.f_header .p_logout {
		order: 1;
	}
	.f_header .p_logout a {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		background: url(/assets/images/ic_link_01.svg) no-repeat right 42px center;
		padding: 16px 40px;
	}
	.f_header .p_logout .p_icon {
		width: 24px;
	}
	.f_header .p_logout .p_icon img {
		display: none;
	}
	.f_header .p_logout .p_icon .p_hover {
		position: static;
		opacity: 1;
		display: block;
	}
	.f_header .p_logout a > span {
		display: block;
		color: #0039CC;
		font-weight: 500;
	}
	.f_header .p_search {
		position: static;
		border-left: none;
	}
	.f_header .p_search .p_btn {
		display: none;
	}
	.f_header .p_search .p_body {
		position: static;
		width: 100%;
		display: block !important;
	}
	.f_header .p_search .m_pageInner {
		padding: 24px 40px;
	}
	.f_header .p_search .p_title {
		margin-bottom: 12px;
		font-size: 1.6rem;
		font-weight: 400;
	}
	.f_header .p_search .p_form {
		gap: 16px;
	}
	.f_header .p_search .p_form input {
		background-position: 15px 54%;
		padding: 10px 10px 10px 43px;
		height: 48px;
	}
	.f_header .p_search .p_form button {
		width: 120px;
	}
	.f_header .p_mallMenu {
		display: block;
		border-top: 1px solid #BEC5CF;
		border-bottom: 1px solid #BEC5CF;
	}
	.f_header .p_mallMenu ul {
		border-top: 1px solid #BEC5CF;
		padding-left: 40px;
	}
	.f_header .p_mallMenu li {
		padding-right: 30px;
		display: flex;
	}
	.f_header .p_mallMenu li + li {
		border-top: 1px solid #BEC5CF;
	}
	.f_header .p_mallMenu a {
		position: relative;
		display: flex;
		align-items: center;
		gap: 8px;
		flex-grow: 1;
		background: url(/assets/images/ic_link_01.svg) no-repeat right 12px center;
		padding: 16px 40px 16px 0;
	}
	.f_header .p_mallMenu a + a {
		padding-left: 16px;
	}
	.f_header .p_mallMenu a + a::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 0;
		bottom: 8px;
		border-left: 1px solid #BEC5CF;
	}
	.f_header .p_mallMenu img {
		width: 24px;
	}
	.f_header .p_mallMenu .p_count {
		margin-left: 8px;
	}
	.f_header .p_iconLink {
		position: static;
		border-bottom: 1px solid #BEC5CF;
	}
	.f_header .p_iconLink a {
		gap: 0.8rem;
		border-top: 1px solid #BEC5CF;
		background: url(/assets/images/ic_link_01.svg) no-repeat right 42px center;
		padding: 1.6rem 5rem 1.6rem 4rem;
		font-size: 1.6rem;
	}
	.f_header .p_iconLink .p_icon img {
		display: none;
	}
	.f_header .p_iconLink .p_icon .p_sp {
		display: block;
	}
	.f_header .p_memberMenu {
		position: static;
		margin: 0.8rem;
		flex-wrap: wrap;
		gap: 0.8rem 0.4rem;
		border-radius: 0.8rem;
		background-color: #F7F7F8;
		padding: 2.4rem 1.2rem;
	}
	.f_header .p_memberMenu a {
		gap: 0.8rem;
		height: 5.4rem;
		border-radius: 2.7rem;
		font-size: 1.6rem;
	}
	.f_header .p_memberMenu a.s_register {
		width: calc(50% - 0.2rem);
		order: 1;
	}
	.f_header .p_memberMenu a.s_temp {
		width: calc(50% - 0.2rem);
		order: 2;
	}
	.f_header .p_memberMenu a.s_login {
		width: 100%;
		border: 2px solid #0039CC;
	}
}
@media screen and (max-width: 767px){
	.f_header {
		height: 4.8rem;
		margin-bottom: -0.8rem;
		font-size: 1.6rem;
	}
	.f_header > .p_inner {
		height: 4.8rem;
		border-radius: 0 0 0.8rem 0.8rem;
	}
	.f_header .p_logo {
		left: 1rem;
		padding: 1rem;
	}
	.f_header .p_logo img {
		width: 15rem;
	}
	.f_header .p_menuBtn {
		right: 0.4rem;
		width: 4.8rem;
		height: 4.8rem;
	}
	.f_header .p_menuBtn::before,
	.f_header .p_menuBtn::after {
		top: 1.6rem;
		width: 2.4rem;
		height: 0.24rem;
		border-radius: 0.2rem;
	}
	.f_header .p_menuBtn::after {
		top: 3rem;
		box-shadow: 0 -0.7rem #707070;
	}
	.f_header .p_menuBtn.s_close::before {
		top: 2.3rem;
	}
	.f_header .p_menuBtn.s_close::after {
		top: 2.3rem;
	}
	.f_header .p_menuBtn .p_notification {
		top: 0.9rem;
		right: 0.5rem;
		width: 1.4rem;
		height: 1.4rem;
		border-width: 0.2rem;
	}
	.f_header .p_menuArea {
		top: 4.8rem;
		height: calc(100dvh - 4.8rem);
	}
	.f_header .p_spToggleTitle {
		padding: 2rem 2rem;
	}
	.f_header .p_spToggleTitle::before,
	.f_header .p_spToggleTitle::after {
		right: 2rem;
		width: 2rem;
		height: 2rem;
		background-size: 2rem 2rem;
	}
	.f_header .p_naviMain {
		gap: 0.8rem;
		padding: 1.6rem 5rem 1.6rem 2rem;
	}
	.f_header .p_naviMain:not(.s_hasMegaMenu) {
		background-position: right 2.2rem center;
		background-size: 1.5rem auto;
	}
	.f_header .p_naviMain.s_hasMegaMenu::before,
	.f_header .p_naviMain.s_hasMegaMenu::after {
		right: 2rem;
		width: 2rem;
		height: 2rem;
		background-size: 2rem auto;
	}
	.f_header .p_naviMain .p_icon img {
		width: 2.4rem;
	}
	.f_header .p_count {
		width: 2.4rem;
		height: 2.4rem;
		line-height: 2.4rem;
	}
	.f_header .p_megaMenu {
		padding: 0 0 0 2rem;
	}
	.f_header .p_categTop a {
		padding: 1.8rem 6rem 1.8rem 0.3rem;
	}
	.f_header .p_categTop a::after {
		right: 2rem;
		width: 2rem;
		height: 2rem;
		background-size: 1.5rem auto;
	}
	.f_header .p_subTitle {
		padding-top: 1.6rem;
	}
	.f_header .p_naviSub a {
		padding: 1.8rem 6rem 1.8rem 0.3rem;
	}
	.f_header .p_naviSub a::after {
		right: 2rem;
		width: 2rem;
		height: 2rem;
		background-size: 1.5rem auto;
	}
	.f_header .p_naviSub .p_count {
		margin-left: 0.8rem;
	}
	.f_header .p_iconMenu {
		padding: 0 1rem 0 0.4rem;
	}
	.f_header .p_iconMenu li + li::before {
		top: 0.8rem;
	}
	.f_header .p_iconMenu a {
		gap: 0.8rem;
		background-size: 1.5rem auto;
		background-position: right 1.2rem center;
		padding: 1.6rem 2rem 1.6rem 1.6rem;
	}
	.f_header .p_iconMenu a.s_unread::after {
		top: -0.4rem;
		left: -0.5rem;
		width: 1.2rem;
		height: 1.2rem;
		border-width: 0.2rem;
	}
	.f_header .p_iconMenu .p_icon img {
		width: 2.4rem;
	}
	.f_header .p_search .m_pageInner {
		padding: 2.4rem 2rem;
	}
	.f_header .p_search .p_title {
		margin-bottom: 1.2rem;
	}
	.f_header .p_search .p_form {
		align-items: center;
		gap: 0;
	}
	.f_header .p_search .p_form input {
		border-radius: 0.8rem 0 0 0.8rem;
		background-position: 0.8rem 54%;
		background-size: 2.6rem 2.6rem;
		padding: 1rem 1rem 1rem 3.2rem;
		width: 27rem;
		height: 4.8rem;
		font-size: 1.6rem;
	}
	.f_header .p_search .p_form button {
		border-radius: 0 0.8rem 0.8rem 0;
		width: 6.1rem;
		height: 4.8rem;
		font-size: 1.4rem;
	}
	.f_header .p_logout a {
		gap: 0.8rem;
		background-position: right 2.2rem center;
		background-size: 1.5rem auto;
		padding: 1.6rem 2rem;
	}
	.f_header .p_logout .p_icon {
		width: 2.4rem;
	}
	.f_header .p_mallMenu ul {
		padding-left: 2rem;
	}
	.f_header .p_mallMenu li {
		padding-right: 1rem;
	}
	.f_header .p_mallMenu a {
		gap: 0.8rem;
		background-position: right 1.2rem center;
		background-size: 1.5rem auto;
		padding: 1.6rem 2rem 1.6rem 0;
	}
	.f_header .p_mallMenu a + a {
		padding-left: 1.6rem;
	}
	.f_header .p_mallMenu a + a::before {
		top: 0.8rem;
		bottom: 0.8rem;
	}
	.f_header .p_mallMenu img {
		width: 2.4rem;
	}
	.f_header .p_mallMenu .p_count {
		margin-left: 0.8rem;
	}
	.f_header .p_iconLink a {
		background-position: right 2.2rem center;
		background-size: 1.5rem auto;
		padding: 1.6rem 5rem 1.6rem 2rem;
	}
}

.f_breadcrumb {
	position: relative;
	z-index: 10;
	margin-bottom: -20px;
	border-radius: 0 0 20px 20px;
	background-color: #FFF;
	padding: 5px 20px 8px;
}
.f_breadcrumb ul {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4rem;
	line-height: 1.5;
}
.f_breadcrumb li {
	display: inline-block;
}
.f_breadcrumb li::after {
	content: '';
	margin: 0 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_breadcrumb.svg) no-repeat 50% 50%;
	vertical-align: -3px;
}
.f_breadcrumb li:last-child::after {
	display: none;
}
.f_breadcrumb a {
	color: #0039CC;
}
.f_breadcrumb a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 1600px){
	.f_breadcrumb ul  {
		max-width: 1200px;
	}
}
@media screen and (max-width: 767px){
	.f_breadcrumb {
		margin-bottom: -0.8rem;
		border-radius: 0 0 0.8rem 0.8rem;
		padding: 0.4rem 2rem 0.8rem;
	}
	.f_breadcrumb ul {
		font-size: 1.2rem;
	}
	.f_breadcrumb li::after {
		margin: 0 0.4rem;
		width: 1.2rem;
		height: 1.2rem;
		background-size: contain;
		vertical-align: -0.2rem;
	}
}

.f_mainArea {
	padding: 68px 0 72px;
	min-height: calc(100vh - 282px);
	min-height: calc(100lvh - 282px);
}
.f_mainArea:has(.m_imgTitleArea) {
	padding-top: 0;
}
.f_mainArea:has(>.m_bgSection:last-child) {
	padding-bottom: 0;
}
.f_mainArea.s_grad01 {
	background: linear-gradient(to bottom, #D5E6FF 465px, #F5F8FD 690px);
}
@media screen and (max-width: 767px){
	.f_mainArea {
		padding: 3.2rem 0 4rem;
		min-height: 55vh;
		min-height: 55lvh;
	}
}

.f_centerBox {
	padding: 9.2rem 2rem 8rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: calc(100vh - 282px);
	min-height: calc(100lvh - 282px);
}
.f_centerBox .m_pageTitle {
	margin: 0 0 3.2rem !important;
}
.f_centerBox > .p_box {
	width: 100%;
	max-width: 896px;
	border-radius: 30px;
	background-color: #FFF;
	padding: 72px;
}
@media screen and (max-width: 767px){
	.f_centerBox {
		padding: 4.8rem 2rem 4rem;
		min-height: 55vh;
		min-height: 55lvh;
	}
	.f_centerBox > .p_box {
		border-radius: 2rem;
		padding: 4.8rem 2rem;
	}
	.f_centerBox > .p_box.s_paddingS {
		padding: 1.6rem;
	}
}

.f_chatBtn {
	position: fixed;
	right: 0;
	bottom: 156px;
	border-radius: 10px 0 10px 10px;
	border: 1px solid #002991;
	background: url(/assets/images/ic_btn_qa.svg) no-repeat 50% 92% #002991;
	padding: 11px 12px 47px;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 700;
	writing-mode: vertical-rl;
	box-shadow: 0 0 2px #FFF;
	transition: all 0.2s;
	cursor: pointer;
}
.f_chatBtn:hover {
	background-image: url(/assets/images/ic_btn_qa_hover.svg);
	background-color: #FFF;
	color: #002991;
}
@media screen and (max-width: 767px){
	.f_chatBtn {
		bottom: 11rem;
		border-radius: 1rem 0 1rem 1rem;
		background-size: 2.4rem auto;
		background-position: 50% 95%;
		padding: 0.8rem 0.5rem 3.4rem;
	}
	.f_chatBtn img {
		width: 3rem;
	}
}

.f_pagetop {
	position: fixed;
	right: 24px;
	bottom: 24px;
	display: none;
}
.f_pagetop a {
	transition: opacity 0.2s;
}
.f_pagetop img + img {
	position: absolute;
	top: 0;
	left: 4px;
	opacity: 0;
	transition: opacity 0.2s;
}
.f_pagetop a:hover img + img {
	opacity: 1;
}
@media screen and (max-width: 767px){
	.f_pagetop {
		right: 1.6rem;
		bottom: 1.6rem;
	}
	.f_pagetop img {
		width: 6.6rem;
	}
	.f_pagetop img + img {
		display: none;
	}
}

.f_footer {
	background-color: #E7F0FE;
	padding: 48px 0 32px;
	text-align: center;
}
.f_footer .p_main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.f_footer .p_link {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 32px;
	flex-grow: 1;
}
.f_footer .p_link a:hover {
	text-decoration: underline;
}
.f_footer .p_link a[target="_blank"]::after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_link_blank.svg) no-repeat 50% 50%;
	vertical-align: -3px;
}
.f_footer .p_copyright {
	margin-top: 64px;
	font-size: 1.4rem;
}
@media screen and (max-width: 1120px){
	.f_footer {
		padding: 32px 0;
	}
	.f_footer .p_main {
		flex-direction: column;
		gap: 32px;
	}
	.f_footer .p_link {
		justify-content: flex-start;
		gap: 24px;
		font-size: 1.5rem;
	}
}
	@media screen and (max-width: 767px){
	.f_footer {
		padding: 3.2rem 0 2.4rem;
	}
	.f_footer .p_main {
		gap: 3.2rem;
	}
	.f_footer .p_logo img {
		width: 16rem;
	}
	.f_footer .p_link {
		flex-direction: column;
		align-items: center;
		gap: 1.6rem;
	}
	.f_footer .p_link a[target="_blank"]::after {
		margin-left: 0.2rem;
		width: 1.6rem;
		height: 1.6rem;
		background-size: 100% auto;
		vertical-align: -0.3rem;
	}
	.f_footer .p_copyright {
		margin-top: 4.8rem;
		font-size: 1.2rem;
	}
}


/* 汎用モジュール
----------------------------------------- */

/* section */

.m_pageInner {
	margin: 0 auto;
	max-width: 1080px;
	padding: 0 4rem;
	box-sizing: content-box;
}
@media screen and (min-width: 1600px){
	.m_pageInner.s_expand {
		max-width: 1200px;
	}
}
@media screen and (max-width: 830px){
	.m_pageInner {
		padding: 0 2rem;
	}
}

.m_sectionL {
	margin: 6.4rem 0;
}
.m_sectionM {
	margin: 4rem 0;
}
.m_sectionS {
	margin: 2.4rem 0;
}
@media screen and (max-width: 767px){
	.m_sectionL {
		margin: 4rem 0;
	}
	.m_sectionM {
		margin: 2.4rem 0;
	}
	.m_sectionS {
		margin: 1.6em 0;
	}
}

.m_bgSection {
	background-color: #FFF;
	padding: 7.2rem 0;
}
.m_bgSection.s_paddingS {
	padding: 4.8rem 0;
}
.m_bgSection.s_paddingSS {
	padding: 4rem 0;
}
.m_bgSection.s_paddingTopS {
	padding-top: 4rem;
}
.m_bgSection.s_color01 {
	background-color: transparent;
}
.m_bgSection.s_color02 {
	background-color: #F7F7F7;
}
.m_bgSection.s_color03 {
	background-color: #E7F0FE;
}
.m_bgSection.s_color04 {
	background-color: #D5E6FF;
}
.m_bgSection.s_boxLink {
	background-color: #002991;
	padding: 66px 0 62px;
}
.m_bgSection.s_gas {
	background-color: #E1F2FD;
}
.m_bgSection.s_electric {
	background-color: #FBE8F4;
}
.m_bgSection.s_heat {
	background-color: #FFE8D3;
}
.m_bgSection.s_wideBox {
	background-color: #D5E6FF;
	padding: 6rem 0;
}
.m_pageInner + .m_bgSection {
	margin-top: 4.8rem;
}
.m_bgSection:has(> .m_btnArea:last-child) {
	padding-bottom: 4rem;
}
@media screen and (max-width: 1120px){
	.m_bgSection.s_boxLink {
		padding: 5rem 0;
	}
}
@media screen and (max-width: 767px){
	.m_bgSection {
		padding: 4rem 0 3.2rem;
	}
	.m_bgSection.s_paddingS {
		padding: 2.4rem 0 3.2rem;
	}
	.m_bgSection.s_paddingSS {
		padding: 1.6rem 0;
	}
	.m_bgSection.s_paddingTopS {
		padding-top: 2.4rem;
	}
	.m_bgSection.s_boxLink {
		padding: 3.2rem 0;
	}
	.m_bgSection.s_wideBox {
		padding: 3.2rem 0;
	}
	.m_pageInner + .m_bgSection {
		margin-top: 2.4rem;
	}
}

.m_sectionBox {
	margin: 3.2rem auto;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 4.8rem;
}
.m_sectionBox.s_sizeS {
	max-width: 896px;
}
.m_sectionBox.s_sizeL {
	margin: 7.2rem auto;
	width: 95%;
	max-width: 1280px;
	padding: 4.8rem 0;
}
.m_sectionBox.s_paddingL {
	padding: 7.2rem 4.8rem;
}
.m_sectionBox.s_paddingS {
	padding: 2.4rem 4.8rem;
}
.m_sectionBox:has(+ .m_noteList) {
	margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px){
	.m_sectionBox {
		margin: 1.6rem 0;
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem !important;
	}
	.m_sectionBox.s_sizeL {
		margin: 3.2rem auto;
		width: 35rem;
		padding: 2.4rem 0;
	}
	.m_sectionBox.s_paddingL {
		padding: 4.8rem 2rem 4rem;
	}
}

.m_hr {
	margin: 32px 0;
	border-top: 1px solid #D5D5D5;
}
@media screen and (max-width: 767px){
	.m_hr {
		margin: 1.6rem 0;
	}
}

.m_borderSection {
	margin-top: 4rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 4rem;
}
@media screen and (max-width: 767px){
	.m_borderSection {
		margin-top: 2.4rem;
		padding-top: 2.4rem;
	}
}

/* title */

.m_pageTitle {
	margin-bottom: 4.8rem;
	background: url(/assets/images/ic_title_h1.svg) no-repeat 0 0;
	padding-left: 44px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_pageTitle:has(+ .m_columnHeader){
	margin-bottom: 3.2rem;
}
.m_pageTitle:has(+ .m_anchorList){
	margin-bottom: 2.4rem;
}
.m_pageTitle:has(+ .m_text){
	margin-bottom: 1.6rem;
}
.m_pageTitle.s_center {
	margin: 1.2rem 0 2.4rem;
	background: none;
	padding-left: 0;
	text-align: center;
	font-size: 3.2rem;
}
.m_stepList + .m_pageTitle.s_center {
	margin-top: 4.8rem;
}
.m_pageTitle .p_help {
	margin-left: 1.6rem;
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1;
	vertical-align: 0.4rem;
}
@media screen and (max-width: 767px){
	.m_pageTitle {
		margin-bottom: 2.4rem;
		background-size: 2.4rem auto;
		background-position: 0 -0.5rem;
		padding-left: 3.2rem;
		font-size: 2.4rem;
	}
	.m_pageTitle:has(+ .m_columnHeader){
		margin-bottom: 2.4rem;
	}
	.m_pageTitle.s_center {
		margin: 0 0 1.6rem;
		font-size: 2.4rem;
	}
	.m_stepList + .m_pageTitle.s_center {
		margin-top: 2.4rem;
	}
	.m_pageTitle .p_help {
		margin-left: 0.8rem;
		vertical-align: 0;
	}
}

.m_imgTitleArea {
	position: relative;
	padding: 6.8rem 0 4.8rem;
}
.m_imgTitleArea.s_color01 {
	margin-bottom: 4.8rem; 
	background-color: #E7F0FE;
}
.m_imgTitleArea > img {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 767px){
	.m_imgTitleArea {
		padding: 3.2rem 0 2.4rem;
	}
	.m_imgTitleArea.s_color01 {
		margin-bottom: 2.4rem;
	}
	.m_imgTitleArea > img {
		width: auto;
		height: 8.4rem;
	}
	.m_imgTitleArea.s_lottery > img {
		bottom: 2.1rem;
	}
	.m_imgTitleArea > img.s_spMiddle {
		top: 0.8rem;
		margin: auto 0;
	}
}

.m_titleL {
	margin: 7.2rem 0 2.4rem;
	padding-left: 3.6rem;
	background: url(/assets/images/ic_title_l.svg) no-repeat 0 0;
	background-size: 2.8rem auto;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_titleL.s_mbS {
	margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px){
	.m_titleL {
		margin: 4rem 0 1.6rem;
		padding-left: 2.8rem;
		background-size: 2rem auto;
		font-size: 2.2rem;
	}
	.m_titleL.s_mbS {
		margin-bottom: 1.2rem;
	}
}

.m_centerTitle {
	margin: 3.2rem 0 2.4rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_centerTitle {
		margin: 2.4rem 0 1.6rem;
		font-size: 2.4rem;
	}
	.m_centerTitle.s_spSizeS {
		font-size: 2rem;
	}
}

.m_titleM {
	position: relative;
	margin: 3.2rem 0 2.4rem;
	padding-left: 2.4rem;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_titleM.s_marginL {
	margin: 5.6rem 0 2.4rem;
}
.m_titleM.s_marginXL {
	margin: 6.4rem 0 2.4rem;
}
.m_titleM::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 8px;
	width: 4px;
	height: 22px;
	border-radius: 2px;
	background-color: #20ACE7;
}
.m_titleM.s_center {
	padding-left: 0;
	text-align: center;
}
.m_titleM.s_center::before {
	display: none;
}
@media screen and (max-width: 767px){
	.m_titleM {
		margin: 1.6rem 0 0.8rem;
		padding-left: 2.2rem;
		font-size: 2rem;
	}
	.m_titleM.s_marginL {
		margin: 3.2rem 0 1.6rem;
	}
	.m_titleM.s_marginXL {
		margin: 3.2rem 0 2.4rem;
	}
	.m_titleM::before {
		top: 0.5rem;
		left: 0.7rem;
		width: 0.4rem;
		height: 1.6rem;
		border-radius: 0.2rem;
	}
}

.m_titleS {
	position: relative;
	margin: 3.2rem 0 1.6rem;
	padding-left: 2.4rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_titleS.s_marginL {
	margin: 5.6rem 0 2.4rem;
}
.m_titleS::before {
	content: '';
	position: absolute;
	top: 1.2rem;
	left: 0.5rem;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 0.2rem;
	background-color: #20ACE7;
	transform: rotate(45deg);
}
.m_titleS.s_simple {
	padding-left: 0;
}
.m_titleS.s_simple::before {
	display: none;
}
@media screen and (max-width: 767px){
	.m_titleS {
		margin: 1.6rem 0 0.8rem;
		padding-left: 2.2rem;
		font-size: 1.8rem;
	}
	.m_titleS.s_marginL {
		margin: 3.2rem 0 1.6rem;
	}
	.m_titleS::before {
		top: 1rem;
	}
}

.m_titleSS {
	margin: 4rem 0 0.8rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_titleSS {
		margin: 2.4rem 0 0.8rem;
		font-size: 1.6rem;
	}
}

.m_titleXS {
	margin: 1.5em 0 0;
	font-weight: bold;
	line-height: 1.5;
}

.m_iconTitle {
	position: relative;
	margin: 7.2rem 0 1.6rem;
	padding-left: 5rem;
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
}
.m_iconTitle .p_icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 4rem;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px){
	.m_iconTitle {
		margin: 4rem 0 1.6rem;
		padding-left: 3rem;
		font-size: 2rem;
		letter-spacing: 0.05em;
	}
	.m_iconTitle .p_icon {
		width: 2.2rem;
		height: 2.8rem;
	}
	.m_iconTitle .p_icon img {
		max-height: 100%;
	}
}

/* text */

.m_text {
	line-height: 1.5;
}
.m_text + .m_text {
	margin-top: 1.2rem;
}
@media screen and (max-width: 767px){
	.m_text.s_spS {
		font-size: 1.4rem;
	}
}

.m_leadText {
	margin-bottom: 3.2rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_leadText {
		margin-bottom: 2.4rem;
		font-size: 1.6rem;
		font-weight: normal;
	}
}

.m_noteText {
	margin-top: 8px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_noteText {
		margin-top: 0.8rem;
	}
}

.m_noteList {
	margin-top: 1.6rem;
	font-size: 1.4rem;
}
.m_noteList.s_fontL {
	font-size: inherit;
}
.m_noteList.s_gray {
	color: #666;
}
.m_noteList > li {
	display: flex;
	gap: 0.4rem;
	line-height: 1.5;
}
.m_noteList > li > span {
	white-space: nowrap;
}

.m_centerNote {
	text-align: center;
}
.m_centerNote p {
	display: inline-block;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.5;
}

.m_formNote {
	margin-top: 3rem;
	color: #212529;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_formNote.s_gray {
	color: #666;
}
@media screen and (max-width: 767px){
	.m_formNote {
		margin-top: 2.4rem;
	}
}

.m_errorText {
	background: url(/assets/images/ic_error_01.svg) no-repeat 0 0.3rem;
	background-size: 1.6rem auto;
	padding-left: 2.6rem;
	color: #E00004;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_errorText.s_marginL {
	margin: 1.6rem 0 !important;
}
@media screen and (max-width: 767px){
	.m_errorText.s_marginL {
		margin: 1rem 0 1.6rem !important;
	}
}

.m_infoText {
	margin-bottom: 1.6rem;
	background: url(../images/ic_info.svg) no-repeat 0 0.3rem #FFF;
	background-size: 2.4rem auto;
	padding-left: 3rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_infoText.s_normal {
	background-position: 0 0.1rem;
	font-size: inherit;
	font-weight: normal;
}
@media screen and (max-width: 767px){
	.m_infoText {
		margin-bottom: 1.2rem;
		background-position: 0 0;
		font-size: 1.6rem;
	}
}

/* link */

.m_inlineLink {
	border-bottom: 1px solid #0039CC;
	color: #0039CC;
	font-weight: bold;
}
.m_inlineLink:hover {
	border-bottom: none;
}
.m_inlineLink.s_normal {
	font-weight: normal;
}
.m_inlineLink[target="_blank"]::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_link_blank.svg) no-repeat 50% 50%;
	background-size: 1.6rem auto;
	vertical-align: -4px;
}

.m_arrowLink {
	font-weight: 500;	
	line-height: 1.5;
}
.m_arrowLink:hover {
	text-decoration: underline;
}
.m_arrowLink::after {
	content: '';
	margin-left: 8px;
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
	background-size: 1.5rem auto;
}
.m_arrowLink[target="_blank"]::after {
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ic_link_blank.svg);
	background-size: 1.6rem auto;
	vertical-align: -2px;
}
.m_arrowLink.s_sizeL {
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_arrowLink,
	.m_arrowLink.s_sizeL {
		font-size: 1.6rem;
	}
}

.m_anchorList {
	margin: 2.4rem 0 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 2.225%;
}
.m_anchorList li {
	width: 31.85%;
}
.m_anchorList.s_col4 li {
	width: 23.33%;
}
.m_anchorList a {
	position: relative;
	display: flex;
	align-items: center;
	height: 56px;
	border-bottom: 2px solid #BEC5CF;
	padding: 5px 48px 5px 16px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.1;
}
.m_anchorList a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 16px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
	transform: rotate(90deg);
}
@media screen and (max-width: 1120px){
	.m_anchorList {
		gap: 24px 4%;
	}
	.m_anchorList li {
		width: 48% !important;
	}
}
@media screen and (min-width: 768px){
	.m_anchorList a:hover {
		border-radius: 28px;
		background-color: #0039CC;
		border-color: transparent;
		color: #FFF;
	}
	.m_anchorList a:hover::after {
		background-image: url(/assets/images/ic_link_02_white.svg);
	}
}
@media screen and (max-width: 767px){
	.m_anchorList {
		margin: 1.2rem 0 2.4rem;
		gap: 0.2rem;
	}
	.m_pageTitle + .m_anchorList {
		margin-top: -1.2rem;
	}
	.m_anchorList li {
		width: 100% !important;
	}
	.m_anchorList a {
		height: 5.6rem;
		padding: 0.5rem 3.2rem 0.5rem 0;
		font-size: 1.8rem;
	}
	.m_anchorList a::after {
		right: 0;
		width: 2.4rem;
		height: 2.4rem;
		background-size: contain;
	}
}

/* list */

.m_dotList.s_hasMargin {
	margin: 0.8rem 0;
}
.m_dotList > li {
	position: relative;
	padding-left: 1em;
	line-height: 1.5;
}
.m_dotList > li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.m_dotList.s_attention > li {
	font-size: 1.5rem;
}
.m_dotList.s_attention > li + li {
	margin-top: 0.8rem;
}

.m_orderList {
	padding-left: 1.5em;
}
.m_orderList > li {
	list-style-type: decimal;
	line-height: 1.5;
}

.m_indentList > li {
	line-height: 1.5;
}
.m_indentList > li > span {
	float: left;
}
.m_indentList.s_brackets > li > span {
	margin-right: 0.4em;
	font-feature-settings: "palt";
}
.m_indentList > li > p {
	overflow: hidden;
}

.m_dl {
	display: flex;
	align-items: center;
	gap: 3.2rem;
}
.m_dl + .m_dl {
	margin-top: 1.6rem;
}
.m_dl dt {
	width: 18.4rem;
	font-size: 1.4rem;
	font-weight: bold;
}

/* btn */

.m_btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	width: 344px;
	max-width: 100%;
	height: 7.2rem;
	border: 2px solid #0039CC;
	border-radius: 3.6rem;
	background-color: #0039CC;
	padding: 0 1.6rem 0.2rem;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.25;
	cursor: pointer;
	transition: all 0.2s;
}
.m_btn:hover:not(:disabled) {
	background-color: #FFF;
	color: #0039CC;
}
.m_btn.s_w5 {
	width: 436px;
}
.m_btn.s_w6 {
	width: 528px;
}
.m_btn.s_w7 {
	width: 620px;
}
.m_btn.s_w8 {
	width: 712px;
}
.m_btn.s_liquid {
	width: 100%;
	max-width: 100%;
}
.m_btn.s_sizeS {
	height: 5.6rem;
	font-size: 1.8rem;
}
.m_btn.s_sizeSS {
	width: auto;
	min-width: 22.4rem;
	height: 4.8rem;
	padding: 0 3.3rem 0.2rem;
}
.m_btn.s_link {
	padding: 0 2.4rem 0.2rem 1.6rem;
}
.m_btn.s_link::after {
	content: '';
	position: absolute;
	top: 0;
	right: 1.6rem;
	bottom: 0;
	width: 1.6rem;
	height: 1.6rem;
	margin: auto 0;
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50%;
}
.m_btn.s_link:hover:not(:disabled)::after {
	background-image: url(/assets/images/ic_link_01.svg);
}
.m_btn.s_link[target="_blank"]::after,
.m_btn.s_blank::after {
	background-image: url(/assets/images/ic_link_blank_white.svg);
}
.m_btn.s_link[target="_blank"]:hover:not(:disabled)::after,
.m_btn.s_blank:hover:not(:disabled)::after {
	background-image: url(/assets/images/ic_link_blank.svg);
}
.m_btn.s_sub {
	background-color: #FFF;
	color: inherit;
	color: #0039CC;
}
.m_btn.s_sub:hover:not(:disabled) {
	background-color: #0039CC;
	color: #FFF;
}
.m_btn.s_link.s_sub::after {
	background-image: url(/assets/images/ic_link_01.svg);
}
.m_btn.s_link.s_sub:hover:not(:disabled)::after {
	background-image: url(/assets/images/ic_link_01_white.svg);
}
.m_btn.s_link.s_sub[target="_blank"]::after {
	background-image: url(/assets/images/ic_link_blank.svg);
}
.m_btn.s_link.s_sub[target="_blank"]:hover:not(:disabled)::after {
	background-image: url(/assets/images/ic_link_blank_white.svg);
}
.m_btn:disabled {
	background-color: #959595 !important;
	border-color: #959595;
	cursor: default;
}
.m_btn.s_download::after {
	content: '';
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_download_white.svg) no-repeat 50% 50%;
}
.m_btn.s_download:hover::after {
	background-image: url(/assets/images/ic_btn_download.svg);
}
@media screen and (max-width: 767px){
	.m_btn {
		width: 100% !important;
		height: 5.6rem;
		border-radius: 2.8rem;
		font-size: 1.8rem;
	}
	.m_btn.s_sizeSS {
		min-width: 20rem;
		padding: 0 2rem 0.2rem;
		font-size: 1.6rem;
	}
	.m_btn.s_link {
		padding: 0 3.2rem 0 1.6rem;
	}
	.m_btn.s_link::after {
		background-size: 100% 100%;
	}
	.m_btn.s_spLeft {
		text-align: left;
	}
	.m_btn img {
		width: 4.8rem;
	}
}

.m_btnArea {
	margin-top: 4rem;
	display: flex;
	justify-content: center;
	gap: 2.4rem;
}
.m_confirmList + .m_btnArea {
	margin-top: 2.4rem;
}
.m_btnArea.s_col {
	flex-direction: column;
	align-items: center;
	gap: 1.6rem;
}
.m_btnArea .p_text {
	margin: 0 0 1.6rem;
	text-align: center;
	line-height: 1.6;
}
.m_btnArea .p_note {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_btnArea .p_getPoint {
	position: relative;
	margin: 0 auto 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38.2rem;
	max-width: 100%;
	height: 6rem;
	border-radius: 0.8rem;
	background: linear-gradient(0deg, #FFFEEB -10.32%, #FFFBBF 100%);
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	color: #002991;
	font-weight: bold;
}
.m_btnArea .p_getPoint::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1.1rem;
	width: 0;
	margin: 0 auto;
	border-top: 1.2rem solid #FFFEEB;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
}
.m_btnArea .p_getPoint .p_point {
	display: inline-block;
	margin: 0 0.8rem;
	width: 8.7rem;
	height: 4.4rem;
	border-radius: 0.8rem;
	background: url(/assets/images/ic_point_01.svg) no-repeat 15% 50% #fff;
	background-size: 2.4rem auto;
	padding: 1rem 0 0 2rem;
	text-align: center;
	color: #E00004;
	font-size: 1.4rem;
}
.m_btnArea .p_getPoint .p_point span {
	font-size: 2rem;
}
.m_btnArea .p_getPoint:has(.p_count) {
	padding-right: 5rem;
}
.m_btnArea .p_getPoint .p_count {
	display: inline-block;
	margin: 0 0.8rem;
	width: 4.8rem;
	height: 4.4rem;
	border-radius: 0.8rem;
	background-color: #fff;
	background-size: 2.4rem auto;
	padding: 1rem 0 0;
	text-align: center;
	color: #E00004;
	font-size: 1.4rem;
}
.m_btnArea .p_getPoint .p_count span {
	font-size: 2rem;
}
.m_btnArea .p_getPoint img {
	margin-left: 0.4rem;
}
.m_btnArea .p_getPoint.s_lottery img {
	position: absolute;
	top: 0.5rem;
	right: 2.2rem;
}
@media screen and (max-width: 767px){
	.m_btnArea {
		margin: 3rem auto 0;
		max-width: 35rem;
		gap: 1.6rem;
	}
	.m_confirmList + .m_btnArea {
		margin-top: 1.6rem;
	}
	.m_btnArea.s_col {
		gap: 1.6rem;
	}
	.m_btnArea.s_spCol {
		flex-direction: column;
		align-items: center;
	}
	.m_btnArea.s_spColReverse {
		flex-direction: column-reverse;
		align-items: center;
	}
	.m_btnArea .p_text {
		margin: 0 0 0.3rem;
	}
	.m_btnArea .p_text.s_spLeft {
		text-align: left;
	}
	.m_btnArea .p_note {
		text-align: left;
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	.m_btnArea .p_getPoint {
		width: 100%;
	}
	.m_btnArea .p_getPoint .p_point {
		margin: 0 0.6rem;
	}
	.m_btnArea .p_getPoint .p_count {
		margin: 0 0.6rem;
	}
	.m_btnArea .p_getPoint img {
		width: 4.3rem;
	}
	.m_btnArea .p_getPoint + .m_btn {
		width: 100%;
	}
	.m_btnArea .p_getPoint.s_lottery img {
		top: 1rem;
		right: 1.2rem;
		width: 4.9rem;
	}
	.m_btnArea form {
		width: 100%;
	}
}

.m_inlineBtn {
	display: inline-block;
	border: 2px solid #0039CC;
	border-radius: 3.2rem;
	padding: 0.8rem 1.6rem;
	text-align: center;
	color: #0039CC;
	font-size: 2rem;
	font-weight: 500;
}
.m_inlineBtn:hover {
	background-color: #0039CC;
	color: #FFF;
}
@media screen and (max-width: 767px){
	.m_inlineBtn {
		display: block;
		padding: 0.6rem 1.6rem 0.8rem;
		font-size: 1.6rem;
	}
}

.m_inlineBtnList {
	margin: 1.6rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
}
.m_inlineBtnList .p_note {
	margin-top: 0.8rem;
	text-align: center;
}
@media screen and (max-width: 767px){
	.m_inlineBtnList {
		margin: 2.4rem 0;
		flex-direction: column;
		align-items: center;
	}
	.m_inlineBtnList li {
		min-width: 25rem;
	}
	.m_inlineBtnList.s_spWide li {
		width: 100%;
	}
}

.m_clearBtn {
	width: 22.4rem;
	height: 4.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2.4rem;
	border: 2px solid #0039CC;
	background-color: #FFF;
	font-size: 1.8rem;
	cursor: pointer;
	transition: all 0.2s;
}
.m_clearBtn:hover {
	background-color: #0039CC;
	color: #FFF;
}
@media screen and (max-width: 767px){
	.m_clearBtn {
		width: 20rem;
		font-size: 1.6rem;
	}
}

.m_clearBtnArea {
	position: relative;
}
@media screen and (min-width: 768px){
	.m_clearBtnArea .m_clearBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
}
@media screen and (max-width: 767px){
	.m_clearBtnArea .m_clearBtn {
		margin-top: 1.6rem;
	}
}

.m_downloadBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24.8rem;
	height: 4.8rem;
	border: 2px solid #0039CC;
	border-radius: 2.4rem;
	background-color: #FFF;
	color: #0039CC;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_downloadBtn:hover {
	background-color: #0039CC;
	color: #fff;
}
.m_downloadBtn::after {
	content: '';
	display: inline-block;
	margin-left: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_download.svg) no-repeat 50% 50%;
	background-size: 2.4rem auto;
}
.m_downloadBtn:hover::after {
	background-image: url(/assets/images/ic_btn_download_white.svg);
}
@media screen and (max-width: 767px){
	.m_downloadBtn {
		width: 20rem;
		height: 3.6rem;
		border: none;
		background-color: transparent;
		color: #000;
		font-size: 1.6rem;
	}
	.m_downloadBtn:hover {
		background-color: transparent;
		color: inherit;
	}
	.m_downloadBtn:hover::after {
		background-image: url(/assets/images/ic_btn_download.svg);
	}
}

.m_unsubscribeBtn {
	margin: 2.4rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34.5rem;
	max-width: 100%;
	height: 4.8rem;
	border: 2px solid #0039CC;
	border-radius: 2.4rem;
	background-color: #FFF;
	color: #0039CC;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_unsubscribeBtn:hover {
	background-color: #0039CC;
	color: #fff;
}
.m_unsubscribeBtn::after {
	content: '';
	display: inline-block;
	margin-left: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_unsubscribe.svg) no-repeat 50% 50%;
	background-size: 2.4rem auto;
}
.m_unsubscribeBtn:hover::after {
	background-image: url(/assets/images/ic_btn_unsubscribe_white.svg);
}
@media screen and (max-width: 767px){
	.m_unsubscribeBtn {
		margin-top: 1.6rem;
		font-size: 1.6rem;
	}
}


/* box */

.m_scrollBox {
	margin: 1.6rem 0 3.2rem;
	border: 1px solid #D5D5D5;
	border-radius: 1rem;
	overflow: hidden;
}
.m_scrollBox > .p_inner {
	padding: 2.4rem;
	height: 450px;
	line-height: 1.5;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px){
	.m_scrollBox > .p_inner.s_heightS {
		height: 264px;
	}
}
@media screen and (max-width: 767px){
	.m_scrollBox {
		margin-bottom: 2.4rem;
		border-radius: 0.8rem;
	}
	.m_scrollBox > .p_inner {
		padding: 1.6rem;
		height: 32rem;
	}
}

.m_grayBox {
	position: relative;
	margin: 2.4rem 0;
	border-radius: 0.8rem;
	background-color: #F7F7F8;
	padding: 1.6rem 2.4rem;
	line-height: 1.5;
}
.m_grayBox.s_attention {
	padding: 2.4rem;
}
.m_grayBox.s_paddingL {
	padding: 2.4rem 4.8rem;
}
.m_grayBox .p_title {
	margin-bottom: 0.8rem;
	font-weight: bold;
}
.m_grayBox.s_attention .p_title {
	margin-bottom: 1.6rem;
	padding-left: 2.8rem;
	background: url(/assets/images/ic_error_02.svg) no-repeat 0 50%;
	background-size: 2.4rem auto;
	font-size: 1.8rem;
}
.m_grayBox:has(.p_chara) {
	padding: 2.4rem 10rem 2.4rem 2.4rem;
}
.m_grayBox .p_chara {
	position: absolute;
	top: 0;
	right: 2.4rem;
	bottom: 0;
	margin: auto 0;
}
.m_grayBox.s_deprecated h3 {
	font-size: 1.8rem;
	font-weight: bold;
}
.m_grayBox.s_deprecated h4 {
	margin-top: 1rem;
	font-weight: bold;
}
.m_grayBox.s_deprecated li {
	position: relative;
	padding-left: 1.2em;
}
.m_grayBox.s_deprecated li::before {
	content: '';
	position: absolute;
	top: 1.1rem;
	left: 0.6rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #0039CC;
}
@media screen and (max-width: 767px){
	.m_grayBox {
		padding: 1.6rem;
	}
	.m_grayBox.s_attention {
		padding: 2.4rem 1.6rem;
	}
	.m_grayBox.s_paddingL {
		padding: 2.4rem 1.6rem;
	}
	.m_grayBox.s_attention .p_title {
		margin-bottom: 0.8rem;
	}
	.m_grayBox:has(.p_chara) {
		padding: 1.6rem 6.8rem 1.6rem 1.6rem;
	}
	.m_grayBox .p_chara {
		top: auto;
		right: 1.6rem;
		bottom: 1.6rem;
		margin: 0;
		width: 4rem;
	}
}

.m_wideBox {
	position: relative;
	width: 94.8%;
	max-width: 1280px;
	margin: 4rem auto;
	background-color: #FFF;
	border-radius: 6rem;
	padding: 6.4rem 0;
}
.m_wideBox > .p_img {
	position: absolute;
	bottom: 100%;
	right: 8rem;
}
@media screen and (max-width: 767px){
	.m_wideBox {
		margin: 2.4rem auto;
		border-radius: 3rem;
		padding: 3.2rem 0;
	}
	.m_wideBox .m_pageInner {
		padding: 0 1rem;
	}
	.m_wideBox > .p_img {
		right: 2.8rem;
		width: 6.2rem;
	}
}

.m_borderBox {
	margin: 1.6rem 0;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	padding: 2.4rem 3.2rem;
}
.m_borderBox .m_confirmList > li {
	padding-left: 0;
}
@media screen and (max-width: 767px){
	.m_borderBox {
		padding: 1.6rem;
	}
}

/* img */

.m_mainvisual {
	border-radius: 0.8rem;
	overflow: hidden;
}

.m_linkImg {
	position: relative;
	overflow: hidden;
}
.m_linkImg img {
	width: 100%;
  transition: all 0.6s;
}
a:hover .m_linkImg img {
  transform: scale(1.1);
}

.m_img {
	margin: 3.2rem 0;
	text-align: center;
}
@media screen and (max-width: 767px){
	.m_img {
		margin: 1.6rem 0 3.2rem;
	}
}

.m_roundImg {
	border-radius: 0.8rem;
}

.m_imgCaption {
	margin-top: 0.8rem;
	text-align: left;
}

.m_completeImg {
	margin: 2.4rem 0;
	text-align: center;
}
@media screen and (max-width: 767px){
	.m_completeImg {
		margin: 0.8rem 0;
	}
	.m_completeImg img {
		width: 14rem;
	}
	.m_completeImg.s_familyTransfer img {
		width: 30rem;
	}
}

.m_banner {
	margin: 2.4rem 0;
}
.m_banner a {
	display: block;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}

/* layout */

.m_colLayout {
	display: flex;
	flex-wrap: wrap;
	margin: 4rem 0;
}
.m_colLayout.s_col2 {
	gap: 5rem 2.4%;
}
.m_colLayout.s_col2 > * {
	margin: 0;
	width: 48.8%;
}
.m_colLayout.s_col3 {
	gap: 5rem 2.3%;
}
.m_colLayout.s_col3 > * {
	margin: 0;
	width: 31.8%;
}
.m_colLayout.s_box {
	margin: 3.2rem 0;
}
@media screen and (max-width: 767px){
	.m_colLayout {
		margin: 1.6rem 0 3.2rem;
	}
	.m_colLayout.s_col2,
	.m_colLayout.s_col3 {
		gap: 3.2rem;
	}
	.m_colLayout.s_box {
		margin: 1.6rem 0;
		gap: 1.6rem;
	}
	.m_colLayout.s_spNoGap {
		gap: 0;
	}
	.m_colLayout.s_img {
		gap: 1.6rem;
	}
	.m_colLayout.s_col2 > *,
	.m_colLayout.s_col3 > * {
		width: 100%;
	}
}

.m_imgColList {
	margin: 2.4rem 0;
	border-top: 1px solid #D5D5D5;
}
.m_imgColList > li {
	border-bottom: 1px solid #D5D5D5;
	padding: 3rem 0;
	display: flex;
	justify-content: space-between;
}
.m_imgColList .p_col {
	width: 48.9%;
}
.m_imgColList .p_title {
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	font-weight: 500;
}
@media screen and (max-width: 767px){
	.m_imgColList {
		margin: 1.6rem 0;
	}
	.m_imgColList > li {
		padding: 1.6rem 0;
		flex-direction: column;
		gap: 1.6rem;
	}
	.m_imgColList .p_col {
		width: auto;
	}
	.m_imgColList .p_title {
		margin-bottom: 0.8rem;
		font-size: 2rem;
	}
}

/* table */

.m_table {
	margin: 0.8rem 0;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	overflow: hidden;
}
.m_table table {
	width: 100%;
}
.m_table th,
.m_table td {
	padding: 1.6rem;
	line-height: 1.5;
	vertical-align: top;
}
.m_table th {
	background-color: #F7F7F8;
	font-weight: bold;
}
.m_table td {
	background-color: #FFF;
}
.m_table tr + tr th,
.m_table tr + tr td {
	border-top: 1px solid #D5D5D5;
}
@media screen and (max-width: 767px){
	.m_table.s_column th {
		width: 30%;
	}
}

/* form */

.m_stepList {
	margin-bottom: 32px;
	display: flex;
	justify-content: center;
	gap: 160px;
}
.m_stepList li {
	position: relative;
	width: 72px;
}
.m_stepList li + li::before {
	content: '';
	position: absolute;
	top: 16px;
	left: -160px;
	width: 160px;
	height: 8px;
	border-radius: 4px;
	background-color: #D7DEE8;
}
.m_stepList li.s_done::before,
.m_stepList li.s_cur::before {
	background-color: #002991;
}
.m_stepList .p_num {
	margin: 0 auto 8px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #D7DEE8;
	text-align: center;
	color: #666;
	font-size: 2rem;
	font-weight: 500;
	line-height: 40px;
}
.m_stepList li.s_done .p_num,
.m_stepList li.s_cur .p_num {
	background-color: #002991;
	color: #FFF;
}
.m_stepList p {
	margin: 0 -2rem;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
}
.m_stepList li.s_cur p {
	color: #002991;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_stepList {
		margin-bottom: 2.4rem;
		gap: 4.8rem;
	}
	.m_stepList li {
		width: 7.2rem;
	}
	.m_stepList li + li::before {
		top: 1.6rem;
		left: -4.8rem;
		width: 4.8rem;
		height: 0.8rem;
		border-radius: 0.4rem;
	}
	.m_stepList .p_num {
		margin: 0 auto 0.8rem;
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
	}
	.m_stepList p {
		margin: 0 -2rem;
	}
}

.m_errorBox {
	border-radius: 2.3rem;
	background: url(/assets/images/ic_error_02.svg) no-repeat 2.4rem 50% #FFF;
	padding: 1.3rem 2rem 1.4rem 6.4rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	color: #E00004;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_errorBox {
		padding: 1.2rem 2.4rem 1.2rem 4.8rem;
		background-position: 1.4rem 50%;
		background-size: 2.4rem 2.4rem;
	}
}

.m_formList {
	margin-top: 4rem;
	line-height: 1.5;
}
.m_formList > li + li {
	margin-top: 4rem;
}
.m_formList > li > .p_title {
	margin-bottom: 0.8rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_formList > li > .p_title.s_question {
	display: flex;
	gap: 0.5rem;
}
.m_formList > li > .p_title .p_help {
	margin: 0 0.4rem 0 0.8rem;
	display: inline-block;
	width: 2.4rem;
	vertical-align: -0.1rem;
}
.m_formList .p_subTitle {
	margin: 1.6rem 0 0.8rem;
	font-weight: bold;
}
.m_formList .p_note {
	color: #666;
	font-size: 1.4rem;
}
.m_formList .m_errorText {
	margin-top: 0.8rem;
}
@media screen and (min-width: 768px){
	.m_formList > li.s_hasLine {
		margin-top: 2.4rem;
		border-top: 1px solid #d5d5d5;
		padding-top: 2.4rem;
	}
}
@media screen and (max-width: 767px){
	.m_formList {
		margin-top: 2.4rem;
	}
	.m_formList > li + li {
		margin-top: 2.4rem;
	}
	.m_formList > li > .p_title {
		font-size: 1.6rem;
	}
}

.m_required {
	display: inline-block;
	margin: 0 0.8rem;
	border-radius: 4px;
	background-color: #E00004;
	padding: 1px 8px 3px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 500;
	vertical-align: 1px;
}
@media screen and (max-width: 767px){
	.m_required {
		margin: 0 0.4rem;
		border-radius: 0.4rem;
		padding: 0.1rem 0.8rem 0.2rem;
		font-size: 1.4rem;
		vertical-align: 0.1rem;
	}
}

.m_confirmList {
	margin: 0.8rem 0;
}
.m_confirmList > li {
	display: flex;
	gap: 0 3.2rem;
	border-bottom: 1px solid #D5D5D5;
	padding: 1.8rem 2.4rem;
	line-height: 1.5;
}
.m_confirmList:has(+.m_infoBoxList) > li {
	padding-left: 3.3rem;
}
.m_confirmList:first-child > li:first-child {
	padding-top: 0;
}
.m_confirmList > li:has(> .m_noteList) {
	flex-wrap: wrap;
}
.m_confirmList.s_usage > li {
	padding-left: 3.2rem;
}
.m_colLayout .m_confirmList > li {
	padding-left: 0;
	padding-right: 0;
	gap: 0 1.6rem;
}
.m_confirmList .p_title {
	width: 28%;
	flex-shrink: 0;
	padding-top: 1px;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_confirmList .p_title.s_hasForm {
	padding-top: 1.4rem;
}
.m_confirmList li.s_sizeL .p_title {
	font-size: 2rem;
}
.m_confirmList.s_usage .p_title {
	width: 25.6rem;
}
.m_confirmList .p_title.s_sub {
	padding-left: 2rem;
}
.m_confirmList .p_title.s_sub::before {
	content: '-';
	margin-right: 0.4rem;
}
.m_colLayout .m_confirmList .p_title {
	width: 55%;
}
.m_confirmList .p_body.s_strong {
	color: #E00004;
}
.m_confirmList .p_body strong {
	margin-right: 0.4rem;
	font-size: 1.8rem;
}
.m_confirmList li.s_sizeL .p_body strong {
	font-size: 2.2rem;
}
.m_confirmList .p_note {
	color: #666;
	font-size: 1.4rem;
}
.m_confirmList .p_titleLine {
	border-bottom: none;
	font-weight: bold;
	padding-top: 3.2rem;
	padding-bottom: 0;
}
.m_confirmList li > .m_noteList {
	margin-top: 0.8rem;
	width: 100%;
	padding-left: calc(28% + 32px);
}
.m_confirmList li > .m_noteList.s_title {
	padding-left: 0;
}
.m_confirmList .p_subBox {
	display: block;
	border-bottom: none;
	padding: 0.8rem 0 0 !important;
}
.m_confirmList .p_subBox .m_confirmList {
	background-color: #F7F7F8;
	border-radius: 0.8rem;
	padding: 2.4rem 3.2rem;
}
.m_confirmList .p_subBox .m_confirmList > li {
	padding-left: 0;
}
.m_confirmList .p_subBox .m_confirmList .p_title {
	width: 25.6rem;
}
@media screen and (max-width: 767px){
	.m_confirmList > li {
		flex-direction: column;
		gap: 0 0.8rem;
		padding: 1.6rem 0 1.2rem;
	}
	.m_confirmList:has(+.m_infoBoxList) > li {
		padding-left: 0;
	}
	.m_confirmList > li.s_spRow {
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 0.8rem;
	}
	.m_confirmList.s_usage > li {
		padding-left: 0;
	}
	.m_confirmList .p_title {
		margin-bottom: 0.8rem;
		width: auto;
		padding-top: 0;
		font-size: 1.5rem;
	}
	.m_confirmList li.s_sizeL .p_title {
		font-size: 1.8rem;
	}
	.m_confirmList.s_usage .p_title {
		width: auto;
	}
	.m_confirmList .p_title.s_sub {
		padding-left: 0;
	}
	.m_confirmList .p_title.s_sub::before {
		margin-right: 0.2rem;
	}
	.m_confirmList > li.s_spRow .p_title {
		margin-bottom: 0;
	}
	.m_confirmList li.s_sizeL .p_body strong {
		font-size: 1.8rem;
	}
	.m_confirmList li > .m_noteList {
		margin-top: 0.4rem;
		padding-left: 0;
	}
	.m_confirmList li > .m_noteList.s_title {
		margin: 0 0 0.8rem;
		order: 1;
	}
	.m_confirmList .p_body:has(+ .m_noteList.s_title) {
		order: 2;
	}
	.m_confirmList .p_subBox .m_confirmList {
		padding: 1.6rem;
	}
	.m_confirmList .p_subBox .m_confirmList .p_title {
		width: auto;
	}
}

.m_textbox {
	margin: 8px 0;
	display: inline-block;
	width: 252px;
	max-width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	padding: 8px 16px;
	height: 48px;
}
.m_textbox.s_wide {
	width: 520px;
}
.m_textbox:focus {
	outline: 2px solid #002991;
}
.m_textbox:focus::placeholder {
	color: #D5D5D5;
}
.m_textbox:placeholder-shown {
	background-color: #F7F7F8;
}
.m_textbox:disabled {
	background-color: #D5D5D5;
	border-color: #959595;
}
.m_textbox.s_liquid {
	margin: 16px 0;
	width: 100%;
}
.m_textbox.s_error {
	border-color: #E00004;
	background-color: #FDF2F2;
}
@media screen and (max-width: 767px){
	.m_textbox {
		margin: 0.8rem 0;
		width: 100%;
		border-radius: 0.8rem;
		padding: 0.8rem 1.6rem;
		height: 4.8rem;
	}
	.m_textbox.s_liquid {
		margin: 1.6rem 0;
	}
}

.m_textboxLine {
	display: flex;
	align-items: flex-end;
	gap: 0.8rem;
}
.m_textboxLine .m_textbox {
	margin: 0;
}
.m_textboxLine > span {
	white-space: nowrap;
}

.m_nameInput {
	margin: 8px 0;
	display: flex;
	gap: 16px;
}
.m_nameInput .m_textbox {
	margin: 0;
}
@media screen and (max-width: 767px){
	.m_nameInput {
		margin: 0.8rem 0;
		flex-direction: column;
		gap: 0.8rem;
	}
}

.m_zipInput {
	display: flex;
	gap: 16px;
	margin: 8px 0;
}
.m_zipInput .m_textbox {
	margin: 0;
}
.m_zipInput .p_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 48px;
	border: 2px solid #0039CC;
	border-radius: 24px;
	background-color: #0039CC;
	padding: 0;
	color: #FFF;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
}
.m_zipInput .p_btn:hover {
	background-color: #FFF;
	color: #0039CC;
}
@media screen and (max-width: 767px){
	.m_zipInput {
		gap: 1.6rem;
		margin: 0.8rem 0;
	}
	.m_zipInput .m_textbox {
		width: 15rem;
	}
	.m_zipInput .p_btn {
		width: 15rem;
		height: 4.8rem;
		border-radius: 2.4rem;
	}
}

.m_codeInput {
	display: flex;
	gap: 16px;
	margin: 8px 0;
}
.m_codeInput .m_textbox {
	margin: 0;
}
.m_codeInput .p_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 48px;
	border: 2px solid #0039CC;
	border-radius: 24px;
	background-color: #0039CC;
	padding: 0;
	color: #FFF;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
}
.m_codeInput .p_btn:hover {
	background-color: #FFF;
	color: #0039CC;
}
@media screen and (max-width: 767px){
	.m_codeInput {
		gap: 1.6rem;
		margin: 0.8rem 0;
	}
	.m_codeInput .m_textbox {
		width: 15rem;
	}
	.m_codeInput .p_btn {
		width: 15rem;
		height: 4.8rem;
		border-radius: 2.4rem;
	}
}

.m_password {
	margin: 8px 0;
	position: relative;
	display: inline-block;
}
.m_password .m_textbox {
	width: 344px;
}
.m_password input {
	margin: 0;
}
.m_password .p_toggleBtn {
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto 0;
	background: url(/assets/images/ic_form_password.svg) no-repeat 50% 50%;
	cursor: pointer;
}
.m_password .p_toggleBtn.s_show {
	background-image: url(/assets/images/ic_form_password_show.svg);
}
@media screen and (max-width: 767px){
	.m_password {
		margin: 0.8rem 0;
		display: block;
	}
	.m_password .p_toggleBtn {
		right: 0.5rem;
		width: 3rem;
		height: 3rem;
		background-size: 1.7rem auto;
	}
}

.m_select {
	margin: 8px 0;
	display: inline-block;
	width: 344px;
	max-width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	background: url(/assets/images/ic_form_select.svg) no-repeat right 16px center #FFF;
	background-size: 1.6rem auto;
	height: 48px;
	padding: 12px 40px 12px 16px;
	cursor: pointer;
}
.m_select.s_liquid {
	width: 100%;
}
.m_select.s_hideDefault option:first-child {
	display: none;
}
.m_select.s_error {
	border-color: #E00004;
	background-color: #FDF2F2;
}
.m_select:disabled {
	background-color: #D5D5D5;
	border-color: #959595;
	color: #707070;
	cursor: default;
}
@media screen and (min-width: 768px){
	select,
	::picker(select) {
		appearance: base-select;
	}
	.m_select::picker(select) {
		border: none;
		border-radius: 8px;
		box-shadow: 0 0.6rem 1.2rem 0 rgba(0, 26, 102, 0.1);
	}
	.m_select::picker-icon {
		display: none;
	}
	.m_select option {
		padding: 12px 16px;
	}
	.m_select option:hover {
		background-color: #F7F7F8;
	}
	.m_select option:checked {
		background-color: #F7F7F8;
		color: #002991;
		font-weight: bold;
	}
	.m_select option::checkmark {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.m_select {
		margin: 0.8rem 0;
		width: 100%;
		border-radius: 0.8rem;
		background-position: right 1.6rem center;
		height: 4.8rem;
		padding: 1.2rem 4rem 1.2rem 1.6rem;
	}
}

.m_birthdayInput {
	margin: 8px 0;
	display: flex;
	gap: 20px;
}
.m_birthdayInput .m_select {
	margin: 0;
	width: 120px;
}
.m_birthdayInput .m_select:first-child {
	width: 146px;
}
@media screen and (max-width: 767px){
	.m_birthdayInput {
		margin: 0.8rem 0;
		gap: 0.8rem;
	}
	.m_birthdayInput .m_select {
		width: 9.2rem;
	}
	.m_birthdayInput .m_select:first-child {
		width: 11.8rem;
	}
}

.m_dateSelect {
	position: relative;
	margin: 0.8rem 0;
	width: 252px;
	max-width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	height: 4.8rem;
	padding: 1.2rem 4rem 1.2rem 1.6rem;
	cursor: pointer;
}
.m_dateSelect::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 5.2rem;
	border-radius: 0 0.8rem 0.8rem 0;
	background: url(/assets/images/ic_date.svg) no-repeat 50% 50%;
	background-size: 2.4rem auto;
	transition: all 0.2s;
}
.m_dateSelect:not(.s_disabled):hover::after {
	background: url(/assets/images/ic_date_white.svg) no-repeat 50% 50% #0039CC;
}
.m_dateSelect.s_disabled {
	background-color: #D5D5D5;
	border-color: #959595;
	color: #707070;
	cursor: default;
}
@media screen and (max-width: 767px){
	.m_dateSelect {
		width: 100%;
	}
}

.m_periodSelect {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}
.m_periodSelect > div {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.m_periodSelect .m_dateSelect {
	margin: 0;
}
.m_periodSelect span {
	white-space: nowrap;
}
@media screen and (max-width: 767px){
	.m_periodSelect > div {
		width: 100%;
		align-items: flex-end;
	}
}

.m_calendarInput {
	position: absolute;
	z-index: 2000;
	border-radius: 1.6rem;
	width: 36.8rem;
	background-color: #FFF;
	padding: 2.3rem 1.6rem 1.5rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	display: none;
}
.m_calendarInput .p_prevBtn,
.m_calendarInput .p_nextBtn {
	position: absolute;
	top: 1.5rem;
	width: 4rem;
	height: 4rem;
	border: 1px solid #D5D5D5;
	cursor: pointer;
}
.m_calendarInput .p_prevBtn {
	left: 1.6rem;
	border-radius: 0.8rem 0 0 0.8rem;
}
.m_calendarInput .p_nextBtn {
	right: 1.6rem;
	border-radius: 0 0.8rem 0.8rem 0;
}
.m_calendarInput .p_prevBtn:hover,
.m_calendarInput .p_nextBtn:hover {
	background-color: #f7f7f7;
}
.m_calendarInput .p_prevBtn::after,
.m_calendarInput .p_nextBtn::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1rem;
	height: 1rem;
	border-top: 2px solid #707070;
}
.m_calendarInput .p_prevBtn::after {
	left: 1.4rem;
	border-left: 2px solid #707070;
	transform-origin: left top;
	transform: rotate(-45deg);
}
.m_calendarInput .p_nextBtn::after {
	right: 1.4rem;
	border-right: 2px solid #707070;
	transform-origin: right top;
	transform: rotate(45deg);
}
.m_calendarInput .p_prevBtn.s_disabled,
.m_calendarInput .p_nextBtn.s_disabled {
	display: none;
}
.m_calendarInput .p_title {
	margin: 0 -1.6rem 0.8rem;
	border-bottom: 1px solid #D5D5D5;
	padding: 0 0 2.5rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.m_calendarInput table {
	width: 100%;
}
.m_calendarInput th {
	padding: 1.4rem 0;
	width: 14.28%;
	text-align: center;
}
.m_calendarInput td {
	padding: 0.4rem 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.m_calendarInput td.s_inactive {
	color: #666;
	cursor: default;
}
.m_calendarInput td span {
	display: inline-block;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	padding-top: 0.9rem;
}
.m_calendarInput td:not(.s_inactive):hover span {
	background-color: #D7DEE8;
	color: #666;
}
.m_calendarInput td.s_selected span {
	background-color: #002991;
	color: #FFF;
}
@media screen and (max-width: 767px){
	.m_calendarInput {
		width: 31.2rem;
	}
	.m_calendarInput th {
		padding: 1rem 0;
	}
	.m_calendarInput td span {
		width: 3.2rem;
		height: 3.2rem;
		padding-top: 0.5rem;
	}
}

.m_radioList {
	margin: 1.6rem 0 0.8rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem 2.4rem;
	line-height: 1.5;
}
.m_form .p_note + .m_radioList {
	margin-top: 0.8rem;
}
.m_radioList.s_col {
	flex-direction: column;
}
.m_radioList > li {
	max-width: 100%;
}
.m_radioList > li.s_hasTextbox {
	display: flex;
	align-items: center;
	gap: 2.4rem;
}
.m_radioList label {
	display: block;
	user-select: none;
}
.m_radioList input[type="radio"] {
	display: none;
}
.m_radioList input + span {
	position: relative;
	display: inline-block;
	padding-left: 28px;
	cursor: pointer;
}
.m_radioList input + span::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #707070;
	box-shadow: 0 0 0 3px #FFF inset;
}
.m_radioList.s_error input + span::before {
	border-color: #E00004;
	background-color: #FDF2F2;
}
.m_radioList input:checked + span::before {
	background-color: #002991;
}
.m_radioList input:disabled + span {
	color: #666;
	cursor: default;
}
.m_radioList input:disabled + span::before {
	border-color: #959595;
	background-color: #D5D5D5;
	box-shadow: none;
}
.m_radioList .p_recommend {
	margin-left: 0.8rem;
	display: inline-block;
	padding: 0.2rem 0.8rem;
	border-radius: 0.4rem;
	background-color: #D8FFE4;
	color: #00572F;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px){
	.m_radioList {
		gap: 1.6rem 3.2rem;
	}
	.m_radioList.s_spGapS {
		gap: 1.6rem 2.4rem;
	}
	.m_radioList.s_spCol {
		flex-direction: column;
		gap: 1.5rem;
	}
	.m_radioList > li.s_hasTextbox {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.8rem;
	}
	.m_radioList input + span {
		padding-left: 3.2rem;
	}
	.m_radioList input + span::before {
		top: 0;
		width: 2.4rem;
		height: 2.4rem;
		box-shadow: 0 0 0 0.4rem #FFF inset;
	}
}

.m_radioBoxList {
	margin-top: 1.6rem;
}
.m_radioBoxList > li + li {
	margin-top: 1.6rem;
}
.m_radioBoxList input {
	display: none;
}
.m_radioBoxList input + div {
	position: relative;
	border-radius: 0.8rem;
	padding: 2.4rem 2.4rem 2.4rem 5.6rem;
	border: 1px solid #D5D5D5;
	line-height: 1.5;
	cursor: pointer;
}
.m_radioBoxList input:checked + div {
	border: 1px solid #002991;
}
.m_radioBoxList input + div::before {
	content: '';
	position: absolute;
	top: 2.5rem;
	left: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	border: 1px solid #707070;
	box-shadow: 0 0 0 0.4rem #FFF inset;
}
.m_radioBoxList input:checked + div::before {
	border-color: #002991;
	background-color: #002991;
}
.m_radioBoxList .p_note {
	margin-top: 0.4rem;
	font-size: 1.4rem;
	color: #666;
}
@media screen and (max-width: 767px){
	.m_radioBoxList > li + li {
		margin-top: 0.8rem;
	}
	.m_radioBoxList input + div {
		padding: 1.6rem 1.6rem 1.6rem 4.6rem;
	}
	.m_radioBoxList input + div::before {
		top: 1.6rem;
		left: 1.4rem;
	}
}

.m_checkbox {
	margin: 8px 0;
	display: inline-block;
	line-height: 1.5;
	user-select: none;
}
.m_checkbox input {
	display: none;
}
.m_checkbox input + span {
	position: relative;
	display: inline-block;
	padding-left: 36px;
	cursor: pointer;
}
.m_checkbox input + span::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	margin: auto 0;
	border: 1px solid #707070;
	border-radius: 3px;
	background-color: #F7F7F8;
}
.m_checkbox input:checked + span::before {
	background: url(/assets/images/ic_form_checkbox.svg) no-repeat 50% 50%;
	background-size: contain;
	border: none;
}
@media screen and (max-width: 767px){
	.m_checkbox {
		margin: 0.8rem 0;
	}
	.m_checkbox input + span {
		padding-left: 3rem;
	}
	.m_checkbox input + span::before {
		top: 0.3rem;
		width: 2rem;
		height: 2rem;
		border-radius: 0.3rem;
	}
}

.m_checkList {
	margin: 1.6rem 0 0.8rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem 2.4rem;
	line-height: 1.5;
}
.m_form .p_note + .m_radioList {
	margin-top: 0.8rem;
}
.m_checkList .m_checkbox {
	margin: 0;
}

.m_checkboxBtn {
	margin: 2.4rem 0 1.6rem;
	text-align: center;
	user-select: none;
}
.m_checkboxBtn.s_form {
	margin: 1.6rem 0;
	text-align: left;
}
.m_checkboxBtn input {
	display: none;
}
.m_checkboxBtn input + span {
	position: relative;
	display: inline-block;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	background-color: #FFF;
	padding: 1.1rem 2.4rem 1.3rem 5.2rem;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	cursor: pointer;
}
.m_checkboxBtn.s_form input + span {
	font-size: 1.6rem;
}
.m_checkboxBtn input + span::before {
	content: '';
	position: absolute;
	top: 1.6rem;
	left: 2.4rem;
	width: 2rem;
	height: 2rem;
	margin: auto 0;
	border: 1px solid #707070;
	border-radius: 0.3rem;
	background-color: #F7F7F8;
}
.m_checkboxBtn.s_form input + span::before {
	top: 1.4rem;
}
.m_checkboxBtn input:checked + span::before {
	background: url(/assets/images/ic_form_checkbox.svg) no-repeat 50% 50%;
	background-size: contain;
	border: none;
}
@media screen and (max-width: 767px){
	.m_checkboxBtn {
		margin: 1.6rem 0;
	}
	.m_checkboxBtn input + span {
		border-radius: 0.8rem;
		font-size: 1.6rem;
	}
	.m_checkboxBtn input + span::before {
		top: 1.5rem;
	}
}

.m_textarea {
	margin: 1.6rem 0 0.8rem;
	display: block;
	width: 100%;
	height: 12rem;
	border-radius: 0.8rem;
	border: 1px solid #D5D5D5;
	padding: 1.2rem 1.6rem;
	line-height: 1.5;
}
.m_textarea:focus {
	outline: 2px solid #002991;
}
.m_textarea:focus::placeholder {
	color: #D5D5D5;
}
.m_textarea:placeholder-shown {
	background-color: #F7F7F8;
}
.m_textarea:disabled {
	background-color: #D5D5D5;
	border-color: #959595;
}
.m_textarea.s_error {
	border-color: #E00004;
	background-color: #FDF2F2;
}

.m_numInput {
	display: inline-block;
	border-radius: 0.8rem;
	display: flex;
	height: 4rem;
}
.m_numInput .p_btn {
	position: relative;
	width: 4rem;
	border: 1px solid #D5D5D5;
	cursor: pointer;
	transition: all 0.2s;
}
.m_numInput .p_btn:not(.s_disabled):hover {
	border-color: #0039CC;
	background-color: #0039CC;
}
.m_numInput .p_btn.s_dec {
	border-radius: 0.8rem 0 0 0.8rem;
}
.m_numInput .p_btn.s_inc {
	border-radius: 0 0.8rem 0.8rem 0;
}
.m_numInput .p_btn.s_disabled {
	background-color: #D5D5D5;
	cursor: default;
}
.m_numInput .p_btn::before,
.m_numInput .p_btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1.6rem;
	height: 2px;
	margin: auto;
	background-color: #707070;
	transition: all 0.2s;
}
.m_numInput .p_btn.s_inc::after {
	transform: rotate(90deg);
}
.m_numInput .p_btn:not(.s_disabled):hover::before,
.m_numInput .p_btn:not(.s_disabled):hover::after {
	background-color: #FFF;
}
.m_numInput .p_input {
	display: flex;
	align-items: center;
	width: 6.2rem;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}
.m_numInput.s_point .p_input {
	width: 13.3rem;
}
.m_numInput input {
	border: none;
	width: 100%;
	height: 100%;
	padding: 0.8rem 1.6rem;
	font-size: 1.8rem;
	appearance: none;
	-moz-appearance: textfield;
	text-align: right;
}
.m_numInput.s_point .p_input input {
	padding-right: 0;
	font-weight: bold;
}
.m_numInput .p_input span {
	padding: 0 0.8rem 0 0.4rem;
}
.m_numInput input::-webkit-inner-spin-button,
.m_numInput input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
@media screen and (max-width: 767px){
	.m_numInput.s_point .p_input {
		width: auto;
		flex-grow: 1;
	}
}

.m_incBtnList {
	margin: 1.6rem 0 2.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}
.m_incBtnList li {
	border: 2px solid #BEC5CF;
	border-radius: 1.8rem;
	background-color: #F5F8FD;
	padding: 0.3rem 1.4rem 0.5rem;
	line-height: 1.5;
	cursor: pointer;
	transition: all 0.2s;
}
.m_incBtnList li.s_disabled {
	opacity: 0.5;
	cursor: default;
}
.m_incBtnList strong {
	position: relative;
	margin-right: 0.4rem;
	font-size: 1.8rem;
	line-height: 2.4rem;
	vertical-align: top;
}
.m_incBtnList strong::before {
	content: '＋';
	margin-right: 0.4rem;
	color: #707070;
	transition: all 0.2s;
}
@media screen and (min-width: 768px){
	.m_incBtnList li:not(.s_disabled):hover {
		border-color: #0039CC;
		background-color: #0039CC;
		color: #FFF;
	}
	.m_incBtnList li:not(.s_disabled):hover strong::before {
		color: #FFF;
	}
}
@media screen and (max-width: 767px){
	.m_incBtnList li {
		padding: 0.3rem 1rem 0.5rem;
	}
	.m_incBtnList strong {
		font-size: 1.6rem;
	}
}

.m_exampleBox {
	display: flex;
	flex-wrap: wrap;
	margin: 3.2rem 0 0;
	gap: 1.6rem 2.4%;
}
.m_exampleBox .p_box {
	width: 48.8%;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	padding: 2.4rem;
	line-height: 1.5;
}
.m_exampleBox .p_title {
	margin-bottom: 1.6rem;
	background: url(../images/ic_info.svg) no-repeat 0 0.2rem;
	background-size: 2.4rem auto;
	padding-left: 3.2rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_exampleBox dl {
	margin-top: 0.2rem;
	display: flex;
}
.m_exampleBox dt {
	flex-shrink: 0;
}
@media screen and (max-width: 767px){
	.m_exampleBox {
		margin: 1.6rem 0 0;
	}
	.m_exampleBox .p_box {
		width: 100%;
		padding: 1.6rem 2.4rem;
		font-size: 1.4rem;
	}
	.m_exampleBox .p_title {
		margin-bottom: 0.8rem;
		background-position: 0 0.1rem;
		padding-left: 2.8rem;
		font-size: 1.6rem;
	}
	.m_exampleBox dl {
		margin-top: 0.4rem;
	}
}

/* slider */

.m_slider {
	margin: 40px 0;
}
.m_slider .p_list {
	margin: 0 -12px;
	padding: 6px 12px 18px;
	overflow: hidden;
}
.m_slider.s_pickup .p_list {
	transform: translateX(-100%);
	overflow: visible;
}
.m_slider .p_list ul {
	position: relative;
	display: flex;
}
.m_slider .p_list ul.s_col5 {
	gap: 3.2rem 1.875%;
}
.m_slider .p_list ul.s_col4 {
	gap: 4rem 2.26%;
}
.m_slider .p_list ul.s_col3 {
	gap: 5rem 2.3%;
}
.m_slider .p_list ul.s_col2,
.m_slider .p_list ul.s_col3:has(> li:nth-child(-n+2):last-child) {
	gap: 5rem 2.4%;
}
.m_slider .p_list ul.s_col1_5 {
	gap: 3rem 2.2%;
}
.m_slider .p_list ul.s_col1 {
	gap: 3rem 2.4rem;
}
.m_slider .p_list ul.s_pointTop {
	gap: 3rem 0.8rem;
}
.m_slider .p_list li {
	flex-shrink: 0;
}
.m_slider .p_list ul.s_col5 li {
	width: 18.5%;
}
.m_slider .p_list ul.s_col4 li {
	width: 23.3%;
}
.m_slider .p_list ul.s_col3 li {
	width: 31.8%;
}
.m_slider .p_list ul.s_col2 li,
.m_slider .p_list ul.s_col3:has(> li:nth-child(-n+2):last-child) li {
	width: 48.8%;
}
.m_slider .p_list ul.s_col1_5 li {
	width: 66%;
}
.m_slider .p_list ul.s_col1 li {
	width: 100%;
}
.m_slider .p_list ul.s_pointTop li {
	width: 86%;
}
.m_slider.s_pickup ul li {
	transition: opacity 0.2s;
}
.m_slider .p_control {
	margin-top: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m_slider .p_control .p_btn {
	position: relative;
	flex-shrink: 0;
	background: no-repeat 50% 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #FFF;
	box-shadow: 0 0 1.2rem rgba(0, 26, 102, 0.1);
	cursor: pointer;
	transition: background-color 0.2s;
}
.m_slider .p_control .p_btn:hover {
	background-color: #002991;
}
.m_slider .p_control .p_btn img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.m_slider .p_control .p_btn img + img {
	opacity: 0;
	transition: opacity 0.2s;
}
.m_slider .p_control .p_btn:hover img + img {
	opacity: 1;
}
.m_slider .p_control .p_curmark {
	margin: 0 8px 0 20px;
	display: flex;
	justify-content: center;
	gap: 5px 10px;
	flex-wrap: wrap;
}
.m_slider .p_control .p_curmark li {
	position: relative;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
.m_slider .p_control .p_curmark li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	border-radius: 50%;
	background-color: #BEC5CF;
}
.m_slider .p_control .p_curmark li:hover::before {
	background-color: #002991;
}
.m_slider .p_control .p_curmark li.s_cur::before {
	width: 12px;
	height: 12px;
	background-color: #002991;
}
.m_slider .p_control .p_stopBtn,
.m_slider .p_control .p_playBtn {
	margin-right: 16px;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.m_slider .p_control .p_playBtn {
	display: none;
}
@media screen and (min-width: 768px){
	.m_slider.s_onlySP .p_list ul {
		flex-wrap: wrap;
	}
	.m_slider.s_onlySP .p_control {
		display: none;
	}
	.m_slider.s_pickup ul li:not(:nth-child(2)) {
		opacity: 0.6;
	}
}
@media screen and (max-width: 1120px){
	.m_slider .p_list ul.s_col5 {
		gap: 40px 2.26%;
	}
	.m_slider .p_list ul.s_col4 {
		gap: 40px 2.3%;
	}
	.m_slider .p_list ul.s_col3 {
		gap: 40px 3%;
	}
	.m_slider .p_list ul.s_col5 li {
		width: 23.3%;
	}
	.m_slider .p_list ul.s_col4 li {
		width: 31.8%;
	}
	.m_slider .p_list ul.s_col3 li {
		width: 48.5%;
	}
}
@media screen and (max-width: 950px){
	.m_slider .p_list ul.s_pointTop li {
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.m_slider {
		margin: 0.8rem 0 2.4rem;
	}
	.m_slider .p_list {
		margin: 0 -2rem 0 -1.2rem;
		padding: 0.6rem 2rem 1.8rem 1.2rem;
	}
	.m_slider.s_pickup .p_list {
		transform: translateX(0);
	}
	.m_slider .p_list ul.s_col5 {
		gap: 0 2.2%;
	}
	.m_slider .p_list ul.s_col4,
	.m_slider .p_list ul.s_col3,
	.m_slider .p_list ul.s_col2,
	.m_slider .p_list ul.s_col1_5,
	.m_slider .p_list ul.s_col3:has(> li:nth-child(-n+2):last-child) {
		gap: 0 4.6%;
	}
	.m_slider .p_list ul.s_col1 {
		gap: 0 2.5rem;
	}
	.m_slider .p_list ul.s_col5 li {
		width: 47.7%;
	}
	.m_slider .p_list ul.s_col4 li,
	.m_slider .p_list ul.s_col3 li,
	.m_slider .p_list ul.s_col2 li,
	.m_slider .p_list ul.s_col1_5 li,
	.m_slider .p_list ul.s_spCol1_5 li,
	.m_slider .p_list ul.s_col3l:has(> li:nth-child(-n+2):last-child) li {
		width: 73.4%;
	}
	.m_slider .p_list ul.s_pointTop li {
		width: 80%;
	}
	.m_slider .p_control {
		margin-top: 0.8rem;
	}
	.m_slider .p_control .p_btn {
		width: 4rem;
		height: 4rem;
		box-shadow: 0 0 1.2rem 0 rgba(0, 26, 102, 0.1);
	}
	.m_slider .p_control .p_btn img {
		width: 2.4rem;
	}
	.m_slider .p_control .p_curmark {
		margin: 0 0.8rem 0 2.2rem;
		gap: 1rem;
	}
	.m_slider .p_control .p_curmark li {
		width: 1.2rem;
		height: 1.2rem;
	}
	.m_slider .p_control .p_curmark li::before {
		width: 0.8rem;
		height: 0.8rem;
	}
	.m_slider .p_control .p_curmark li.s_cur::before {
		width: 1.2rem;
		height: 1.2rem;
	}
	.m_slider .p_control .p_stopBtn,
	.m_slider .p_control .p_playBtn {
		margin-right: 1.6rem;
		width: 2rem;
		height: 2rem;
	}
	.m_slider .p_control .p_stopBtn img {
		width: 0.8rem;
	}
	.m_slider .p_control .p_playBtn img {
		width: 1.2rem;
	}
	.m_slider .p_control .p_curmark + .p_btn {
		margin-left: 1.4rem;
	}
}

/* 専用モジュール
----------------------------------------- */

.m_topArea {
	background: linear-gradient(180deg, #0055D9 200px, #F5F8FD 410px);
	padding: 36px 0 64px;
}
.m_topArea:has(.m_pointTop) {
	background: linear-gradient(180deg, #0055D9 200px, #E7F0FE 410px);
}
.m_topArea .m_pageTitle {
	margin: 3.4rem 0 5rem;
	background-image: url(/assets/images/ic_title_h1_white.svg);
	color: #FFF;
}
.m_topArea .p_colArea {
	margin: 8px 0 45px;
	display: flex;
	justify-content: space-between;
	gap: 2.2%;
}
.m_topArea .p_mainArea {
	flex-grow: 1;
}
.m_topArea .p_sliderArea {
	width: 23.3%;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 1rem 1.6rem 1.2rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_topArea:has(.m_pointTop) .p_sliderArea {
	width: 34.4rem;
}
@media screen and (min-width: 1600px){
	.m_topArea .p_sliderArea {
		width: 282px;
		padding: 10px 20px 12px;
	}
}
@media screen and (max-width: 1120px){
	.m_topArea .m_pageTitle {
		margin: 1.4rem 0 3rem;
	}
	.m_topArea .p_colArea {
		gap: 1.8%;
	}
	.m_topArea .p_sliderArea {
		width: 242px;
	}
}
@media screen and (max-width: 950px){
	.m_topArea:has(.m_pointTop) .p_sliderArea {
		width: 28.5rem;
	}
}
@media screen and (min-width: 768px){
	.m_topArea .p_sliderArea .m_slider {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.m_topArea .p_sliderArea .m_slider .p_list {
		min-height: 346px;
		padding-bottom: 4px;
	}
	.m_topArea:has(.m_pointTop) .p_sliderArea .m_slider .p_list {
		min-height: 0;
	}
	.m_topArea .p_sliderArea .m_slider .p_control .p_curmark {
		margin: 0 8px 0 14px;
		gap: 5px 8px;
	}
	.m_topArea .p_sliderArea .m_slider .p_control .p_curmark:has(> li:nth-child(5):last-child) {
		margin: 0 8px 0 18px;
		gap: 5px 10px;
	}
	.m_topArea .p_sliderArea .m_slider .p_control .p_curmark + .p_btn {
		margin-left: 6px;
	}
}
@media screen and (max-width: 767px){
	.m_topArea {
		background: linear-gradient(180deg, #0055D9 12.6rem, #F5F8FD 23.4rem);
		padding: 1.6rem 0 4rem;
	}
	.m_topArea .m_pageTitle {
		margin: 1.6rem 0 2.4rem;
	}
	.m_topArea .p_colArea {
		margin: 1rem 0 2rem;
		display: block;
	}
	.m_topArea:has(.m_usageStatus) .p_sliderArea {
		margin: 1.6rem -2rem 0;
		width: auto;
		border-radius: 0;
		background-color: #E7F0FE;
		padding: 1.6rem 2rem;
		box-shadow: none;
	}
	.m_topArea:has(.m_pointTop) .p_sliderArea {
		margin-top: 1.6rem;
		width: auto;
		border-radius: 1.6rem;
		padding: 1.6rem 2.4rem;
	}
	.m_topArea .p_sliderArea .m_slider .p_list {
		padding-bottom: 0.4rem;
	}
	.m_topArea:has(.m_pointTop) .p_sliderArea .p_list {
		margin: 0 -2.4rem 0 0;
		padding: 0 2.4rem 0 0;
	}
}

.m_attentionBox {
	position: relative;
	margin-bottom: 24px;
}
.m_attentionBox a {
	display: block;
	border-radius: 50px;
	background: url(/assets/images/ic_attention.svg) no-repeat 25px 50% #FFF;
	padding: 12px 56px 14px;
	box-shadow: 0 6px 12px 0px rgba(0, 26, 102, 0.1);
	line-height: 1.5;
}
.m_attentionBox a:hover {
	box-shadow: 0px 2px 8px 0px rgba(0, 26, 102, 0.1);
	text-decoration: underline;
}
.m_attentionBox .p_closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 56px;
	height: 50px;
	margin: auto 0;
	background: url(/assets/images/ic_close_01.svg) no-repeat 50% 50%;
	transition: opacity 0.2s;
	cursor: pointer;
}
.m_attentionBox .p_closeBtn:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px){
	.m_attentionBox {
		margin-bottom: 0.2rem;
	}
	.m_attentionBox a {
		border-radius: 1.6rem;
		background-position: 1rem 50%;
		background-size: 2rem 2rem;
		padding: 0.8rem 3.6rem 0.8rem 3.8rem;
		box-shadow: 0 0.4rem 1rem 0 rgba(0, 26, 102, 0.1);
		font-size: 1.4rem;
	}
	.m_attentionBox .p_closeBtn {
		width: 3.6rem;
		height: 5rem;
		background-size: 2.4rem 2.4rem;
	}
}

.m_usageStatus {
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 0px 6px 12px 0px rgba(0, 26, 102, 0.1);
}
.m_usageStatus .p_header {
	position: relative;
	border-bottom: 1px solid #D5D5D5;
	min-height: 112px;
	padding: 16px 260px 10px 32px;
}
.m_usageStatus h2 {
	margin-bottom: 4px;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
}
.m_usageStatus .p_statusArea {
	margin-bottom: 6px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.m_usageStatus .p_name {
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 1px;
}
.m_usageStatus .p_status {
	display: flex;
	gap: 4px;
	border-radius: 12px;
	background-color: #F7F7F7;
	padding: 2px 8px 2px 10px;
}
.m_usageStatus .p_prize {
	display: inline-block;
	border-radius: 10px;
	border: 1px solid #0039CC;
	padding: 0 8px;
	color: #707070;
	font-size: 1.4rem;
}
.m_usageStatus .p_prize:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_usageStatus .p_linkBtn {
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #7B203C;
	background: #FCE7E8;
	padding: 3px 16px;
	color: #7B203C;
	font-size: 1.4rem;
}
.m_usageStatus .p_linkBtn:hover {
	border-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.m_usageStatus .p_point {
	position: absolute;
	top: 29px;
	right: 17px;
	border-radius: 28px;
	border: 2px solid #BEC5CF;
	padding: 6px 0 6px 54px;
	width: 225px;
	font-size: 1.4rem;
}
.m_usageStatus .p_point:hover {
	border-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.m_usageStatus .p_point::before {
	content: '';
	position: absolute;
	top: 0;
	left: 6px;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin: auto 0;
	border-radius: 50%;
	background: url(/assets/images/ic_point_01.svg) no-repeat 50% 50% #F7F7F8;
	background-size: 3.2rem auto;
}
.m_usageStatus .p_point::after {
	content: '';
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
}
.m_usageStatus .p_point:hover::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.m_usageStatus .p_point strong {
	font-size: 2rem;
	font-weight: 700;
}
.m_usageStatus .p_body {
	position: relative;
	height: 304px;
	overflow: hidden;
}
.m_usageStatus .p_bg01 {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: none;
}
.m_usageStatus .p_bg02 {
	position: absolute;
	top: 0;
	right: 0;
}
.m_usageStatus .p_img {
	position: absolute;
	right: 60px;
	bottom: 91px;
}
.m_usageStatus .p_textArea {
	position: absolute;
	top: 28px;
	left: 72px;
}
.m_usageStatus .p_priceTitle {
	margin-bottom: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.01em;
}
.m_usageStatus .p_confirmed {
	margin-left: 8px;
	border-radius: 4px;
	background: #E00004;
	padding: 2px 8px;
	color: #FFF;
	font-weight: normal;
}
.m_usageStatus .p_price {
	margin-bottom: 20px;
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.42px;
}
.m_usageStatus .p_price small {
	margin-left: 3px;
	font-size: 2.4rem;
}
.m_usageStatus .p_date {
	border-radius: 4px;
	background: #F5F8FD;
	padding: 2px 8px;
	color: #002991;
}
.m_usageStatus .m_btn {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 32px;
	width: 620px;
	margin: 0 auto;
	justify-content: flex-start;
	text-align: left;
	padding: 0 22px 2px;
	font-size: 1.8rem;
}
.m_usageStatus .p_noInfo {
	position: absolute;
	top: 20px;
	left: 64px;
	right: 205px;
	height: 265px;
	border-radius: 10px;
	background-color: rgba(247, 247, 248, 0.8);
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 20px 56px 100px;
	line-height: 1.75;
}
@media screen and (min-width: 1120px){
	.m_usageStatus .p_noInfo + .m_btn {
		left: 120px;
		right: 245px;
		bottom: 70px;
		width: auto;
	}
}
@media screen and (min-width: 1600px){
	.m_usageStatus .p_textArea {
		left: 102px;
	}
	.m_usageStatus .m_btn {
		width: 690px;
	}
}
@media screen and (max-width: 1120px){
	.m_usageStatus .p_header {
		padding: 16px 32px 12px;
	}
	.m_usageStatus .p_point {
		position: relative;
		margin-top: 8px;
		display: block;
		top: 0;
		right: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 56px;
		padding: 6px 50px 6px 54px;
		width: auto;
	}
	.m_usageStatus .p_body {
		height: 280px;
	}
	.m_usageStatus .p_bg01 {
		bottom: 56px;
		width: 103%;
	}
	.m_usageStatus .p_img {
		right: 30px;
		bottom: 60px;
		width: 120px;
	}
	.m_usageStatus .p_body.s_noInfo .p_img {
		right: 24px;
	}
	.m_usageStatus .p_textArea {
		left: 56px;
	}
	.m_usageStatus .m_btn {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0 0 20px 20px;
	}
	.m_usageStatus .p_noInfo {
		left: 32px;
		right: 130px;
		height: 170px;
		padding: 24px;
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px){
	.m_usageStatus {
		border-radius: 1.6rem;
	}
	.m_usageStatus .p_header {
		min-height: 0;
		padding: 0.8rem 1.6rem 1.2rem;
	}
	.m_usageStatus h2 {
		margin-bottom: 0.4rem;
	}
	.m_usageStatus .p_statusArea {
		margin-bottom: 0.4rem;
		gap: 0.4rem 0.6rem;
	}
	.m_usageStatus .p_name {
		letter-spacing: 0;
		font-size: 1.6rem;
	}
	.m_usageStatus .p_status {
		gap: 0.4rem;
		border-radius: 1.2rem;
		padding: 0.2rem 0.8rem;
		font-size: 1.4rem;
	}
	.m_usageStatus .p_status img {
		width: 1.8rem;
	}
	.m_usageStatus .p_prize {
		border-radius: 1rem;
		padding: 0 0.4rem;
	}
	.m_usageStatus .p_linkBtn {
		border-radius: 0.4rem;
		padding: 0.3rem 1rem;
		font-size: 1.3rem;
	}
	.m_usageStatus .p_point {
		margin-top: 1rem;
		height: 4.8rem;
		border-radius: 2.4rem;
		padding: 0.5rem 4.8rem 0.5rem 4.5rem;
	}
	.m_usageStatus .p_point::before {
		left: 1rem;
		width: 2.8rem;
		height: 2.8rem;
		background-size: 2.4rem auto;
	}
	.m_usageStatus .p_point::after {
		right: 1.4rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: 100% 100%;
	}
	.m_usageStatus .p_point strong.s_small {
		font-size: 1.7rem;
	}
	.m_usageStatus .p_body {
		height: 21.8rem;
	}
	.m_usageStatus .p_bg01 {
		bottom: 4.8rem;
		width: 95vw;
	}
	.m_usageStatus .p_bg02 {
		width: 15rem;
	}
	.m_usageStatus .p_img {
		right: 1.2rem;
		bottom: 5.2rem;
		width: 10.6rem;
	}
	.m_usageStatus .p_body.s_noInfo .p_img {
		right: 2rem;
	}
	.m_usageStatus .p_textArea {
		top: 2.4rem;
		left: 1.6rem;
	}
	.m_usageStatus .p_priceTitle {
		margin-bottom: 1.6rem;
		font-size: 1.5rem;
		line-height: 1.7;
		letter-spacing: 0;
	}
	.m_usageStatus .p_confirmed {
		margin-left: 0.8rem;
		border-radius: 0.4rem;
		padding: 0.2rem 0.8rem;
	}
	.m_usageStatus .p_price {
		margin-bottom: 1.6rem;
		font-size: 3.2rem;
		letter-spacing: 0;
	}
	.m_usageStatus .p_price small {
		margin-left: 0.3rem;
		font-size: 2rem;
	}
	.m_usageStatus .p_date {
		border-radius: 0.4rem;
		padding: 0.2rem 0.8rem;
		font-size: 1.4rem;
	}
	.m_usageStatus .m_btn {
		height: 4.8rem;
		border-radius: 0 0 1.6rem 1.6rem;
		background-position: right 1.6rem center;
		padding: 0 1.6rem;
		font-size: 1.7rem;
	}
	.m_usageStatus .p_noInfo {
		top: 0.8rem;
		left: 1.6rem;
		right: 9.8rem;
		display: block;
		height: 15.4rem;
		padding: 1.6rem;
	}
	.m_usageStatus .p_noInfo img {
		position: absolute;
		right: 1.5rem;
		bottom: 0.8rem;
		width: 5.4rem
	}
}

.m_mainSlide .m_linkImg {
	border-radius: 16px;
}
.m_mainSlide .p_categ {
	margin: 10px 0;
	display: inline-block;
	border-radius: 4px;
	background: #F7F7F7;
	padding: 2px 8px;
	color: #002991;
	font-weight: 500;
}
.m_mainSlide .p_title {
	color: #333;
	font-weight: 700;
	line-height: 1.5;
}
.m_mainSlide a:hover .p_title {
	text-decoration: underline;
}
@media screen and (max-width: 1120px){
	.m_mainSlide .p_list {
		height: 386px;
	}
}
@media screen and (max-width: 767px){
	.m_mainSlide a {
		display: flex;
		align-items: center;
		border-radius: 1.6rem;
		background-color: #FFF;
		overflow: hidden;
		box-shadow: 0 0.4rem 1rem 0 rgba(0, 26, 102, 0.1);
	}
	.m_mainSlide .m_linkImg {
		width: 48%;
		border-radius: 0;
	}
	.m_mainSlide .p_textArea {
		width: 52%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding: 1.6rem;
		font-size: 1.6rem;
	}
	.m_mainSlide .p_categ {
		margin: 0 0 1rem;
		border-radius: 0.4rem;
		padding: 0.2rem 0.8rem;
	}
}

.m_pointTop {
	position: relative;
	border-radius: 2rem;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	height: 100%;
	padding: 2.4rem 3.2rem 2.2rem;
	overflow: hidden;
}
.m_pointTop .p_bg {
	position: absolute;
	top: 0;
	right: 0;
}
.m_pointTop .p_title {
	margin-bottom: 2.4rem;
	font-size: 1.7rem;
	font-weight: bold;
}
.m_pointTop .p_point {
	position: relative;
	padding-left: 5rem;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
}
.m_pointTop .p_point::before {
	content: '';
	position: absolute;
	top: 0.2rem;
	left: 0;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: url(/assets/images/ic_point_01.svg) no-repeat 50% 50% #F7F7F8;
	background-size: 3rem auto;
}
.m_pointTop .p_point strong {
	margin-right: 0.8rem;
	font-size: 4.2rem;
}
.m_pointTop .p_expiration {
	position: relative;
	z-index: 10;
	margin-top: 1.6rem;
	display: inline-block;
	background-color: #F7F7F8;
	border-radius: 0.4rem;
	padding: 0.8rem 1.6rem 1rem;
	line-height: 1.4;
}
.m_pointTop .p_expiration strong {
	font-size: 1.8rem;
	font-weight: bold;
}
.m_pointTop .p_expiration small {
	font-size: 1.4rem;
}
.m_pointTop .p_btmArea {
	margin-top: 1.6rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 1.2rem;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_pointTop .p_img {
	position: absolute;
	top: 8.4rem;
	right: 7rem;
}
@media screen and (max-width: 950px){
	.m_pointTop .p_bg {
		width: 14rem;
	}
	.m_pointTop .p_img {
		top: 10rem;
		right: 2.7rem;
		width: 9rem;
	}
}
@media screen and (max-width: 767px){
	.m_pointTop {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
		padding: 1.6rem 2.4rem;
	}
	.m_pointTop .p_title {
		margin-bottom: 0.8rem;
		font-size: 1.5rem;
	}
	.m_pointTop .p_point {
		padding-left: 3.6rem;
		font-size: 1.8rem;
	}
	.m_pointTop .p_point::before {
		top: 0;
		width: 3.2rem;
		height: 3.2rem;
		background-size: 2.4rem auto;
	}
	.m_pointTop .p_point strong {
		margin-right: 0.4rem;
		font-size: 3.2rem;
	}
	.m_pointTop .p_expiration {
		margin-top: 1.2rem;
		font-size: 1.4rem;
	}
	.m_pointTop .p_img {
		top: 8.4rem;
		width: 8.4rem;
	}
	.m_pointTop .p_btmArea .m_arrowLink {
		font-size: 1.4rem;
	}
}

.m_pointSlide {
	position: relative;
	border-radius: 1.6rem;
	background-color: #F5F8FD;
	padding: 1.6rem;
	min-height: 18rem;
	line-height: 1.5;
}
.m_pointSlide a {
	display: block;
	height: 100%;
}
.m_pointSlide .p_title {
	font-weight: bold;
}
.m_pointSlide .p_point {
	margin: 1.6rem 0 0.8rem;
	display: flex;
	gap: 0.8rem;
	font-size: 1.8rem;
	line-height: 1;
}
.m_pointSlide .p_point strong {
	font-size: 3.2rem;
}
.m_pointSlide .p_icon {
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background-color: #FFF;
	padding: 0.4rem;
	flex-shrink: 0;
}
.m_pointSlide .p_note {
	color: #666666;
	font-size: 1.4rem;
}
.m_pointSlide .p_link {
	position: absolute;
	left: 1.6rem;
	right: 1.6rem;
	bottom: 1.6rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 0.8rem;
	font-size: 1.5rem;
}
.m_pointSlide a:hover .p_link {
	text-decoration: underline;
}
@media screen and (max-width: 950px){
	.m_pointSlide .p_title {
		font-size: 1.5rem;
	}
	.m_pointSlide .p_point strong {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 767px){
	.m_pointSlide {
		border-radius: 0.8rem;
		min-height: 16.8rem;
	}
	.m_pointSlide .p_title {
		font-size: 1.4rem;
	}
	.m_pointSlide .p_point {
		margin: 0.8rem 0 1.2rem;
		font-size: 1.5rem;
	}
	.m_pointSlide .p_note {
		font-size: 1.3rem;
	}
	.m_pointSlide .p_link .m_arrowLink {
		font-size: 1.4rem;
	}
}

.m_tabBox {
	width: 95.6%;
	max-width: 1280px;
	margin: 6.4rem auto 0;
}
.m_tabBox .p_tab {
	display: flex;
	gap: 1px;
}
.m_tabBox .p_tab li {
	width: 50%;
}
.m_tabBox .p_tab a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	height: 6rem;
	border-bottom: 1px solid #BEC5CF;
	border-radius: 2rem 2rem 0 0;
	background-color: #F5F8FD;
	font-size: 2rem;
}
.m_tabBox.s_info .p_tab a {
	background-color: #FFF;
}
.m_tabBox .p_tab a.s_cur {
	border-bottom-color: #002991;
	background-color: #002991;
	color: #FFF;
}
.m_tabBox .p_tab a:hover {
	border-bottom-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.m_tabBox .p_tab .p_icon img + img {
	display: none;
}
.m_tabBox .p_tab a:has(img + img).s_cur .p_icon img,
.m_tabBox .p_tab a:has(img + img):hover .p_icon img {
	display: none;
}
.m_tabBox .p_tab a.s_cur .p_icon img + img,
.m_tabBox .p_tab a:hover .p_icon img + img {
	display: inline !important;
}
.m_tabBox .p_tab .p_count {
	display: inline-block;
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	background-color: #E00004;
	text-align: center;
	color: #FFF;
	line-height: 3.6rem;
}
.m_tabBox .p_body {
	border-radius: 0 0 5rem 5rem;
	background-color: #FFF;
	padding: 5rem 0 5.4rem;
	display: none;
}
.m_tabBox.s_billing .p_body {
	border-radius: 0 0 2rem 2rem;
}
.m_tabBox .p_body.s_billing {
	--graph-color: #0055D9;
	--graph-border-color: #002991;
	--graph-bg-color: #E7F0FE;
	border-top: 4px solid #0055D9;
}
.m_tabBox .p_body.s_gas {
	--graph-color: #20ACE7;
	--graph-border-color: #0A699A;
	--graph-bg-color: #E1F2FD;
	border-top: 4px solid #20ACE7;
}
.m_tabBox .p_body.s_gas.s_bgColor {
	background-color: #F3FAFF;
}
.m_tabBox .p_body.s_electric {
	--graph-color: #D33F89;
	--graph-border-color: #951F56;
	--graph-bg-color: #FBE8F4;
	border-top: 4px solid #D33F89;
}
.m_tabBox .p_body.s_electric.s_bgColor {
	background-color: #FFF9FD;
}
.m_tabBox .p_body.s_heat {
	border-top: 4px solid #F15B3D;
}
.m_tabBox .m_graph.s_heat01 {
	--graph-color: #F15B3D;
	--graph-border-color: #7F1500;
	--graph-bg-color: #FDAAA4;
}
.m_tabBox .m_graph.s_heat02 {
	--graph-color: #EA7D00;
	--graph-border-color: #9F5501;
	--graph-bg-color: #FDCCA4;
}
.m_tabBox.s_info .p_body {
	background-color: #E7F0FE;
	border-radius: 0 0 2rem 2rem;
}
.m_tabBox .p_body:first-child {
	border-top: none;
	border-radius: 2rem;
}
.m_tabBox .p_body.s_show {
	display: block;
}
@media screen and (min-width: 1600px){
	.m_tabBox {
		max-width: 1400px;
	}
}
@media screen and (max-width: 767px){
	.m_tabBox {
		margin: 3.2rem auto 0;
	}
	.m_tabBox .p_tab a {
		height: 4rem;
		border-radius: 1.6rem 1.6rem 0 0;
		font-size: 1.8rem;
	}
	.m_tabBox.s_billing .p_tab a {
		font-size: 1.4rem;
	}
	.m_tabBox.s_billing .p_tab:has(li:nth-child(4)) a {
		flex-direction: column;
		gap: 0.2rem;
		height: 5rem;
		font-size: 1.3rem;
	}
	.m_tabBox.s_electricitySales .p_tab a {
		font-size: 1.5rem;
	}
	.m_tabBox.s_info .p_tab a {
		font-size: 1.5rem;
	}
	.m_tabBox .p_tab .p_icon {
		width: 2.8rem;
	}
	.m_tabBox.s_billing .p_tab:has(li:nth-child(4)) .p_icon {
		width: 2.4rem;
	}
	.m_tabBox.s_billing .p_tab .p_icon {
		width: 2.5rem;
	}
	.m_tabBox .p_tab .p_count {
		width: 2.8rem;
		height: 2.8rem;
		line-height: 2.8rem;
		font-size: 1.4rem;
	}
	.m_tabBox .p_body {
		border-radius: 0 0 2rem 2rem;
		padding: 1.6rem 0 2.4rem;
	}
	.m_tabBox.s_billing .p_body {
		border-radius: 0 0 1.6rem 1.6rem;
	}
	.m_tabBox .p_body:first-child {
		border-radius: 1.6rem;
		padding-top: 2.4rem;
	}
	.m_tabBox .m_pageInner {
		padding: 0 1.1rem;
	}
}

.m_recommend a {
	display: block;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0px 6px 12px rgba(0, 26, 102, 0.1);
}
.m_recommend a:hover {
	box-shadow: 0px 2px 8px rgba(0, 26, 102, 0.1);
}
.m_recommend .p_label {
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0px 10px 0px 0px;
	background: #FF0;
	padding: 1px 8px;
	color: #002991;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_recommend .p_textArea {
	padding: 16px 16px 25px;
}
.m_recommend .p_categ {
	margin-bottom: 8px;
	display: inline-block;
	border-radius: 4px;
	background: #F7F7F7;
	padding: 2px 8px;
	color: #002991;
	font-weight: 500;
}
.m_recommend .p_title {
	margin-bottom: 8px;
	color: #111928;
	line-height: 1.5;
}
.m_recommend .p_price {
	margin-bottom: 10px;
	color: #212529;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.1;
}
.m_recommend .p_price small {
	font-size: 1.8rem;
}
.m_recommend .p_pointTitle {
	margin-bottom: 4px;
	color: #666;
	font-size: 1.4rem;
}
.m_recommend .p_point {
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 0;
	padding-left: 28px;
	color: #333;
	font-weight: 500;
	line-height: 2.4rem;
}
.m_recommend .p_note {
	color: #212529;
	font-size: 1.4rem;
	line-height: 1.4;
}
@media screen and (max-width: 767px){
	.m_recommend a {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem 0 rgba(0, 26, 102, 0.1);
	}
	.m_recommend .p_label {
		border-radius: 0 1rem 0 0;
		padding: 0.1rem 0.8rem;
	}
	.m_recommend .p_textArea {
		padding: 1.4rem 1.2rem 1.6rem;
		font-size: 1.4rem;
	}
	.m_recommend .p_categ {
		margin-bottom: 0.8rem;
		border-radius: 0.4rem;
		padding: 0.2rem 0.8rem;
	}
	.m_recommend .p_title {
		margin-bottom: 0.8rem;
		line-height: 1.3;
	}
	.m_recommend .p_price {
		margin-bottom: 1.6rem;
		font-size: 1.5rem;
	}
	.m_recommend .p_price small {
		font-size: 1.5rem;
	}
	.m_recommend .p_pointTitle {
		margin-bottom: 0.2rem;
		font-size: 1.2rem;
	}
	.m_recommend .p_point {
		background-size: 2.4rem auto;
		padding-left: 2.8rem;
		font-size: 1.6rem;
	}
	.m_recommend .p_note {
		font-size: 1.2rem;
	}
}

.m_candoArea {
	position: relative;
	background-color: #D5E6FF;
	padding: 72px 10px;
}
.m_candoArea > img {
	position: absolute;
	top: -78px;
	right: calc(50vw - 500px);
}
.m_candoArea .p_box {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	border-radius: 60px;
	background-color: #FFF;
	padding: 64px 30px;
}
.m_candoArea .m_pageInner {
	padding: 0;
}
@media screen and (min-width: 1600px){
	.m_candoArea > img {
		right: calc(50vw - 550px);
	}
	.m_candoArea .p_box {
		max-width: 1400px;
	}
}
@media screen and (max-width: 1280px){
	.m_candoArea > img {
		right: 7%;
	}
}
@media screen and (max-width: 767px){
	.m_candoArea {
		padding: 4rem 1rem 3.2rem;
	}
	.m_candoArea > img {
		top: -3.2rem;
		right: 4.2rem;
		width: 6.3rem;
	}
	.m_candoArea .p_box {
		border-radius: 3rem;
		padding: 4rem 1rem 2.6rem;
	}
}

.m_candoList {
	margin: 4rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 2.26%;
	height: 0;
	overflow: hidden;
}
.m_candoList.s_point {
	gap: 2.4rem 2.15%;
}
.m_candoList li {
	position: relative;
	width: 23.3%;
}
.m_candoList.s_point li {
	width: 31.9%
}
.m_candoList a {
	display: block;
	height: 100%;
	border-radius: 20px;
	border: 2px solid #BEC5CF;
	background-color: #F5F8FD;
	padding: 24px 16px 140px;
}
.m_candoList a:hover {
	border-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.m_candoList .p_title {
	margin-bottom: 16px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.04em;
}
.m_candoList .p_title::after {
	content: '';
	display: inline-block;
	margin-left: 6px;
	width: 15px;
	height: 12px;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
}
.m_candoList a:hover .p_title::after {
	background-image: url(/assets/images/ic_link_01_white.svg);
}
.m_candoList a[target="_blank"] .p_title::after {
	background-image: url(/assets/images/ic_link_blank.svg);
}
.m_candoList a[target="_blank"]:hover .p_title::after {
	background-image: url(/assets/images/ic_link_blank_white.svg);
}
.m_candoList .p_text {
	color: #333;
	line-height: 1.6;
	transition: color 0.2s;
}
.m_candoList a:hover .p_text {
	color: #FFF;
}
.m_candoList .p_img {
	position: absolute;
	right: 16px;
	bottom: 24px;
}
.m_candoList .p_count {
	display: inline-block;
	margin-left: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background-color: #E00004;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 2.4rem;
	vertical-align: 0.2rem;
}
@media screen and (max-width: 1120px){
	.m_candoList {
		margin: 3rem 0 4rem;
		gap: 14px 1.85%;
	}
	.m_candoList li {
		width: 32.1%;
	}
}
@media screen and (max-width: 767px){
	.m_candoList {
		margin: 1.6rem 0;
		gap: 0.4rem 1.1% !important;
	}
	.m_candoList li {
		width: 32.6% !important;
	}
	.m_candoList a {
		border-radius: 1.6rem;
		border-width: 1px;
		padding: 1rem 0.9rem;
		height: 13rem;
	}
	.m_candoList .p_title {
		margin-bottom: 0;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.m_candoList .p_title::after {
		margin-left: 0.2rem;
		width: 1.3rem;
		height: 1rem;
		background-size: 100% auto;
	}
	.m_candoList a[target="_blank"] .p_title::after {
		width: 1.5rem;
		height: 1.5rem;
		vertical-align: -0.3rem;
	}
	.m_candoList .p_text {
		display: none;
	}
	.m_candoList .p_img {
		right: 0.8rem;
		bottom: 0.8rem;
		width: 4.8rem;
	}
	.m_candoList .p_count {
		margin-left: 0rem;
		width: 2rem;
		height: 2rem;
		font-size: 1rem;
		line-height: 2rem;
	}
}

.m_toggleBtn {
	margin: 4rem auto 0;
	width: 182px;
	text-align: center;
}
.m_detailDocument .m_toggleBtn {
	margin-top: 2.4rem;
}
.m_lotteryHistory + .m_toggleBtn {
	margin-top: 2.4rem;
}
.m_toggleBtn > span {
	display: block;
	border-radius: 20px;
	background-color: #F5F8FD;
	padding: 7px 0 10px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
}
.m_toggleBtn > span:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_toggleBtn > span::after {
	content: '';
	margin-left: 5px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/assets/images/ic_open.svg) no-repeat 50% 50%;
	vertical-align: -5px;
}
.m_toggleBtn .p_close {
	display: none;
}
.m_toggleBtn .p_close::after {
	transform: rotate(180deg);
}
.m_toggleBtn.s_open .p_close {
	display: block;
}
.m_toggleBtn.s_open .p_open {
	display: none;
}
@media screen and (max-width: 767px){
	.m_toggleBtn {
		margin-top: 1.6rem;
		width: 18.6rem;
	}
	.m_toggleBtn > span {
		border-radius: 2rem;
		padding: 0.8rem 0;
	}
	.m_toggleBtn > span::after {
		margin-left: 0.5rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: 100% auto;
		vertical-align: -0.5rem;
	}
}

.m_categList {
	margin: 32px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 64px 2.26%;
}
.m_categList li {
	position: relative;
	width: 23.3%;
}
.m_categList a {
	display: block;
}
.m_categList .m_linkImg {
	border-radius: 20px;
}
.m_categList .p_title {
	margin: 24px 0 0 4px;
	font-size: 2rem;
	font-weight: 700;
}
.m_categList .p_title::after {
	content: '';
	margin-left: 3px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
	vertical-align: -5px;
}
.m_categList a:hover .p_title::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
@media screen and (max-width: 1120px){
	.m_categList {
		gap: 64px 1.85%;
	}
	.m_categList li {
		width: 32.1%;
	}
}
@media screen and (max-width: 767px){
	.m_categList {
		margin: 1.6rem 0 3.2rem;
		gap: 2.8rem 4.6%;
	}
	.m_categList li {
		width: 47.7%;
	}
	.m_categList .m_linkImg {
		border-radius: 1.6rem;
	}
	.m_categList .p_title {
		margin: 0.8rem 0 0;
		font-size: 1.5rem;
	}
	.m_categList .p_title::after {
		margin-left: 0.3rem;
		width: 2rem;
		height: 2rem;
		background-size: 100% auto;
		vertical-align: -0.5rem;
	}
}

.m_columnLink {
	display: block;
}
.m_columnLink a:hover {
	text-decoration: underline;
}
.m_columnLink .m_linkImg {
	border-radius: 20px;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	transition: all 0.2s;
}
.m_columnLink .m_linkImg:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 26, 102, 0.1);
}
.m_columnLink .m_linkImg::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 40px;
	height: 40px;
	border-radius: 20px 0 0 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50% #F5F8FD;
	transition: all 0.2s;
}
.m_columnLink .m_linkImg:hover::after {
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50% #0039CC;
}
.m_columnLink .p_title {
	margin: 24px 0 8px;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.m_columnLink p {
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_columnLink .m_linkImg {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_columnLink .m_linkImg::after {
		width: 4rem;
		height: 4rem;
		border-radius: 2rem 0 0 0;
		background-size: 1.5rem auto;
	}
	.m_columnLink .p_title {
		margin: 1.5rem 0 0.8rem;
		letter-spacing: 0;
	}
	.m_columnLink p {
		font-size: 1.4rem;
	}
}

.m_campaignLink a:hover {
	text-decoration: underline;
}
.m_campaignLink .m_linkImg {
	border-radius: 16px;
	box-shadow: 0px 6px 12px rgba(0, 26, 102, 0.1);
	transition: all 0.2s;
}
.m_campaignLink .m_linkImg:hover {
	box-shadow: 0px 2px 8px rgba(0, 26, 102, 0.1);
}
.m_campaignLink p {
	margin-top: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.m_campaignLink a[target="_blank"] p::after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_link_blank.svg) no-repeat 50% 50%;
	vertical-align: -3px;
}
@media screen and (max-width: 767px){
	.m_campaignLink .m_linkImg {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_campaignLink p {
		margin-top: 1.6rem;
		font-size: 1.8rem;
	}
	.m_campaignLink a[target="_blank"] p::after {
		margin-left: 0.2rem;
		width: 1.6rem;
		height: 1.6rem;
		background-size: 100% auto;
		vertical-align: -0.3rem;
	}
}

.m_arrowImgLink {
	margin: 3.2rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 2.26%;
}
.m_arrowImgLink.s_center {
	margin: 4.8rem 0 4rem;
}
.m_arrowImgLink li {
	width: 23.3%;
}
.m_arrowImgLink.s_center li {
	width: 344px;
	margin: 0 auto;
}
.m_arrowImgLink a {
	display: block;
}
.m_arrowImgLink a:hover {
	text-decoration: underline;
}
.m_arrowImgLink .m_linkImg {
	border-radius: 20px;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	transition: all 0.2s;
}
.m_arrowImgLink .m_linkImg:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 26, 102, 0.1);
}
.m_arrowImgLink .m_linkImg::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 40px;
	height: 40px;
	border-radius: 20px 0 0 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50% #F5F8FD;
	transition: all 0.2s;
}
.m_arrowImgLink .m_linkImg:hover::after {
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50% #0039CC;
}
.m_arrowImgLink .p_title {
	margin: 1.6rem 0 0;
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 1120px){
	.m_arrowImgLink {
		gap: 2.4rem 3.5%;
	}
	.m_arrowImgLink li {
		width: 31%;
	}
}
@media screen and (max-width: 767px){
	.m_arrowImgLink {
		margin: 2.4rem 0;
		gap: 2.4rem 4%;
	}
	.m_arrowImgLink.s_center {
		margin: 2.4rem 0;
	}
	.m_arrowImgLink li {
		width: 48%;
	}
	.m_arrowImgLink.s_center li {
		width: 100%;
	}
	.m_arrowImgLink .m_linkImg {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_arrowImgLink .m_linkImg::after {
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 1.6rem 0 0 0;
		background-size: 1.5rem auto;
	}
	.m_arrowImgLink .p_title {
		margin: 0.8em 0 0;
	}
}

.m_modalImgLink {
	margin: 3.2rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 2.26%;
}
.m_modalImgLink > li {
	width: 23.3%;
}
.m_modalImgLink > li > a {
	display: block;
	line-height: 1.5;
}
.m_modalImgLink > li > a:hover {
	text-decoration: underline;
}
.m_modalImgLink .m_linkImg {
	border-radius: 1.6rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	transition: all 0.2s;
}
.m_modalImgLink a:hover .m_linkImg {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 26, 102, 0.1);
}
.m_modalImgLink .m_linkImg::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 40px;
	height: 40px;
	border-radius: 20px 0 0 0;
	background: url(/assets/images/ic_link_modal.svg) no-repeat 50% 50% #F5F8FD;
	transition: all 0.2s;
}
.m_modalImgLink a:hover .m_linkImg::after {
	background: url(/assets/images/ic_link_modal_white.svg) no-repeat 50% 50% #0039CC;
}
.m_modalImgLink a.s_link .m_linkImg::after {
	background-image: url(/assets/images/ic_link_01.svg);
}
.m_modalImgLink a.s_link:hover .m_linkImg::after {
	background-image: url(/assets/images/ic_link_01_white.svg);
}
.m_modalImgLink a[target="_blank"] .m_linkImg::after {
	background-image: url(/assets/images/ic_link_blank.svg);
	background-size: 2.4rem auto;
}
.m_modalImgLink a[target="_blank"]:hover .m_linkImg::after {
	background-image: url(/assets/images/ic_link_blank_white.svg);
}
.m_modalImgLink .p_title {
	margin: 1.6rem 0 0.4rem;
	font-size: 1.8rem;
	font-weight: 500;
}
@media screen and (max-width: 1120px){
	.m_modalImgLink {
		gap: 2.4rem 3.5%;
	}
	.m_modalImgLink > li {
		width: 31%;
	}
}
@media screen and (max-width: 767px){
	.m_modalImgLink {
		margin: 2.4rem 0;
		gap: 2.4rem 4%;
	}
	.m_modalImgLink > li {
		width: 48%;
	}
	.m_modalImgLink .m_linkImg {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_modalImgLink .m_linkImg::after {
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 1.6rem 0 0 0;
		background-size: 1.5rem auto;
	}
	.m_modalImgLink a[target="_blank"] .m_linkImg::after {
		background-size: 1.6rem auto;
	}
	.m_modalImgLink .p_title {
		margin: 0.8em 0 0;
		font-size: 1.6rem;
	}
}

.m_hasPointLink {
	margin: 3.2rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 2.26%;
}
.m_hasPointLink li {
	width: 23.3%;
}
.m_hasPointLink a {
	position: relative;
	display: block;
	height: 100%;
	border-radius: 1.6rem;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_hasPointLink .p_body {
	padding: 1.6rem;
	line-height: 1.5;
}
.m_hasPointLink .p_body:has(.p_point) {
	padding-bottom: 11.4rem;
}
.m_hasPointLink .p_title {
	font-weight: bold;
}
.m_hasPointLink a:hover .p_title {
	text-decoration: underline;
}
.m_hasPointLink p {
	margin-top: 0.8rem;
	font-size: 1.4rem;
}
.m_hasPointLink .p_point {
	position: absolute;
	left: 1.6rem;
	right: 1.6rem;
	bottom: 1.6rem;
	border-radius: 0.8rem;
	background-color: #FFFBBF;
	padding: 1.6rem;
	text-align: center;
	color: #002991;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
}
.m_hasPointLink .p_point::before {
	content: '';
	display: inline-block;
	margin-right: 0.4rem;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background: url(../images/ic_point_01.svg) no-repeat 50% 50% #FFF;
	vertical-align: -0.5rem;
}
.m_hasPointLink .p_point span {
	font-size: 2.8rem;
	font-weight: bold;
}
.m_hasPointLink .p_point.s_done {
	background-color: #F7F7F8;
	padding: 2rem 1.6rem;
}
.m_hasPointLink .p_point.s_done::before {
	margin-right: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../images/ic_done.svg) no-repeat 50% 50%;
}
.m_hasPointLink .p_point.s_text {
	min-height: 6.4rem;
	padding: 0.8rem 1.6rem;
	text-align: left;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_hasPointLink .p_point.s_text::before {
	display: none;
}
@media screen and (max-width: 1120px){
	.m_hasPointLink {
		gap: 2.4rem 3.5%;
	}
	.m_hasPointLink li {
		width: 31%;
	}
}
@media screen and (max-width: 767px){
	.m_hasPointLink {
		margin: 2.4rem 0;
		gap: 1.6rem 4.6%;
	}
	.m_hasPointLink li {
		width: 47.7%;
	}
	.m_hasPointLink a {
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_hasPointLink .p_body {
		padding: 1.2rem;
	}
	.m_hasPointLink .p_body:has(.p_point) {
		padding-bottom: 7.6rem;
	}
	.m_hasPointLink .p_point {
		left: 1.2rem;
		right: 1.2rem;
		bottom: 1.2rem;
		padding: 0.8rem 0;
		font-size: 1.6rem;
	}
	.m_hasPointLink .p_point::before {
		background-size: 2.4rem auto;
	}
	.m_hasPointLink .p_point span {
		font-size: 2.4rem;
	}
	.m_hasPointLink .p_point.s_done {
		padding: 1.2rem;
	}
	.m_hasPointLink .p_point.s_text {
		min-height: 4.8rem;
		padding: 0.6rem 0.8rem;
		font-size: 1.5rem;
	}
}

.m_infoList {
	margin: 40px 0;
}
.m_infoList li + li {
	margin-top: 16px;
}
.m_infoList a {
	position: relative;
	display: block;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	padding: 20px 70px 20px 40px;
	display: flex;
	align-items: center;
	min-height: 94px;
}
.m_infoList a:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 26, 102, 0.1);
}
.m_infoList a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 24px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
}
.m_infoList a:hover::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.m_infoList .p_date {
	width: 135px;
	flex-shrink: 0;
}
.m_infoList .p_categ {
	border-radius: 8px;
	min-width: 128px;
	background-color: #F5F8FD;
	padding: 4px 16px 5px;
	text-align: center;
	color: #002991;
	flex-shrink: 0;
}
.m_infoList .p_categ.s_point {
	background-color: #FF0;
}
.m_infoList .p_categ.s_campaign {
	background-color: #FFF3EE;
	color: #A33C11;
}
.m_infoList .p_categ.s_event {
	background-color: #EBF9FF;
	color: #004DA0;
}
.m_infoList .p_categ.s_mall {
	background-color: #FCE7E8;
	color: #7B203C;
}
.m_infoList .p_categ.s_coupon {
	background-color: #FFFCE9;
	color: #A63D00;
}
.m_infoList .p_categ.s_column {
	background-color: #E7F0FE;
}
.m_infoList .p_categ.s_maintenance {
	background-color: #002991;
	color: #FFF;
}
.m_infoList .p_categ.s_new {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoList .p_categ.s_feature {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoList .p_categ.s_important {
	background-color: #E00004;
	color: #FFF;
}
.m_infoList .p_text {
	margin-left: 40px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: 0.02em;
}
.m_infoList a:hover .p_text {
	text-decoration: underline;
}
@media screen and (max-width: 1120px){
	.m_infoList a {
		padding: 25px 70px 25px 32px ;
		flex-wrap: wrap;
	}
	.m_infoList .p_text {
		margin: 8px 0 0;
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.m_infoList {
		margin: 1.6rem 0 2.4rem;
	}
	.m_infoList li + li {
		margin-top: 1.6rem;
	}
	.m_infoList a {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
		padding: 1.8rem 5rem 2.4rem 1.6rem;
		min-height: 0;
	}
	.m_infoList a::after {
		right: 1.6rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: 100% auto;
	}
	.m_infoList .p_date {
		width: 13.5rem;
		font-size: 1.6rem;
	}
	.m_infoList .p_categ {
		border-radius: 0.8rem;
		min-width: 12.8rem;
		padding: 0.4rem 1.6rem 0.5rem;
		font-size: 1.4rem;
	}
	.m_infoList .p_text {
		margin: 0.8rem 0 0;
		letter-spacing: 0;
	}
}

.m_infoDetailList > li {
	line-height: 1.5;
	background-color: #FFF;
	border-radius: 2rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_infoDetailList > li + li {
	margin-top: 1.6rem;
}
.m_infoDetailList a,
.m_infoDetailList > li > div {
	display: block;
	padding: 3.2rem 4rem;
}
.m_infoDetailList a {
	background: url(/assets/images/ic_link_02.svg) no-repeat right 1.6rem center;
	background-size: 2.4rem auto;
	padding-right: 5.6rem !important;
}
.m_infoDetailList a:hover {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.m_infoDetailList a[target="_blank"] {
	background-image: url(/assets/images/ic_link_blank_02.svg);
}
.m_infoDetailList a[target="_blank"]:hover {
	background-image: url(/assets/images/ic_link_blank_02_white.svg);
}
.m_infoDetailList .p_header {
	margin-bottom: 1.6rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.7rem 0.8rem;
}
.m_infoDetailList .p_date {
	margin-right: 1.6rem;
}
.m_infoDetailList .p_categ {
	border-radius: 0.8rem;
	background-color: #F5F8FD;
	padding: 0.2rem 1.6rem 0.3rem;
	color: #002991;
}
.m_infoDetailList .p_categ.s_point {
	background-color: #FF0;
}
.m_infoDetailList .p_categ.s_campaign {
	background-color: #FFF3EE;
	color: #A33C11;
}
.m_infoDetailList .p_categ.s_event {
	background-color: #EBF9FF;
	color: #004DA0;
}
.m_infoDetailList .p_categ.s_mall {
	background-color: #FCE7E8;
	color: #7B203C;
}
.m_infoDetailList .p_categ.s_coupon {
	background-color: #FFFCE9;
	color: #A63D00;
}
.m_infoDetailList .p_categ.s_column {
	background-color: #E7F0FE;
}
.m_infoDetailList .p_categ.s_maintenance {
	background-color: #002991;
	color: #FFF;
}
.m_infoDetailList .p_categ.s_new {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoDetailList .p_categ.s_feature {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoDetailList .p_categ.s_important {
	background-color: #E00004;
	color: #FFF;
}
.m_infoDetailList .p_categ.s_alert {
	background-color: #FFF2F3;
	color: #E00004;
}
.m_infoDetailList .p_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
	line-clamp: 2;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_infoDetailList a:hover .p_title {
	text-decoration: underline;
}
.m_infoDetailList p {
	margin-top: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
	line-clamp: 3;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px){
	.m_infoDetailList > li {
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_infoDetailList a,
	.m_infoDetailList > li > div {
		padding: 1.6rem;
	}
	.m_infoDetailList .p_header {
		gap: 0.6rem 0.4rem;
	}
	.m_infoDetailList .p_date {
		margin-right: 0.2rem;
	}
	.m_infoDetailList .p_categ {
		padding: 0.2rem 0.8rem 0.3rem;
	}
	.m_infoDetailList .p_title {
		font-size: 1.6rem;
	}
	.m_infoDetailList p {
		margin-top: 0.8rem;
		-webkit-line-clamp: 4;
		line-clamp: 4;
	}
}

.m_infoHeader {
	margin-bottom: 3.2rem;
	display: flex;
	align-items: center;
	gap: 2.4rem;
}
.m_infoHeader .p_categ {
	border-radius: 8px;
	min-width: 128px;
	background-color: #F5F8FD;
	padding: 4px 16px 5px;
	text-align: center;
	color: #002991;
	flex-shrink: 0;
}
.m_infoHeader .p_categ.s_point {
	background-color: #FF0;
}
.m_infoHeader .p_categ.s_campaign {
	background-color: #FFF3EE;
	color: #A33C11;
}
.m_infoHeader .p_categ.s_event {
	background-color: #EBF9FF;
	color: #004DA0;
}
.m_infoHeader .p_categ.s_mall {
	background-color: #FCE7E8;
	color: #7B203C;
}
.m_infoHeader .p_categ.s_coupon {
	background-color: #FFFCE9;
	color: #A63D00;
}
.m_infoHeader .p_categ.s_column {
	background-color: #E7F0FE;
}
.m_infoHeader .p_categ.s_maintenance {
	background-color: #002991;
	color: #FFF;
}
.m_infoHeader .p_categ.s_new {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoHeader .p_categ.s_feature {
	background-color: #DEF2FF;
	color: #064C74;
}
.m_infoHeader .p_categ.s_important {
	background-color: #E00004;
	color: #FFF;
}

.m_boxLink {
	display: flex;
	justify-content: space-between;
}
.m_boxLink > li {
	width: 48.9%;
}
.m_boxLink a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	min-height: 172px;
	border: 2px solid #FFF;
	background-color: #FFF;
	border-radius: 20px;
	padding: 20px 75px 20px 134px;
}
.m_boxLink a:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_boxLink a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 24px;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto 0;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
}
.m_boxLink a:hover::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.m_boxLink .p_img {
	position: absolute;
	top: 0;
	left: 26px;
	bottom: 0;
	margin: auto 0;
}
.m_boxLink .p_title {
	margin-bottom: 16px;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 850px){
	.m_boxLink {
		flex-wrap: wrap;
		gap: 20px;
	}
	.m_boxLink > li {
		width: 100%;
	}
	.m_boxLink a {
		padding: 20px 75px 20px 166px;
	}
	.m_boxLink .p_img {
		left: 45px;
	}
}
@media screen and (max-width: 767px){
	.m_boxLink {
		gap: 1.6rem;
	}
	.m_boxLink a {
		min-height: 0;
		border-width: 0.2rem;
		border-radius: 1.6rem;
		padding: 2.4rem 5rem 2.4rem 11.2rem;
		font-size: 1.4rem;
	}
	.m_boxLink a::after {
		right: 1.5rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: 100% auto;
	}
	.m_boxLink .p_img {
		left: 2.2rem;
		width: 7.4rem;
	}
	.m_boxLink .p_title {
		margin-bottom: 0.8rem;
		font-size: 1.7rem;
	}
}

.m_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.45);
	display: none;
	justify-content: center;
	align-items: center;
}
.m_modal .p_window {
	position: relative;
	width: 712px;
	background-color: #FFF;
	border-radius: 2rem;
	padding: 7.2rem 9.2rem;
	max-height: 95vh;
	overflow-x: hidden;
	overflow-y: auto;
}
.m_modal .p_window.s_paddingS {
	padding: 7.2rem 6rem;
}
.m_modal .p_window.s_noPadding {
	padding: 0;
}
.m_modal .p_window.s_noPadding > .p_inner {
	padding: 4rem 9.2rem;
}
.m_modal .p_window.s_setting {
	width: 528px;
	padding: 0;
}
.m_modal .p_window.s_movie {
	padding: 0;
	border-radius: 0;
	width: 896px;
	overflow: visible;
}
.m_modal .p_window:has(.m_tempRegister) {
	width: 528px;
	padding: 0;
}
.m_modal .p_closeBtn {
	position: absolute;
	top: -4rem;
	right: 0;
	width: 3.2rem;
	height: 3.2rem;
	cursor: pointer;
}
.m_modal .p_closeBtn::before,
.m_modal .p_closeBtn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	margin: auto;
	background-color: #FFF;
	transform: rotate(45deg);
}
.m_modal .p_closeBtn::after {
	transform: rotate(-45deg);
}
.m_modal .p_imgArea {
	margin-bottom: 4rem;
	border-radius: 0.8rem;
	background-color: #F5F8FD;
	padding: 3.2rem;
	text-align: center;
}
.m_modal .p_modalTitle {
	margin: 4rem 0 1.6rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_modal .p_modalTitle:first-child {
	margin-top: 0;
}
.m_modal .p_btnArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 24px;
}
.m_modal .p_link li {
	margin-top: 0.8rem;
}
@media screen and (max-width: 767px){
	.m_modal .p_window {
		width: 35rem !important;
		border-radius: 1.6rem;
		padding: 4.8rem 2rem;
	}
	.m_modal .p_window.s_paddingS {
		padding: 4.8rem 2rem;
	}
	.m_modal .p_window.s_noPadding > .p_inner {
		padding: 2.4rem 2rem 4rem;
	}
	.m_modal .p_imgArea {
		margin-bottom: 2.4rem;
		padding: 2.4rem 5.2rem;
	}
	.m_modal .p_imgArea.s_wide {
		padding: 2.4rem 1.6rem;
	}
	.m_modal .p_modalTitle {
		margin: 2.4rem 0 1.2rem;
		font-size: 2.4rem;
	}
	.m_modal .p_btnArea {
		gap: 1.6rem;
		padding: 2.4rem;
	}
}

.m_movie {
	position: relative;
	aspect-ratio: 16 / 9;
}
.m_movie iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.m_planModal {
	line-height: 1.5;
}
.m_planModal .p_img {
	margin-bottom: 4rem;
	text-align: center;
}
.m_planModal h2 {
	margin-bottom: 1.6rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.m_planModal .p_link {
	margin-top: 1.6rem;
}
.m_planModal .p_link li {
	margin-top: 0.8rem;
}
@media screen and (max-width: 767px){
	.m_planModal .p_img {
		margin-bottom: 2.4rem;
	}
	.m_planModal h2 {
		margin-bottom: 1.2rem;
		font-size: 2.4rem;
	}
	.m_planModal .p_link li {
		font-size: 1.6rem;
	}
}

.m_rankDetail {
	background-color: #F5F8FD;
	padding: 34px 20px 26px;
	text-align: center;
}
.m_rankDetail .p_img {
	margin-bottom: 22px;
}
.m_rankDetail .p_rank {
	margin-bottom: 12px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.3;
}
.m_rankDetail .p_prize {
	margin: 16px auto 0;
	max-width: 464px;
	border-radius: 8px;
	background-color: #FFF;
	padding: 12px 15px;
}
@media screen and (max-width: 767px){
	.m_rankDetail {
		padding: 2.4rem;
		font-size: 1.6rem;
		text-align: left;
		line-height: 1.6;
	}
	.m_rankDetail .p_img {
		margin: 0 auto 1.5rem;
		text-align: center;
	}
	.m_rankDetail .p_img img {
		width: 15rem;
	}
	.m_rankDetail .p_rank {
		margin-bottom: 0.8rem;
		text-align: center;
		font-size: 2.4rem;
	}
	.m_rankDetail .p_prize {
		margin: 0.8rem auto 0;
		border-radius: 0.8rem;
		padding: 1.6rem;
	}
}

.m_setting h2 {
	border-bottom: 1px solid #D5D5D5;
	padding: 3.2rem 4.8rem 2.4rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_setting .p_form {
	border-bottom: 1px solid #D5D5D5;
	padding: 4rem 4.8rem;
}
.m_setting .m_formList > li {
	position: relative;
	padding-left: 14.4rem;
	max-width: 39.6rem;
}
.m_setting .m_formList > li:first-child {
	margin-top: 0;
}
.m_setting .m_formList > li > .p_title {
	position: absolute;
	top: 0;
	left: 0;
}
.m_setting .m_formList > li > .p_title.s_pt {
	top: 1rem;
}
.m_setting .m_formList > li > .p_title + .m_select {
	margin-top: 0;
}
.m_setting .m_formList > li > .p_title + .m_dateSelect {
	margin-top: 0;
}
.m_setting .p_btnArea {
	flex-direction: row;
	padding: 2.4rem 4.8rem 4rem;
	gap: 2.4rem;
}
@media screen and (max-width: 767px){
	.m_setting h2 {
		padding: 2.4rem 2rem 1.6rem;
	}
	.m_setting .p_form {
		padding: 2.4rem 1.6rem;
	}
	.m_setting .m_formList > li {
		padding-left: 0;
	}
	.m_setting .m_formList > li > .p_title {
		position: static;
	}
	.m_setting .m_formList > li > .p_title.s_pt {
		top: 0;
	}
	.m_setting .p_btnArea {
		padding: 2.4rem 2rem;
		gap: 1.6rem;
	}
}

.m_iconSection {
	max-width: 528px;
	margin: 0 auto;
	line-height: 1.5;
}
.m_iconSection.s_wide {
	max-width: 712px;
}
.m_iconSection .p_icon {
	margin-bottom: 40px;
	text-align: center;
}
.m_iconSection .p_title {
	margin-bottom: 16px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.m_iconSection .p_title.s_sizeL {
	font-size: 3.2rem;
}
.m_iconSection .p_mainText {
	margin-bottom: 1.6rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_iconSection .p_noteBox {
	margin-top: 1.6rem;
	border-radius: 8px;
	background-color: #F7F7F7;
	padding: 8px 24px;
	font-size: 1.4rem;
}
.m_iconSection .p_time {
	margin: 4rem 0 1.6rem;
	display: flex;
	justify-content: center;
	gap: 1.6rem;
	align-items: center;
	line-height: 1.5;
}
.m_iconSection .p_time dt {
	background-color: #F7F7F8;
	border-radius: 0.4rem;
	padding: 0.8rem 1.6rem;
	font-weight: bold;
}
.m_iconSection .p_time dd {
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_iconSection {
		max-width: none;
		font-size: 1.5rem;
	}
	.m_iconSection .p_icon {
		width: 10rem;
		margin: 0 auto 3.2rem;
	}
	.m_iconSection .p_icon.s_spSizeS {
		width: 8.8rem;
	}
	.m_iconSection .p_icon.s_spSizeL {
		width: 14rem;
	}
	.m_iconSection .p_title {
		margin-bottom: 1.6rem;
		font-size: 2.4rem;
	}
	.m_iconSection .p_title.s_sizeL {
		font-size: 2.4rem;
	}
	.m_iconSection .p_noteBox {
		margin-top: 0.8rem;
		border-radius: 0.8rem;
		padding: 1.2rem 1.6rem 1.6rem;
	}
	.m_iconSection .p_time dt {
		padding: 0.4rem 0.8rem;
	}
}

.m_pointItemList {
	margin: 24px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 2.26%;
}
.m_pointItemList.s_pickup {
	margin-top: 36px;
}
.m_pointItemList.s_exchange {
	margin-top: 0;
}
.m_pointItemList > li {
	width: 23.3%;
}
.m_pointItemList.s_pickup > li {
	width: 48.87%;
}
.m_pointItemList.s_pickup > li.s_large {
	width: 100%;
}
.m_pointItemList.s_exchange > li {
	min-width: 528px;
}
.m_pointItemList a {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 16px;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_pointItemList a:hover {
	box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 26, 102, 0.1);
}
.m_pointItemList a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	background-color: #F5F8FD;
	border-radius: 50%;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1) inset;
	transition: all 0.2s;
}
.m_pointItemList a:hover::after {
	box-shadow: 0 0.4rem 0.4rem rgba(0, 26, 102, 0.1) inset;
}
.m_pointItemList.s_pickup a {
	flex-direction: row;
	gap: 8px;
	border-radius: 20px;
	padding: 8px;
}
.m_pointItemList.s_pickup a::after {
	top: 0;
	left: auto;
	right: -12px;
	bottom: 0;
	margin: auto 0;
	background-color: #E7F0FE;
	box-shadow: 0.6rem 0 0.6rem rgba(0, 26, 102, 0.1) inset;
}
.m_pointItemList.s_pickup a:hover::after {
	box-shadow: 0.4rem 0 0.4rem rgba(0, 26, 102, 0.1) inset;
}
.m_pointItemList.s_exchange a::after {
	background-color: #FFF;
}
.m_pointItemList .m_linkImg {
	border-radius: 1.6rem 1.6rem 0 0;
	overflow: hidden;
}
.m_pointItemList .m_linkImg.s_hasBorder {
	border: 1px solid #D5D5D5;
}
.m_pointItemList.s_pickup .m_linkImg {
	width: 44%;
	flex-shrink: 0;
	border-radius: 8px;
	align-self: flex-start;
}
.m_pointItemList.s_pickup li.s_large .m_linkImg {
	width: 30.7%;
}
.m_pointItemList .p_textArea {
	position: relative;
	flex-grow: 1;
	padding: 16px 16px 75px;
}
.m_pointItemList.s_pickup li.s_large .p_textArea {
	padding-bottom: 90px;
}
.m_pointItemList .p_categ {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 1.4rem;
	font-weight: 500;
}
.m_pointItemList .p_categ.s_01 {
	background-color: #F5F8FD;
	color: #002991;
}
.m_pointItemList .p_categ.s_02 {
	background-color: #EBF9FF;
	color: #004DA0;
}
.m_pointItemList .p_categ.s_03 {
	background-color: #FFF3EE;
	color: #A33C11;
}
.m_pointItemList .p_categ.s_04 {
	background-color: #F7F7F8;
	color: #002991;
}
.m_pointItemList .p_categ.s_05 {
	background-color: #FBF4FF;
	color: #880091;
}
.m_pointItemList .p_categ.s_06 {
	background-color: #EAFFF3;
	color: #005B4A;
}
.m_pointItemList .p_title {
	margin-top: 8px;
	font-weight: 500;
	line-height: 1.5;
}
.m_pointItemList.s_pickup .p_title {
	margin-top: 12px;
	font-size: 1.8rem;
}
.m_pointItemList.s_pickup li.s_large .p_title {
	margin-top: 24px;
	font-size: 2.6rem;
}
.m_pointItemList .p_title:first-child {
	margin-top: 0;
}
.m_pointItemList .p_point {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	border-top: 1px solid #BEC5CF;
	background: url(/assets/images/ic_point_01.svg) no-repeat 3px 75%;
	padding: 14px 0 0 28px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_pointItemList.s_pickup .p_point {
	bottom: 10px;
}
.m_pointItemList.s_pickup li.s_large .p_point {
	bottom: 32px;
}
.m_pointItemList .p_point small {
	margin-left: 0.4rem;
	font-size: 1.6rem;
	font-weight: 500;
}
.m_pointItemList .p_exchange {
	background: url(/assets/images/ic_arrow_01.svg) no-repeat 0.8rem 55%;
	padding-left: 2rem;
	color: #002991;
}
@media screen and (max-width: 1120px){
	.m_pointItemList.s_exchange > li {
		min-width: 450px;
	}
	.m_pointItemList .p_textArea {
		padding: 16px 16px 65px;
	}
	.m_pointItemList.s_pickup .p_textArea {
		padding: 0 16px 55px 8px;
	}
	.m_pointItemList.s_pickup li.s_large .p_textArea {
		padding-bottom: 70px;
	}
	.m_pointItemList.s_pickup .p_textArea {
		padding: 16px 16px 65px;
	}
	.m_pointItemList .p_categ {
		font-size: 1.2rem;
	}
	.m_pointItemList .p_title {
		font-size: 1.4rem;
	}
	.m_pointItemList.s_pickup .p_title {
		font-size: 1.4rem;
	}
	.m_pointItemList.s_pickup li.s_large .p_title {
		font-size: 2rem;
	}
	.m_pointItemList .p_point {
		padding: 10px 0 2px 28px;
		font-size: 1.8rem;
	}
	.m_pointItemList.s_pickup li.s_large .p_point {
		bottom: 16px;
	}
}
@media screen and (max-width: 767px){
	.m_pointItemList {
		margin: 2.4rem 0;
		gap: 1.6rem 4.6%;
	}
	.m_pointItemList.s_pickup {
		margin-top: 1.6rem;
	}
	.m_pointItemList > li {
		width: 47.7%;
	}
	.m_pointItemList.s_pickup > li {
		width: 100%;
	}
	.m_pointItemList.s_exchange > li {
		min-width: 0;
	}
	.m_pointItemList a {
		border-radius: 1.6rem;
	}
	.m_pointItemList a::after {
		bottom: -0.8rem;
		width: 1.6rem;
		height: 1.6rem;
	}
	.m_pointItemList.s_pickup a {
		gap: 0.8rem;
		border-radius: 1.6rem;
		padding: 0.8rem;
	}
	.m_pointItemList.s_pickup a::after {
		right: -0.8rem;
	}
	.m_pointItemList .m_linkImg {
		border-radius: 1.6rem 1.6rem 0 0;
	}
	.m_pointItemList.s_pickup .m_linkImg {
		width: 40.7%;
		border-radius: 0.8rem;
	}
	.m_pointItemList.s_pickup li.s_large .m_linkImg {
		width: 40.7%;
	}
	.m_pointItemList .p_textArea {
		padding: 0.8rem 0.8rem 7rem;
	}
	.m_pointItemList.s_pickup .p_textArea {
		padding: 0 0.8rem 5.6rem 0;
	}
	.m_pointItemList.s_pickup li.s_large .p_textArea {
		padding-bottom: 5.6rem;
	}
	.m_pointItemList .p_categ {
		padding: 0.4rem 0.8rem;
		border-radius: 0.4rem;
		font-size: 1.4rem;
	}
	.m_pointItemList .p_title {
		margin-top: 0.6rem;
		font-size: 1.5rem;
		font-weight: 400;
	}
	.m_pointItemList.s_pickup .p_title {
		margin-top: 0.8rem;
		font-weight: 500;
	}
	.m_pointItemList.s_pickup li.s_large .p_title {
		margin-top: 0.8rem;
		font-size: 1.4rem;
	}
	.m_pointItemList .p_point {
		left: 0.8rem;
		right: 0.8rem;
		bottom: 1.6rem;
		background-position: 0.3rem 75%;
		background-size: 2.4rem auto;
		padding: 0.4rem 0 0 3rem;
		font-size: 2.4rem;
	}
	.m_pointItemList.s_pickup .p_point {
		left: 0;
		bottom: 0.4rem;
		font-size: 2rem;
	}
	.m_pointItemList.s_pickup li.s_large .p_point {
		bottom: 0.4rem;
	}
	.m_pointItemList.s_exchange .p_point {
		padding-left: 2.4rem;
		background-size: 2rem auto;
		font-size: 1.4rem;
	}
	.m_pointItemList.s_exchange .p_point small {
		font-size: 1.2rem;
	}
	.m_pointItemList .p_exchange {
		background-position: 0.4rem 50%;
		background-size: 0.6rem auto;
		padding-left: 1.2rem;
	}
	.m_pointItemList.s_exchange .p_exchange small {
		font-size: 1.1rem;
	}
}

.m_listHeader .p_sort {
	max-width: 252px;
	margin-left: auto;
}
@media screen and (max-width: 767px){
	.m_listHeader .p_sort {
		max-width: 21rem;
	}
	.m_listHeader .p_sort .m_select {
		height: 3.6rem;
		padding: 0.5rem 4rem 0.5rem 1.6rem;
	}
}

.m_localNavi {
	width: 95%;
	max-width: 1280px;
	margin: 72px auto 0;
	background-color: #FFF;
	border-radius: 20px;
	padding: 48px 0;
}
.m_localNavi .p_top a {
	font-size: 1.8rem;
	font-weight: 500;
}
.m_localNavi .p_top a:hover {
	text-decoration: underline;
}
.m_localNavi .p_top a::after {
	content: '';
	margin-left: 8px;
	display: inline-block;
	vertical-align: -4px;
	width: 24px;
	height: 24px;
	background: url(/assets/images/ic_link_02.svg) no-repeat 50% 50%;
}
.m_localNavi .p_top a:hover::after {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
.m_localNavi .p_categ {
	margin: 24px 0 12px;
	font-weight: bold;
}
.m_localNavi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 2.15%;
	overflow: hidden;
}
.m_localNavi .p_top + ul {
	margin-top: 2.4rem;
}
.m_localNavi li {
	position: relative;
	width: 31.9%;
	border-bottom: 2px solid #BEC5CF;
	padding-bottom: 1px;
}
.m_localNavi li::before {
	content: '';
	position: absolute;
	left: -6.8%;
	bottom: -2px;
	width: 6.8%;
	border-bottom: 2px solid #BEC5CF;
}
.m_localNavi li a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	height: 56px;
	border-radius: 28px;
	padding: 4px 35px 4px 8px;
	font-weight: 500;
	line-height: 1.5;
}
.m_localNavi li a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 16px;
	bottom: 0;
	width: 15px;
	height: 12px;
	margin: auto 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
}
.m_localNavi li a.s_cur::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 6px;
	border-radius: 3px 3px 0 0;
	background-color: #002991;
}
.m_localNavi li a.s_cur::after {
	display: none;
}
@media screen and (min-width: 768px){
	.m_localNavi li a:not(.s_cur):hover {
		background-color: #0039CC;
		color: #FFF;
	}
	.m_localNavi li a:hover::after {
		background-image: url(/assets/images/ic_link_01_white.svg);
	}
}
@media screen and (max-width: 1020px){
	.m_localNavi li a {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px){
	.m_localNavi {
		margin: 4rem auto 0;
		border-radius: 2rem;
		padding: 1.4rem 0;
	}
	.m_localNavi .m_pageInner {
		padding: 0 1.6rem;
	}
	.m_localNavi .p_top a {
		font-size: 1.6rem;
	}
	.m_localNavi .p_top a::after {
		margin-left: 0.8rem;
		vertical-align: -0.4rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: contain;
	}
	.m_localNavi .p_categ {
		margin: 1.6rem 0 0.4rem;
		font-size: 1.4rem;
	}
	.m_localNavi ul {
		gap: 0;
	}
	.m_localNavi .p_top + ul {
		margin-top: 1.6rem;
	}
	.m_localNavi li {
		width: 100%;
	}
	.m_localNavi li::before {
		display: none;
	}
	.m_localNavi li a {
		gap: 0.8rem;
		height: 5.6rem;
		border-radius: 0;
		padding: 0.4rem 3.5rem 0.4rem 0;
		font-size: 1.5rem;
	}
	.m_localNavi li a::after {
		right: 0;
		bottom: -4px;
		width: 1.5rem;
		height: 1.2rem;
		background-size: contain;
	}
	.m_localNavi li a.s_cur::before {
		border-radius: 0.3rem;
		height: 0.6rem;
	}
}

.m_pointItemDetail {
	display: flex;
	flex-wrap: wrap;
	gap: 48px 3.3%;
}
.m_pointItemDetail .p_img {
	width: 35%;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
}
.m_pointItemDetail .p_img img {
	width: 100%;
}
.m_pointItemDetail .p_textArea {
	width: 61.7%;
}
.m_pointItemDetail .p_title {
	margin-bottom: 0.4rem;
	min-height: 10.8rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_pointItemDetail .p_colArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m_pointItemDetail .p_point span {
	margin: 0 5px 0 9px;
	font-size: 2.2rem;
	font-weight: bold;
}
.m_pointItemDetail .p_quantity {
	display: flex;
	gap: 16px;
	align-items: center;
}
.m_pointItemDetail .p_quantity > span {
	font-size: 1.5rem;
	font-weight: bold;
}
.m_pointItemDetail .p_pointBox {
	margin-top: 16px;
	border-radius: 8px;
	background-color: #F7F7F8;
	padding: 24px 40px;
}
.m_pointItemDetail .p_row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.m_pointItemDetail .p_row + .p_row {
	margin-top: 16px;
}
.m_pointItemDetail .p_row:last-child {
	margin-top: 20px;
	border-top: 1px solid #D5D5D5;
	padding-top: 16px;
}
.m_pointItemDetail .m_errorText {
	margin-bottom: 0.8rem;
	width: 100%;
}
.m_pointItemDetail .p_label {
	font-weight: bold;
}
.m_pointItemDetail .m_errorText + .p_label {
	color: #E00004;
}
.m_pointItemDetail .p_data span {
	margin-right: 5px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 2.4rem;
}
.m_pointItemDetail .p_data strong {
	color: #E00004;
	font-weight: normal;
}
.m_pointItemDetail .p_toggleArea {
	border-top: 1px solid #D5D5D5;
	width: 100%;
}
.m_pointItemDetail .p_toggleTitle {
	position: relative;
	padding: 27px 0;
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
}
.m_pointItemDetail .p_toggleTitle::after {
	content: '＋';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin: auto 0;
	border: 2px solid #BEC5CF;
	background-color: #F5F8FD;
	text-align: center;
	color: #707070;
	line-height: 32px;
	transition: all 0.2s;
}
.m_pointItemDetail .p_toggleTitle:hover::after {
	background-color: #0039CC;
	border-color: #0039CC;
	color: #FFF;
}
.m_pointItemDetail .p_toggleTitle.s_open::after {
	content: 'ー';
}
.m_pointItemDetail .p_toggleBody {
	display: none;
	line-height: 1.5;
}
.m_pointItemDetail .p_toggleBody.s_open {
	display: block;
}
@media screen and (max-width: 900px){
	.m_pointItemDetail .p_colArea {
		flex-direction: column;
		align-items: flex-end;
		gap: 16px;
	}
}
@media screen and (max-width: 767px){
	.m_pointItemDetail {
		margin-bottom: -1rem !important;
		gap: 2.4rem;
	}
	.m_pointItemDetail .p_img {
		width: 100%;
	}
	.m_pointItemDetail .p_textArea {
		width: 100%;
	}
	.m_pointItemDetail .p_title {
		margin-bottom: 3rem;
		min-height: 0;
		font-size: 2rem;
	}
	.m_pointItemDetail .p_colArea {
		gap: 1.6rem;
	}
	.m_pointItemDetail .p_point span {
		margin: 0 0.4rem 0 1.1rem;
	}
	.m_pointItemDetail .p_quantity {
		gap: 0.8rem;
	}
	.m_pointItemDetail .p_pointBox {
		margin-top: 1.6rem;
		border-radius: 0.8rem;
		padding: 2.4rem 1.6rem;
	}
	.m_pointItemDetail .p_row + .p_row {
		margin-top: 1.6rem;
	}
	.m_pointItemDetail .p_row:last-child {
		margin-top: 1.6rem;
		padding-top: 1.6rem;
	}
	.m_pointItemDetail .p_data span {
		margin-right: 0.4rem;
		font-size: 2rem;
	}
	.m_pointItemDetail .p_toggleTitle {
		padding: 2rem 0;
		font-size: 1.8rem;
	}
	.m_pointItemDetail .p_toggleTitle::after {
		width: 3.6rem;
		height: 3.6rem;
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.m_pointItemDetail .p_toggleBody {
		padding-bottom: 1.5rem;
	}
}

.m_pointItemConfirm {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4%;
}
.m_pointItemConfirm .p_img {
	width: 20.3%;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
}
.m_pointItemConfirm .p_textArea {
	width: 77.3%;
}
.m_pointItemConfirm .p_itemName {
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_pointItemConfirm .m_confirmList .p_title {
	width: 36%;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px){
	.m_pointItemConfirm {
		margin-top: 1.6rem;
		flex-direction: column;
		gap: 2.4rem;
	}
	.m_pointItemConfirm .p_img {
		width: 100%;
	}
	.m_pointItemConfirm .p_textArea {
		width: 100%;
	}
	.m_pointItemConfirm .p_itemName {
		margin-bottom: 0;
		font-size: 2rem;
	}
	.m_pointItemConfirm .m_confirmList .p_title {
		width: auto;
		font-size: 1.5rem;
	}
}

.m_pointBox {
	margin-top: 2.4rem;
	border-radius: 0.8rem;
	background-color: #F7F7F8;
	padding: 2.4rem 3.2rem;
}
.m_pointBox .p_row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.m_pointBox .p_row + .p_row {
	margin-top: 1.6rem;
}
.m_pointBox .p_row:last-child,
.m_pointBox .p_row.s_hasLine {
	margin-top: 1.2rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 1.6rem;
}
.m_pointBox .m_errorText {
	margin-bottom: 0.8rem;
	width: 100%;
}
.m_pointBox .p_label {
	width: 288px;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_pointBox .m_errorText + .p_label {
	color: #E00004;
}
.m_pointBox .p_data span {
	margin-right: 0.4rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_pointBox .p_data strong {
	color: #E00004;
	font-weight: normal;
}
.m_pointBox .p_note {
	margin-top: 0.4rem;
	width: 100%;
	padding-left: 288px;
}
@media screen and (max-width: 767px){
	.m_pointBox {
		padding: 2.4rem 1.6rem;
	}
	.m_pointBox .p_row {
		justify-content: space-between;
	}
	.m_pointBox .p_label {
		width: auto;
		font-size: 1.5rem;
	}
	.m_pointBox .p_data span {
		font-size: 2rem;
	}
	.m_pointBox .p_note {
		margin-top: 0.8rem;
		padding-left: 0;
	}
}

.m_pickup a {
	display: flex;
}
.m_pickup .m_linkImg {
	width: 28.1%;
	flex-shrink: 0;
	border-radius: 2rem 0 0 2rem;
}
.m_pickup .p_textArea {
	flex-grow: 1;
	border-radius: 0 2rem 2rem 0;
	padding: 3.2rem 4rem 2rem 2.4rem;
	background-color: #FFF;
	overflow: hidden;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_pickup .p_title {
	margin-bottom: 16px;
	font-size: 2.4rem;
	font-weight: bold;
}
.m_pickup .p_label {
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0px 10px 0px 0px;
	background: #FF0;
	padding: 2px 12px 3px;
	color: #002991;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_pickup a {
	position: relative;
}
.m_pickup a::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 40px;
	height: 40px;
	border-radius: 20px 0 20px 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50% #F5F8FD;
	transition: all 0.2s;
}
.m_pickup a:hover::after {
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50% #0039CC;
}
@media screen and (max-width: 1120px){
	.m_pickup .p_textArea {
		padding: 2rem 4rem 2rem 2.4rem;
	}
	.m_pickup .p_title {
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 767px){
	.m_pickup a {
		flex-direction: column;
		height: 100%;
	}
	.m_pickup .m_linkImg {
		width: 100%;
		border-radius: 1.6rem 1.6rem 0 0;
	}
	.m_pickup .p_textArea {
		width: 100%;
		border-radius: 0 0 1.6rem 1.6rem;
		padding: 1.6rem 1.6rem 4.4rem;
		flex-grow: 1;
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 1.6;
	}
	.m_pickup .p_title {
		margin-bottom: 0.8rem;
		font-size: 1.7rem;
		line-height: 1.4;
	}
	.m_pickup .p_label {
		border-radius: 0 1rem 0 0;
		padding: 0.2rem 1.2rem 0.3rem;
	}
	.m_pickup a::after {
		width: 4rem;
		height: 4rem;
		border-radius: 1.6rem 0 1.6rem 0;
		background-size: 1.5rem auto;
	}
}

.m_columnHeader {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	gap: 32px;
}
.m_columnHeader .p_auther {
	display: flex;
	align-items: center;
}
.m_columnHeader .p_auther {
	display: flex;
	align-items: center;
	gap: 16px;
}
.m_columnHeader .p_date {
	display: flex;
	align-items: center;
	gap: 8px;
}

.m_column {
	border-radius: 20px;
	overflow: hidden;
}
.m_column .p_sectioin {
	padding: 64px 92px;
	background-color: #FFF;
}
.m_column .p_sectioin:nth-child(even) {
	background-color: #F9F5F1;
}
.m_column .m_iconTitle {
	margin-bottom: 16px;
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 18px;
}
.m_column .p_colArea {
	margin-bottom: 64px;
	display: flex;
	justify-content: space-between;
}
.m_column .p_colArea:last-child {
	margin-bottom: 0;
}
.m_column .p_colArea.s_reverse {
	flex-direction: row-reverse;
}
.m_column .p_colArea .p_col {
	width: 48.5%;
}
.m_column .p_colArea .p_label {
	margin-bottom: 16px;
	display: inline-block;
	background-color: #F9F5F1;
	padding: 4px 16px;
	border-radius: 8px;
	color: #3A3B2C;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_column .p_colArea img + p {
	margin-top: 16px;
}
.m_column .p_colArea h3 {
	margin-bottom: 4px;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_column .p_colArea .p_price {
	margin-bottom: 16px;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_column .p_checkBox {
	position: relative;
	margin: 82px -44px 64px;
	border: 8px solid #F4F0EB;
	border-radius: 20px;
	display: flex;
	background-color: #F9F5F1;
	padding: 42px 0 24px;
}
.m_column .p_checkBox .p_checkTitle {
	position: absolute;
	top: -18px;
	left: 38px;
	border-radius: 0 0 8px 8px;
	background-color: #D6D5C0;
	padding: 5px 16px;
	color: #3A3B2C;
	font-weight: 500;
}
.m_column .p_checkBox .p_checkTitle::before {
	content: '';
	position: absolute;
	top: 0;
	left: -1rem;
	border-right: 1.1rem solid #525338;
	border-top: 1rem solid transparent;
}
.m_column .p_checkBox .p_col {
	width: 50%;
	padding: 0 36px;
}
.m_column .p_checkBox .p_col + .p_col {
	border-left: 1px solid #D5D5D5;
}
.m_column .p_checkBox .p_col h4 {
	margin-bottom: 8px;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_column .p_checkBox .p_col h4 img {
	margin-right: 8px;
	vertical-align: -3px;
}
.m_column .p_checkBox .m_dotList li + li {
	margin-top: 0.5rem;
}
.m_column .p_checkBox .p_priceList {
	margin-top: 1.6rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_column .p_checkBox .p_priceList li {
	margin-top: 0.8rem;
}
.m_column .p_checkBox .p_priceList span {
	display: inline-block;
	margin-right: 0.8rem;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	background-color: #FFf;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.8rem;
}
.m_column .p_map {
	position: relative;
	padding-top: 250px;
	border-radius: 16px;
	overflow: hidden;
}
.m_column .p_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
@media screen and (max-width: 1120px){
	.m_column .p_sectioin {
		padding: 48px;
	}
	.m_column .p_checkBox {
		margin: 60px -16px;
	}
	.m_column .p_colArea.s_tbBreak {
		flex-direction: column;
		gap: 24px;
	}
	.m_column .p_colArea.s_tbBreak .p_col {
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.m_column {
		border-radius: 1.6rem;
	}
	.m_column .p_sectioin {
		padding: 2.4rem 1.6rem;
	}
	.m_column .m_iconTitle {
		margin-bottom: 1.6rem;
		padding-bottom: 1.6rem;
	}
	.m_column .p_colArea {
		margin-bottom: 3.2rem;
		flex-direction: column !important;
		gap: 2.4rem;
	}
	.m_column .m_titleM + .p_colArea {
		margin-top: 2.4rem;
	}
	.m_column .p_colArea .p_col {
		width: 100%;
		gap: 2.4rem;
	}
	.m_column .p_colArea .p_label {
		margin-bottom: 0.8rem;
		padding: 0.4rem 1.6rem;
		border-radius: 0.8rem;
	}
	.m_column .p_colArea img + p {
		margin-top: 1.6rem;
	}
	.m_column .p_colArea h3 {
		margin-bottom: 0.4rem;
		font-size: 2rem;
	}
	.m_column .p_colArea .p_price {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
	}
	.m_column .p_checkBox {
		margin: 4rem -0.8rem;
		flex-direction: column;
		border-width: 0.8rem;
		border-radius: 1.6rem;
		padding: 3.2rem 1.6rem 2.4rem;
	}
	.m_column .p_checkBox .p_checkTitle {
		top: -1.8rem;
		left: 2rem;
		border-radius: 0 0 0.8rem 0.8rem;
		padding: 0.5rem 1.6rem;
	}
	.m_column .p_checkBox .p_col {
		width: 100%;
		padding: 0;
	}
	.m_column .p_checkBox .p_col + .p_col {
		margin-top: 1.6rem;
		border-top: 1px solid #D5D5D5;
		border-left: none;
		padding-top: 1.6rem;
	}
	.m_column .p_checkBox .p_col h4 {
		margin-bottom: 1.2rem;
		font-size: 1.6rem;
	}
	.m_column .p_checkBox .p_col h4 img {
		width: 2rem;
		margin-right: 0.8rem;
		vertical-align: -0.3rem;
	}
	.m_column .p_checkBox .p_priceList {
		font-size: 1.6rem;
	}
	.m_column .p_map {
		padding-top: 20rem;
		border-radius: 1.6rem;
	}
}

.m_giftBanner {
	margin: 40px 0;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.1);
}
.m_giftBanner:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}
.m_giftBanner .p_img {
	background: linear-gradient(88deg, #FEE9E7 0%, #FFE7D5 100%);
	text-align: center;
}
.m_giftBanner .p_body {
	background-color: #fff;
	padding: 12px 20px 15px;
	text-align: center;
}
.m_giftBanner .p_text {
	position: relative;
	border-radius: 20px;
	background: url(/assets/images/ic_gift.svg) no-repeat 10px 50% #F9F5F1;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 0 0 36px;
	font-size: 1.8rem;
}
.m_giftBanner .p_text .p_btn {
	width: 152px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #0039CC;
	border-radius: 18px;
	background-color: #0039CC;
	padding-bottom: 2px;
	color: #FFF;
	transition: all 0.2s;
}
.m_giftBanner:hover .p_text .p_btn {
	background-color: #FFF;
	color: #0039CC;
}
.m_giftBanner .p_text .p_btn::after {
	content: '';
	display: inline-block;
	margin: 2px 0 0 4px;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50%;
}
.m_giftBanner:hover .p_text .p_btn::after {
	background-image: url(/assets/images/ic_link_01.svg);
}
@media screen and (max-width: 767px){
	.m_giftBanner {
		margin: 2.4rem 0;
		border-radius: 1.6rem;
	}
	.m_giftBanner .p_body {
		padding: 1.6rem;
	}
	.m_giftBanner .p_text {
		border-radius: 0.8rem;
		background-position: 1.6rem 1.8rem;
		background-size: 2rem auto;
		flex-direction: column;
		align-items: stretch;
		gap: 0.8rem;
		padding: 1.6rem;
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.m_giftBanner .p_text > div:first-child {
		padding-left: 2.8rem;
	}
	.m_giftBanner .p_text .p_btn {
		position: relative;
		width: 100%;
		height: 4rem;
		border-radius: 2rem;
		font-size: 1.8rem;
	}
	.m_giftBanner .p_text .p_btn::after {
		position: absolute;
		top: 0;
		right: 1.6rem;
		bottom: 0;
		margin: auto 0;
		width: 1.5rem;
		height: 1.5rem;
		background-size: contain;
	}
}

.m_newRegister {
	margin: 7.2rem 0;
	display: block;
	border-radius: 20px;
	background: linear-gradient(180deg, #0055D9 35%, rgba(0, 85, 217, 0.00) 100%);
	box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.1);
	padding: 32px;
}
.m_newRegister:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}
.m_giftBanner + .m_newRegister {
	margin-top: 4rem;
}
.m_newRegister .p_box {
	position: relative;
	max-width: 896px;
	margin: 0 auto;
	background: url(/assets/images/bg_banner_newregister.png) no-repeat 100% 100% #FFF;
	border-radius: 8px;
	padding: 32px;
	text-align: center;
	color: #002991;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_newRegister .p_box strong {
	margin-left: 8px;
	background: linear-gradient(0, #FF0 20%, transparent 20%);
	font-size: 2.2rem;
	font-weight: bold;
}
.m_newRegister .p_box img {
	position: absolute;
	left: 3px;
	bottom: -10px;
}
.m_newRegister .m_btn {
	margin: 20px auto 0;
}
.m_newRegister .m_btn::before {
	content: '';
	display: inline-block;
	margin-right: 8px;
	width: 26px;
	height: 26px;
	background: url(/assets/images/ic_btn_newregister_white.svg) no-repeat 50% 50%;
}
.m_newRegister:hover .m_btn {
	background-color: #FFF;
	color: #0039CC;
}
.m_newRegister:hover .m_btn::before {
	background-image: url(/assets/images/ic_btn_newregister.svg);
}
.m_newRegister:hover .m_btn::after {
	background-image: url(/assets/images/ic_link_01.svg);
}
@media screen and (max-width: 767px){
	.m_newRegister {
		margin: 3.2rem 0;
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem;
	}
	.m_giftBanner + .m_newRegister {
		margin-top: 2.4rem;
	}
	.m_newRegister .p_box {
		background-size: 75% auto;
		border-radius: 0.8rem;
		padding: 2rem 2rem 3.2rem;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.m_newRegister .p_box strong {
		margin-left: 0;
		font-size: 1.8rem;
	}
	.m_newRegister .p_box img {
		left: 0.3rem;
		bottom: -1rem;
		width: 5.3rem;
	}
	.m_newRegister .m_btn {
		width: 19.8rem;
		margin: 1.6rem auto 0;
		padding: 0 3rem 0 1rem;
		font-size: 1.8rem;
	}
	.m_newRegister .m_btn::before {
		margin-right: 0.8rem;
		width: 2.4rem;
		height: 2.4rem;
		background-size: contain;
	}
	.m_newRegister .m_btn::after {
		right: 1.4rem;
	}
}

.m_enqueteBox {
	margin-top: 4rem;
}
.m_enqueteBox .p_header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.4rem;
	border-radius: 2rem 2rem 0 0;
	background: url(../images/bg_enquete.png) no-repeat 50% 50% #E7F0FE;
	background-size: cover;
	padding: 1.9rem 1.6rem 1.6rem 12.8rem;
}
.m_enqueteBox .p_header h2 {
	text-align: center;
	color: #002991;
	font-size: 2.4rem;
	font-weight: bold;
}
.m_enqueteBox .p_header h2 span + span {
	display: block;
	margin-top: 0.8rem;
	font-size: 3.2rem;
}
.m_enqueteBox .p_header h2 span + span::before {
	content: '';
	display: inline-block;
	margin-right: 1.2rem;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: url(../images/ic_point_01.svg) no-repeat 50% 50% #FFF;
	background-size: 3rem auto;
	vertical-align: -0.9rem;
}
.m_enqueteBox .p_body {
	border-radius: 0 0 2rem 2rem;
	background-color: #FFF;
	padding: 3.2rem 4.8rem;
}
@media screen and (max-width: 1120px){
	.m_enqueteBox .p_header {
		padding: 1.9rem 1.6rem 1.6rem 4rem;
	}
	.m_enqueteBox .p_header h2 span + span {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 767px){
	.m_enqueteBox {
		margin-top: 2.4rem;
	}
	.m_enqueteBox .p_header {
		position: relative;
		display: block;
		border-radius: 1.6rem 1.6rem 0 0;
		background-image: url(../images/bg_enquete_sp.png);
		padding: 2.4rem 0 2rem;
	}
	.m_enqueteBox .p_header h2 {
		font-size: 1.5rem;
	}
	.m_enqueteBox .p_header h2 span + span {
		font-size: 1.9rem;
	}
	.m_enqueteBox .p_header h2 span + span::before {
		margin-right: 0.6rem;
		width: 3.2rem;
		height: 3.2rem;
		background-size: 2.4rem auto;
	}
	.m_enqueteBox .p_header img {
		position: absolute;
		top: 0.7rem;
		right: 2.2rem;
		width: 6.6rem;
	}
	.m_enqueteBox .p_body {
		border-radius: 0 0 1.6rem 1.6rem;
		padding: 1.6rem 1.6rem 2.4rem;
	}
	.m_enqueteBox .m_btnArea {
		padding: 0 0.4rem;
	}
	.m_enqueteBox .m_btnArea .p_getPoint img {
		width: 2.7rem;
	}
}

.m_columnLayout {
	margin-top: 7.2rem;
	display: flex;
	justify-content: space-between;
}
.m_columnLayout > .p_main {
	width: 69%;
}
.m_columnLayout > .p_subArea {
	width: 28%;
}
.m_columnLayout > .p_subArea h2 {
	font-weight: bold;
}
.m_columnLayout > .p_subArea h2 img {
	margin-right: 0.5rem;
	width: 2.4rem;
}
@media screen and (max-width: 767px){
	.m_columnLayout {
		margin-top: 3.2rem;
		flex-direction: column;
		gap: 3.2rem;
	}
	.m_columnLayout > .p_main {
		width: 100%;
	}
	.m_columnLayout > .p_subArea {
		width: 100%;
	}
	.m_columnLayout > .p_subArea h2 {
		font-size: 2.2rem;
	}
	.m_columnLayout > .p_subArea h2 img {
		width: 2.8rem;
	}
}

.m_popularList > li {
	border-bottom: 1px solid #D5D5D5;
}
.m_popularList a {
	position: relative;
	display: block;
	padding: 1.6rem 0 0.8rem 34.5%;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_popularList .m_linkImg {
	position: absolute;
	top: 1.6rem;
	left: 0;
	width: 31%;
	border-radius: 0.4rem;
}
.m_popularList .p_title {
	margin-bottom: 0.4rem;
	font-weight: bold;
}
.m_popularList a:hover .p_title {
	text-decoration: underline;
}
@media screen and (max-width: 767px){
	.m_popularList a {
		padding: 1.6rem 0 1.6rem 13rem;
	}
	.m_popularList .m_linkImg {
		width: 11.5rem;
	}
	.m_popularList .m_linkImg img {
		width: 100%;
	}
	.m_popularList .p_title {
		font-size: 1.6rem;
	}
}

.m_applyBox {
	margin: 4rem auto;
	max-width: 896px;
	border-radius: 2.4rem;
	background-color: #FCE7E8;
	padding: 3.2rem;
}
.m_applyBox .p_inner {
	position: relative;
	border-radius: 1.6rem;
	background-color: #fff;
	padding: 3.2rem;
	text-align: center;
	line-height: 1.5;
}
.m_applyBox .p_title {
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_applyBox .m_btn {
	margin: 2.4rem auto 0.8rem;
	width: 488px;
}
.m_applyBox .p_note {
	text-align: center;
	font-size: 1.4rem;
}
.m_applyBox .p_img {
	position: absolute;
	right: 51px;
	bottom: 20px;
}
@media screen and (max-width: 1000px){
	.m_applyBox .p_img {
		position: static;
		display: block;
		margin: 1.2rem 0 0 auto;
	}
}
@media screen and (max-width: 767px){
	.m_applyBox {
		margin: 2.4rem auto;
		border-radius: 1.6rem;
		padding: 3.2rem 1.6rem;
	}
	.m_applyBox .p_inner {
		border-radius: 0.8rem;
		padding: 3.2rem 1.4rem;
	}
	.m_applyBox .p_title {
		font-size: 2rem;
	}
	.m_applyBox p {
		text-align: left;
	}
	.m_applyBox .m_btn {
		padding: 0 3.4rem 0.2rem 1.8rem;
		font-size: 1.8rem;
	}
	.m_applyBox .m_btn::after {
		right: 1.6rem;
	}
	.m_applyBox .p_note {
		text-align: left;
		padding-left: 1.2em;
		text-indent: -1.2em;;
	}
	.m_applyBox .p_img {
		width: 10rem;
	}
}

.m_enquete {
	margin: 4rem 0;
	text-align: center;
}
.m_enquete.s_left {
	text-align-last: left;
}
.m_enquete .p_question {
	margin-bottom: 2.4rem;
	font-weight: bold;
	line-height: 1.6;
}
.m_enquete .p_answer {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding-bottom: 3rem;
}
.m_enquete .p_answer ul {
	display: inline-flex;
	justify-content: center;
	gap: 1.6rem;
	max-width: 100%;
}
.m_enquete .p_answer ul li {
	width: 4.8rem;
}
.m_enquete .p_answer input {
	display: none;
}
.m_enquete .p_answer input + span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.8rem;
	border: 2px solid #BEC5CF;
	border-radius: 0.8rem;
	background-color: #F5F8FD;
	text-align: center;
	color: #666;
	font-size: 1.8rem;
	font-weight: 500;
	cursor: pointer;
}
.m_enquete .p_answer input:checked + span {
	border: none;
	background-color: #002991;
	color: #FFF;
}
.m_enquete .p_answer img + img {
	display: none;
}
.m_enquete .p_answer input:checked + span img {
	display: none;
}
.m_enquete .p_answer input:checked + span img + img {
	display: inline;
}
.m_enquete .p_text {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	color: #666;
	font-size: 1.4rem;
}
.m_enquete .p_text:first-child {
	left: 0;
}
.m_enquete .p_text:last-child {
	right: 0;
}
@media screen and (max-width: 767px){
	.m_enquete {
		margin: 2.4rem 0;
	}
	.m_enquete .p_question {
		margin-bottom: 0.8rem;
		text-align: left;
	}
	.m_enquete .p_answer {
		display: block;
	}
	.m_enquete .p_answer.s_spRow2 {
		padding-top: 3rem;
	}
	.m_enquete .p_answer ul {
		display: flex;
		justify-content: space-between;
		gap: 0;
	}
	.m_enquete .p_answer.s_spRow2 ul {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.8rem;
	}
	.m_enquete .p_answer ul li {
		width: 4.6rem;
	}
	.m_enquete .p_answer input + span {
		height: 4.6rem;
		font-size: 1.6rem;
	}
	.m_enquete .p_answer.s_spRadio li {
		width: 2.4rem;
	}
	.m_enquete .p_answer.s_spRadio input + span {
			position: relative;
		height: auto;
		border: none;
		background-color: transparent;
		padding-bottom: 2.8rem;
		color: #000;
		font-size: 1.5rem;
		font-weight: 400;
	}
	.m_enquete .p_answer.s_spRadio input + span::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 2.4rem;
		height: 2.4rem;
		border: 1px solid #707070;
		border-radius: 50%;
		background-color: #F7F7F8;
	}
	.m_enquete .p_answer.s_spRadio input:checked + span {
		background-color: transparent;
	}
	.m_enquete .p_answer.s_spRadio input:checked + span::before {
		border-color: #002991;
		background-color: #002991;
		box-shadow: 0 0 0 0.4rem #fff inset;
	}
	.m_enquete .p_answer.s_spRow2 .p_text:first-child {
		top: 0;
		bottom: auto;
	}
}

.m_footerNote {
	margin-top: 3.6rem;
}
.m_footerNote p {
	text-align: center;
	font-size: 1.4rem;
}
.m_footerNote .p_link {
	margin-top: 1.6rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3.2rem;
}
.m_footerNote .p_link a:hover {
	text-decoration: underline;
}
.m_footerNote .p_link a[target="_blank"]::after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 1.6rem;
	height: 1.6rem;
	background: url(/assets/images/ic_link_blank.svg) no-repeat 50% 50%;
	background-size: 1.6rem auto;
	vertical-align: -0.3rem;
}
@media screen and (max-width: 767px){
	.m_footerNote {
		margin-top: 2.4rem;
	}
	.m_footerNote p {
		text-align: left;
	}
}

.m_pointDetail {
	max-width: 896px;
	margin: 2.4rem auto 4rem;
	border-radius: 2rem;
	background-color: #D5E6FF;
	padding: 3.4rem 0 0;
}
.m_pointDetail.s_eco {
	background-color: #B5D100;
}
.m_pointDetail .p_get {
	max-width: 436px;
	margin: 0 auto 2.8rem;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 0.8rem 0 1rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.m_pointDetail .p_get strong {
	margin-right: 1.6rem;
	padding-left: 4.8rem;
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 50%;
	background-size: 3.2rem auto;
	color: #002991;
	font-size: 2.8rem;
}
.m_pointDetail.s_eco .p_get strong {
	background-image: url(/assets/images/ic_point_04.svg);
	background-size: 4rem auto;
}
.m_pointDetail .p_get strong span {
	margin-right: 0.4rem;
	font-size: 4rem;
	vertical-align: -0.05em;
}
.m_pointDetail .p_detail {
	background-color: #fff;
	border-radius: 0 0 2rem 2rem;
	padding: 2rem 2rem 2.4rem;
}
.m_pointDetail .p_now {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 388px;
	margin: 0 auto;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_pointDetail .p_now .p_point {
	padding-left: 3rem;
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 50%;
	background-size: 1.9rem auto;
	font-size: 2.2rem;
}
.m_pointDetail.s_eco .p_now .p_point {
	background-image: url(/assets/images/ic_point_04.svg);
	background-size: 2.4rem auto;
}
.m_pointDetail .p_now .p_point span {
	font-size: 3.2rem;
}
.m_pointDetail .p_limit {
	max-width: 436px;
	margin: 2.4rem auto 0;
	display: flex;
	justify-content: space-between;
	background-color: #F7F7F8;
	border-radius: 0.4rem;
	padding: 0.8rem 2.4rem; 
}
.m_pointDetail .p_limit strong {
	font-size: 1.8rem;
	font-weight: bold;
}
.m_pointDetail .p_limit small {
	font-size: 1.4rem;
}
@media screen and (max-width: 767px){
	.m_pointDetail {
		margin: 0.8rem auto 2.4rem;
		border-radius: 1.6rem;
		padding: 1.6rem 0 0;
	}
	.m_pointDetail .p_get {
		margin: 0 auto 1.6rem;
		max-width: 21rem;
		font-size: 2.2rem;
	}
	.m_pointDetail .p_get strong {
		margin-right: 0.4rem;
		padding-left: 3rem;
		background-size: 2.4rem auto;
		font-size: 2.2rem;
	}
	.m_pointDetail.s_eco .p_get strong {
		padding-left: 3.6rem;
		background-size: 3.2rem auto;
	}
	.m_pointDetail .p_get strong span {
		font-size: 2.8rem;
	}
	.m_pointDetail .p_detail {
		border-radius: 0 0 1.6rem 1.6rem;
		padding: 2rem 2.4rem 1.6rem;
	}
	.m_pointDetail .p_now {
		max-width: none;
		font-size: 1.6rem;
	}
	.m_pointDetail .p_now .p_point {
		font-size: 1.6rem;
		font-weight: normal;
	}
	.m_pointDetail .p_now .p_point span {
		font-size: 2.4rem;
		font-weight: bold;
	}
	.m_pointDetail .p_limit {
		margin: 1.4rem auto 0;
		max-width: none;
		flex-direction: column;
		font-size: 1.5rem;
		padding: 1.6rem 2.4rem;
		gap: 0.8rem;
	}
}

.m_allocateBox {
	max-width: 896px;
	margin: 2.4rem auto 4rem;
}
.m_allocateBox .p_header {
	border-radius: 2rem 2rem 0 0;
	background-color: #D5E6FF;
	padding: 3.2rem 4.8rem;
	display: flex;
	align-items: center;
	gap: 2.4rem;
}
.m_allocateBox .p_header .p_title {
	font-size: 2.6rem;
	font-weight: bold;
}
.m_allocateBox .p_header .p_amount {
	flex-grow: 1;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 1.4rem;
	text-align: center;
	color: #002991;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1;
}
.m_allocateBox .p_header .p_amount span {
	font-size: 4rem;
}
.m_allocateBox > .p_body {
	border-radius: 0 0 2rem 2rem;
	background-color: #FFF;
	padding: 3.2rem 4.8rem;
}
.m_allocateBox .m_confirmList .p_title {
	width: 34%;
}
@media screen and (max-width: 767px){
	.m_allocateBox {
		margin: 1.6rem auto 2.4rem;
	}
	.m_allocateBox .p_header {
		border-radius: 1.6rem 1.6rem 0 0;
		padding: 2.4rem 1.6rem 1.6rem;
		flex-direction: column;
		align-items: center;
		gap: 1.6rem;
	}
	.m_allocateBox .p_header .p_title {
		font-size: 2.4rem;
	}
	.m_allocateBox .p_header .p_amount {
		width: 100%;
		font-size: 2.4rem;
	}
	.m_allocateBox .p_header .p_amount span {
		font-size: 2.8rem;
	}
	.m_allocateBox > .p_body {
		border-radius: 0 0 1.6rem 1.6rem;
		padding: 2.4rem 1.6rem;
	}
	.m_allocateBox .m_confirmList .p_title {
		width: auto;
	}
}

.m_searchSection {
	margin: 0 0 4.8rem;
	background-color: #E7F0FE;
	padding: 3.2rem 0 4rem;
}
.m_searchSection h2 {
	margin-bottom: 1.6rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.15rem;
}
.m_searchSection form {
	display: flex;
	gap: 2.4rem;
}
.m_searchSection input {
	flex-grow: 1;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	background: url(/assets/images/ic_input_search.svg) no-repeat 2.5rem 55% #FFF;
	padding: 1rem 2rem 1rem 4.8rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_searchSection button {
	width: 16rem;
	height: 6.4rem;
	border-radius: 3.2rem;
	background-color: #0039CC;
	border: none;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_searchSection {
		margin: 0 0 2.4rem;
		padding: 2.4rem 0 2rem;
	}
	.m_searchSection h2 {
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.m_searchSection form {
		gap: 0;
	}
	.m_searchSection input {
		border-radius: 0.8rem 0 0 0.8rem;
		background-position: 1.6rem 55%;
		background-size: 1.3rem auto;
		padding: 1rem 2rem 1rem 3.5rem;
		font-size: 1.6rem;
	}
	.m_searchSection button {
		border-radius: 0 0.8rem 0.8rem 0;
		width: 6.1rem;
		height: 4.8rem;
		font-size: 1.4rem;
	}
}

.m_faqBox {
	border-radius: 2rem;
	background: #FFF;
	padding: 0.8rem 4.8rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_faqBox:has(.p_faq:nth-child(2)) {
	padding: 2.4rem 4.8rem;
}
.m_faqBox + .m_faqBox {
	margin-top: 1.6rem;
}
.m_faqBox .p_faq {
	line-height: 1.5;
}
.m_faqBox .p_faq + .p_faq {
	border-top: 1px solid #D5D5D5;
}
.m_faqBox .p_question {
	position: relative;
	display: flex;
	min-height: 7.2rem;
	align-items: center;
	padding: 1.6rem 4rem 1.6rem 4.8rem;
	font-weight: bold;
	cursor: pointer;
}
.m_faqBox .p_question:hover {
	text-decoration: underline;
}
.m_faqBox .p_question::before,
.m_faqBox .p_question::after {
	content: '';
	position: absolute;
	top: 0;
	right: 1rem;
	bottom: 0;
	width: 1.6rem;
	height: 2px;
	background-color: #707070;
	margin: auto 0;
}
.m_faqBox .p_question::after {
	transform: rotate(90deg);
}
.m_faqBox .p_question.s_open::after {
	display: none;
}
.m_faqBox .p_faq.s_detail .p_question {
	cursor: default;
	text-decoration: none;
}
.m_faqBox .p_faq.s_detail .p_question::before,
.m_faqBox .p_faq.s_detail .p_question::after {
	display: none;
}
.m_faqBox .p_question > img {
	position: absolute;
	top: 1.6rem;
	left: 0;
}
.m_faqBox .p_answer {
	position: relative;
	padding: 1px 0 2.4rem 5.6rem;
	display: none;
}
.m_faqBox .p_faq.s_detail .p_answer {
	display: block;
}
.m_faqBox .p_faq:only-child .p_answer {
	border-top: 1px solid #D5D5D5;
}
.m_faqBox .p_answer > img {
	position: absolute;
	top: 0;
	left: 0;
}
.m_faqBox .p_faq:only-child .p_answer > img {
	top: 2.4rem;
}
.m_faqBox .p_answer > img + * {
	margin-top: 0.6rem;
}
.m_faqBox .p_faq:only-child .p_answer > img + * {
	margin-top: 3.1rem;
}
.m_faqBox .p_answer a {
	color: #0039CC;
	font-weight: bold;
	border-bottom: 1px solid #0039CC;
}
.m_faqBox .p_answer a:hover {
	border-bottom: none;
}
.m_faqBox .p_answer a[target="_blank"]::after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	background: url(/assets/images/ic_link_blank.svg) no-repeat 50% 50%;
	background-size: 1.6rem auto;
	vertical-align: -3px;
}
@media screen and (max-width: 767px){
	.m_faqBox {
		border-radius: 1.6rem;
		padding: 0.8rem 1.6rem 1.2rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_faqBox:has(.p_faq:nth-child(2)) {
		padding: 0.8rem 1.6rem 1.2rem;
	}
	.m_faqBox .p_faq {
		line-height: 1.6;
	}
	.m_faqBox .p_question {
		min-height: 6.4rem;
		padding: 1.6rem 3.2rem 1.2rem 4.8rem;
	}
	.m_faqBox .p_question::before,
	.m_faqBox .p_question::after {
		right: 0.4rem;
	}
	.m_faqBox .p_question > img {
		top: 2rem;
	}
	.m_faqBox .p_answer {
		padding: 1px 1.6rem 1.2rem 4.8rem;
	}
	.m_faqBox .p_answer > img {
		top: 0.4rem;
	}
	.m_faqBox .p_faq:only-child .p_answer > img {
		top: 1.6rem;
	}
	.m_faqBox .p_answer > img + * {
		margin-top: 0;
	}
	.m_faqBox .p_faq:only-child .p_answer > img + * {
		margin-top: 1.2rem;
	}
}

.m_faqTab {
	margin: 6.4rem 0 4.8rem;
	background-color: #E7F0FE;
	padding: 3.2rem 0 4rem;
}
.m_faqTab .m_pageInner {
	position: relative;
}
.m_faqTab h2 {
	margin-bottom: 1.6rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.15rem;
}
.m_faqTab img {
	position: absolute;
	top: -5.2rem;
	right: 8.2rem;
}
.m_faqTab ul {
	position: relative;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 2.4rem 4.8rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}
.m_faqTab a {
	display: flex;
	align-items: center;
	height: 4.6rem;
	padding: 0 2.4rem;
	border-radius: 2.3rem;
	background-color: #F5F8FD;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_faqTab a:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_faqTab a.s_cur {
	background-color: #002991;
	color: #FFF;
}
.m_faqTabContents {
	display: none;
}
.m_faqTabContents.s_show {
	display: block;
}
@media screen and (min-width: 768px){
	.m_faqTab .m_select {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.m_faqTab {
		margin: 3.2rem 0;
		padding: 2.4rem 0;
	}
	.m_faqTab h2 {
		margin-bottom: 0.4rem;
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.m_faqTab img {
		top: -2.3rem;
		right: 3.6rem;
		width: 5.5rem;
	}
	.m_faqTab ul {
		display: none;
	}
	.m_faqTab .m_select {
		position: relative;
	}
}

.m_contactBanner {
	position: relative;
	margin-top: 6.4rem !important;
	border-radius: 2rem;
	background: linear-gradient(180deg, #0055D9 16%, rgba(0, 85, 217, 0.00) 100%);
	padding: 2.4rem 4rem;
}
.m_contactBanner .p_inner {
	border-radius: 1.6rem;
	background-color: #FFF;
	padding: 2.4rem 2.4rem 2.4rem 16.6rem;
	display: flex;
	align-items: center;
	gap: 2rem;
}
.m_contactBanner p {
	color: #333;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_contactBanner .m_btn {
	width: 27.2rem;
	padding-right: 3.2rem;
}
.m_contactBanner > img {
	position: absolute;
	left: 6.6rem;
	bottom: 0;
}
@media screen and (max-width: 1120px){
	.m_contactBanner {
		max-width: 750px;
		margin: 6.4rem auto 0 !important;
		padding: 2.4rem;
	}
	.m_contactBanner .p_inner {
		padding: 2.4rem 2.4rem 2.4rem 14rem;
		flex-direction: column;
		gap: 1.2rem;
	}
	.m_contactBanner > img {
		left: 4rem;
	}
}
@media screen and (max-width: 767px){
	.m_contactBanner {
		margin: 3.2rem auto 0 !important;
		border-radius: 1.6rem;
		background: linear-gradient(180deg, #0055D9 8%, rgba(0, 85, 217, 0.00) 100%);
		padding: 1.6rem;
		overflow: hidden;
	}
	.m_contactBanner .p_inner {
		border-radius: 0.8rem;
		padding: 2.4rem;
		gap: 0.8rem;
	}
	.m_contactBanner p {
		font-size: 1.4rem;
		font-weight: 400;
	}
	.m_contactBanner .m_btn {
		width: 100%;
		height: 4.8rem;
	}
	.m_contactBanner > img {
		left: 0;
		bottom: -2rem;
		width: 7rem;
	}
}

.m_faqBanner {
	position: relative;
	margin: 3.2rem 0 4.8rem;
	border-radius: 2rem;
	background-color: #D5E6FF;
	padding: 2.4rem 9.2rem;
}
.m_faqBanner .p_img01 {
	position: absolute;
	top: 1.4rem;
	right: 2.8rem;
	z-index: 10;
}
.m_faqBanner .p_inner {
	position: relative;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 3.2rem 11.5rem 1.8rem;
	color: #002991;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_faqBanner h2 {
	margin-bottom: 1.6rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_faqBanner strong {
	font-weight: inherit;
	background: linear-gradient(0, #FF0 30%, transparent 30%);
}
.m_faqBanner .m_btn {
	margin: 1.6rem auto 0;
}
.m_faqBanner .p_img02 {
	position: absolute;
	left: -1.5rem;
	bottom: 0;
}
@media screen and (max-width: 1120px){
	.m_faqBanner {
		padding: 2.4rem 4.8rem;
	}
}
@media screen and (max-width: 767px){
	.m_faqBanner {
		margin: 2.4rem 0;
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem;
		overflow: hidden;
	}
	.m_faqBanner .p_img01 {
		top: 1rem;
		right: 1.2rem;
		width: 6rem;
	}
	.m_faqBanner .p_inner {
		padding: 2rem 2.4rem 3.6rem;
		font-size: 1.4rem;
		font-weight: normal;
	}
	.m_faqBanner h2 {
		margin-bottom: 0.8rem;
		font-size: 2rem;
	}
	.m_faqBanner .m_btn {
		margin: 1.4rem auto 0;
	}
	.m_faqBanner .p_img02 {
		left: -1.6rem;
		bottom: -4.2rem;
		width: 5.9rem;
	}
}

.m_graph {
	position: relative;
}
.m_graph + .m_graph {
	margin-top: 3.2rem;
}
.m_graph .p_title {
	margin-bottom: 3.2rem;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_graph .p_title img {
	margin-right: 0.8rem;
}
.m_graph .p_settingBtn {
	position: absolute;
	top: -1.2rem;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 184px;
	height: 4.8rem;
	border: 2px solid #0039CC;
	border-radius: 2.4rem;
	background-color: #FFF;
	color: #0039CC;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_graph .p_settingBtn:hover {
	background-color: #0039CC;
	color: #fff;
}
.m_graph .p_settingBtn::after {
	content: '';
	display: inline-block;
	margin-left: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_setting.svg) no-repeat 50% 50%;
}
.m_graph .p_settingBtn:hover::after {
	background-image: url(/assets/images/ic_btn_setting_white.svg);
}
.m_graph .p_graphArea {
	position: relative;
	margin-bottom: 4.5rem;
	padding-right: 2.5rem;
	font-size: 1.4rem;
}
.m_graph .p_graphArea.s_hasTemp {
	padding-right: 0;
}
.m_graph .p_graphArea:has(.p_graphMain.s_scroll) {
	margin-bottom: 8rem;
}
.m_graph .p_base {
	display: flex;
	height: 390px;
}
.m_graph .p_yAxis {
	margin-top: -1.6rem;
	display: flex;
	flex-direction: column;
	width: 8.5rem;
	padding-right: 0.8rem;
	flex-shrink: 0;
	color: #666;
	text-align: right;
}
.m_graph .p_yAxis:last-child {
	width: 5rem;
	padding: 0 0 0 0.8rem;
	text-align: left;
}
.m_graph .p_yAxis ul {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m_graph .p_line {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	border-left: 1px solid #D5D5D5;
	border-bottom: 1px solid #707070;
}
.m_graph .p_line li {
	position: relative;
	border-top: 1px solid #D5D5D5;
	height: 100%;
}
.m_graph .p_graphMain {
	position: absolute;
	top: 0;
	left: 8.5rem;
	bottom: 1px;
	right: 2.5rem;
}
.m_graph .p_graphArea.s_hasTemp .p_graphMain {
	right: 5rem;
}
.m_graph .p_graphMain.s_scroll {
	overflow-x: scroll;
	bottom: auto;
	padding-bottom: 4rem;
	height: calc(100% - 1px);
	box-sizing: content-box;
}
.m_graph .p_barGraph {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.m_graph .p_barGraph.s_month {
	padding: 0 0.5rem;
}
.m_graph .p_barGraph.s_day {
	width: 184%;
	padding: 0 0.5rem;
}
.m_graph .p_barGraph > li {
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.m_graph.s_hide01.s_hide02 .p_barGraph > li {
	pointer-events: none;
}
.m_graph .p_barGraph.s_year > li {
	width: calc(100% / 12);
}
.m_graph .p_barGraph.s_month > li {
	width: calc(100% / 31);
}
.m_graph .p_barGraph.s_day > li {
	width: calc(100% / 24);
}
.m_graph .p_barGraph > li .p_bar {
	position: relative;
	width: 2.4rem;
	max-width: 35%;
}
.m_graph .p_barGraph.s_month > li .p_bar {
	width: 0.8rem;
}
.m_graph .p_barGraph.s_day.s_half > li .p_bar {
	width: 1.2rem;
}
.m_graph .p_barGraph > li .p_bar span {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	height: 100%;
	border-radius: 0.8rem 0.8rem 0 0;
	border-bottom: none !important;
}
.m_graph .p_barGraph > li .p_bar.s_01 span,
.m_graph .p_legend li.s_01::before {
	border: 1px solid var(--graph-border-color);
	background-color: var(--graph-bg-color);
}
.m_graph .p_barGraph > li .p_bar.s_02 span,
.m_graph .p_legend li.s_02::before {
	background-color: var(--graph-color);
}
.m_graph .p_barGraph > li .p_bar.s_anime span {
	animation: graphbar 0.5s;
	animation-fill-mode: both;
}
@keyframes graphbar {
	0% { height: 0; }
	100% { height: 100%; }
}
.m_graph.s_hide01 .p_barGraph > li .p_bar.s_01 {
	visibility: hidden;
}
.m_graph.s_hide02 .p_barGraph > li .p_bar.s_02 {
	visibility: hidden;
}
.m_graph .p_barGraph > li > span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2.8rem;
	text-align: center;
	font-weight: bold;
}
.m_graph .p_popup {
	display: none;
}
.m_graph > .p_popup {
	position: absolute;
	z-index: 10;
	display: block;
	border-radius: 1.6rem;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	padding: 1.6rem 2.4rem;
	white-space: nowrap;
	transform: translate(-50%, -110%);
	pointer-events: none;
}
.m_graph > .p_popup:empty {
	display: none;
}
.m_graph .p_popup .p_label {
	margin-bottom: 0.8rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}
.m_graph .p_popup .p_legend {
	flex-direction: column;
	gap: 0.4rem;
}
.m_graph .p_popup .p_legend li {
	padding-left: 2rem;
}
.m_graph .p_popup .p_legend li::before {
	top: 0.4rem;
}
.m_graph.s_hide01 .p_popup .p_legend li.s_01,
.m_graph.s_hide02 .p_popup .p_legend li.s_02,
.m_graph.s_hide03 .p_popup .p_legend li.s_03,
.m_graph.s_hide04 .p_popup .p_legend li.s_04 {
	display: none;
}
.m_graph .p_popup .p_legend span {
	margin: 0 0.4rem 0 0.8rem;
	font-size: 2rem;
	font-weight: bold;
}
.m_graph .p_lineGraph {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}
.m_graph .p_lineGraph.s_show {
	animation: lineGraph 1s linear;
}
.m_graph .p_lineGraph canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.m_graph.s_hide03 .p_lineGraph canvas:nth-child(1) {
	display: none;
}
.m_graph.s_hide04 .p_lineGraph canvas:nth-child(2) {
	display: none;
}
.m_graph .p_linePopup {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	pointer-events: none;
}
.m_graph .p_linePopup li {
	position: relative;
	width: calc(100% / 12);
	height: 100%;
}
.m_graph .p_linePopup li span {
	position: absolute;
	width: 100%;
	pointer-events: all;
}
.m_graph.s_hide03 .p_linePopup li span.s_noData2,
.m_graph.s_hide03.s_hide04 .p_linePopup li span {
	display: none;
}
@keyframes lineGraph {
	0% { width: 0; }
	100% { width: 100%; }
}
.m_graph .p_labelUnit {
	position: absolute;
	right: -0.5rem;
	bottom: -2.7rem;
	font-size: 1.4rem;
}
.m_graph .p_legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.6rem;
	line-height: 1.5;
}
.m_graph .p_legend li {
	position: relative;
	padding-left: 2.4rem;
	font-size: 1.4rem;
	user-select: none;
}
.m_graph .p_legend li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	margin: auto 0;
}
.m_graph .p_legend.s_toggle li {
	cursor: pointer;
}
.m_graph .p_legend li.s_disabled {
	color: #aaa;
}
.m_graph .p_legend li img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
}
.m_graph .p_btnArea {
	margin-top: 2.4rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 2.4rem;
	display: flex;
	justify-content: center;
}
.m_graph .p_btnArea .p_prevBtn {
	position: relative;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem 0 0 0.8rem;
	padding: 0.8rem 1.6rem 0.8rem 4rem;
	font-size: 1.8rem;
	cursor: pointer;
}
.m_graph .p_btnArea .p_prevBtn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 1.8rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 2px solid #707070;
	border-left: 2px solid #707070;
	transform-origin: left top;
	transform: rotate(-45deg);
}
.m_graph .p_btnArea .p_nextBtn {
	position: relative;
	border: 1px solid #D5D5D5;
	border-left: none;
	border-radius: 0 0.8rem 0.8rem 0;
	padding: 0.8rem 4rem 0.8rem 1.6rem;
	font-size: 1.8rem;
	cursor: pointer;
}
.m_graph .p_btnArea .p_nextBtn::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.8rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	transform-origin: right top;
	transform: rotate(45deg);
}
.m_graph .p_btnArea .p_prevBtn.s_disabled,
.m_graph .p_btnArea .p_nextBtn.s_disabled {
	background-color: #D5D5D5;
	border-color: #959595;
	border-left: 1px solid #959595;
	color: #333;
	cursor: default;
}
@media screen and (max-width: 1120px){
	.m_graph .p_graphArea {
		padding-right: 2rem;
	}
	.m_graph .p_graphArea:has(.p_graphMain.s_scroll) {
		margin-bottom: 6rem;
	}
	.m_graph .p_base {
		height: 330px;
	}
	.m_graph .p_yAxis {
		width: 6rem;
	}
	.m_graph .p_graphMain {
		left: 6rem;
		right: 2rem;
	}
}
@media screen and (max-width: 767px){
	.m_graph + .m_graph {
		margin-top: 2.4rem;
	}
	.m_graph .p_title {
		margin-bottom: 3.8rem;
		font-size: 2rem;
	}
	.m_graph .p_title img {
		width: 2.8rem;
	}
	.m_graph .p_settingBtn {
		position: static;
		margin: 2.4rem auto 0;
		width: 31.8rem;
		font-size: 1.6rem;
	}
	.m_graph .p_settingBtn::after {
		background-size: 2.4rem 2.4rem;
	}
	.m_graph .p_graphArea {
		margin-bottom: 6rem;
		padding-right: 0;
	}
	.m_graph .p_graphArea:has(.p_graphMain.s_scroll) {
		margin-bottom: 6rem;
	}
	.m_graph .p_base {
		height: 22.8rem;
	}
	.m_graph .p_yAxis {
		margin-top: -2.6rem;
		width: 5.5rem;
		padding-right: 0.4rem;
	}
	.m_graph .p_yAxis:last-child {
		width: 4rem;
		padding: 0;
	}
	.m_graph .p_yAxis:last-child ul {
		padding-left: 0.6rem;
	}
	.m_graph .p_graphMain {
		left: 5.5rem;
		right: 0;
		overflow-x: scroll;
		bottom: auto;
		padding-bottom: 4rem;
		height: calc(100% - 1px);
		box-sizing: content-box;
	}
	.m_graph .p_graphArea.s_hasTemp .p_graphMain {
		right: 4rem;
	}
	.m_graph .p_barGraph.s_year {
		width: 240%;
	}
	.m_graph .p_barGraph.s_month {
		width: 380%;
	}
	.m_graph .p_barGraph.s_day {
		width: 320%;
	}
	.m_graph .p_barGraph.s_day.s_half {
		width: 590%;
	}
	.m_graph .p_barGraph > li .p_bar {
		width: 2rem;
	}
	.m_graph .p_barGraph.s_month > li .p_bar {
		width: 2rem;
	}
	.m_graph .p_barGraph.s_day.s_half > li .p_bar {
		width: 2rem;
	}
	.m_graph .p_barGraph > li > span {
		bottom: -2.2rem;
	}
	.m_graph > .p_popup {
		padding: 1.6rem;
	}
	.m_graph .p_popup .p_label {
		font-size: 1.4rem;
	}
	.m_graph .p_popup .p_legend span {
		font-size: 1.8rem;
	}
	.m_graph .p_lineGraph {
		width: 240%;
	}
	.m_graph .p_labelUnit {
		bottom: -4rem;
	}
	.m_graph .p_legend li.s_spBreak {
		width: 50%;
	}
}

.m_detailDocument {
	margin-bottom: 7.2rem;
}
.m_detailDocument .p_header {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
}
.m_detailDocument .p_header .m_select {
	margin: 0;
	max-width: 25.2rem;
}
.m_detailDocument .m_downloadBtn {
	margin-left: auto;
}
.m_detailDocument > ul > li {
	margin-top: 1.6rem;
	display: flex;
	border-radius: 1.6rem;
	border: 1px solid #BEC5CF;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	line-height: 1.5;
}
.m_detailDocument.s_sales > ul > li {
	border: none;
	box-shadow: none;
}
.m_detailDocument .p_month {
	width: 18.6%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #D5D5D5;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_detailDocument.s_sales .p_month {
	width: 23.3%;
	justify-content: flex-start;
	padding: 0 4rem;
}
.m_detailDocument .p_status {
	display: inline-block;
	margin-left: 0.4rem;
	border-radius: 0.4rem;
	background-color: #FFF2F3;
	padding: 0.2rem 0.8rem;
	color: #E00004;
	font-size: 1.4rem;
}
.m_detailDocument .p_status.s_done {
	background-color: #D8FFE4;
	color: #00572F;
}
.m_detailDocument .p_detail {
	flex-grow: 1;
	display: flex;
	border-right: 1px solid #D5D5D5;
	padding: 2.4rem 0;
}
.m_detailDocument.s_sales .p_detail {
	border-right: none;
}
.m_detailDocument .p_detail:has(.s_col4) {
	border-right: none;
}
.m_detailDocument .p_detail > div {
	flex-grow: 1;
	padding: 0 1.6rem;
}
.m_detailDocument.s_sales .p_detail > div {
	padding: 0 4.8rem;
	width: 50%;
}
.m_detailDocument.s_sales .p_detail:has(>div:nth-child(3)) > div {
	padding: 0 3.2rem;
	width: 33.33%;
}
.m_detailDocument .p_detail > div + div {
	border-left: 1px solid #D5D5D5;
}
.m_detailDocument .p_detail .s_col1 {
	width: 36%;
}
.m_detailDocument .p_detail .s_col2 {
	width: 49%;
}
.m_detailDocument .p_detail .s_col3 {
	width: 15%;
}
.m_detailDocument .p_detail .s_col4 {
	width: 34%;
}
.m_detailDocument .p_detail .s_col5 {
	width: 16%;
}
.m_detailDocument .p_detail .s_col6 {
	width: 24.6%;
}
.m_detailDocument .p_detail .s_col7 {
	width: 12%;
}
.m_detailDocument .p_title {
	font-size: 1.4rem;
	font-weight: bold;
}
.m_detailDocument .p_data:last-child {
	margin-top: 1.2rem;
}
.m_detailDocument.s_sales .p_data:last-child {
	margin-top: 0.4rem;
}
.m_detailDocument .p_data span {
	margin-right: 0.4rem;
	font-size: 2rem;
	font-weight: bold;
}
.m_detailDocument .p_note {
	color: #666;
	font-size: 1.4rem;
}
.m_detailDocument .p_note span {
	margin: 0 0.4rem 0 0.8rem;
}
.m_detailDocument .p_btnArea {
	width: 16.3%;
	display: flex;
	align-items: center;
	border-right: 1px solid #D5D5D5;
	padding: 1.2rem;
}
.m_detailDocument .p_download {
	position: relative;
	width: 100%;
}
.m_detailDocument .p_download .p_btn {
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	background: url(/assets/images/ic_form_select.svg) no-repeat right 1.2rem center #FFF;
	background-size: 1.6rem auto;
	height: 4.8rem;
	padding: 1.2rem 2.4rem 1.2rem 0.8rem;
	text-align: center;
	cursor: pointer;
	user-select: none;
}
.m_detailDocument .p_download ul {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	z-index: 10;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 0.8rem 0;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	display: none;
}
.m_detailDocument .p_download ul.s_show {
	display: block;
}
.m_detailDocument .p_download a {
	display: block;
	background: url(/assets/images/ic_link_pdf.svg) no-repeat right 1.6rem center;
	background-size: 1.6rem auto;
	padding: 1.2rem 1.6rem;
}
.m_detailDocument .p_download a:hover {
	background-color: #F7F7F8;
	color: #002991;
	font-weight: bold;
}
.m_detailDocument > ul > li > a {
	display: block;
	width: 4.8rem;
	border-radius: 0 1.6rem 1.6rem 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
	background-size: 1.5rem auto;
}
.m_detailDocument > ul > li > a:hover {
	background-image: url(/assets/images/ic_link_01_white.svg);
	background-color: #0039CC;
}
@media screen and (min-width: 1121px){
	.m_detailDocument > ul:not(.s_show) > li:nth-child(n+3) {
		display: none;
	}
}
@media screen and (max-width: 1120px){
	.m_detailDocument > ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0 3.5%;
	}
	.m_detailDocument > ul > li {
		position: relative;
		width: 31%;
		flex-direction: column;
		padding: 2.4rem 1.6rem 0.8rem;
	}
	.m_detailDocument > ul > li:has(.p_download) {
		padding: 2.4rem 1.6rem;
	}
	.m_detailDocument > ul:not(.s_show) > li:nth-child(n+4) {
		display: none;
	}
	.m_detailDocument .p_month {
		width: 100%;
		margin-bottom: 1.6rem;
		display: block;
		border-right: none;
	}
	.m_detailDocument.s_sales .p_month {
		width: 100%;
		padding: 0;
	}
	.m_detailDocument li:has(a) .p_month::after {
		content: '';
		margin-left: 0.8rem;
		display: inline-block;
		width: 1.5rem;
		height: 1.2rem;
		background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
		background-size: 1.5rem auto;
	}
	.m_detailDocument .p_detail {
		flex-direction: column;
		border-right: none;
		padding: 0;
	}
	.m_detailDocument .p_detail > div {
		margin-bottom: 1.6rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 0 1rem;
		border-bottom: 1px solid #D5D5D5;
		padding: 0 0 0.8rem !important;
	}
	.m_detailDocument.s_sales .p_detail > div {
		width: 100%;
	}
	.m_detailDocument.s_sales .p_detail:has(>div:nth-child(3)) > div {
		width: 100%;
	}
	.m_detailDocument.s_sales .p_detail > div:last-child {
		margin-bottom: 0;
	}
	.m_detailDocument .p_detail > div + div {
		border-left: none;
	}
	.m_detailDocument .p_detail .s_col1,
	.m_detailDocument .p_detail .s_col2,
	.m_detailDocument .p_detail .s_col3,
	.m_detailDocument .p_detail .s_col4,
	.m_detailDocument .p_detail .s_col5,
	.m_detailDocument .p_detail .s_col6,
	.m_detailDocument .p_detail .s_col7 {
		width: 100%;
	}
	.m_detailDocument .p_title {
		font-size: 1.5rem;
	}
	.m_detailDocument .p_data:last-child {
		margin-top: 0;
	}
	.m_detailDocument .p_data span {
		font-size: 1.6rem;
	}
	.m_detailDocument .p_note {
		margin-top: 0.5rem;
		width: 100%;
	}
	.m_detailDocument .p_btnArea {
		width: 100%;
		border-right: none;
		padding: 0;
	}
	.m_detailDocument > ul > li > a {
		position: absolute;
		top: 1.6rem;
		left: 0;
		right: 0;
		width: 100%;
		height: 4.4rem;
		border-radius: 1.6rem 1.6rem 0 0;
		background: transparent;
	}
	.m_detailDocument > ul > li > a:hover {
		background-image: none;
		background-color: transparent;
	}
}
@media screen and (max-width: 767px){
	.m_detailDocument {
		margin-bottom: 3.2rem;
	}
	.m_detailDocument .p_header {
		margin: 2.4rem 0 0.8rem;
		flex-direction: column;
		gap: 1.2rem;
	}
	.m_detailDocument .p_header .m_select {
		max-width: none;
	}
	.m_detailDocument .m_downloadBtn {
		margin: 0 auto;
	}
	.m_detailDocument > ul > li {
		margin-top: 2.4rem;
		width: 100%;
	}
	.m_detailDocument.s_sales > ul > li {
		margin-top: 0.8rem;
	}
	.m_detailDocument > ul > li:first-child {
		margin-top: 1.2rem;
	}
	.m_detailDocument > ul:not(.s_show) > li:nth-child(n+3) {
		display: none;
	}
}

.m_downloadList {
	position: relative;
	width: 34.4rem;
	margin-left: auto;
}
.m_downloadList .p_btn {
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	background: url(/assets/images/ic_form_select.svg) no-repeat right 1.2rem center #FFF;
	background-size: 1.6rem auto;
	height: 4.8rem;
	padding: 1.2rem 2.4rem 1.2rem 0.8rem;
	cursor: pointer;
	user-select: none;
}
.m_downloadList ul {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	z-index: 10;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 0.8rem 0;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	display: none;
}
.m_downloadList ul.s_show {
	display: block;
}
.m_downloadList a {
	display: block;
	background: url(/assets/images/ic_link_pdf.svg) no-repeat right 1.6rem center;
	background-size: 1.6rem auto;
	padding: 1.2rem 1.6rem;
}
.m_downloadList a:hover {
	background-color: #F7F7F8;
	color: #002991;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_downloadList {
		width: 100%;
	}
}

.m_2colBox {
	border-radius: 2rem;
	background-color: #F5F8FD;
	display: flex;
	padding: 2.4rem 1rem;
}
.m_2colBox .p_col {
	width: 50%;
	padding: 0.8rem 2.4rem;
}
.m_2colBox .p_col + .p_col {
	border-left: 1px solid #D5D5D5;
}
.m_2colBox .m_btnArea {
	margin-top: 1.6rem;
}
@media screen and (max-width: 767px){
	.m_2colBox {
		flex-direction: column;
		padding: 1.6rem;
	}
	.m_2colBox .p_col {
		width: 100%;
		padding: 0 0.8rem;
	}
	.m_2colBox .p_col + .p_col {
		margin-top: 1.6rem;
		border-top: 1px solid #D5D5D5;
		border-left: none;
		padding-top: 1.6rem;
	}
	.m_2colBox .m_btnArea {
		margin-top: 0.8rem;
	}
}

.m_pointCode {
	text-align: center;
}
.m_pointCode h2 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_pointCode p {
	margin: 0.8rem 0;
	color: #666;
	font-size: 1.4rem;
}
.m_pointCode .m_textbox {
	margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px){
	.m_pointCode {
		padding: 2.4rem 0 0;
	}
	.m_pointCode h2 {
		font-size: 2.4rem;
	}
}

.m_refineBox {
	border-radius: 2rem;
	background-color: #FFF;
	padding: 2.4rem 4.8rem;
}
.m_refineBtn {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem 0.8rem;
}
.m_refineBtn input {
	display: none;
}
.m_refineBtn input + span {
	display: inline-block;
	padding: 0.8rem 2.4rem;
	border-radius: 2.3rem;
	background-color: #F5F8FD;
	cursor: pointer;
}
.m_refineBtn input:checked + span {
	background-color: #002991;
	color: #FFF;
}
@media screen and (max-width: 767px){
	.m_refineBox {
		border-radius: 1.6rem;
		padding: 1.3rem 1.6rem;
	}
	.m_refineBtn {
		gap: 1.2rem 0.4rem;
	}
	.m_refineBtn input + span {
		padding: 0.8rem 1.2rem;
		font-size: 1.4rem;
	}
}

.m_checkUsage {
	margin: 4rem 0;
}
.m_checkUsage > li + li {
	margin-top: 1.6rem;
}
.m_checkUsage:not(.s_show) > li:nth-child(n+5) {
	display: none;
}
.m_checkUsage a {
	position: relative;
	border-radius: 1.6rem;
	border: 1px solid #BEC5CF;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	display: flex;
	align-items: center;
	padding: 1.6rem 4.8rem 1.6rem 2.4rem;
	line-height: 1.5;
}
.m_checkUsage a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4rem;
	border-radius: 0 1.6rem 1.6rem 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat right 1.6rem center #FFF;
	transition: all 0.2s;
}
.m_checkUsage a:hover::after {
	background-color: #0039CC;
	background-image: url(/assets/images/ic_link_01_white.svg);
}
.m_checkUsage .p_title {
	width: 31%;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_checkUsage .p_status {
	margin-left: 0.4rem;
	display: inline-block;
	border-radius: 0.4rem;
	background-color: #FFF2F3;
	padding: 0.2rem 0.8rem;
	color: #E00004;
	font-size: 1.4rem;
	font-weight: normal;
	vertical-align: 0.2rem;
}
.m_checkUsage .p_info {
	border-left: 1px solid #D5D5D5;
	padding: 1.6rem 2.4rem;
	flex-grow: 1;
}
.m_checkUsage .p_info .p_label {
	margin-right: 1.6rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_checkUsage .p_info li + li {
	margin-top: 0.8rem;
}
.m_checkUsage .p_pointBox {
	width: 16rem;
	border-radius: 0.8rem;
	background-color: #FFFBBF;
	padding: 0.8rem 0 1.2rem;
	text-align: center;
	color: #666;
	font-size: 1.4rem;
}
.m_checkUsage .p_pointBox.s_done {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 8.6rem;
	background-color: #F7F7F8;
	padding-right: 1rem;
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
}
.m_checkUsage .p_pointBox.s_done::before {
	content: '';
	display: inline;
	margin-right: 0.8rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../images/ic_done.svg) no-repeat 50% 50%;
	background-size: contain;
}
.m_checkUsage .p_pointBox .p_point {
	display: block;
	margin-top: 1.2rem;
	color: #002991;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}
.m_checkUsage .p_pointBox .p_point::before {
	content: '';
	display: inline-block;
	margin-right: 0.4rem;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background: url(../images/ic_point_01.svg) no-repeat 50% 50% #FFF;
	background-size: 2.4rem auto;
	vertical-align: -0.6rem;
}
.m_checkUsage .p_pointBox .p_point span {
	font-size: 2.8rem;
}
@media screen and (max-width: 767px){
	.m_checkUsage {
		margin: 2.4rem 0;
	}
	.m_checkUsage a {
		flex-direction: column;
		align-items: stretch;
		padding: 2.4rem 1.6rem 1.6rem;
	}
	.m_checkUsage a::after {
		display: none;
	}
	.m_checkUsage .p_title {
		width: auto;
		padding: 0 0 0.8rem;
	}
	.m_checkUsage .p_title::after {
		content: '';
		display: inline-block;
		vertical-align: 0.2rem;
		margin-left: 0.8rem;
		width: 1.5rem;
		height: 1.2rem;
		background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
		background-size: 1.5rem auto;
	}
	.m_checkUsage .p_status {
		margin-left: 0.8rem;
	}
	.m_checkUsage .p_info {
		border-left: none;
		border-top: 1px solid #D5D5D5;
		padding: 1.6rem 0 0;
	}
	.m_checkUsage .p_info li + li {
		margin-top: 0.4rem;
	}
	.m_checkUsage .p_pointBox {
		margin-top: 2.4rem;
		width: auto;
		padding: 1.6rem 2.4rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.m_checkUsage .p_pointBox.s_done {
		height: 6.4rem;
		padding-right: 1.6rem;
		font-size: 1.5rem;
	}
	.m_checkUsage .p_pointBox .p_point {
		margin-top: 0;
		font-size: 1.6rem;
	}
	.m_checkUsage .p_pointBox .p_point span {
		font-size: 2.4rem;
	}
}

.m_infoBox {
	margin: 3.2rem 0 1.6rem;
	border-radius: 0.8rem;
	background: url(../images/ic_info.svg) no-repeat 2.4rem 1.4rem #FFF;
	background-size: 2.4rem auto;
	padding: 1.6rem 2.4rem 1.6rem 5.6rem;
	color: #666;
	font-size: 1.4rem;
	line-height: 1.5;
}
.m_text + .m_infoBox {
	margin-top: 1.6rem;
}
@media screen and (min-width: 768px){
	.m_infoBox.s_icoMdl {
		background-position: 2.4rem 50%;
	}
}
@media screen and (max-width: 767px){
	.m_infoBox {
		background-position: 1.2rem 1.5rem;
		padding: 1.6rem 1.2rem 1.6rem 4rem;
	}
}

.m_pointLogMenu {
	margin-bottom: 4rem;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 2.4rem 4.8rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.6rem 0.8rem;
}
.m_pointLogMenu a {
	display: inline-block;
	border-radius: 2rem;
	background-color: #F5F8FD;
	padding: 0.8rem 1.6rem;
	font-size: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}
.m_pointLogMenu a.s_cur {
	background-color: #002991;
	color: #FFF;
}
.m_pointLogMenu .p_icon {
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background-color: #FFF;
	padding: 0.4rem;
	vertical-align: -0.2rem;
}
.m_pointLogMenu .p_icon img {
	width: 1.6rem;
}
@media screen and (max-width: 767px){
	.m_pointLogMenu {
		margin-bottom: 1.6rem;
		border-radius: 1.6rem;
		padding: 0.8rem;
		justify-content: space-between;
		gap: 0.8rem 0;
	}
	.m_pointLogMenu li {
		width: 49%;
	}
	.m_pointLogMenu a {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.4rem;
		height: 4.6rem;
		border-radius: 2.3rem;
		padding: 0 1.2rem;
	}
	.m_pointLogMenu a:has(.p_icon) {
		justify-content: flex-start;
	}
	.m_pointLogMenu .p_icon {
		flex-shrink: 0;
		vertical-align: 0;
	}
}

.m_pointInfoBox {
	position: relative;
	margin-top: 4rem;
	border-radius: 2rem;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	min-height: 220px;
	padding: 3.2rem 22rem 2.4rem 4.8rem;
	overflow: hidden;
	line-height: 1.5;
}
.m_pointInfoBox .p_bg {
	position: absolute;
	top: 0;
	right: 0;
}
.m_pointInfoBox .p_title {
	margin-bottom: 2.4rem;
	font-size: 2rem;
	font-weight: bold;
}
.m_pointInfoBox .p_title a {
	margin-left: 0.8rem;
	vertical-align: -0.2rem;
}
.m_pointInfoBox .p_point {
	position: relative;
	padding-left: 5rem;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
}
.m_pointInfoBox .p_point::before {
	content: '';
	position: absolute;
	top: 0.2rem;
	left: 0;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: url(/assets/images/ic_point_01.svg) no-repeat 50% 50% #F7F7F8;
	background-size: 3rem auto;
}
.m_pointInfoBox.s_02 .p_point::before {
	background-image: url(/assets/images/ic_point_02.svg);
}
.m_pointInfoBox.s_03 .p_point::before {
	background-image: url(/assets/images/ic_point_03.svg);
}
.m_pointInfoBox.s_04 .p_point::before {
	background-image: url(/assets/images/ic_point_04.svg);
}
.m_pointInfoBox .p_point strong {
	margin-right: 0.8rem;
	font-size: 4.2rem;
}
.m_pointInfoBox .p_box {
	position: relative;
	z-index: 10;
	margin-top: 1.6rem;
	display: inline-flex;
	align-items: center;
	gap: 1.6rem;
	background-color: #F7F7F8;
	border-radius: 0.4rem;
	padding: 0.8rem 1.6rem 1rem;
	line-height: 1.25;
}
.m_pointInfoBox .p_box strong {
	margin-right: 0.4rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}
.m_pointInfoBox .p_box small {
	font-size: 1.4rem;
}
.m_pointInfoBox .p_btn {
	position: relative;
	margin-top: 1.6rem;
	display: inline-block;
	border-radius: 2.4rem;
	border: 2px solid #0039CC;
	width: 25.2rem;
	padding: 0.8rem;
	text-align: center;
	color: #0039CC;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_pointInfoBox .p_btn::after {
	content: '';
	position: absolute;
	top: 0;
	right: 2.4rem;
	bottom: 0;
	width: 1.6rem;
	height: 1.6rem;
	margin: auto 0;
	background: url(../images/ic_link_blank.svg) no-repeat 50% 50%;
	background-size: 1.6rem auto;
}
.m_pointInfoBox .p_btn:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_pointInfoBox .p_btn:hover::after {
	background-image: url(../images/ic_link_blank_white.svg);
}
.m_pointInfoBox .p_img {
	position: absolute;
	right: 6.4rem;
	bottom: 0.8rem;
}
.m_pointInfoBox.s_03 .p_img {
	right: 4.8rem;
}
@media screen and (max-width: 767px){
	.m_pointInfoBox {
		margin-top: 1.6rem;
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
		min-height: 21rem;
		padding: 1.6rem 8.8rem 1.6rem 2.4rem;
	}
	.m_pointInfoBox .p_bg {
		width: 12rem;
	}
	.m_pointInfoBox .p_title {
		margin-bottom: 1.6rem;
		font-size: 1.5rem;
	}
	.m_pointInfoBox .p_title a {
		margin-left: 0.4rem;
		vertical-align: 0.1rem;
	}
	.m_pointInfoBox .p_point {
		padding-left: 3.6rem;
		font-size: 2rem;
	}
	.m_pointInfoBox .p_point::before {
		top: 0;
		width: 3.2rem;
		height: 3.2rem;
		background-size: 2.4rem auto;
	}
	.m_pointInfoBox .p_point strong {
		margin-right: 0.4rem;
		font-size: 3.2rem;
	}
	.m_pointInfoBox .p_box {
		display: inline-block;
		padding: 0.8rem 1.2rem 1rem;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.m_pointInfoBox .p_box strong {
		line-height: 1.4;
	}
	.m_pointInfoBox .p_btn {
		width: 18.4rem;
		padding: 0.8rem 2.4rem;
		text-align: left;
		font-size: 1.6rem;
	}
	.m_pointInfoBox .p_img {
		right: 1.6rem;
		bottom: 1.6rem;
	}
	.m_pointInfoBox.s_01 .p_img {
		width: 7.1rem;
	}
	.m_pointInfoBox.s_02 .p_img {
		width: 11.5rem;
	}
	.m_pointInfoBox.s_03 .p_img {
		right: 1rem;
		width: 12.8rem;
	}
	.m_pointInfoBox.s_04 .p_img {
		width: 6.3rem;
	}
}

.m_colInfoBox {
	margin-top: 2.4rem;
	display: flex;
	justify-content: space-between;
}
.m_colInfoBox .p_box {
	width: 48.8%;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 2.4rem 3.2rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_colInfoBox .p_title {
	margin-bottom: 0.8rem;
	font-size: 1.7rem;
	font-weight: bold;
}
.m_colInfoBox .p_data {
	font-size: 2rem;
	font-weight: bold;
}
.m_colInfoBox .p_data span {
	margin-right: 0.8rem;
	font-size: 3.6rem;
}
.m_colInfoBox .p_note {
	margin-top: 0.8rem;
	color: #666;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px){
	.m_colInfoBox {
		margin-top: 1.6rem;
		flex-direction: column;
		gap: 1.6rem;
	}
	.m_colInfoBox .p_box {
		width: auto;
		border-radius: 1.6rem;
		padding: 1.6rem 2.4rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_colInfoBox .p_title {
		margin-bottom: 1.6rem;
		font-size: 1.5rem;
	}
	.m_colInfoBox .p_data span {
		margin-right: 0.4rem;
		font-size: 3.2rem;
	}
}

.m_logBox {
	width: 95%;
	max-width: 1280px;
	margin: 4rem auto;
}
.m_logBox .p_header {
	border-radius: 2rem 2rem 0 0;
	background-color: #FFF;
	padding: 1.6rem 0;
}
.m_logBox .p_header .m_pageInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m_logBox .p_header .m_select {
	margin: 0;
	max-width: 220px;
}
.m_logBox .p_body {
	border-radius: 0 0 2rem 2rem;
	background-color: #E7F0FE;
	padding: 4rem 0;
}
.m_logBox .p_body:first-child {
	border-radius: 2rem;
}
.m_logBox .p_title {
	margin-bottom: 2.4rem;
	font-size: 2rem;
	font-weight: bold;
}
.m_logBox .p_logList {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.m_logBox .p_logList > li {
	display: flex;
	border-radius: 1.6rem;
	background-color: #FFF;
	line-height: 1.5;
}
.m_logBox .p_logList .p_point {
	border-right: 1px solid #D5D5D5;
	width: 21%;
	min-width: 170px;
	display: flex;
	align-items: center;
	padding: 2.4rem;
	font-weight: bold;
	flex-shrink: 0;
}
.m_logBox .p_logList .p_point.s_get {
}
.m_logBox .p_logList .p_point.s_use {
	color: #E00004;
}
.m_logBox .p_logList .p_point strong {
	font-size: 2rem;
}
.m_logBox .p_logList .p_point .p_categ {
	margin: 1px 0 0 0.8rem;
	display: inline-block;
	border-radius: 0.4rem;
	padding: 0.2rem 0.8rem;
	font-size: 1.4rem;
	font-weight: normal;
}
.m_logBox .p_logList .p_point.s_get .p_categ {
	background-color: #E7F0FE;
}
.m_logBox .p_logList .p_point.s_use .p_categ {
	background-color: #FFF2F3;
}
.m_logBox .p_logList .p_textArea {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	padding: 1.6rem 2.4rem 1.6rem 11.2rem;
	min-height: 10.4rem;
}
.m_logBox .p_logList .p_img {
	position: absolute;
	top: 0;
	left: 1.6rem;
	bottom: 0;
	margin: auto 0;
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 0.8rem;
	border: 1px solid #D5D5D5;
	overflow: hidden;
}
.m_logBox .p_logList .p_img:empty {
	border: none;
	background: url(/assets/images/ic_point_01.svg) no-repeat 50% 50% #F7F7F8;
	background-size: 3.2rem auto;
}
.m_logBox.s_02 .p_logList .p_img:empty {
	background-image: url(/assets/images/ic_point_02.svg);
}
.m_logBox.s_04 .p_logList .p_img:empty {
	background-image: url(/assets/images/ic_point_04.svg);
}
.m_logBox .p_logList .p_textArea p {
	margin-top: 0.4rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_logBox .p_logList .p_subArea {
	margin: 1.6rem 0;
	border-left: 1px solid #D5D5D5;
	padding: 0 2.4rem;
	width: 18%;
	flex-shrink: 0;
}
.m_logBox .p_logList .p_subArea dt {
	min-height: 3em;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_logBox .p_logList .p_subArea dd {
	margin-top: 1rem;
}
.m_logBox .p_logList .p_subArea dd strong {
	margin-right: 0.4rem;
	font-size: 2rem;
	font-weight: bold;
}
.m_logBox .p_logList.s_info > li {
	display: flex;
	padding: 2.4rem 1.6rem;
}
.m_logBox .p_logList.s_info dl {
	width: 31%;
	padding: 0 2.4rem;
}
.m_logBox .p_logList.s_info dl + dl {
	border-left: 1px solid #D5D5D5;
}
.m_logBox .p_logList.s_info dt {
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_logBox .p_logList.s_info dd {
	font-size: 1.8rem;
	font-weight: 500;
}
.m_logBox .p_logList.s_info dl:first-child dt {
	font-size: 1.8rem;
}
.m_logBox .p_logList.s_info dl:first-child dd {
	font-size: 1.6rem;
	font-weight: normal;
}
.m_logBox .p_logList.s_info dl:first-child dd span {
	margin-right: 0.8rem;
	font-size: 1.4rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_logBox {
		width: 35rem;
		margin: 2.4rem auto;
	}
	.m_logBox .p_header {
		border-radius: 1.6rem 1.6rem 0 0;
		padding: 1.6rem 0;
	}
	.m_logBox .p_header .m_pageInner {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.6rem;
		padding: 0 1.6rem;
	}
	.m_logBox .p_header .m_select {
		max-width: none;
	}
	.m_logBox .p_body {
		border-radius: 0 0 1.6rem 1.6rem;
		padding: 1.6rem 0;
	}
	.m_logBox .p_body:first-child {
		border-radius: 1.6rem;
	}
	.m_logBox .p_header .m_pageInner {
		padding: 0 1.6rem;
	}
	.m_logBox .p_title {
		margin-bottom: 1.6rem;
		font-size: 1.8rem;
	}
	.m_logBox .p_logList {
		gap: 0.8rem;
	}
	.m_logBox .p_logList > li {
		flex-direction: column;
		padding: 1.6rem;
	}
	.m_logBox .p_logList .p_point {
		border-right: none;
		border-bottom: 1px solid #D5D5D5;
		width: auto;
		padding: 0 0 1.2rem;
	}
	.m_logBox .p_logList .p_point strong {
		font-size: 1.8rem;
	}
	.m_logBox .p_logList .p_textArea {
		padding: 1.2rem 0 1.2rem 7.6rem;
		min-height: 8.8rem;
	}
	.m_logBox .p_logList .p_img {
		top: 1.2rem;
		left: 0;
		bottom: auto;
		width: 6.4rem;
		height: 6.4rem;
	}
	.m_logBox .p_logList .p_textArea p {
		font-size: 1.5rem;
		font-weight: 400;
	}
	.m_logBox .p_logList .p_subArea {
		margin: 0;
		border-left: none;
		border-top: 1px solid #D5D5D5;
		padding: 1.2rem 0;
		width: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.m_logBox .p_logList .p_subArea:last-child {
		border-bottom: 1px solid #D5D5D5;
	}
	.m_logBox .p_logList .p_subArea dt {
		min-height: 0;
		width: 50%;
		font-size: 1.5rem;
	}
	.m_logBox .p_logList .p_subArea dd {
		margin-top: 0;
	}
	.m_logBox .p_logList .p_subArea dd strong {
		font-size: 1.6rem;
	}
	.m_logBox .p_logList.s_info > li {
		flex-direction: column;
		padding: 1.6rem;
	}
	.m_logBox .p_logList.s_info dl {
		width: auto;
		border-bottom: 1px solid #D5D5D5;
		padding: 1.2rem 0;
	}
	.m_logBox .p_logList.s_info dl + dl {
		border-left: none;
	}
	.m_logBox .p_logList.s_info dt {
		font-size: 1.5rem;
	}
	.m_logBox .p_logList.s_info dd {
		font-size: 1.5rem;
		font-weight: 400;
	}
	.m_logBox .p_logList.s_info dl:first-child dd {
		font-size: 1.4rem;
	}
}

.m_mapLayout {
	margin: 1.6rem 0 2.4rem;
	display: flex;
	justify-content: space-between;
}
.m_mapLayout > *:first-child {
	width: 53.3%;
}
.m_mapLayout .p_map {
	position: relative;
	width: 44.3%;
	padding-top: 25rem;
	border-radius: 1.6rem;
	overflow: hidden;
}
.m_mapLayout .p_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
@media screen and (max-width: 767px){
	.m_mapLayout {
		margin: 0.8rem 0 1.6rem;
		flex-direction: column;
		gap: 1.6rem;
	}
	.m_mapLayout > *:first-child {
		width: 100%;
	}
	.m_mapLayout .p_map {
		width: 100%;
		border-radius: 0.8rem;
	}
}

.m_searchResult .p_searchTitle {
	margin-bottom: 0.8rem;
	font-size: 3.2rem;
	font-weight: 500;
}
.m_searchResult .p_header {
	margin-bottom: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.m_searchResult .p_header .m_text {
	color: #111928;
}
.m_searchResult .p_header .m_select {
	width: 25.2rem;
}
.m_searchResult .p_box {
	border-radius: 2rem;
	background-color: #FFF;
	padding: 3.2rem 4.8rem;
}
.m_searchResult .p_box > li {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 2.4rem;
}
.m_searchResult .p_box > li + li {
	margin-top: 2.4rem;
}
.m_searchResult .p_title {
	margin-bottom: 0.8rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_searchResult .m_text {
	margin-bottom: 0.8rem;
}
.m_searchResult a {
	color: #0039CC;
	text-decoration: underline;
	word-break: break-all;
}
.m_searchResult a:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px){
	.m_searchResult .p_searchTitle {
		font-size: 2.2rem;
	}
	.m_searchResult .p_header {
		margin-bottom: 2.4rem;
		flex-direction: column;
		gap: 1.6rem;
	}
	.m_searchResult .p_header .m_select {
		width: 100%;
	}
	.m_searchResult .p_box {
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem;
	}
	.m_searchResult .p_box > li {
		padding-bottom: 1.6rem;
	}
	.m_searchResult .p_box > li + li {
		margin-top: 1.6rem;
	}
	.m_searchResult .p_title {
		font-size: 1.6rem;
	}
}

.m_pager {
	margin-top: 4.4rem;
	display: flex;
	justify-content: center;
	gap: 1.6rem;
}
.m_pager li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	text-align: center;
}
.m_pager li:first-child {
	margin-right: 0.4rem;
}
.m_pager li:last-child {
	margin-left: 0.4rem;
}
.m_pager li.s_cur {
	background-color: #002991;
	padding-bottom: 0.3rem;
	color: #FFF;
}
.m_pager a,
.m_pager span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #BEC5CF;
	background-color: #F5F8FD;
	padding-bottom: 0.3rem;
	font-weight: bold;
}
.m_pager a:hover {
	border: none;
	background-color: #0039CC;
	color: #FFF;
}
.m_pager .p_prev,
.m_pager .p_next {
	border: none;
	background-color: #FFF;
	box-shadow: 0 0 1.2rem rgba(0, 26, 102, 0.1);
}
.m_pager .p_prev {
	background: url(/assets/images/ic_pager_prev.svg) no-repeat 50% 50% #FFF;
	background-size: 1.6rem auto;
}
.m_pager .p_prev:hover {
	background-image: url(/assets/images/ic_pager_prev_white.svg);
	background-color: #0039CC;
}
.m_pager .p_prev.s_disabled {
	background: url(/assets/images/ic_pager_prev_gray.svg) no-repeat 50% 50% #D5D5D5;
	box-shadow: none;
	cursor: default;
}
.m_pager .p_next {
	background: url(/assets/images/ic_pager_next.svg) no-repeat 50% 50% #FFF;
	background-size: 1.6rem auto;
}
.m_pager .p_next:hover {
	background-image: url(/assets/images/ic_pager_next_white.svg);
	background-color: #0039CC;
}
.m_pager .p_next.s_disabled {
	background: url(/assets/images/ic_pager_next_gray.svg) no-repeat 50% 50% #D5D5D5;
	box-shadow: none;
	cursor: default;
}
.m_pager .p_skip {
	position: relative;
}
.m_pager .p_skip::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0.4rem;
	height: 0.4rem;
	margin: auto;
	border-radius: 50%;
	background-color: #959595;
	box-shadow: -1.2rem 0 #959595, 1.2rem 0 #959595;
}
@media screen and (max-width: 767px){
	.m_pager {
		margin-top: 2.4rem;
		gap: 1.4rem;
		flex-wrap: wrap;
	}
	.m_pager li {
		width: 3.6rem;
		height: 3.6rem;
	}
	.m_pager li:first-child {
		margin-right: 0;
	}
	.m_pager li:last-child {
		margin-left: 0;
	}
	.m_pager li.s_cur {
		padding-bottom: 0.2rem;
	}
	.m_pager a,
	.m_pager span {
		padding-bottom: 0.2rem;
	}
	.m_pager .p_prev,
	.m_pager .p_next {
		background-size: 1.2rem auto !important;
	}
	.m_pager .p_skip::after {
		box-shadow: -1rem 0 #959595, 1rem 0 #959595;
	}
}

.m_toggleBox {
	position: relative;
	margin: 3.2rem auto;
	border-radius: 2rem;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	transition: all 0.2s;
}
.m_toggleBox > .p_title {
	position: relative;
	padding: 3.5rem 8rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	cursor: pointer;
}
.m_toggleBox > .p_title:hover {
	text-decoration: underline;
}
.m_toggleBox > .p_title::before,
.m_toggleBox > .p_title::after {
	content: '';
	position: absolute;
	top: 0;
	right: 4.8rem;
	bottom: 0;
	width: 3.6rem;
	height: 3.6rem;
	margin: auto 0;
	background: url(/assets/images/ic_toggle_open.svg) no-repeat 50% 50%;
	background-size: contain;
	transition: all 0.2s;
}
.m_toggleBox > .p_title::after {
	background-image: url(/assets/images/ic_toggle_open_hover.svg);
	opacity: 0;
}
.m_toggleBox > .p_title:hover::after {
	opacity: 1;
}
.m_toggleBox > .p_title.s_open::before {
	background-image: url(/assets/images/ic_toggle_close.svg);
}
.m_toggleBox > .p_title.s_open::after {
	background-image: url(/assets/images/ic_toggle_close_hover.svg);
}
.m_toggleBox > .p_title .p_attention {
	display: inline-block;
	background: url(/assets/images/ic_attention.svg) no-repeat 0 0.5rem;
	background-size: 2rem auto;
	padding-left: 3rem;
	text-decoration: inherit;
}
.m_toggleBox > .p_body {
	display: none;
	border-top: 1px solid #D5D5D5;
	padding: 4.8rem;
}
.m_toggleBox .p_note {
	margin: 0.8rem 1.1rem;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_toggleBox {
		margin: 1.6rem auto;
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_toggleBox::before {
		top: 1.6rem;
		right: 1.6rem;
	}
	.m_toggleBox > .p_title {
		padding: 2rem 6rem 2rem 1.6rem;
		font-size: 1.8rem;
	}
	.m_toggleBox > .p_title::before,
	.m_toggleBox > .p_title::after {
		right: 1.6rem;
	}
	.m_toggleBox > .p_body {
		padding: 2.4rem 1.6rem;
	}
}

.m_toggleBoxS {
	position: relative;
	margin: 4rem auto;
	border-radius: 2rem;
	background-color: #FFF;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
}
.m_toggleBoxS > .p_title {
	position: relative;
 	padding: 3rem 8rem 3rem 5rem;
	font-weight: bold;
	line-height: 1.5;
	cursor: pointer;
}
.m_toggleBoxS > .p_title:hover {
	text-decoration: underline;
}
.m_toggleBoxS > .p_title::before,
.m_toggleBoxS > .p_title::after {
	content: '';
	position: absolute;
	top: 0;
	right: 4.6rem;
	bottom: 0;
	width: 1.6rem;
	height: 2px;
	margin: auto 0;
	background-color: #707070;
}
.m_toggleBoxS > .p_title::after {
	transform: rotate(90deg);
}
.m_toggleBoxS > .p_title.s_open::after {
	display: none;
}
.m_toggleBoxS > .p_body {
	display: none;
	margin: 0 4.8rem;
	border-top: 1px solid #D5D5D5;
	padding: 2rem 0 2.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px){
	.m_toggleBoxS {
		margin: 2.4rem auto;
		border-radius: 1.6rem;
		box-shadow: 0 0.4rem 1rem rgba(0, 26, 102, 0.1);
	}
	.m_toggleBoxS > .p_title {
		padding: 2.4rem 6rem 2rem 1.6rem;
	}
	.m_toggleBoxS > .p_title::before,
	.m_toggleBoxS > .p_title::after {
		right: 1.6rem;
	}
	.m_toggleBoxS > .p_body {
		margin: 0 1.6rem;
		padding: 1.2rem 0 2.4rem;
	}
}

.m_usageList {
	position: relative;
	margin-top: 2.4rem;
	border-top: 1px solid #D5D5D5;
	padding-top: 4.6rem;
}
.m_usageList .p_num {
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.m_usageList .p_num img {
	margin-right: 0.4rem;
}
.m_usageList .p_num span {
	color: #666;
	font-size: 1.6rem;
	font-weight: normal;
}
.m_usageList .m_downloadBtn {
	position: absolute;
	top: 4rem;
	right: 0;
}
.m_usageList .p_list > li + li {
	margin-top: 2.4rem;
}
.m_usageList .p_list a {
	position: relative;
	display: flex;
	border-radius: 2rem;
	border: 1px solid #BEC5CF;
	background-color: #FFF;
	padding: 2.4rem 6.4rem 2.4rem 4rem;
	box-shadow: 0 0.6rem 1.2rem rgba(0, 26, 102, 0.1);
	line-height: 1.5;
}
.m_usageList .p_list a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4.8rem;
	border-radius: 0 2rem 2rem 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
	transition: all 0.2s;
}
.m_usageList .p_list a:hover {
	box-shadow: 0 0.2rem 0.8rem rgba(0, 26, 102, 0.1);
}
.m_usageList .p_list a:hover::after {
	background-image: url(/assets/images/ic_link_01_white.svg);
	background-color: #0039CC;
}
.m_usageList .p_col {
	width: 50.8%;
	padding-right: 3.2rem;
}
.m_usageList .p_col + .p_col {
	width: 49.2%;
	border-left: 1px solid #D5D5D5;
	padding: 0 0 0 3.2rem;
}
.m_usageList .p_nameArea {
	margin-bottom: 0.4rem;
	display: flex;
	align-items: center;
	gap: 1.6rem;
}
.m_usageList .p_name {
	max-width: calc(100% - 7.6rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_usageList .p_status {
	display: inline-block;
	border-radius: 0.4rem;
	padding: 0.2rem 0.8rem;
	background-color: #FFF2F3;
	color: #E00004;
	font-size: 1.4rem;
}
.m_usageList .p_status.s_done {
	background-color: #D8FFE4;
	color: #00572F;
}
.m_usageList .p_address {
	margin-bottom: 1.4rem;
	height: 3em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.m_usageList .p_type {
	margin-bottom: 0.6rem;
	display: inline-block;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	padding: 0.4rem 0.8rem;
	font-size: 1.4rem;
}
.m_usageList .p_number {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.m_usageList .p_number dt {
	font-size: 1.4rem;
	font-weight: bold;
}
.m_usageList .p_price {
	margin-bottom: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.m_usageList .p_price dt {
	padding-top: 0.8rem;
	font-weight: bold;
}
.m_usageList .p_price dd {
	text-align: right;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_usageList .p_price dd strong {
	font-size: 2.8rem;
	font-weight: bold;
}
.m_usageList .p_price .p_tax {
	font-size: 1.4rem;
	color: #666;
	font-weight: normal;
}
.m_usageList .p_price .p_tax span {
	padding: 0 0.4rem 0 0.8rem;
	font-size: 1.6rem;
}
.m_usageList .p_box {
	border-radius: 0.8rem;
	background-color: #F7F7F8;
	padding: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.m_usageList .p_box dt {
	margin-bottom: 0.4rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_usageList .p_box dt small {
	margin-left: 0.4rem;
	font-size: 1.4rem;
}
@media screen and (max-width: 1120px){
	.m_usageList .p_list a {
		flex-direction: column;
	}
	.m_usageList .p_col {
		width: 100%;
		padding: 0 0 2.4rem;
	}
	.m_usageList .p_col + .p_col {
		width: 100%;
		border-left: none;
		border-top: 1px solid #D5D5D5;
		padding: 2.4rem 0 0;
	}
}
@media screen and (max-width: 767px){
	.m_usageList {
		margin-top: 1.6rem;
		padding-top: 1.6rem;
	}
	.m_usageList .p_num {
		margin-bottom: 1.6rem;
		font-size: 2rem;
	}
	.m_usageList .p_num img {
		width: 2.8rem;
	}
	.m_usageList .p_num span {
		font-size: 1.5rem;
	}
	.m_usageList .m_downloadBtn {
		position: static;
		margin: 0 auto 1.6rem;
	}
	.m_usageList .p_list > li + li {
		margin-top: 1.6rem;
	}
	.m_usageList .p_list a {
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem 1.6rem;
	}
	.m_usageList .p_list a::after {
		display: none;
	}
	.m_usageList .p_col {
		padding: 0 0 1.6rem;
	}
	.m_usageList .p_col + .p_col {
		padding: 1.6rem 0 0;
	}
	.m_usageList .p_nameArea {
		display: inline-flex;
		gap: 0.8rem;
		padding-right: 2.4rem;
		background: url(/assets/images/ic_link_01.svg) no-repeat 100% 50%;
		background-size: 1.5rem auto;
	}
	.m_usageList .p_name {
		max-width: 21.8rem;
		font-size: 2rem;
	}
	.m_usageList .p_address {
		margin-bottom: 1.6rem;
		height: 1.5em;
		-webkit-line-clamp: 1;
		line-clamp: 1;
	}
	.m_usageList .p_type {
		margin-bottom: 0.4rem;
	}
	.m_usageList .p_number dd {
		font-size: 1.4rem;
	}
	.m_usageList .p_price {
		border-bottom: 1px solid #D5D5D5;
		padding-bottom: 0.8rem;
	}
	.m_usageList .p_price dt {
		padding-top: 0;
	}
	.m_usageList .p_price dd {
		font-size: 1.5rem;
	}
	.m_usageList .p_price dd strong {
		font-size: 1.6rem;
	}
	.m_usageList .p_price .p_tax span {
		padding: 0 0 0 0.2rem;
		font-size: 1.4rem;
	}
	.m_usageList .p_box {
		padding: 1.2rem 0.8rem;
		flex-direction: column;
		gap: 1rem;
	}
	.m_usageList .p_box dl {
		display: flex;
		justify-content: space-between;
	}
	.m_usageList .p_box dt {
		margin-bottom: 0;
		font-size: 1.5rem;
	}
	.m_usageList .p_box dd {
		text-align: right;
	}
}

.m_stampArea {
	margin: 4.8rem 0 3.2rem;
	line-height: 1.5;
}
.m_stampArea .p_mainvisual {
	margin-bottom: 1.6rem;
}
.m_stampArea .p_box {
	border-radius: 2rem;
	padding: 2.4rem 4rem 4rem;
	background: linear-gradient(to bottom, #0055D9 8.6rem, #FFF 14.8rem);
}
.m_stampArea .p_header {
	margin: 0 auto 4rem;
	max-width: 712px;
	border-radius: 1.6rem;
	background: url(/home/recommend/stamp/images/bg_header_03.png) no-repeat right 2rem bottom, url(/home/recommend/stamp/images/bg_header_02.png) no-repeat 100% 0, url(/home/recommend/stamp/images/bg_header_01.png) no-repeat 0 0;
	background-color: #FFF;
	padding: 1.6rem;
	text-align: center;
	font-weight: bold;
}
.m_stampArea .p_header h2 {
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_stampArea .p_header .p_status {
	display: inline-block;
	font-size: 2rem;
	background: linear-gradient(to top, #FF0 25%, #FFF 25%);
}
.m_stampArea .p_header .p_status strong {
	font-size: 2.6rem;
}
.m_stampArea .p_result {
	max-width: 712px;
	margin: 0 auto 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 3.33%;
}
.m_stampArea .p_result li {
	width: 22.5%;
	border: 1px solid #D5D5D5;
	border-radius: 1.6rem;
	overflow: hidden;
	text-align: center;
}
.m_stampArea .p_month {
	background-color: #D5E6FF;
	padding: 0.2rem 0 0.3rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_stampArea .p_stamp {
	padding: 1rem 1rem 1.2rem;
}
.m_stampArea .p_stamp.s_ng {
	background-color: #F7F7F8;
}
.m_stampArea .p_stamp.s_ok {
	background-color: #E7F0FE;
}
.m_stampArea .p_stamp.s_before {
	background-color: #D5D5D5;
}
.m_stampArea .p_img {
	text-align: center;
}
@media screen and (max-width: 767px){
	.m_stampArea {
		margin: 2.4rem 0 1.6rem;
	}
	.m_stampArea .p_box {
		border-radius: 1.6rem;
		padding: 1.6rem 1.6rem 3rem;
		background: linear-gradient(to bottom, #0055D9 6.3rem, #FFF 13.2rem);
	}
	.m_stampArea .p_header {
		margin: 0 auto 2.4rem;
		background-size: 4.5rem auto, 11.5rem auto, 11.5rem auto;
		background-position: right 1.1rem bottom, 100% 0, 0 0;
		padding: 1.6rem 0 2.4rem;
	}
	.m_stampArea .p_header h2 {
		margin-bottom: 0.4rem;
	}
	.m_stampArea .p_header .p_status {
		font-size: 1.8rem;
	}
	.m_stampArea .p_header .p_status strong {
		font-size: 2.4rem;
	}
	.m_stampArea .p_result {
		margin: 0 auto 2.4rem;
		gap: 0.6rem 1.85%;
	}
	.m_stampArea .p_result li {
		width: 32.1%;
	}
	.m_stampArea .p_month {
		padding: 0 0 0.2rem;
		font-size: 1.5rem;
	}
	.m_stampArea .p_stamp {
		padding: 0.5rem 1.5rem 0.7rem;
	}
}

.m_qrCode {
	width: 20rem;
	margin: 0 auto 4rem;
	text-align: center;
}
@media screen and (max-width: 767px){
	.m_qrCode {
		margin-bottom: 2.4rem;
	}
}

.m_procedureMenu {
	margin: 4rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 2.26%;
}
.m_procedureMenu li {
	width: 23.3%;
}
.m_procedureMenu.s_wide li {
	width: 48.87%;
}
.m_procedureMenu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.4rem;
	height: 100%;
	border-radius: 2rem;
	border: 2px solid #BEC5CF;
	background-color: #F5F8FD;
	padding: 2.4rem 0;
}
.m_procedureMenu a:hover {
	border-color: #0039CC;
	background-color: #0039CC;
	color: #FFF;
}
.m_procedureMenu.s_wide a {
	flex-direction: row;
	gap: 1.6rem;
	padding: 2.4rem 3.2rem;
}
.m_procedureMenu.s_high a {
	min-height: 15.8rem;
	padding: 1.6rem 3.2rem;
}
.m_procedureMenu .p_icon {
	width: 10rem;
}
.m_procedureMenu.s_wide .p_icon {
	width: 7.2rem;
	margin: 0;
	flex-shrink: 0;
}
.m_procedureMenu .p_title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3em;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_procedureMenu.s_wide .p_title {
	display: block;
	height: auto;
	text-align: left;
}
.m_procedureMenu .p_title span::after {
	content: '';
	margin-left: 0.8rem;
	display: inline-block;
	width: 1.5rem;
	height: 1.2rem;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50%;
	background-size: 1.5rem auto;
	vertical-align: 0.1rem;
}
.m_procedureMenu a:hover .p_title span::after {
	background-image: url(/assets/images/ic_link_01_white.svg);
}
.m_procedureMenu p {
	line-height: 1.5;
}
.m_procedureMenu.s_wide .p_title + p {
	margin-top: 0.8rem;
}
@media screen and (max-width: 900px){
	.m_procedureMenu li {
		width: 48.87%;
	}
}
@media screen and (max-width: 767px){
	.m_procedureMenu {
		margin: 2.4rem 0;
		gap: 0.4rem 1.2%;
	}
	.m_procedureMenu.s_wide {
		gap: 1.2rem;
	}
	.m_procedureMenu.s_high a {
		min-height: 0;
	}
	.m_procedureMenu li {
		width: 49.4%;
	}
	.m_procedureMenu.s_wide li {
		width: 100%;
	}
	.m_procedureMenu a {
		position: relative;
		justify-content: center;
		gap: 0.8rem;
		height: 100%;
		border-radius: 1.6rem;
		border: 1px solid #BEC5CF;
		padding: 1.2rem 1.6rem 1.6rem;
		color: #333;
	}
	.m_procedureMenu.s_wide a {
		justify-content: flex-start;
		gap: 0.4rem;
		padding: 0.8rem 1.6rem;
	}
	.m_procedureMenu .p_icon {
		width: 5.4rem;
	}
	.m_procedureMenu.s_wide .p_icon {
		width: 4.8rem;
	}
	.m_procedureMenu .p_title {
		height: auto;
		font-size: 1.4rem;
	}
	.m_procedureMenu.s_wide .p_title {
		font-size: 1.5rem;
	}
	.m_procedureMenu .p_title span::after {
		margin-left: 0.4rem;
		vertical-align: -0.1rem;
	}
	.m_procedureMenu.s_wide .p_title span::after {
		position: absolute;
		top: 0;
		right: 1.6rem;
		bottom: 0;
		margin: auto 0;
	}
	.m_procedureMenu.s_wide .p_title + p {
		display: none;
	}
}

.m_contractInfo {
	line-height: 1.5;
}
.m_contractInfo li {
	position: relative;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	padding: 2.4rem;
}
.m_contractInfo li + li {
	margin-top: 1.6rem;
}
.m_contractInfo .p_title {
	margin-bottom: 1.2rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_contractInfo dl {
	margin-top: 0.4rem;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.m_contractInfo dt {
	font-size: 1.4rem;
	font-weight: bold;
}
.m_contractInfo .p_cancelBtn {
	position: absolute;
	top: 0;
	right: 4.8rem;
	bottom: 0;
	width: 16.7rem;
	height: 4.8rem;
	margin: auto 0;
	border: 2px solid #0039CC;
	border-radius: 2.4rem;
	padding: 1rem;
	text-align: center;
	color: #0039CC;
	font-size: 1.8rem;
	font-weight: 500;
}
.m_contractInfo .p_cancelBtn::after {
	content: '';
	display: inline-block;
	margin-left: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_cancel.svg) no-repeat 50% 50%;
	background-size: 2.4rem auto;
	vertical-align: -0.5rem;
}
.m_contractInfo .p_cancelBtn:hover {
	background-color: #0039CC;
	color: #FFF;
}
.m_contractInfo .p_cancelBtn:hover::after {
	background-image: url(/assets/images/ic_btn_cancel_white.svg);
}
@media screen and (max-width: 767px){
	.m_contractInfo .p_title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
	}
	.m_contractInfo dl {
		margin-top: 0.2rem;
	}
	.m_contractInfo .p_cancelBtn {
		position: static;
		margin-top: 1.6rem;
		display: block;
		width: 100%;
		font-size: 1.6rem;
	}
}

.m_lottery {
	overflow: hidden;
}
.m_lottery .p_kv {
	float: left;
	margin-bottom: 2.4rem;
	width: 44.3%;
}
.m_lottery .p_textArea {
	float: right;
	width: 52.4%;
	line-height: 1.5;
}
.m_lottery h2 {
	margin-bottom: 0.8rem;
	font-size: 2.4rem;
	font-weight: 500;
}
.m_lottery .p_period {
	font-size: 1.4rem;
}
.m_lottery .p_prizeList > li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D5D5D5;
	padding: 3.2rem 0 2.4rem;
}
.m_lottery .p_num {
	margin-right: 1.6rem;
	border: 1px solid;
	border-radius: 0.4rem;
	padding: 0.4rem 0.8rem 0.4rem 3.6rem;
	background-repeat: no-repeat;
	background-position: 0.8rem 50%;
	background-size: 2.4rem auto;
	font-size: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}
.m_lottery li:nth-child(1) .p_num {
	border-color: #CE9955;
	background-image: url(/home/recommend/lottery/images/ic_prize_01.svg);
}
.m_lottery li:nth-child(2) .p_num {
	border-color: #999;
	background-image: url(/home/recommend/lottery/images/ic_prize_02.svg);
}
.m_lottery li:nth-child(3) .p_num {
	border-color: #754C24;
	background-image: url(/home/recommend/lottery/images/ic_prize_03.svg);
}
.m_lottery .p_prize {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.3;
}
.m_lottery li:nth-child(2) .p_prize {
	font-size: 2.4rem;
}
.m_lottery li:nth-child(3) .p_prize {
	font-size: 1.8rem;
}
.m_lottery .p_note {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: normal;
	vertical-align: middle;
}
.m_lottery .p_btnArea {
	clear: left;
	float: left;
	width: 44.3%;
	border-radius: 1.6rem;
	background-color: #F5F8FD;
	padding: 4rem 2.7rem;
}
@media screen and (max-width: 1120px){
	.m_lottery .p_kv {
		float: none;
		width: auto;
		text-align: center;
	}
	.m_lottery .p_textArea {
		float: none;
		width: auto;
	}
	.m_lottery .p_btnArea {
		margin-top: 4rem;
		float: none;
		width: auto;
	}
}
@media screen and (max-width: 767px){
	.m_lottery .p_kv {
		margin-bottom: 1.6rem;
	}
	.m_lottery h2 {
		margin-bottom: 0.4rem;
		font-size: 2rem;
	}
	.m_lottery .p_prizeList > li {
		align-items: flex-start;
		padding: 1.6rem 0;
	}
	.m_lottery .p_prize {
		font-size: 2.2rem;
	}
	.m_lottery li:nth-child(2) .p_prize {
		font-size: 2.0rem;
	}
	.m_lottery li:nth-child(3) .p_prize {
		font-size: 1.6rem;
	}
	.m_lottery .p_note {
		margin-top: 0.4rem;
		display: block;
		line-height: 1.5;
	}
	.m_lottery .p_btnArea {
		margin-top: 1.2rem;
		border-radius: 0.8rem;
		padding: 2.4rem 0.8rem;
	}
}

.m_lotteryHistory {
	margin-top: 3.2rem;
}
.m_lotteryHistory > li {
	border-radius: 1.6rem;
	background-color: #FFF;
	display: flex;
	align-items: center;
	line-height: 1.5;
}
.m_lotteryHistory > li + li {
	margin-top: 1.6rem;
}
.m_lotteryHistory:not(.s_show) > li:nth-child(n+6) {
	display: none;
}
.m_lotteryHistory .p_title {
	display: flex;
	align-items: center;
	width: 25.5%;
	flex-shrink: 0;
	padding: 2.4rem 4rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.m_lotteryHistory .p_status {
	display: inline-block;
	margin-left: 0.4rem;
	border-radius: 0.4rem;
	background-color: #D8FFE4;
	padding: 0.2rem 0.8rem;
	color: #00572F;
	font-size: 1.4rem;
	font-weight: normal;
	white-space: nowrap;
}
.m_lotteryHistory .p_body {
	flex-grow: 1;
	border-left: 1px solid #D5D5D5;
	padding: 2.4rem 0 2rem;
	display: flex;
}
.m_lotteryHistory .p_body dl {
	padding: 0 4.8rem;
	font-weight: 500;
}
.m_lotteryHistory .p_body dl:first-child {
	width: 64%;
	flex-shrink: 0;
}
.m_lotteryHistory .p_body dl + dl {
	border-left: 1px solid #D5D5D5;
}
.m_lotteryHistory .p_body dt {
	margin-bottom: 0.4rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_lotteryHistory .p_body a:hover {
	text-decoration: underline;
}
.m_lotteryHistory .p_body a::after {
	content: '';
	margin-left: 8px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ic_link_blank.svg);
	background-size: 1.6rem auto;
	vertical-align: -2px;
}
@media screen and (max-width: 1120px){
	.m_lotteryHistory .p_title {
		width: 29%;
		padding: 2.4rem 2rem;
	}
	.m_lotteryHistory .p_body dl {
		padding: 0 2.4rem;
	}
	.m_lotteryHistory .p_body dl:first-child {
		width: 56%;
	}
}
@media screen and (max-width: 767px){
	.m_lotteryHistory {
		margin-top: 2.4rem;
	}
	.m_lotteryHistory > li {
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
		padding: 2.4rem 1.6rem;
	}
	.m_lotteryHistory .p_title {
		width: auto;
		padding: 0;
	}
	.m_lotteryHistory .p_body {
		border-left: none;
		padding: 0;
		flex-direction: column;
		gap: 1.6rem;
	}
	.m_lotteryHistory .p_body dl {
		border-bottom: 1px solid #D5D5D5;
		padding: 0 0 0.8rem;
	}
	.m_lotteryHistory .p_body dl:first-child {
		width: 100%;
	}
	.m_lotteryHistory .p_body dl + dl {
		border-left: none;
	}
	.m_lotteryHistory .p_body dt {
		font-size: 1.5rem;
	}
}

.m_noLottery {
	max-width: 712px;
	margin: 0 auto;
}
.m_noLottery .p_title {
	margin-top: 4rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.m_noLottery .p_next {
	margin-top: 1.6rem;
	border-radius: 0.8rem;
	background-color: #FFFBBF;
	padding: 1.6rem;
	text-align: center;
	color: #002991;
	font-size: 1.8rem;
	font-weight: bold;
}

.m_contractList {
	margin: 2.4rem 0;
}
.m_contractList > li {
	border-radius: 2rem;
	border: 1px solid #BEC5CF;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.6rem 4rem; 
	line-height: 1.5;
}
.m_contractList > li + li {
	margin-top: 1.6rem;
}
.m_contractList .p_name {
	margin-bottom: 0.4rem;
	font-size: 2rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_contractList {
		margin: 1.6rem 0;
	}
	.m_contractList > li {
		border-radius: 1.6rem;
		padding: 1.6rem;
	}
	.m_contractList > li + li {
		margin-top: 0.8rem;
	}
	.m_contractList .p_name {
		font-size: 1.8rem;
	}
}

.m_resultBox {
	display: flex;
	align-items: center;
	gap: 2.4rem;
	border-radius: 2rem;
	padding: 3.2rem 4.8rem;
	max-width: 896px;
	margin: 2.4rem auto 4rem;
}
.m_resultBox.s_shop {
	background-color: #FCE7E8;
}
.m_resultBox.s_familyTransfer {
	background-color: #D5E6FF;
}
.m_resultBox .p_title {
	font-size: 2.6rem;
	font-weight: bold;
}
.m_resultBox .p_body {
	flex-grow: 1;
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 0.8rem;
	text-align: center;
	color: #002991;
	font-size: 2.8rem;
	font-weight: bold;
}
.m_resultBox .p_body strong {
	margin-right: 0.4rem;
	font-size: 4rem;
}
.m_resultBox .p_body.s_point strong {
	padding-left: 4.8rem;
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 50%;
	background-size: 4rem auto;
}
@media screen and (max-width: 1120px){
	.m_resultBox .p_title {
		font-size: 2.2rem;
	}
	.m_resultBox .p_body {
		font-size: 2.4rem;
	}
	.m_resultBox .p_body strong {
		font-size: 3.2rem;
	}
}
@media screen and (max-width: 767px){
	.m_resultBox {
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
		border-radius: 1.6rem;
		padding: 2.4rem 1.6rem;
		margin: 1.6em auto 2.4rem;
	}
	.m_resultBox .p_title {
		text-align: center;
		font-size: 2.4rem;
	}
	.m_resultBox .p_body strong {
		font-size: 2.8rem;
	}
}

.m_cardLogoList {
	margin: 1.6rem 0;
	border: 1px solid #D5D5D5;
	border-radius: 0.8rem;
	padding: 2.4rem 3.2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.745%;
}
.m_cardLogoList li {
	width: 9.56%;
}
@media screen and (max-width: 767px){
	.m_cardLogoList {
		margin: 0.8rem 0;
		padding: 0.8rem 1.1rem;
		gap: 0.8rem 2.66%;
	}
	.m_cardLogoList li {
		width: 23%;
	}
}

.m_infoBoxList h3 {
	margin: 1.8rem 3.3rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.m_infoBoxList .m_scrollBox > .p_inner {
	padding: 2.4rem 3.2rem;
	height: 23rem;
}
.m_infoBoxList li + li {
	margin-top: 1.6rem;
	border-top: 1px solid #d5d5d5;
	padding-top: 1.6rem;
}
.m_infoBoxList .p_date {
	margin-bottom: 0.8rem;
}
.m_infoBoxList .p_new {
	margin-left: 2.4rem;
	display: inline-block;
	border-radius: 0.8rem;
	background-color: #DEF2FF;
	padding: 0.2rem 1.6rem;
	color: #064C74;
}
.m_infoBoxList .p_title {
	font-size: 1.8rem;
	font-weight: bold;
}
.m_infoBoxList a:hover .p_title {
	text-decoration: underline; 
}
.m_infoBoxList p {
	margin-top: 0.8rem;
	font-size: 1.4rem;
}
.m_infoBoxList a {
	display: block;
	background: url(/assets/images/ic_link_02.svg) no-repeat 100% 50%;
	padding-right: 4rem;
}
.m_infoBoxList a:hover {
	background-image: url(/assets/images/ic_link_02_white.svg);
}
@media screen and (max-width: 767px){
	.m_infoBoxList h3 {
		margin: 1.6rem 0 0.8rem;
		font-size: 1.5rem;
	}
	.m_infoBoxList .m_scrollBox > .p_inner {
		padding: 1.6rem;
		height: 31rem;
	}
	.m_infoBoxList li + li {
		margin-top: 1.2rem;
		padding-top: 1.2rem;
	}
	.m_infoBoxList .p_date {
		margin-bottom: 1.6rem;
	}
	.m_infoBoxList .p_new {
		margin-left: 0.8rem;
		padding: 0.2rem 0.8rem;
	}
	.m_infoBoxList .p_title {
		font-size: 1.6rem;
	}
}

.m_myshopBanner {
	position: relative;
	margin: 3.2rem 0;
	border-radius: 2rem;
	background: linear-gradient(180deg, #F4B2BA 2.4rem, #FCE7E8 100%);
	padding: 2.4rem 4rem;
}
.m_myshopBanner .p_inner {
	background-color: #FFF;
	border-radius: 1.6rem;
	padding: 2.4rem;
}
.m_myshopBanner .m_btn {
	margin: 0 auto;
	width: 42rem;
}
.m_myshopBanner .p_img01 {
	position: absolute;
	left: 8%;
	bottom: 0;
}
.m_myshopBanner .p_img02 {
	position: absolute;
	top: 1.9rem;
	right: 0.9rem;
}
@media screen and (max-width: 767px){
	.m_myshopBanner {
		margin: 1.6rem 0;
		border-radius: 1.6rem;
		padding: 1.6rem;
		overflow: hidden;
	}
	.m_myshopBanner .p_inner {
		border-radius: 0.8rem;
		padding: 2rem 2.4rem;
	}
	.m_myshopBanner .p_img01 {
		left: 0;
		bottom: -1rem;
		width: 4.8rem;
	}
	.m_myshopBanner .p_img02 {
		top: 0.8rem;
		right: 0;
		width: 5.6rem;
	}
}

.m_infoListHeader {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 1.6rem;
	width: 95.6%;
	max-width: 1280px;
	margin: 2.4rem auto;
}
.m_infoListHeader > div {
	max-width: 25.2rem;
}
@media screen and (min-width: 1600px){
	.m_infoListHeader {
		max-width: 1400px;
	}
}
@media screen and (max-width: 767px){
	.m_infoListHeader {
		align-items: stretch;
		flex-direction: column;
		gap: 0.8rem;
		width: 35rem;
	}
	.m_infoListHeader > div {
		max-width: none;
	}
}

.m_lotteryResult {
	max-width: 896px;
	margin: 3.2rem auto 4.8rem;
	border-radius: 3rem;
	overflow: hidden;
	background-color: #FFF;
}
.m_lotteryResult .p_body {
	padding: 4rem 4rem 4.8rem;
	text-align: center;
	line-height: 1.5;
}
.m_lotteryResult .p_prize {
	margin: 3.2rem auto 4rem;
	max-width: 528px;
	background-color: #F7F7F8;
	border-radius: 0.4rem;
	padding: 1.6rem 4rem 2.4rem;
	font-weight: bold;
}
.m_lotteryResult .p_prize dt {
	margin-bottom: 0.8rem;
}
.m_lotteryResult .p_prize dd {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 1.6rem;
	text-align: left;
	font-size: 2.6rem;
	line-height: 1.4;
}
.m_lotteryResult .p_num {
	display: inline-block;
	margin-top: 0.2rem;
	border: 1px solid;
	border-radius: 0.4rem;
	padding: 0.5rem 0.8rem 0.5rem 3.5rem;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0.8rem 50%;
	background-size: 2.4rem auto;
	font-size: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}
.m_lotteryResult .p_num.s_rank1 {
	border-color: #CE9955;
	background-image: url(/home/recommend/lottery/images/ic_prize_01.svg);
}
.m_lotteryResult .p_num.s_rank2 {
	border-color: #999;
	background-image: url(/home/recommend/lottery/images/ic_prize_02.svg);
}
.m_lotteryResult .p_num.s_rank3 {
	border-color: #754C24;
	background-image: url(/home/recommend/lottery/images/ic_prize_03.svg);
}
@media screen and (max-width: 767px){
	.m_lotteryResult {
		margin: 2.4rem auto;
		border-radius: 1.6rem;
	}
	.m_lotteryResult .p_body {
		padding: 2.4rem 2.4rem 4rem;
	}
	.m_lotteryResult .p_prize {
		margin: 1.6rem auto 2.4rem;
		padding: 1.6rem 1.5rem 2.4rem;
	}
	.m_lotteryResult .p_prize dd {
		gap: 0.8rem;
		font-size: 2rem;
	}
	.m_lotteryResult .p_num {
		margin-top: 0;
	}
}

.m_movieImg {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 896px;
	padding: 2.4rem 0;
	border-radius: 0.8rem;
	overflow: hidden;
}
.m_sectionBox:has(.m_movieImg) {
	margin-bottom: 7.2rem;
}
.m_movieImg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 7.6rem;
	height: 7.6rem;
	margin: auto;
	background: url(../images/ic_movie_play.svg) no-repeat 50% 50%;
	background-size: contain;
}
.m_movieImg:hover::after {
	background-image: url(../images/ic_movie_play_hover.svg);
}
@media screen and (max-width: 767px){
	.m_movieImg {
		padding: 0;
	}
	.m_sectionBox:has(.m_movieImg) {
		margin-bottom: 3.2rem;
	}
	.m_movieImg::after {
		width: 5.8rem;
		height: 5.8rem;
	}
}

.m_pointBanner {
	margin-bottom: 3.2rem;
	display: block;
	border-radius: 2rem;
	background: url(/assets/images/bg_banner_point.png) no-repeat 50% 50%, linear-gradient(0deg, #FFFEEB 34.79%, #FFFBBF 100%);
	background-size: cover;
	padding: 3.2rem;
}
.m_pointBanner .p_inner {
	position: relative;
	border-radius: 1rem;
	background-color: #FFF;
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem;
	text-align: center;
}
.m_pointBanner .p_inner::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 4rem;
	height: 4rem;
	border-radius: 2rem 0 1rem 0;
	background: url(/assets/images/ic_link_01.svg) no-repeat 50% 50% #F5F8FD;
	transition: all 0.2s;
}
.m_pointBanner:hover .p_inner::after {
	background: url(/assets/images/ic_link_01_white.svg) no-repeat 50% 50% #0039CC;
}
.m_pointBanner .p_header {
	position: relative;
	margin: 0 0 1.2rem 3rem;
	display: inline-block;
	padding: 0 1.4rem;
	font-size: 2rem;
	font-weight: 500;
}
.m_pointBanner .p_header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-left: 2px solid #002991;
	transform: rotate(-30deg);
}
.m_pointBanner .p_header::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-right: 2px solid #002991;
	transform: rotate(30deg);
}
.m_pointBanner .p_text {
	padding-left: 3.6rem;
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 60%;
	background-size: 2.4rem auto;
	color: #002991;
	font-size: 3.2rem;
	font-weight: bold;
}
.m_pointBanner .p_text small {
	font-size: 2.8rem;
}
.m_pointBanner .p_img {
	width: 12rem;
}
@media screen and (max-width: 1120px){
	.m_pointBanner .p_text {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 767px){
	.m_pointBanner {
		margin-bottom: 1.6rem;
		border-radius: 1.6rem;
		background: url(/assets/images/bg_banner_point_sp.png) no-repeat 50% 50%, linear-gradient(0deg, #FFFEEB 34.79%, #FFFBBF 100%);
		background-size: cover;
		padding: 2.4rem;
	}
	.m_pointBanner .p_inner {
		border-radius: 0.8rem;
		padding: 2.4rem 0.8rem;
	}
	.m_pointBanner .p_header {
		font-size: 1.4rem;
	}
	.m_pointBanner .p_text {
		padding-left: 3rem;
		background-position: 0 10%;
		font-size: 2.2rem;
	}
	.m_pointBanner .p_text small {
		font-size: 1.8rem;
		vertical-align: 0.1rem;
	}
	.m_pointBanner .p_img {
		width: 6rem;
	}
}

.m_tempRegister h2 {
	border-bottom: 1px solid #D5D5D5;
	padding: 3.2rem 4.8rem 2.4rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
.m_tempRegister .p_body {
	margin: 4rem auto;
	max-width: 37.6rem;
	padding: 0 1.6rem;
}
.m_tempRegister .m_formList > li + li {
	margin-top: 1.6rem;
}
.m_tempRegister .m_formList .p_title {
	margin-bottom: 0;
}
.m_tempRegister .m_formList .m_password {
	width: 100%;
}
.m_tempRegister .m_formList .m_textbox {
	width: 100%;
}
.m_tempRegister .p_btn {
	display: flex;
	justify-content: center;
	gap: 2.4rem;
	border-top: 1px solid #D5D5D5;
	padding: 2.4rem 2.4rem 4rem;
}
.m_tempRegister .p_btn .m_btn {
	width: 20.4rem;
}
@media screen and (max-width: 767px){
	.m_tempRegister h2 {
		padding: 2.4rem 2rem 1.6rem;
	}
	.m_tempRegister .p_body {
		margin: 2.4rem auto;
	}
	.m_tempRegister .p_btn {
		flex-direction: column-reverse;
		gap: 1.6rem;
		padding: 2.4rem;
	}
	.m_tempRegister .p_btn .m_btn {
		width: 100%;
	}
}

.m_movingNaviBanner {
	position: relative;
	margin: 0 0 2.4rem;
	border-radius: 0.8rem;
	background-color: #D5E6FF;
	padding: 1.6rem 4.8rem;
}
.m_movingNaviBanner .p_inner {
	border-radius: 0.8rem;
	background-color: #FFF;
	padding: 1.6rem 6.4rem;
	line-height: 1.5;
}
.m_movingNaviBanner a {
	margin-top: 0.8rem;
	display: inline-block;
	font-weight: 500;
}
.m_movingNaviBanner a:hover {
	text-decoration: underline;
}
.m_movingNaviBanner a::after {
	content: '';
	display: inline-block;
	margin-left: 0.4rem;
	vertical-align: -0.6rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(/assets/images/ic_btn_help.svg) no-repeat 50% 50%;
	background-size: 2.4rem auto;
}
.m_movingNaviBanner .p_img01 {
	position: absolute;
	left: 3.1rem;
	bottom: 0.6rem;
}
.m_movingNaviBanner .p_img02 {
	position: absolute;
	top: 1.1rem;
	right: 2.1rem;
}
@media screen and (max-width: 767px){
	.m_movingNaviBanner {
		margin: 0 0 1.6rem;
		border-radius: 1.6rem;
		padding: 1.6rem;
		overflow: hidden;
	}
	.m_movingNaviBanner .p_inner {
		padding: 1.6rem;
		font-size: 1.4rem;
	}
	.m_movingNaviBanner .p_link {
		text-align: center;
		font-size: 1.6rem;
	}
	.m_movingNaviBanner .p_img01 {
		left: 1.8rem;
		bottom: -2.1rem;
		width: 6rem;
	}
	.m_movingNaviBanner .p_img02 {
		top: 0.5rem;
		right: 0.3rem;
		width: 4rem;
	}
}

.m_movingNavi {
	line-height: 1.5;
}
.m_movingNavi .p_header {
	background-color: #E7F0FE;
	padding: 2.4rem 9.2rem;
}
.m_movingNavi h2 {
	max-width: 30.8rem;
	margin: 0 auto 1.2rem;
	background: url(/home/procedure/moving/images/im_navi_01.png) no-repeat 0 0, url(/home/procedure/moving/images/im_navi_02.png) no-repeat 100% 100%;
	padding: 2.3rem 0 0.2rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.m_movingNavi .p_body {
	padding: 4rem 9.2rem 4.8rem;
}
.m_movingNavi .p_back {
	margin-top: 2.4rem;
	text-align: center;
	font-size: 1.8rem;
	cursor: pointer;
}
.m_movingNavi .p_answer {
	margin-bottom: 1.6rem;
	display: flex;
	gap: 0.5rem;
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.m_movingNavi .p_header {
		padding: 1.4rem 2rem 2.4rem;
	}
	.m_movingNavi h2 {
		margin: 0 auto 1.6rem;
		background-size: 5.87rem auto, 5.1rem auto;
		padding: 2.6rem 0 0.2rem;
		font-size: 2.4rem;
	}
	.m_movingNavi .p_body {
		padding: 2.4rem 2rem 4rem;
	}
	.m_movingNavi .p_back {
		margin-top: 1.6rem;
		font-size: 1.6rem;
	}
	.m_movingNavi .p_answer {
		margin-bottom: 1.2rem;
		font-size: 1.6rem;
	}
}

.m_history .m_select {
	width: 252px;
}
.m_history .m_toggleBoxS {
	margin: 1.6rem 0;
}
.m_history .m_toggleBoxS .p_title {
	display: flex;
	gap: 1.6rem;
}
.m_history .m_toggleBoxS .p_date {
	padding-top: 0.2rem;
	font-size: 1.4rem;
	white-space: nowrap;
}
.m_history .m_toggleBoxS > .p_body {
	padding-bottom: 4rem;
}
.m_history .m_confirmList > li {
	padding-left: 0;
}
@media screen and (max-width: 767px){
	.m_history .m_select {
		width: 100%;
	}
	.m_history .m_toggleBoxS .p_title {
		flex-direction: column;
		gap: 0.8rem;
	}
	.m_history .m_toggleBoxS .p_date {
		padding-top: 0;
	}
	.m_history .m_toggleBoxS > .p_body {
		padding-bottom: 2.4rem;
	}
}

.m_exchangeList {
	margin: 2.4rem 0 4rem;
	display: block;
	border: 1px solid #D5D5D5;
	border-radius: 1.6rem;
	padding: 1.6rem 2.4rem 3.5rem;
}
.m_exchangeList > ul {
	margin: 0 auto;
	max-width: 870px;
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 3.86%;
  transition: all 0.6s;
}
.m_exchangeList:hover > ul {
	transform: scale(1.1);
}
.m_exchangeList > ul > li {
	width: 22.1%;
}
.m_exchangeList .p_img {
	max-width: 192px;
	margin: 0 auto;
}
.m_exchangeList .p_point {
	border-top: 1px solid #D5D5D5;
	padding-top: 0.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.m_exchangeList .p_before {
	background: url(/assets/images/ic_point_01.svg) no-repeat 0 50%;
	padding: 0.3rem 0 0.3rem 2.8rem;
}
.m_exchangeList .p_before small {
	font-size: 1.4rem;
	font-weight: normal;
}
.m_exchangeList .p_after {
	background: url(/assets/images/ic_arrow_01.svg) no-repeat 0.8rem 55%;
	padding-left: 2rem;
	color: #002991;
}
.m_exchangeList .p_after small {
	font-size: 1.2remq;
	font-weight: normal;
}
@media screen and (max-width: 1120px){
	.m_exchangeList > ul > li {
		width: 30%;
	}
}
@media screen and (max-width: 767px){
	.m_exchangeList {
		margin: 1.6rem 0 2.4rem;
		padding: 0.8rem 1.6rem 1.2rem;
	}
	.m_exchangeList > ul {
		gap: 1.2rem 2.8%;
	}
	.m_exchangeList > ul > li {
		width: 48.6%;
	}
	.m_exchangeList .p_point {
		padding-top: 0.4rem;
	}
	.m_exchangeList .p_before {
		background-size: 1.6rem auto;
		padding: 0.2rem 0 0.2rem 1.6rem;
		font-size: 1.4rem;
	}
	.m_exchangeList .p_before small {
		font-size: 1.2rem;
	}
	.m_exchangeList .p_after {
		background-position: 0.3rem 50%;
		background-size: 0.6rem auto;
		padding-left: 1.2rem;
		font-size: 1.4rem;
	}
	.m_exchangeList .p_after small {
		font-size: 1.1remq;
	}
}

/* チャットで質問ボタン制御
----------------------------------------- */

#web_plugin_chat_box {
	position: fixed;
	right: 0;
	bottom: 156px;
}
@media screen and (max-width: 767px){
	#web_plugin_chat_box {
		bottom: 11rem;
	}
	#web_plugin_open_button,
	#web_plugin_chat_box img {
		width: 3.2rem !important;
	}
}

/* マージンキャンセル
----------------------------------------- */

*:first-child {
	margin-top: 0;
}
*:last-child {
	margin-bottom: 0;
}