@charset "utf-8";


#dkContainer {
	display: flex;
}

#dkContainer #dkLeft {
	width: 30%;
	position: sticky;
	top: 60px;
	padding: 30px 50px 20px;
	box-sizing: border-box;
	height: calc(100vh - 60px);
	overflow-y: auto;
	border-right: 1px solid #999999;
	display: flex;
	justify-content: flex-start;
}

#dkContainer #dkRight {
	width: 70%;
	box-sizing: border-box;
	padding: 0 50px 50px;
}

.banner-area {
	text-align: center;
	margin-bottom: 40px;
}

.banner-area .banner-img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ccc;
	transition: opacity 0.3s;
}

.banner-area .banner-img:hover {
	opacity: 0.8;
}

/* scrollbar装飾 */

#dkLeft::-webkit-scrollbar {
	width: 7px;
}

#dkLeft::-webkit-scrollbar-thumb {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d2d2d2), to(#d2d2d2));
	background: linear-gradient(to bottom, #d2d2d2 50%, #d2d2d2);
	border-radius: 5px;
}

#dkLeft::-webkit-scrollbar-track {
	/*background: #dcdcdc;*/
	background: #fff;
}


@media (min-width: 751px) and (max-width: 1233px) {
	#dkContainer #dkRight {
		padding: 0 30px 40px;
	}
}

@media screen and (max-width: 750px) {

	#dkContainer {
		display: block;
	}

	#dkContainer #dkLeft {
		display: none;
	}

	#dkContainer #dkRight {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}


}



/*-------------------------------------------------------------------
	dkLeft
-------------------------------------------------------------------*/

.dkSideBox {
	width: 100%;
	font-size: 14px;
	line-height: 1.0;
	color: #000000;
}

.dkSideBox .sideBtm a,
.dkSideBox .sideBtm p {
	display: block;
	position: relative;
	padding-right: 16px;
}

.dkSideBox .sideBtm a:not(.sideBdrLink)::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../image/arrow/icon_arrow_right.svg") center / contain no-repeat;
}

.dkSideBox .sideBtm p.sideBdrLink {
	display: inline-block;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #000;
	margin-top: 12px;
}

.dkSideBox .sideBtm p.sideBdrLink::after {
	display: none;
}

#dkWrap .dkSideBox a,
#dkWrap .dkSideBox p {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#dkWrap .dkSideBox a:hover,
#dkWrap .dkSideBox p:hover {
	/* text-decoration: underline; */
	background-color: #f4f4f4;
}

.sideTopLink {
	display: block;
	padding: 5px 0 2px 0;
	/* background: url("../image/common/side_home.png") left center no-repeat; */
	font-size: 18px;
}

.sideNmlLink {
	display: block;
	padding: 10px 16px 10px 14px;
	line-height: 1.4;
	position: relative;
	font-weight: 600 !important;
	font-size: 14px;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}

.sideNmlLink::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url("../image/arrow/icon_arrow_right.svg") no-repeat center / 12px 12px;
}

.sideBdrLink {
	display: inline;
	font-weight: 600 !important;
	font-size: 14px;
	line-height: 1.2;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}

.sideBdrLink:hover {
	text-decoration: none !important;
}

.sideSubLink {
	display: block;
	padding: 10px 16px 10px 14px;
	line-height: 1.4;
	position: relative;
	font-weight: 600 !important;
	font-size: 16px;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}

.sideSubLink::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url("../image/arrow/icon_arrow_right.svg") no-repeat center / 12px 12px;
}

.sideTop {
	font-size: 16px;
	font-weight: 600;
	padding: 10px 18px 10px 14px;
	position: relative;
	cursor: pointer;
	border-bottom: none;
}

.sideTop::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 12px;
	height: 12px;
	transform: translateY(-50%) rotate(180deg);
	background: url("../image/arrow/icon_arrow_upward.svg") no-repeat center / 12px 12px;
	transition: transform .2s;
}

.sideTop.sideOpen::after {
	transform: translateY(-50%) rotate(0deg);
}

.sideTop.-static {
	cursor: default;
}

.sideTop.-static::after {
	display: none;
}

.sideTop+.sideBtm {
	margin-top: 6px;
}

.sideBtm {
	display: none;
	padding: 8px 0 14px 0;
}

.sideBtm ul li {
	margin: 0;
	padding: 0;
}

.sideBtm ul li+li {
	margin-top: 8px;
}

.sideEndBox li+li {
	margin-top: 15px;
}

.sideEndBox {
	padding-bottom: 100px;
}

