@charset "UTF-8";

.change_mode_{
	display: none;
}
.wrapper_wrapper_{
	position: relative;
}
.wrapper_ {
	width: 100%;
	background: #fff;
	overflow-x: hidden;
	padding-top: var(--header-height);
}
body:not([data-page-id="top"]) .wrapper_ {
	padding-bottom:100px;
	padding-left:var(--padding-x);
	padding-right:var(--padding-x);
}
/*--- header ---*/
#header{
	position: relative;
	height: 72px;
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
#header.fixed{
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}
#header img{
	width: 100%;
}
#header .uk-button{
	padding: 0;
	line-height: 1;
}
#header .inner{
	position: relative;
	z-index: 2;
	background-color: #fff;
}
#header .inner-2{
	display: flex;
	align-items: stretch;
	margin:0 auto;
	position: relative;
	background-color: #fff;
	padding: 0 var(--padding-x);
}
#header .logo a{
	width: calc(249 / 828 * 100vw);
	padding: 19px 0 17.5px 0;
	display: block;
}
#header .inner .c-2{
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
}
#header .inner .c-2 .nav-bottom .list{
	display: flex;
	align-items: stretch;
}
#header .inner .c-2 .nav-top{
	height: 100%;
}
#header .inner .c-2 .nav-top .list{
	width: calc(370 / 848 * 100vw);
	height: 100%;
	align-items: stretch;
	display: flex;
	justify-content: flex-end;
}
#header .inner .c-2 .nav-top .list a{
	display: flex;
	height: 100%;
	align-items: center;
}
#header .inner .c-2 .nav-top .list > li{
	display: flex;
	align-items: center;
}
#header .inner .c-2 .nav-top .list .li-search a{
	margin-right: calc(30 / 828 * 100vw);
	padding:0 calc(12.5 / 828 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-search a img{
	width: calc(39 / 828 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-mypage a{
	margin-right: calc(23 / 828 * 100vw);
	padding:0 calc(11.25 / 828 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-mypage a img{
	width: calc(35 / 828 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-cart a{
	margin-right: calc(40 / 828 * 100vw);
	padding:0 calc(13.5 / 828 * 100vw);
	position: relative;
}
#header .inner .c-2 .nav-top .list .li-cart a img{
	width: calc(45 / 828 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-menu a{
	margin-right: calc(17 / 828 * 100vw);
	width: calc(50 / 848 * 100vw);
}
#header .inner .c-2 .nav-top .list .li-menu a img{
	width: 100%;
}
#header .inner .c-2 .nav-top .list >:last-of-type a:after{
	display: none;
}
#header .inner .c-2 .nav-bottom .list{
	gap: 0 24px;
}
#header .inner .c-2 .nav-bottom .js-doc-menu{
	display: flex;
	align-items: center;
	gap: 0 14px;
}
#header .inner .c-2 .nav-bottom .js-doc-menu:after{
	content:'';
	display: block;
	width: 10px;
	height: 6px;
	background-image: url(../img/usr/common/arrow-black-down-10x6.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#header .inner .c-2 .nav-bottom .list a:not(.search-icon-wrapper){
	font-size: 1rem;
	font-weight: bold;
	line-height: calc(24 / 16);
	color: var(--text-color-primary);
	padding:10px 10px 5px;
	position: relative;
}
#header .inner .c-2 .nav-bottom .list a.search-icon-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 10px;
}
#header .inner .c-2 .nav-bottom .list >li:not(.li-search) a:before{
	content:'';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: transparent;
}
#header .inner .c-2 .nav-bottom .list >li.uk-active:not(.li-search) a:before{
	content:'';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--theme-color-secondary);
}
#header .inner .c-2 .btn-menu-close{
	display: none;
}
#header .inner .c-2 .js-cart-count{
	display: flex;
	position: absolute;
	border-radius: 50%;
	font-size: 0.625rem;
	color: #fff;
	background-color:var(--theme-color-secondary);
	min-width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	right: -5px;
	top: calc(28 / 828 * 100vw);
	display: none;
}
#header .outer-search{
	display: none;
	position: absolute;
	height: 80px;
	width: 100%;
	background-color: #fff;
	z-index: 1;
}
#header .outer-search form{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 26px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	border-top: 1px solid #cccccc;
}
#header .outer-search input[name="keyword"]{
	width: calc(614 / 828 * 100vw);
	height: 50px;
	border-radius: 25px;
	border: 1px solid #555555;
	padding:  0 25px;
}
#header .outer-search .uk-overlay-primary{
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	touch-action: none;
}
#header-menu-modal .uk-modal-dialog{
	padding-top: 25px;
	position: relative;
	max-height:calc(95vh - env(safe-area-inset-bottom));
	overflow-y:auto;
}
#header-menu-modal .uk-modal-dialog .uk-modal-header{
	padding: 30px var(--padding-x) 0;
	border: none;
}
#header-menu-modal .uk-modal-dialog .uk-modal-body{
	padding: 45px 0 0 0;
	overflow-y: scroll;
	overscroll-behavior-y:none;
	max-height: calc(95vh - env(safe-area-inset-bottom) - 95px);
}
#header-menu-modal .btn-header-menu-modal-close{
	background-color: transparent;
	border: none;
	background-image: url(../img/usr/common/close-blue@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 18.5px;
	height: 18.5px;
	padding: 0;
	position: absolute;
	right: var(--padding-x);
	top: 25px;
}
#header-menu-modal .nav-top .list{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-left: var(--padding-x);
	padding-right: var(--padding-x);
	margin-bottom: 0;
}
#header-menu-modal .nav-top .list a{
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	align-items: center;
	position: relative;
	font-size: 0.75rem;
	font-weight: bold;
	line-height: calc(18 / 12);
	color: var(--text-color-secondary);
}
#header-menu-modal .nav-top .list a .img-mypage{
	width: calc(55 / 828 * 100vw);
}
#header-menu-modal .nav-top .list > li:not(.li-mypage){
	border-top: 1px solid var(--table-border-color);
}
#header-menu-modal .nav-top .list > li:not(.li-mypage) a{
	padding: 16px 35px 16px calc(20 / 848 * 100vw);
	color: var(--text-color-primary);
	font-size: 1rem;
	font-weight: bold;
	line-height: calc(48 / 32);
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
}
#header-menu-modal .nav-top .list > li:not(.li-mypage) a:after{
	content:'';
	background-image: url(../img/usr/common/arrow-black-right.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 6.5px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: calc(30 / 848 * 100vw);
}
#header-menu-modal .nav-top .list .li-mypage{
	display: flex;
	justify-content: center;
	gap: 0 17.5px;
	padding-bottom: 25px;
}
#header-menu-modal .nav-top .list .li-mypage .user-name{
	font-size: 0.875rem;
	font-weight: bold;
	line-height: calc(18 / 12);
	color: var(--text-color-secondary);
	margin: 8px 0 0 0;
}
#header-menu-modal .nav-top .list .li-mypage .user-name .text{
	margin-right: 7px;
}
#header-menu-modal .nav-top .list .li-mypage .user-name .esq{
	margin-left: 4px;
}
#header-menu-modal .nav-bottom{
	width: 100%;
	background-color: var(--theme-color-quaternary);
}
#header-menu-modal .nav-bottom .list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding:30px var(--padding-x) 37.5px;
	align-items: stretch;
}
#header-menu-modal .nav-bottom .list > li{
	width: 50%;
	position: relative;
}
#header-menu-modal .nav-bottom .list > li a{
	font-size: 0.875rem;
	font-weight: bold;
	line-height: calc(48 / 28);
	color: var(--text-color-tertiary);
	display: flex;
	align-items: center;
	padding: 8px 0;
}
#header-menu-modal .nav-bottom .list > li:nth-of-type(2n+1) a{
	padding-left: calc(34 / 848 * 100vw);
	padding-right: calc(10 / 848 * 100vw);
}
#header-menu-modal .nav-bottom .list > li:nth-of-type(2n) a{
	padding-left: calc(34 / 848 * 100vw);
	padding-right: calc(10 / 848 * 100vw);
	position: relative;
}
#header-menu-modal .nav-bottom .list > li:nth-of-type(2n):before{
	content:'';
	height: 17px;
	width: 1px;
	background-color: var(--theme-color-tertiary);
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
#header-menu-modal .nav-bottom .li-logout a{
	display: flex;
	align-items: center;
	gap: 0 8px;
}
#header-menu-modal .nav-bottom .li-logout a:before{
	content:'';
	background-image: url(../img/usr/common/logout.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 9px;
	height: 13px;
	display: block;
}
/*--- フッター ---*/
#footer{
	margin-top: 40px;
}
#footer .footer-top{
	min-height: 55.5px;
}
#footer .footer-bottom{
	min-height: 84px;
}
#footer .footer-bottom,
#footer .footer-top{
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer .footer-top{
	background-color: var(--theme-color-quaternary);
	gap: 0 calc(20 / 828 * 100vw);
}
#footer .footer-top > *{
	position: relative;
}
#footer .footer-top > *:after{
	content:'';
	display: block;
	height: 16px;
	width: 1px;
	background-color: var(--theme-color-tertiary);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: calc(-16 / 828 * 100vw);
}
#footer .footer-top > *:last-of-type:after{
	display: none;
}
#footer .footer-top > * > a{
	display: block;
	padding: 19.5px 10px 15px;
	font-size: 0.875rem;
	line-height: calc(21 / 14);
	color: var(--text-color-tertiary);
	font-weight: bold;
}
#footer .footer-bottom{
	background-color: var(--theme-color-secondary);
	flex-wrap: wrap;
}
#footer .footer-bottom > *{
	position: relative;
}
#footer .footer-bottom > *:after{
	content:'';
	display: block;
	height: 16px;
	width: 1px;
	background-color: #fff;
	position: absolute;
	top: 7px;
	right: calc(-2 / 828 * 100vw);
}
#footer .footer-bottom > *:first-of-type{
	width: 100%;
	text-align: center;
}
#footer .footer-bottom > *:first-of-type a{
	padding: 17px 0 3px;
}
#footer .footer-bottom > *:first-of-type:after,
#footer .footer-bottom > *:last-of-type:after{
	display: none;
}
#footer .footer-bottom > * > a{
	color: #fff;
	padding: 6px 15px 16px;
	display: inline-block;
	font-size: 0.875rem;
	line-height: calc(21 / 14);
	font-weight: bold;
}
#copyright{
	text-align: center;
	font-family: var(--font-family-kana);
	font-size: 0.75rem;
	line-height: calc(36 / 24);
	padding: 13px 0 14px;
	background-color: #ffffff;
	position: relative;
}
#copyright span{
	position: relative;
}
#to-pagetop{
	right: calc(20 / 828 * 100vw);
	display: none;
}
#to-pagetop a{
	display: block;
}
/*--- 汎用 ---*/
.g-head {
	text-align: center;
}
.g-head .g-head-main.alpha{
	font-size:var(--font-size-alpha-head-main);
	font-weight: var(--font-weight-alpha-head-main);
	color: var(--color-alpha-head-main);
	line-height: var(--line-height-alpha-head-main);
	font-family: var(--font-family-alpha);
}
.g-head .g-head-sub{
	font-size:var(--font-size-kana-head-sub);
	font-weight: var(--font-weight-kana-head-sub);
	color: var(--color-kana-head-sub);
	line-height: var(--line-height-kana-head-sub);
	margin-top: 17px;
	display: block;
	font-family: var(--font-family-kana);
}
.g-head .g-head-sub{
	font-size:var(--font-size-kana-head-sub);
	font-weight: var(--font-weight-kana-head-sub);
	color: var(--color-kana-head-sub);
	line-height: var(--line-height-kana-head-sub);
	margin-top: 24px;
	display: block;
	font-family: var(--font-family-kana);
}
.g-head-secondary{
	background-color: var(--theme-color-quaternary);
	font-size: 1.4375rem;
	font-weight: bold;
	line-height: calc(69 / 46);
	font-weight: bold;
	display: flex;
	align-items: stretch;
	padding: 10px 10px;
	gap: 0 20px;
	margin-bottom: 33px;
	min-height: 55px;
}
.g-head-secondary > *{
	display: flex;
	align-items: center;
}
.g-head-secondary::before{
	content:'';
	width: 4px;
	height:auto;
	background-color: var(--theme-color-secondary);
	display: block;
	flex-shrink: 0;
}
.g-head-tertiary{
	background-color: #fff;
	font-size: 1.4375rem;
	font-weight: bold;
	line-height: calc(69 / 46);
	font-weight: bold;
	display: flex;
	align-items: stretch;
	padding: 10px 10px 10px 0;
	gap: 0 20px;
	margin-bottom: 14px;
	min-height: 55px;
}
.g-head-tertiary > *{
	display: flex;
	align-items: center;
}
.g-head-tertiary::before{
	content:'';
	width: 4px;
	height:auto;
	background-color: var(--theme-color-secondary);
	display: block;
	flex-shrink: 0;
}
.g-event-inner{
	width: var(--layout-width-md);
	margin-left: auto;
	margin-right: auto;
}
.g-event-inner .g-head{
	margin-bottom: 40px;
}
.g-tab{
	margin: 0 auto;
	border-bottom: 2px solid var(--theme-color-quaternary);
	width: calc(100% - 2 * var(--padding-x));
}
.g-tab.uk-subnav>*{
	padding-left: 0;
}
.g-tab.uk-subnav-pill>*>*,
.g-tab.uk-subnav>*>*,
.g-tab > * >*{
	font-size: 1rem;
	line-height: calc(48 / 32);
	color: #cccccc;
	padding: 12px calc(73 / 828 * 100vw);
	background-color: #fff;
	font-weight: bold;
	text-transform:none;
	justify-content: center;
}
.g-tab > *:nth-of-type(n+2){
	flex-grow: 1;
}

