@charset "UTF-8";
/* sp(320px) */

/*ご利用方法*/

/* リンクス */
#pageUsage #links_usage {
	padding-bottom: 30px;
}
#pageUsage #links_usage li {
	margin-bottom: 1.0em;
}
#pageUsage #links_usage li a {
	display: block;
/*	max-width: 280px;*/
	width: 95%;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	line-height: 1;
	padding: .8em 0 .8em .2em ;
	border-bottom: 3px solid #ece6fd;
	position: relative;
}
#pageUsage #links_usage li a::after {
	content: '';
	border-top: 2px solid var(--first_color);
	border-right: 2px solid var(--first_color);
	-webkit-transform: rotate(45deg);
/*	transform: rotate(45deg);*/
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: .5em;
	transform: translateY(-50%) rotate(45deg);
	-webkit- transform: translateY(-50%) rotate(45deg);
	transition: all 300ms 0s ease;
}
#pageUsage #links_usage li a:hover {
	text-decoration: none;
}
#pageUsage #links_usage li a:hover::after {
	right: .5em;
}
#pageUsage #links_usage li:nth-child(1) a {
	margin-left: 0;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(2) a {
	margin-left: auto;
	margin-right: 0;
}
#pageUsage #links_usage li:nth-child(3) a {
	margin-left: 0;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(4) a {
	margin-left: auto;
	margin-right: 0;
}
#pageUsage #links_usage li:nth-child(5) a {
	margin-left: 0;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(6) a {
	margin-left: auto;
	margin-right: 0;
}

/* お電話での会員登録方法 */
#pageUsage #desc_1 {
	margin-top: 40px;
}
#pageUsage #desc_1 .list_type {
	display: block;
/*	margin-top: 3em;*/
}
#pageUsage #desc_1 .list_type .box {
	width: 100%;	
}
#pageUsage #desc_1 .list_type .box > div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	background: linear-gradient(to right, #7d2c99 0%, #453e9e 100%);
	color: #fff;
	text-align: left;
	padding:1.0em 1.4em;
	line-height: 1;
}

#pageUsage #desc_1 .list_type .box > div .no {
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	font-weight: 500;
/*	border: 1px solid #fff;*/
}
#pageUsage #desc_1 .list_type .box > div .icn {
	width: 42px;
	margin-left: 0;
	margin-right: auto;
	padding: 0em 1.2em 0em .6em;
/*	border: 1px solid #fff;*/
}
#pageUsage #desc_1 .list_type .box > div .name {
	font-family: 'Noto Serif JP', serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	flex: 1;
/*	border: 1px solid #fff;*/
}
#pageUsage #desc_1 .list_type .box:nth-of-type(7) .name {
	letter-spacing: -.06em;
}
#pageUsage #desc_1 .list_type .box p {
	padding-top: 1em;
	margin-bottom: 0;
}
#pageUsage #desc_1 .list_type .arrow {
	width: 100%;
	position: relative;
/*	border: 1px solid red;*/
	height: 30px;
}
#pageUsage #desc_1 .list_type .arrow::after {
	content: '';
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) rotate(135deg);
	-webkit- transform: translateY(-50%) translateX(-50%) rotate(135deg);
	transition: all 300ms 0s ease;
}

/* STEP */
.step .enc .lside {
	padding-bottom: 1.4em;
}

/* 真実の鑑定を致しております */
#pageUsage #truth {
	padding-bottom: 0;
}
#pageUsage #truth .hl {
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	font-weight: 500;
	color: var(--first_color);
	text-align: center;
}
#pageUsage #truth .hl span {
	display: block;
	font-size: 16px;	
	color: #363636;
}
#pageUsage #truth .msg {
	text-align: left;
}
#pageUsage #truth .msg br {
	display: none;
}
#pageUsage #truth #truth_promise {
	border: 1px solid #993499;
	padding: 1.6em 1.6em;
}
#pageUsage #truth #truth_promise .ttl {
	font-family: 'Noto Serif JP', serif;
	font-size: 17px;
	font-weight: 500;
	color: var(--first_color);
	border-bottom: 3px solid #ece6fd;
	line-height: 1.4;
	padding-bottom: .5em;
}
#pageUsage #truth #truth_promise .enc {
	margin-top: .6em;
}
#pageUsage #truth #truth_promise .enc .lside {
	padding-top: .6em;
	line-height: 1.9;
	padding-bottom: 1.5em;
}