.sideEndBox a {
	display: block;
	position: relative;
	padding: 12px 20px 12px 14px;
	font-size: 16px;
	font-weight: 600 !important;
}



/*-------------------------------------------------------------------
	dkRight
-------------------------------------------------------------------*/

.dkContents {
	max-width: 800px;
	width: 100%;
	font-size: 16px;
	line-height: 1.8;
}

.dkContents img {
	max-width: 100%;
	height: auto;
}

.movie .movieWrap {
	width: 100%;
}

.movie .movieWrap iframe {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 750px) {

	.dkContents {
		width: auto;
		font-size: 14px;
		line-height: 1.6;
		margin: 0 auto;
	}

}


/*-------------------------------------------------------------------
	dkTab
-------------------------------------------------------------------*/

.dkTab {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.tabList {
	cursor: pointer;
	position: relative;
}


.tabLink {
	display: inline-block;
	background: #d2d2d2;
	line-height: 1.0;
	font-size: 14px;
	padding: 8px 25px 8px 10px;
	border-radius: 5px;
	position: relative;
	color: #000000 !important;
	text-decoration: none;
}

.tabLink.pdfCase {
	background: url("../image/common/pdf_icon.png") left 7px center no-repeat #d2d2d2;
	padding: 8px 25px 8px 30px;
}

.tabLink.moveCase {
	background: url("../image/common/move_icon.png") left 7px center no-repeat #d2d2d2;
	padding: 8px 25px 8px 30px;
}


.unDown .tabLink {
	background-color: #eb0a1e !important;
	color: #fff !important;
}

.tabLink::after {
	width: 5px;
	height: 5px;
	border: 1px solid;
	border-color: transparent transparent #000000 #000000;
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 30%;
	right: 8px;
}

.unDown .tabLink::after {
	border-color: transparent transparent #fff #fff;
}

.tabCont {
	padding: 20px 0;
	border-top: 1px solid #989898;
}

.tabOn {
	display: block !important;
}


#contFix01 {
	/*background: #fff;
	position: sticky;
	top: 60px;*/
	padding-top: 30px;
	z-index: 10;
	margin-bottom: 50px;
	transition: margin-bottom 0.3s;
}

#contFix01 .dkMainTitle {
	margin-bottom: 0;
}

#contFix02 {
	position: relative;
	/* border-bottom: 1px solid #989898; */
	padding: 20px 0;
	background: #fff;
	z-index: 9 !important;
}

#contFix02 .menuBtn {
	position: absolute;
	bottom: -26px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 26px;
	background-color: #000;
	border-radius: 0 0 3px 3px;
	box-shadow: none;
	border: none;
	color: #fff;
	font-size: 10px;
}

.tlmenuList {
	display: flex;
	flex-wrap: wrap;
}

.fixMenu .tlmenuList {
	justify-content: space-between;
	gap: 10px;
}

.tlmenuList li {
	width: 48%;
	margin-right: 3.3%;
}

.fixMenu .tlmenuList li {
	width: calc(50% - 5px);
	margin: 0;
}

.tlmenuList li:nth-child(3n) {
	/*margin-right: 0;*/
}

.tlmenuList li:nth-child(n + 4) {
	/*margin-top: 10px;*/
}

.tlmenuList.wMax li {
	width: 100%;
}

.tlmenuList.maxed li {
	width: auto;
}

.tlmenuList.maxed li.w50 {
	width: 50%;
}

.tlmenuList.maxed li.w30 {
	width: 30%;
}

.tlmenuList.maxed li:nth-child(n + 2) {
	/*margin-top: 10px;*/
}

.fixMenu .tlmenuList li a {
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); */
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	border-bottom: 2px solid #000;
	/* border-radius: 5px; */
	padding: 10px 35px 10px 15px;
	position: relative;
	color: #000000;
	margin: 0 3px;
}

.fixMenu .tlmenuList li a:hover {
	text-decoration: none !important;
}

.fixMenu .tlmenuList li a.is-active {
	border-bottom: 2px solid #eb0a1e;
	background: #f4f4f4;
}

.tlLink {
	display: block;
	text-decoration: none !important;
	color: #000 !important;
	padding: 0 15px;
	position: relative;
}


.tlmenuList.wMax .tlLink {
	display: inline-block;
}


.tlLink:hover {
	/* text-decoration: underline !important; */
	background-color: #f4f4f4;
}

/* .tlLink::before {
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
} */