.g-tab .uk-active > *{
	font-weight: bold;
	background-color: var(--theme-color-quaternary)!important;
	color: var(--text-color-primary)!important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 12px calc(73 / 828 * 100vw);
	justify-content: center;
}
.g-btn-purchase{
	font-size: 1rem;
	line-height: calc(24 / 16);
	color: #fff;
	font-weight: bold;
	border-radius: 26px;
	padding: 15px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0 14px;
	background-color: var(--theme-color-secondary);
	box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.16);
	min-width: 220px;
}
.g-btn-purchase > *{
	flex-shrink: 0;
}
.g-btn-purchase:after{
	content:'';
	display: block;
	background-image: url(../img/usr/common/arrow-link-white.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	flex-shrink: 0;
}
.g-btn-purchase:hover{
	background-color: #fff!important;
	opacity: 1!important;
	color: var(--text-color-secondary)!important;
	border: 1px solid var(--theme-color-secondary)!important;
}
.g-btn-purchase:hover:after{
	background-image: url(../img/usr/common/arrow-link-blue.png)!important;
}
.g-btn-detail{
	font-size: 0.875rem;
	line-height: calc(21 / 14);
	color: #fff;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0 14px;
}
.g-btn-detail > *{
	flex-shrink: 0;
}
.g-btn-detail:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-white.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	flex-shrink: 0;
}
.g-btn-round{
	border-radius: 30px;
	border:1px solid var(--theme-color-tertiary);
	padding: 17px 38px;
	display: inline-flex;
	gap: 0 20px;
	font-size: 1rem;
	line-height: calc(24 / 16);
	color: var(--text-color-tertiary);
	font-weight: bold;
	align-items: center;
	justify-content: center;
}
.g-btn-round > *{
	flex-shrink: 0;
}
.g-btn-round:hover{
	background-color: var(--theme-color-quaternary)!important;
	opacity: 1!important;
}
.g-btn-round:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	flex-shrink: 0;
}
.g-btn-rectangle{
	border-radius: 6px;
	border: 1px solid var(--theme-color-tertiary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: calc(24 / 16);
	color: var(--text-color-tertiary);
	font-weight: bold;
}
.g-btn-rectangle > *{
	flex-shrink: 0;
}
.g-btn-rectangle:hover{
	background-color: var(--theme-color-quaternary)!important;
	opacity: 1!important;
}
.g-btn-rectangle-secondary{
	border-radius: 6px;
	border: none;
	padding: 25px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: calc(24 / 16);
	color: #fff;
	min-width: 225px;
	font-weight: bold;
	background-color: var(--theme-color-quinary);
	border: 1px solid var(--theme-color-quinary);
}
.g-btn-rectangle-secondary:hover{
	background-color: #fff!important;
	color: var(--theme-color-quinary);
	border: 1px solid var(--theme-color-quinary);
	opacity: 1!important;
}
.btn-white{
    background-color: #fff;
}
.g-flex-table{
	display: flex;
	flex-direction: column;
}
.g-flex-table .g-tr{
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--table-border-color);
	padding: 14px 0;
}
.g-flex-table .g-tr > .g-td{
	padding-top: 10px;
}
.g-flex-table .g-tr:nth-of-type(odd){
	background-color: var(--table-background-color-secondary);
}
.g-flex-table .g-tr:last-of-type{
	border-bottom: 1px solid var(--table-border-color);
}
.g-flex-table .g-tr > *{
	padding: 0 10px;
}
.g-flex-table .g-tr > *:last-child{

}
.g-flex-table .g-th{
	font-weight: bold;
	font-size: 1rem;
	line-height: calc(24 / 16);
	flex-shrink: 0;
	font-family: var(--font-family-kana);
}
.g-flex-table .g-td{
	font-size: 1rem;
	line-height: calc(24 / 16);
	font-family: var(--font-family-kana);
}
.g-text-normal{
	/*font-size: 1rem;*/
	font-size: 1.125rem;
	/*line-height: calc(24 / 16);*/
	line-height: calc(32 / 18);
	color: var(--text-color-primary);
}
.g-text-note{
	font-size: 0.875rem;
	line-height: calc(21 / 14);
	color: var(--text-color-primary);
}
.g-video{
	position: relative;
	display: block;
}
.g-video:after{
	content:'';
	background-image: url(../img/usr/common/btn-play.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 72px;
	height: 72px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.g-youtube{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.g-youtube iframe{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.g-link,
.g-external-link,
.g-link-secondary,
.g-external-link-secondary,
.g-anchor-link{
	display: inline-flex;
	gap: 0 10px;
	justify-content: center;
	align-items: center;
	position: relative;
}
.g-link:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;	
}
.g-external-link:after{
	content:'';
	background-image: url(../img/usr/common/external-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 15px;
	display: block;	
}
.g-link-secondary:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-white.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;	
}
.g-link-secondary:hover:after{
	background-image: url(../img/usr/common/arrow-link-saxblue.png);
}
.g-external-link-secondary:after{
	content:'';
	background-image: url(../img/usr/common/external-link-white.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 15px;
	display: block;	
}
.g-external-link-secondary:hover:after{
	background-image: url(../img/usr/common/external-link-saxblue.png);
}
.g-anchor-link{
	padding-right: 45px;
}
.g-anchor-link:after{
	content:'';
	background-image: url(../img/usr/common/arrow-indigo-down-14x8.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 8px;
	display: block;
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%)
}
.g-flex-article{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 35px 0;
}
[data-page-id="top"] .g-flex-article >*{
	padding-left: var(--padding-x);
	padding-right: var(--padding-x);
}
.g-flex-article-head{
	font-size: 1.25rem;
	font-weight: bold;
	line-height: calc(30 / 20);
	margin-bottom: 12px;
}
.g-flex-article-text{
	/*font-size: 1rem;*/
	/*line-height: calc(24 / 16);*/
	font-size: 1.125rem;
	line-height: calc(32 / 18);
}
.g-flex-article-img-wrapper{
	flex-shrink: 0;
}
.g-flex-article-img-wrapper img{
	width: 100%;
}
.g-flex-article-column{
	display: flex;
	flex-direction: column;
	gap: 40px 0;
	width: 100%;
}
.g-marker-wrapper{
	padding: 10px 20px 10px 2px;
	display: flex;
	gap: 0 5px;
	position: relative;
}
.g-marker-wrapper .g-link{
	justify-content: flex-start;
}
.g-marker-wrapper > *:first-child{
	flex-shrink: 0;
}
.g-marker-wrapper > *:last-child{
	flex-grow: 1;
}
.g-absolute-link-icon::after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	top: 8px;
    right: 0;
	position: absolute;
}
.g-accordion-wrapper .uk-accordion>:nth-child(n+2){
	margin-top: 17px;
}
.g-accordion-wrapper .uk-accordion-title{
	background-color: var(--theme-color-quaternary);
	font-size: 1rem;
	font-weight: bold;
	line-height: calc(48 / 32);
	position: relative;
	padding:12px 40px 12px 17px;
}
.g-accordion-wrapper .uk-open>.uk-accordion-title::before{
	background-image: url(../img/usr/common/minus-accordion.png);
	background-size: contain;
	width: 27px;
	height: 27px;
}
.g-accordion-wrapper .uk-accordion-title:before{
	background-image: url(../img/usr/common/plus-accordion.png);
	background-size: contain;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	border-radius: 4px;
}
.g-accordion-wrapper .uk-accordion-title:after{
	content:'';
	width: 2px;
	background-color: var(--theme-color-quinary);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.g-accordion-wrapper .uk-accordion-content{
	font-size: 1rem;
	line-height: calc(24 / 16);
	margin-top: 33px;
	padding-left: var(--padding-x);
}
.g-accordion-wrapper .uk-accordion-content > *:last-child{
	margin-bottom: 14px;
}
.g-accordion-wrapper.g-faq .uk-accordion-title{
	padding-left: calc(125 / 828 * 100vw);
}
.g-accordion-wrapper.g-faq .uk-accordion-title:after{
	content:'Q.';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(94 / 828 * 100vw);
	background-color: var(--theme-color-quaternary);
	border-right: 2px solid var(--theme-color-quinary);
	font-weight: bold;
	font-size: 1rem;
	line-height: calc(48 / 32);
	color: var(--theme-color-quinary);
	font-family: var(--font-family-kana);
}
.g-accordion-wrapper.g-faq .uk-accordion-content{
	font-size: 1rem;
	line-height: calc(24 / 16);
	margin-top: 19px;
	padding-left: var(--padding-x);
}
.g-w-100{
	width: 100%!important;
}
.g-pb-sm{
	padding-bottom: 20px!important;
}
.g-pb-md{
	padding-bottom: 30px!important;
}
.g-pb-lg{
	padding-bottom: 50px!important;
}
.g-mt-sm{
	margin-top: 20px!important;
}
.g-mt-md{
	margin-top: 30px!important;
}
.g-mt-lg{
	margin-top: 50px!important;
}
.g-mt-xl{
	margin-top: 150px!important;
}
.g-mb-sm{
	margin-bottom: 20px!important;
}
.g-mb-md{
	margin-bottom: 30px!important;
}
.g-mb-lg{
	margin-bottom: 50px!important;
}
.g-mb-xl{
	margin-bottom: 150px!important;
}
.g-underline{
	text-decoration: underline!important;
}