/* ご利用方法のtop_msg */
.pageUsageChild .msg_top {
	text-align: left;
/*	line-height: 2;*/
}
.pageUsageChild .msg_top br.mbr {
	display: none;
}
.pageUsageChild .enc figure {
	padding-top: 1.5em;
}

/* 対面鑑定のご利用方法 */
/*#pageUsageFacetoface #tel_facetoface {
	font-family: 'Noto Serif JP', serif;
	text-align: center;
}
#pageUsageFacetoface #tel_facetoface .telno {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
#pageUsageFacetoface #tel_facetoface .telno .icn {
	width: 18px;
}
#pageUsageFacetoface #tel_facetoface .telno .icn img {
	position: relative;
	top: .3em;
}
#pageUsageFacetoface #tel_facetoface .telno .no {
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	color: var(--first_color);
	line-height: 1;
	flex: 1;
	padding-left: .1em;
}
#pageUsageFacetoface #tel_facetoface p {
	font-size: 14px;
	margin-top: .4em;
}*/

/* 特別鑑定のご利用方法 */
#pageUsageSpecial #osusume {
	border: 4px solid #e1c5f5;
	background-color: #faf1fd;
	padding: 1.4em 1.6em 1.1em;
}
#pageUsageSpecial #osusume .ttl .icn {
	width: 22px;
}
#pageUsageSpecial #osusume .ttl .name {
	flx: 1;
	font-size: 15px;
	font-weight: bold;
	padding-left: .4em;
}
#pageUsageSpecial #osusume ul {
	margin-top: 1em;
}
#pageUsageSpecial #osusume ul li {
	margin-bottom: .4em;
}
#pageUsageSpecial .box_divination {
	margin-bottom: 1.4em;
}
#pageUsageSpecial .box_divination .hl_divination {
	font-size: 15px;
	font-weight: bold;
	color: var(--first_color);
}












@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */

/* リンクス */
#pageUsage #links_usage li a {
	font-size: 16px;
}

/* お電話での会員登録方法 */
#pageUsage #desc_1 .list_type .box > div .no {
	font-size: 24px;
}
#pageUsage #desc_1 .list_type .box > div .icn {
	width: 40px;
	padding: 0em 1.2em 0em .6em;
}
#pageUsage #desc_1 .list_type .box > div .name {
	font-size: 16px;
}
#pageUsage #desc_1 .list_type .arrow {
	height: 40px;
}
#pageUsage #desc_1 .list_type .arrow::after {
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	width: 12px;
	height: 12px;
	top: 40%;
}

/* 真実の鑑定を致しております */
#pageUsage #truth .hl {
	font-size: 26px;
	text-align: center;
}
#pageUsage #truth .hl span {
	font-size: 22px;	
}

#pageUsage #truth #truth_promise .ttl {
	font-size: 20px;
	padding-bottom: .5em;
}
#pageUsage #truth #truth_promise .enc {
	margin-top: 1.5em;
}
#pageUsage #truth #truth_promise .enc .lside {
	padding-top: .6em;
}

/* 対面鑑定のご利用方法 */
/*#pageUsageFacetoface #tel_facetoface .telno .icn {
	width: 22px;
}
#pageUsageFacetoface #tel_facetoface .telno .icn img {
	top: .3em;
}
#pageUsageFacetoface #tel_facetoface .telno .no {
	font-size: 34px;
}
#pageUsageFacetoface #tel_facetoface p {
	font-size: 15px;
}*/