.tlLink::after {
	width: 7px;
	height: 7px;
	border: 1px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
	content: '';
	position: absolute;
	right: 0;
	top: 10px;
}

.fixMenu .tlLink::after {
	transform: rotate(135deg);
	right: 15px;
	top: 13px;
}

.padTop {
	padding-top: 80px;
}


.indentWrap {
	padding-left: 10px;
}

.dk_blue {
	font-weight: bold;
}



.dkTab {
	justify-content: flex-start;
}

.inCase01,
.inCase02,
.inCase03,
.inCase04 {
	margin-right: 15px;
}

.dk_sTxt_0 {
	display: flex;
}

.dk_sTxt_1 {
	flex-grow: 1;
}

.dk_sTxt {
	font-size: 14px;
	flex-grow: 0;
}

.tlmenuList .meter_w {
	width: auto;
}

.dk_01_flex {
	display: flex;
}

.dk_01 {
	width: 15%;
}

.dk_02 {
	width: 100%;
}

.acBox .acTop {
	font-size: 20px;
}

.app-download {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-left: 0;
	text-align: center;
}

.app-download .downloadtxt {
	margin: 0;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
}

.app-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.app-buttons img {
	height: 48px;
	width: auto;
	display: block;
}


.dk_info {
	width: 33%;
}

.tlmenuList .mr_downer {
	margin-right: 30%;
}


.arrows {
	background: url("../image/flow/gray_arrow.png") bottom center no-repeat;
	padding: 0 0 80px;
	margin: 0 0 20px;
	margin-right: 10px;
}

.colors.ver01 {
	background: url("../image/flow/pro_icon01.png") 20px center no-repeat #000;
}

.colors.ver02 {
	background: url("../image/flow/pro_icon02.png") 30px center no-repeat #000;
}

.colors.ver03 {
	background: url("../image/flow/pro_icon03.png") 20px center no-repeat #000;
}

.colors.ver04 {
	background: url("../image/flow/pro_icon04.png") 35px center no-repeat #000;
}

.colors.ver05 {
	background: url("../image/flow/pro_icon05.png") 20px center no-repeat #000;
}

.colors.ver06 {
	background: url("../image/flow_user/pro_icon07.png") 20px center no-repeat #000;
}

.colors.ver04_01 {
	background: url("../image/flow/pro_icon04.png") 35px center no-repeat #00b3cd;
}

.colors.ver05_02 {
	background: url("../image/flow/pro_icon05.png") 20px center no-repeat #00b3cd;
}

.colors.ver06_03 {
	background: url("../image/flow_user/pro_icon07.png") 20px center no-repeat #00b3cd;
}


.colors .tbcell {
	display: table-cell;
	width: 685px;
	height: 105px;
	text-align: left;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	padding-left: 130px;
}

.memo_w {
	font-weight: 600;
	font-size: 20px;
}

.aplbox {
	text-align: center;
}

.aplbox dl {
	display: inline-block;
	vertical-align: top;
}

.aplbox dl dt {
	color: 000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 20px;
}

.app_text {
	font-size: 14px;
}


@media screen and (max-width: 750px) {
	.dk_01 {
		width: 33%;
	}

	.inCase01,
	.inCase02,
	.inCase03,
	.inCase04 {
		margin-right: 0;
	}

	.icon_hbg {
		width: 7%;
	}

	.tlmenuList.wMax .tlLink {
		display: block;
	}

	.app-download {
		display: block;
		text-align: center;
	}

	.app-buttons {
		justify-content: center;
		margin-top: 8px;
	}

}




@media screen and (max-width: 750px) {

	.dkTab {
		display: flex;
		/*justify-content: space-between;*/
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.tabList {
		/*width: 49%;*/
		width: 32%;
		margin-right: 4px;
	}

	.tabList:nth-child(n + 3) {
		/*margin-top: 10px;*/
	}


	.tabLink {
		display: block;
		background: #d2d2d2;
		line-height: 1.0;
		font-size: 11px;
		padding: 8px 15px 8px 20px;
		border-radius: 7px;
		position: relative;
	}

	.tabLink.pdfCase {
		padding: 8px 15px 8px 30px;
	}

	.tabLink.moveCase {
		padding: 8px 15px 8px 30px;
	}

	#contFix01 {
		background: #fff;
		position: static;
		padding-top: 10px;
		padding-bottom: 0;
	}

	#contFix01 .dkMainTitle {
		margin-bottom: 0;
	}

	#contFix02 {
		background: #fff;
		padding-top: 10px;
		z-index: 9 !important;
	}

	.tlmenuList {
		display: block;
	}

	.tlmenuList li {
		width: auto;
		margin-right: 0;
	}

	.tlmenuList.maxed li.w50,
	.tlmenuList.maxed li.w30 {
		display: none;
	}



	.tlmenuList li:nth-child(n + 2) {
		margin-top: 10px;
	}

	.fixMenu .tlmenuList li {
		width: 100%;
	}



}



/*-------------------------------------------------------------------
	subpage parts
-------------------------------------------------------------------*/

.dkMainTitle {
	line-height: 1.4;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #989898;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
}

.dkMainTitle span:nth-child(n + 2) {
	margin-left: 15px;
}

.acBox .acTop {
	/* cursor: pointer; */
	/* box-shadow: 0 0 3px rgba(0,0,0,0.5); */
	font-size: 21px;
	line-height: 1.4;
	font-weight: bold;
	background: #f4f4f4;
	border-bottom: 2px solid #eb0a1e;
	/* border-radius: 5px; */
	padding: 12px 35px 12px 15px;
	position: relative;
	color: #000000;
	margin: 0 3px;
}

/* .acBox .acTop::after,
.acBox.is-open .acTop.acOpen::after,
.acBox.is-open2 .acTop.acOpen::after {
	width: 7px;
  height: 7px;
  border: 2px solid;
  border-color:  transparent transparent #000 #000;
  transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 35%;
	right: 2%;
}

.acBox .acTop.acOpen::after,
.acBox.is-open .acTop::after,
.acBox.is-open2 .acTop::after {
	border-color: #000 #000 transparent transparent;
	top: 45%;
} */

.acBox .acBtm {
	padding: 30px 0 0 10px;
	/* display: none; */
	transition: all, .5s;
}

.acBox .acBtm.opened {
	display: block;
	transition: all, .5s;
}

.acBox .acBtmMovie {
	padding: 0 0 0 10px;
	/* display: none; */
	transition: all, .5s;
}

.acBox .acBtmMovie .opened {
	display: block;
	transition: all, .5s;
}

.dkSubTitle {
	border-bottom: 1px solid #989898;
	padding-bottom: 5px;
	margin-bottom: 20px;
}


.dkSubTitle span {
	display: block;
	border-left: 5px solid #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 0 2px 10px;
}


.dkDotted01 {
	position: relative;
	padding-left: 13px;
}

.dkDotted01::before {
	background: #231815;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
}

.dkDotted01.redText::before,
.cautionList .dkDotted01::before {
	background: #EB0A1E;
}


.pdLft {
	padding-left: 17px;
}

.numberList {
	position: relative;
	display: flex;
	align-items: baseline;
}

.numberList .numCase {
	position: relative;
	top: -2px;
	left: 0;
	flex: 0 0 20px;
	margin-right: 10px;
}

.numberList .numCase b {
	position: absolute;
	top: -5px;
	left: 25px;
}

.numberList.numberList-icon {
	padding-left: 0;
	display: flex;
	align-items: baseline;
}

.numberList.numberList-icon .numCase {
	position: relative;
	margin-right: 10px;
}

.numCase span {
	/* display: table-cell; */
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	background: #eb0a1e;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	border-radius: 50%;
}

.numCase span.longV {
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
}

.step-indent {
	padding-left: 30px;
}

#isLink02 .dk_01_flex {
	display: flex;
	align-items: flex-start;
	gap: 0;
}

#isLink02 .dk_01 {
	width: auto !important;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

#isLink02 .dk_02 {
	width: auto !important;
	flex: 1 1 auto;
}

#isLink02 .dk_01 .numCase {
	display: inline-flex;
	vertical-align: middle;
	transform: none;
	padding-left: 5px;
}

#isLink02 .dk_01 .numCase>span {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
}

.memonum .numCase,
.memoWrap p .numCase {
	display: inline-flex;
	vertical-align: middle;
	transform: none;
}

.memonum .numCase>span,
.memoWrap p .numCase>span {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
}

.cautionList {
	position: relative;
	padding-left: 40px;
	color: #EB0A1E;
	font-weight: bold;
}

.cautionList .cauCase {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #323333;
	font-weight: normal;
}

.memoWrap {
	border: 1px solid #999999;
	padding: 25px;
}


.memoBold {
	font-size: 19px;
	line-height: 1.2;
	font-weight: bold;
}

.imgBold {
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}


.refList {
	position: relative;
	padding-left: 1.2em;
}

.refList.ver02 {
	padding-left: 2em;
}

.refList.ver03 {
	padding-left: 1.5em;
}