/* 特別鑑定のご利用方法 */
#pageUsageSpecial #osusume {
	border: 4px solid #e1c5f5;
	padding: 2em 2.6em 1.8em;
}
#pageUsageSpecial #osusume .ttl .icn {
	width: 28px;
}
#pageUsageSpecial #osusume .ttl .name {
	font-size: 17px;
	padding-left: .4em;
}
#pageUsageSpecial .box_divination .hl_divination {
	font-size: 17px;
}



	@media (-webkit-min-device-pixel-ratio: 2){
		

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */

/* リンクス */
#pageUsage #links_usage {
	padding-bottom: 50px;
}
#pageUsage #links_usage li {
	margin-bottom: 1.5em;
}
#pageUsage #links_usage li a {
	width: 90%;
	font-size: clamp(0.938rem, 0.397rem + 1.4vw, 1.125rem);
	padding: .8em 0 .8em .2em ;
}
#pageUsage #links_usage li a::after {
	border-top: 2px solid var(--first_color);
	border-right: 2px solid var(--first_color);
	width: 6px;
	height: 6px;
	right: 1em;
}
#pageUsage #links_usage li a:hover::after {
	right: .8em;
}
#pageUsage #links_usage li:nth-child(1) a {
	margin-left: 0;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(2) a {
	margin-left: auto;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(3) a {
	margin-left: auto;
	margin-right: 0;
}
#pageUsage #links_usage li:nth-child(4) a {
	margin-left: 0;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(5) a {
	margin-left: auto;
	margin-right: auto;
}
#pageUsage #links_usage li:nth-child(6) a {
	margin-left: auto;
	margin-right: 0;
}

/* お電話での会員登録方法 */
#pageUsage #desc_1 {
	margin-top: 80px;
}
#pageUsage #desc_1 .list_type {
	display: flex;
/*	margin-top: 3em;*/
}
#pageUsage #desc_1 .list_type .box {
	width: 23.12%;	
}
#pageUsage #desc_1 .list_type .box > div {
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #7d2c99 0%,#453e9e 100%);
	color: #fff;
	text-align: center;
	padding:1.6em .4em;
	line-height: 1;
}

#pageUsage #desc_1 .list_type .box > div .no {
	font-family: 'EB Garamond', serif;
	font-size: 26px;
	font-weight: 500;
}
#pageUsage #desc_1 .list_type .box > div .icn {
	width: 54px;
	margin-left: auto;
	margin-right: auto;
	padding: .9em 0 .8em 0;
}
#pageUsage #desc_1 .list_type .box > div .name {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;	
}
#pageUsage #desc_1 .list_type .box:nth-of-type(7) > div .name {
	letter-spacing: -.06em;
}
#pageUsage #desc_1 .list_type .box p {
	padding-top: 2em;
}
#pageUsage #desc_1 .list_type .arrow {
	width: 2.51%;
	position: relative;
}
#pageUsage #desc_1 .list_type .arrow::after {
	content: '';
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 100px;
	left: 40%;
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
	-webkit- transform: translateY(-50%) translateX(-50%) rotate(45deg);
	transition: all 300ms 0s ease;
}

/* 真実の鑑定を致しております */
#pageUsage #truth .hl {
	font-size: 30px;
	text-align: center;
}
#pageUsage #truth .hl span {
	font-size: 26px;	
}
#pageUsage #truth .msg {
	text-align: center;
}
#pageUsage #truth .msg br {
	display: inline-block;
}
#pageUsage #truth .msg br.mbr {
	display: inline-block;
}
#pageUsage #truth #truth_promise {
	padding: 2em 2.6em;
}

#pageUsage #truth #truth_promise .ttl {
	font-size: 22px;
	padding-bottom: .5em;
}
#pageUsage #truth #truth_promise .enc {
	margin-top: 1.5em;
}
#pageUsage #truth #truth_promise .enc .lside {
	padding-top: .6em;
	padding-bottom: 0;
}