.refList .refCase {
	position: absolute;
	top: 0;
	left: 0;
}

.redText {
	color: #EB0A1E;
	;
}

.boldTexts {
	font-weight: bold;
}

.secondFlex {
	display: flex;
	justify-content: space-between;
}


.secondFlex .secSame {
	width: 48%;
	display: block;
	justify-content: center;
	align-items: center;
}

.secondFlex .nfcSame {
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nfc-fig {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

.nfc-caption {
	order: -1;
	margin-bottom: 8px;
	padding: 2px 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #333;
	background: transparent;
	border: none;
	border-radius: 0;
}

.nfc-bottom-note {
	width: 48%;
	margin: 10px 0 0 auto;
	text-align: center;
	font-size: 14px;
	color: #333;
}

.nfc-back-figure {
	display: grid;
	grid-template-columns: 3.9fr 5fr;
	grid-template-rows: auto auto;
	width: 40%;
	margin: 0 auto;
}

.nfc-back-figure .eight_w {
	grid-column: 1 / 3;
	grid-row: 1;
	width: 100%;
	height: auto;
}

.nfc-back-figure .nfc-back-side {
	grid-column: 2 / 3;
	grid-row: 2;
	margin-top: 8px;
	font-size: 14px;
	color: #333;
	justify-self: center;
	text-align: center;
}

.inThisWrap {
	display: flex;
	justify-content: center;
}

.inThisCase {
	background: #dcdddd;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px 5px 5px;
	width: 340px;
}

.inThisCase dt {
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	background: url("../image/common/hatena_icon.png") left 5px top no-repeat;
	line-height: 1.0;
	margin-bottom: 10px;
}

.inThisCase dd {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}


.inThisCase dd ul li:nth-child(n + 2) {
	margin-top: 10px;
}


.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.imgCenter {
	text-align: center;
}

.imgCenter figcaption.chip {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: fit-content;
	min-height: 38px;
	margin: 0 auto 12px;
	padding: 0 18px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, .18);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset;
}

.imgCenter figcaption.chip::after {
	content: "";
	position: absolute;
	inset: 3px;
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 0;
	pointer-events: none;
}

.imgCenter .chip--owner {
	background: #2E5EB8;
}

.imgCenter .chip--share {
	background: #33A04E;
}


.imgflexCenter {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 2%;
}

.imgflexCenter img {
	width: 32%;
}

.btnLink {
	display: inline-block;
	text-decoration: none !important;
	width: 260px;
	box-sizing: border-box;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 1.0;
	background: #f5f5f5 url("../image/common/red_arrow.png") right 10px center no-repeat;
	border: 1px solid #d3d3d3;
	color: #000000 !important;
	padding: 20px 25px 20px 15px;
	text-align: left;
	border-radius: 5px;
}

.btnLink.longs {
	width: auto;
	padding: 20px 40px 20px 15px;
}

.btnLink:hover {
	opacity: 0.7;
}

.rightArrow {
	display: block;
	position: relative;
	text-decoration: none !important;
	color: #000000 !important;
	padding-left: 12px;
	line-height: 1.0;
	font-weight: normal !important;
	font-size: 15px;
}

.rightArrow::before {
	border-style: solid;
	border-width: 6.5px 0 6.5px 11px;
	border-color: transparent transparent transparent #000000;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}

.rightArrow:hover {
	/* text-decoration: underline !important; */
	background-color: #f4f4f4;
}

#ptBtn {
	display: inline-block;
	line-height: 1.0;
	text-decoration: none !important;
	position: fixed;
	background: #000;
	width: 65px;
	height: 65px;
	/* border-radius: 7px; */
	text-indent: -9999px;
	bottom: 10px;
	right: 5%;
}

#ptBtn:hover {
	opacity: 0.7;
}


#ptBtn::after {
	width: 15px;
	height: 15px;
	border: 3px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 41%;
	left: 34%;
}

.tabCont .tlmenuList .dk_info {
	width: 33%;
}

.ab_title {
	font-weight: 600;
}



.procee_flex {
	display: flex;
	justify-content: space-between;
}

.procee_flex img {
	width: 90%;
}

.tabCont .tlmenuList .mr_notdown {
	margin-right: 21.3%;
}

.procee_flex .dow_01 dt {
	font-size: 18px;
	font-weight: 600;
}

.small_dow {
	font-size: 14px;
}

.regi_img {
	width: 50%
}

.regist_bdr {
	border-bottom: 1px solid #000;
}

.red_bdr {
	border-bottom: 1px solid #EB0A1E;
}

.tabCont .tlmenuList .po_w {
	width: 35%;
}



@media screen and (max-width: 750px) {


	.dkMainTitle {
		padding-bottom: 10px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.dkMainTitle span:nth-child(n + 2) {
		margin-left: 10px;
	}

	.dkMainTitle span img {
		max-height: 25px;
	}


	.acBox .acTop {
		cursor: pointer;
		font-size: 18px;
		padding: 10px;
		margin: 0 3px;
		padding-right: 40px;
	}

	.acBox .acTop::after {
		right: 15px;
	}

	.dkSubTitle {
		margin-bottom: 30px;
	}


	.dkSubTitle span {
		font-size: 16px;
	}

	.dkDotted01::before {
		top: 9px;
	}



	.pdLft {
		padding-left: 15px;
	}

	.numberList .numCase {
		top: -2px;
	}

	.memoWrap {
		padding: 20px;
	}


	.memoBold {
		font-size: 17px;
	}

	.imgBold {
		font-size: 16px;
	}

	.secondFlex {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.secondFlex .secSame {
		width: 80%;
		display: flex;
		justify-content: center;
	}

	.secondFlex .secSame:nth-child(n + 1) {
		margin-top: 30px;
	}

	.nfc-caption {
		font-size: 12px;
	}

	.nfc-bottom-note {
		font-size: 13px;
	}

	.imgCenter {
		width: 80%;
		margin: 0 auto;
	}

	.imgflexCenter {
		align-items: center;
		flex-flow: column;
		gap: 30px 0;
	}

	.imgflexCenter img {
		width: unset;
	}

	.inThisCase {
		width: 90%
	}

	.btnLink {
		width: 80%;
	}

	.rightArrow {
		font-size: 14px;
	}

	#ptBtn {
		width: 50px;
		height: 50px;
	}

	#ptBtn::after {
		width: 12px;
		height: 12px;
		border: 2px solid;
		border-color: #fff #fff transparent transparent;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.mb50 {
		margin-bottom: 35px !important;
	}

	.regi_img {
		width: 90%
	}

	.numberList .numCase b {
		top: -1px;
		left: 25px;
	}

	#isLink02 .dk_01 {
		gap: .4em;
	}

	#isLink02 .dk_01 .numCase {
		padding-left: 0px;
	}

}

.inCase01,
.inCase02,
.inCase03,
.inCase04 {
	cursor: pointer;
}

.inSame01,
.inSame02,
.inSame03,
.inSame04 {
	display: none;
}

.inOpen {
	display: block !important;
}


/* こんなときは */

.atTime {
	margin-bottom: 50px;
}

.atTime li {
	border-bottom: 1px solid #000000;
}

.atTime li a {
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 1.4;
	color: #000000 !important;
	text-decoration: none !important;
	padding: 15px 40px 15px 5px;
}


.atTime li a:hover {
	background: #eee;
}


.atTime li a::after {
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #eb0a1e #eb0a1e transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
}


#faqpage .graybox {
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
	margin: 0 0 30px;
	padding: 30px 25px;
	display: flex;
	justify-content: space-between;
}

#faqpage .graybox dl {
	width: 48.5%;
}


#faqpage .graybox dl dt {
	border-bottom: 1px solid #d3d3d3;
	line-height: 1.0;
	padding: 0 0 10px;
	margin: 0 0 20px;
	color: #eb0a1e;
	font-size: 16px;
	font-weight: bold;
}

#faqpage .bdttl {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	font-size: 20px;
	padding: 10px 0;
	margin: 0 0 30px;
}

#faqpage .lastcont {
	text-align: center;
	display: flex;
	justify-content: space-between;
}

#faqpage .lastcont dl {
	text-align: left;
	box-sizing: border-box;
}

#faqpage .lastcont dl dt {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
	color: #eb0a1e;
}

#faqpage .lastcont dl dd.bolds {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px;
}

#faqpage .lastcont dl:last-child {
	padding-left: 30px;
	margin-left: 30px;
	border-left: 1px solid #000000;
}

#faqpage .lastcont dl dd.hdn {
	overflow: hidden;
	zoom: 1;
	font-size: 14px;
}

#faqpage .lastcont dl dd.hdn .no01 {
	float: left;
}

#faqpage .lastcont dl dd.hdn .no02 {
	margin-left: 15px;
}

#faqpage .lastcont dl dd.telbox {
	display: none;
}