/* ご利用方法のtop_msg */
.pageUsageChild .msg_top {
	text-align: center;
}
.pageUsageChild .msg_top br.mbr {
	display: inline-block;
}
.pageUsageChild .enc figure {
	padding-top: 0;
}

/* 対面鑑定のご利用方法 */
/*#pageUsageFacetoface #tel_facetoface .telno .icn {
	width: 24px;
}
#pageUsageFacetoface #tel_facetoface .telno .icn img {
	top: .6em;
}
#pageUsageFacetoface #tel_facetoface .telno .no {
	font-size: 36px;
}
#pageUsageFacetoface #tel_facetoface p {
	font-size: 15px;
}*/

/* 特別鑑定のご利用方法 */
#pageUsageSpecial #osusume {
	border: 4px solid #e1c5f5;
	padding: 2em 2.6em 1.8em;
}
#pageUsageSpecial #osusume .ttl .icn {
	width: 28px;
}
#pageUsageSpecial #osusume .ttl .name {
	font-size: 17px;
	padding-left: .4em;
}
#pageUsageSpecial .box_divination .hl_divination {
	font-size: 17px;
}








/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 835px) {
/* pc */

/* リンクス */
#pageUsage #links_usage {
	padding-bottom: 60px;
}
#pageUsage #links_usage li a {
	font-size: 20px;
}
#pageUsage #links_usage li a::after {
	width: 8px;
	height: 8px;
	right: 1em;
}
#pageUsage #links_usage li a:hover::after {
	right: .8em;
}

/* お電話での会員登録方法 */
#pageUsage #desc_1 .list_type .box > div .no {
	font-size: 30px;
}
#pageUsage #desc_1 .list_type .box > div .icn {
	width: 68px;
	padding: .9em 0 .8em 0;
}
#pageUsage #desc_1 .list_type .box > div .name {
	font-size: 20px;
}
#pageUsage #desc_1 .list_type .arrow::after {
	width: 9px;
	height: 9px;
}

/* 真実の鑑定を致しております */
#pageUsage #truth {
	padding-bottom: 3em;
}
#pageUsage #truth .hl {
	font-size: 36px;
	text-align: center;
}
#pageUsage #truth .hl span {
	font-size: 30px;	
}
#pageUsage #truth .msg {
	text-align: center;
}
#pageUsage #truth .msg br {
	display: inline-block;
}
#pageUsage #truth .msg br.mbr {
	display: none;
}

#pageUsage #truth #truth_promise {
	padding: 2em 2.6em;
}
#pageUsage #truth #truth_promise .ttl {
	font-size: 24px;
	padding-bottom: .5em;
}
#pageUsage #truth #truth_promise .enc {
	margin-top: 1.5em;
}
#pageUsage #truth #truth_promise .enc .lside {
	padding-top: .6em;
	padding-bottom: 0;
}

/* ご利用方法のtop_msg */
.pageUsageChild .msg_top br.mbr {
	display: none;
}

/* 対面鑑定のご利用方法 */
/*#pageUsageFacetoface #tel_facetoface .telno .icn {
	width: 25px;
}
#pageUsageFacetoface #tel_facetoface .telno .icn img {
	top: .6em;
}
#pageUsageFacetoface #tel_facetoface .telno .no {
	font-size: 40px;
}
#pageUsageFacetoface #tel_facetoface p {
	font-size: 16px;
}*/

/* 特別鑑定のご利用方法 */
#pageUsageSpecial #osusume {
	border: 4px solid #e1c5f5;
	padding: 2em 2.6em 1.8em;
}
#pageUsageSpecial #osusume .ttl .icn {
	width: 31px;
}
#pageUsageSpecial #osusume .ttl .name {
	font-size: 18px;
	padding-left: .4em;
}
#pageUsageSpecial .box_divination .hl_divination {
	font-size: 18px;
}








/* end of media query(pc) */
}