#faqpage .lastcont dl dd.telbox a {
	display: block;
	width: 60%;
	margin: 0 auto;
	line-height: 1.0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #eb0a1e;
	padding: 20px 0;
	text-decoration: none;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

#faqpage .lastcont dl dd .indent {
	position: relative;
	padding-left: 15px;
	font-size: 13px;
}

#faqpage .lastcont dl dd .indent .kome {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 750px) {

	/* faqpage */

	#faqpage .graybox {
		border: 1px solid #d3d3d3;
		background: #f5f5f5;
		margin: 0 0 30px;
		padding: 20px 5%;
		display: block;
	}

	#faqpage .graybox dl {
		width: auto;
		float: none;
	}

	#faqpage .graybox dl:last-child {
		float: none;
		margin: 20px 0 0;
	}

	#faqpage .graybox dl dt {
		font-size: 16px;
		margin: 0 0 10px;
	}

	#faqpage .bdttl {
		font-size: 16px;
		margin: 0 0 20px;
	}

	#faqpage .lastcont {
		display: block;
	}

	#faqpage .lastcont dl {
		display: block;
		width: 100%;
		vertical-align: top;
		text-align: left;
	}

	#faqpage .lastcont dl dt {
		font-weight: bold;
		font-size: 16px;
		margin: 0 0 10px;
	}

	#faqpage .lastcont dl dd.bolds {
		font-size: 15px;
	}

	#faqpage .lastcont dl:last-child {
		padding: 20px 0 0;
		margin: 20px 0 0;
		border-left: none;
		border-top: 1px solid #000000;
	}

	#faqpage .lastcont dl dd.hdn .no02 br {
		display: none;
	}

	#faqpage .lastcont dl dd.telbox {
		display: block;
		margin: 10px 0 0;
	}

}

.fs14 {
	font-size: 14px;
}

.nmlFlex {
	display: flex;
}

.nmlFlex .nmlLeft {
	flex-basis: 115px;
}

.nmlFlex .nmlRight {
	width: 100%;
}


.trdImg {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.trdImg dl,
.trdImg .imgSame {
	width: 32%;
}


.trdImg dl dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
	.trdImg {
		display: block;
	}

	.trdImg dl,
	.trdImg .imgSame {
		width: auto;
	}

	.trdImg dl:nth-child(n + 2),
	.trdImg .imgSame:nth-child(n + 2) {
		margin-top: 30px;
	}
}


/* current設定 */
.pageNo01 .current01 a,
.pageNo02 .current02 a,
.pageNo03 .current03 a,
.pageNo04 .current04 a,
.pageNo05 .current05 a,
.pageNo06 .current06 a,
.pageNo07 .current07 a,
.pageNo08 .current08 a,
.pageNo09 .current09 a,
.pageNo10 .current10 a,
.pageNo11 .current11 a,
.pageNo12 .current12 a,
.pageNo13 .current13 a,
.pageNo14 .current14 a,
.pageNo15 .current15 a,
.pageNo16 .current16 a,
.pageNo17 .current17 a,
.pageNo18 .current18 a,
.pageNo19 .current19 a,
.pageNo20 .current20 a,
.pageNo21 .current21 a,
.pageNo22 .current22 a,
.pageNo23 .current23 a {
	/* text-decoration: underline !important; */
	font-weight: bold !important;
}

.tlLink_02 {
	display: inline-block;
	text-decoration: none !important;
	color: #000 !important;
	padding: 0 15px;
	position: relative;
}

.tlLink_02:hover {
	/* text-decoration: underline !important; */
	background-color: #f4f4f4;
}

.tlLink_02::before {
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
}

.tlLink_02::after {
	width: 7px;
	height: 7px;
	border: 1px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
	content: '';
	position: absolute;
	/*right: 0;*/
	top: 30%;
	margin-left: 10px;
}

.delete_ow_page #isLink01,
.delete_ow_page #isLink02,
.delete_ow_page #isLink03,
.delete_ow_page #isLink04,
.delete_ow_page #isLink05,
.delete_ow_page #isLink06 {
	scroll-margin-top: 350px;
}

/* #isLink01,
#isLink02,
#isLink03,
#isLink04,
#isLink05,
#isLink06 {
	margin-top: -155px;
	padding-top: 155px;
} */

/*.procepage #isLink01,
.procepage #isLink02,
.procepage #isLink03,
.procepage #isLink04,
.procepage #isLink05,
.procepage #isLink06 {
	margin-top: -260px;
	padding-top: 260px;
}*/

.inlineIcon {
	width: 2.2em;
	height: auto;
	vertical-align: -0.6em;
}

/* .numberList .numCase.inlineNum {
	top: 10px;
} */

.eight_w {
	width: 40%;
}

.eight_w_ {
	width: 40%;
}

.eight_w_regi {
	width: 80%;
}

.eight_w_regi_ {
	width: 80%;
}

.multimedia_w {
	width: 90%;
}

.nfcmark_w {
	width: 60%;
}

.dkContents .nts_fsize {
	font-size: 24px;
}

.tabCont .tlmenuList .ope_w {
	margin-right: 12.3%;
}

.tabCont .tlmenuList .ope_w2 {
	margin-right: 50.3% !important;
}

.tabCont .tlmenuList .mr_flow {
	margin-right: 16.3%;
}


@media screen and (max-width: 750px) {

	#isLink01,
	#isLink02,
	#isLink03,
	#isLink04,
	#isLink05,
	#isLink06 {
		margin-top: -180px;
		padding-top: 180px;
	}

	.flowpage #isLink01,
	.flowpage #isLink02,
	.flowpage #isLink03,
	.flowpage #isLink04,
	.flowpage #isLink05,
	.flowpage #isLink06 {
		margin-top: -135px;
		padding-top: 135px;
	}

	.operpage #isLink01,
	.operpage #isLink02,
	.operpage #isLink03,
	.operpage #isLink04,
	.operpage #isLink05,
	.operpage #isLink06 {
		margin-top: -135px;
		padding-top: 135px;
	}


	.procepage #isLink01,
	.procepage #isLink02,
	.procepage #isLink03,
	.procepage #isLink04,
	.procepage #isLink05,
	.procepage #isLink06 {
		margin-top: -140px;
		padding-top: 140px;
	}

	.delete_ow_page #isLink01,
	.delete_ow_page #isLink02,
	.delete_ow_page #isLink03,
	.delete_ow_page #isLink04,
	.delete_ow_page #isLink05,
	.delete_ow_page #isLink06 {
		margin-top: -140px;
		padding-top: 140px;
	}

	.settpage #isLink01,
	.settpage #isLink02,
	.settpage #isLink03,
	.settpage #isLink04,
	.settpage #isLink05,
	.settpage #isLink06 {
		margin-top: -140px;
		padding-top: 140px;
	}

	.procee_flex {
		display: block;
	}

	.procee_flex dl {
		text-align: center;
		margin-bottom: 30px;
	}

	.colors .tbcell {
		font-size: 14px;
		padding-left: 100px;
		padding-right: 22px;
	}

	.tabCont .tlmenuList .sett_menu {
		margin-right: 12.3%;
	}

	.tabCont .tlmenuList .mr_notdown {
		margin-right: 0;
	}

	.tlmenuList .mr_downer {
		margin-right: 0;
	}

	.tabCont .tlmenuList .ope_w {
		margin-right: 0
	}

	.tabCont .tlmenuList .mr_flow {
		margin-right: 0;
	}

	.dkContents .nts_fsize {
		font-size: 20px;
	}

	.q_icon_w {
		width: 14%;
	}

	.acBox .secondFlex .ope_mt0 {
		margin-top: 0;
	}

	.eight_w {
		width: 60%;
	}

	.eight_w_ {
		width: 60%;
	}

	.eight_w_regi {
		width: 75%;
	}

	.eight_w_regi_ {
		width: 75%;
	}

}


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

.mF_ml {
	margin-left: 15px;
}


.holdup {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.huItem {
	width: 25%;
}

.huItem:nth-child(1) {
	margin-right: 110px;
}

.imgWdt {
	width: 78%;
}

.imgw60 {
	width: 60%;
}

.imgw50 {
	width: 50%;
}

.cclList {
	text-indent: -1.1em;
	padding-left: 1.1em;
}

.cclList02 {
	text-indent: -1.8em;
	padding-left: 1.8em;
}

@media screen and (max-width: 750px) {

	.memoFlex {
		display: block;
	}

	.mF_ml {
		margin-left: 0;
	}

	.huItem {
		width: auto;
	}

	.huItem:nth-child(1) {
		margin-right: 50px;
	}

	.imgw60 {
		width: 75%;
	}

	.imgw50 {
		width: 75%;
	}

}

.movie .movieTitle {
	margin-bottom: 10px;
	color: #000;
	font-weight: bold;
}

.movie .movieWrap {
	aspect-ratio: 16 / 9;
}

.movie .movieWrap iframe {
	width: 100%;
	height: 100%;
}