/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://mytrex.jp/headspa-deepx/
Description: MYTREX HEAD SPA DEEP X
Version: 1.0
*/


#header {
	/*はじめの高さを設定*/
	height: 7vw;
	width: 100%;
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
	position: fixed;
	z-index: 999;
	/*最前面へ*/
	height: 0px;
	animation: DownAnime 0.5s forwards;
	margin-top: -7vw !important;
}

@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-14vw);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

main {
	height: 100%;
	/*min-height: 100vh;
   */
	padding: 0 0px;
	background-color: #fff;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 8vw;
}

@media screen and (max-width: 767px) {
	.wrapper>main {
		margin-top: 20vw;
	}
	.support_product2{
		padding-top: 10vw !important;
	}
}

@media screen and (min-width: 768px) {
	main {
		margin-top: 5vw !important;
	}
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 10vw;
		margin: 0 auto;
	}
	.container:first-child {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 10vw;
		margin: 0 auto;
	}
	.container:first-child {
        padding-top: 0;
    }
}

.fs {
	font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}

/* pagetop -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#pageTop2 {
		position: fixed;
/*
		bottom: 12vw;
		left: 2vw;
*/
		z-index: 10000;
	}
}

@media screen and (min-width: 768px) {
	#pageTop2 {
		position: fixed;
		bottom: 2vw;
		right: 2vw;
		z-index: 10000;
	}
}

#pageTop2 img {
	width: 100%;
}
#pageTop2 a {
	display: block;
	z-index: 999;
	padding: 8px 8px 8px 8px;
	border-radius: 0px;
	width: 35px;
	height: 35px;
	background-color: #231815;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#pageTop2 a:hover {
	text-decoration: none;
	background-color: #ffffff;
}

/* pagetop -------------------------------------------------------------- */
/*** menu sub ***/
@media screen and (max-width: 767px) {
	.menu_sp_list_logo {
		padding: 18px 0vw 18px 0vw;
		text-align: center;
		width: 100%;
		background: #ffffff;
		z-index: 999;
		position: fixed;
	}
	.menu_sub {
		background: #d9e5da;
		padding: 0.5vw 0.5vw;
		width: 100%;
		position: fixed;
		top: 11vw;
		z-index: 999;
	}
	.menu_sub_item_nm {
		font-size: 1.2vw;
		font-weight: 800;
		letter-spacing: 0.1vw;
		line-height: 1vw;
		color: #231815;
		padding: 0.5vw 0.5vw;
		text-align: center;
	}
	.menu_sub_item_link {
		font-size: 3vw;
		font-weight: normal;
		letter-spacing: 0.1vw;
		line-height: 3vw;
		color: #b5b5b6;
		padding: 2.5vw 0.5vw;
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
	}
	.menu_sub_item_link a {
		color: #231815;
		display: inline-block;
		list-style: none;
		padding: 0vw 3vw;
	}
	.menu_sub_item_link a:hover {
		color: #b5b5b6;
	}
	#mt_pc_top_buy_cartin {
		position: fixed;
		bottom: 0px;
		right: 0px;
		background: #0000004f;
		padding: 4px 0px 0px;
	}
	.mt_pc_top_buy {
		padding: 0 12vw;
	}

	/* state */
	.menu_sub.is-fixed {
		width: 86%;
		position: absolute;
		top: 0;
		transition-duration: 0.2s;
	}
	.is-fixed .menu_sub_item_link {
		padding: 4vw 0.5vw;
	}
}

@media screen and (min-width: 768px) {
	.menu_sub {
		background: #d9e5da;
		padding: 0vw;
		position: fixed;
		z-index: 999;
		top: 7.02vw;
		width: 100%;
		height: 3vw;
	}
	.menu_sub_item_nm {
		font-size: 1.2vw;
		font-weight: 800;
		letter-spacing: 0.1vw;
		line-height: 1vw;
		color: #231815;
		padding: 1.0vw 0.5vw;
		text-align: center;
	}
	.menu_sub_item_link {
		font-size: 0.75vw;
		font-weight: normal;
		letter-spacing: 0.08vw;
		line-height: 1vw;
		color: #b5b5b6;
		padding: 1.0vw 0vw;
		overflow-x: auto;
		white-space: nowrap;
	}
	.menu_sub_item_link::-webkit-scrollbar {
		display: none;
	}
	.menu_sub_item_link a {
		color: #231815;
	}
	.menu_sub_item_link a:hover {
		color: #b5b5b6;
	}
	#mt_pc_top_buy_cartin {
		padding: 0;
	}
	.mt_pc_top_buy {
		padding: 0vw 0vw !important;
	}
}

/*** menu sub ***/
/*** section ***/
@media screen and (max-width: 767px) {
	#pd_c {
		padding: 0% 0 10%;
	}
	#pd_l {
		/* padding: 0 0 10%; */
		background: #f1f1f1;
	}
	#pd_l2 {
		padding: 10% 0 10%;
	}
	#pd_mv {
		background: #ffffff;
		z-index: 1;
		/* padding-top: 14vw; */
		/* margin-bottom: 15vw; */
	}
}

@media screen and (min-width: 768px) {
	#pd_c {
		padding: 5% 0 5vw;
	}
	#pd_l {
		padding: 5% 0 5%;
		background: #f5f5f5;
	}
	#pd_l2 {
		padding: 5% 0 5%;
	}
	#pd_mv {
		padding: 0% 0 0%;
		background: #ffffff;
		z-index: 1;
		/* padding-top: 8vw; */
	}
}

/*** section ***/
/*** b ***/
@media screen and (max-width: 767px) {
	.pd_b_sp {
		padding: 0vw;
	}
	.pd_b_pc {
		display: none;
	}
	.pd_b {
		width: 100%;
	}
	.pd_b img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) {
	.pd_b_sp {
		display: none;
	}
	.pd_b_pc {
		padding: 0vw;
	}
	.pd_b {
		width: 100%;
	}
	.pd_b img {
		width: 100%;
	}
}

/*** b ***/
/*** c ***/
@media screen and (max-width: 767px) {
	.pd_c_slider {
		padding: 0vw 4vw 4vw;
	}
	.pd_c_box {
		padding: 1vw 1vw;
	}
	.pd_c_ttl_sub {
		padding: 2vw 4vw 3vw;
		font-size: 3.3vw;
		line-height: 1.6;
		letter-spacing: .3vw;
	}
	.pd_c_ttl_sub2 {
		padding: 0 4vw;
		font-size: 5.3vw;
		line-height: 1;
		/* letter-spacing: .5vw; */
	}
	.pd_c_nm4 {
		padding: 2vw 0 5vw;
		font-size: 7.7vw;
		font-weight: 800;
		line-height: 11vw;
		letter-spacing: .3vw;
		border-bottom: 1px solid #000;
		margin: 4vw;
		transform: scale(1, 0.95);
	}
	.pd_c_nm4 sup {
		font-size: 4.5vw;
		vertical-align: top;
		/* font-weight: 100; */
		letter-spacing: -0.1em;
	}
	.pd_c_text {
		padding: 0 4vw 9vw;
		font-size: 3.3vw;
		line-height: 1.92;
		letter-spacing: 0.1em;
	}
/*
	.pd_c_text sup {
		display: inline-block;
		transform: scale(0.7);
	}
*/
	.pd_c_text small {
		text-align: left;
		display: block;
		font-size: 2vw;
		letter-spacing: 0.1vw;
		padding-top: 3vw;
	}
	.pd_c_price1 {
		padding: 0 4vw 3vw;
		font-size: 3.3vw;
		line-height: 1;
		letter-spacing: .1vw;
	}
	.pd_c_price2 {
		padding: 1vw 4vw 4vw;
		font-size: 10vw;
		font-weight: 800;
		line-height: 8vw;
		letter-spacing: 0vw;
	}
	.outofstock_blank {
		padding-bottom: 15% !important;
	}
	.pd_c_price2b {
		font-size: 2.5vw;
		line-height: 2.5vw;
		padding-left: 2vw;
	}
}

@media screen and (min-width: 768px) {
	.pd_c_slider {
		padding: 0vw 8vw;
	}
	.pd_c_box {
		padding: 1vw 1vw;
	}
	.pd_c_ttl_sub {
		padding: 0vw 0vw 0vw;
		font-size: 0.9vw;
		letter-spacing: 0.09em;
	}
	.pd_c_ttl_sub2 {
		padding: 1vw 0vw 1vw;
		font-size: 1.4vw;
		letter-spacing: -0.01em;
	}
	.pd_c_nm4 {
		padding: 0vw 0vw 2vw;
		font-size: 2vw;
		font-weight: 800;
		line-height: 1.4;
		letter-spacing: 0.07em;
		border-bottom: 1px solid #3c3c3c;
		margin-bottom: 2vw;
	}
	.pd_c_nm4 sup {
		font-size: 1.3vw;
	}
	.pd_c_text {
		font-size: 0.9vw;
		line-height: 1.7;
		letter-spacing: .025em;
	}
	.pd_c_text small {
		padding: 1vw 0 0;
		font-size: .9vw;
		line-height: 1.5vw;
		letter-spacing: .05vw;
	}
	.pd_c_price1 {
		padding: 0;
		font-size: 1.3vw;
		line-height: 2vw;
		letter-spacing: .1vw;
	}
	.pd_c_price2 {
		padding: 0vw 0vw 0vw;
		font-size: 3vw;
		font-weight: 800;
		line-height: 4vw;
		letter-spacing: 0.1vw;
	}
	.pd_c_price2b {
		font-size: 1.2vw;
		line-height: 4vw;
	}
}

/*** c ***/

/*** l ***/
@media screen and (max-width: 767px) {
	.pd_l_area {
		padding: 4vw 4vw;
	}
	.pd_l_area_ttl {
		font-size: 5vw;
		line-height: 5vw;
		letter-spacing: 1.0vw;
		color: #231815;
		padding-bottom: 6vw;
		text-align: center;
	}
	.pd_l_box_are {
		padding: 0vw 0vw;
	}
	.pd_l_box_are2 {
		padding: 0vw 4vw;
	}
	.pd_l_box1 {
		padding: 4vw 23vw;
		text-align: center;
	}
	.pd_l_box2 {
		padding: 0vw 0vw 5vw;
	}
	.pd_l_box3 {
		float: left;
		width: 33%;
		padding: 0.5vw;
	}
	.pd_l_icon {
		padding: 0vw;
		width: 100%;
		line-height: 0;
	}
	.pd_l_icon img {
		width: 100%;
	}
	.pd_l_text {
		font-size: 3vw;
		line-height: 5.0vw;
		letter-spacing: 0.2vw;
		color: #231815;
		padding: 1.0vw 0.0vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 3vw;
		line-height: 3vw;
		letter-spacing: 0.2vw;
		color: #231815;
		padding: 2vw 1.0vw;
		text-align: center;
	}
	.pd_l_area {
		padding: 10vw 0 12vw;
	}
	.pd_l_item_ttl {
		font-size: 1.1vw;
		line-height: 1.6vw;
		letter-spacing: 0.1vw;
		color: #231815;
		text-align: left;
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.pd_l_area {
		padding: 4vw 0vw;
	}
	.pd_l_area_ttl {
		font-size: 1.8vw;
		line-height: 2vw;
		letter-spacing: 0.1vw;
		color: #231815;
		padding-bottom: 1.5vw;
		text-align: center;
	}
	.pd_l_box_are {
		padding: 0vw 0vw;
	}
	.pd_l_box_are2 {
		padding: 0vw 0vw;
	}
	.pd_l_box1 {
		float: left;
		width: 33%;
		padding: 0.5vw 0vw 1.0vw;
	}
	.pd_l_box2 {
		float: left;
		width: 66%;
		padding: 0.5vw;
	}
	.pd_l_box3 {
		float: left;
		width: 33%;
		padding: 0.5vw 0vw 1.0vw;
	}
	.pd_l_icon {
		padding: 1vw 1vw 1vw 0vw;
		width: 100%;
		line-height: 0;
	}
	.pd_l_icon img {
		width: 100%;
	}
	.pd_l_text {
		font-size: 0.9vw;
		line-height: 2.4vw;
		letter-spacing: 0vw;
		color: #231815;
		padding: 1vw 0vw 1.0vw 1vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 1.0vw;
		line-height: 2vw;
		letter-spacing: 0.1vw;
		color: #231815;
		padding: 0.5vw 1.0vw 0vw;
		text-align: center;
	}
	.pd_l_area {
		padding: 0 0vw 1vw;
	}
	.pd_l_item_ttl {
		font-size: 1.1vw;
		line-height: 1.6vw;
		letter-spacing: 0.1vw;
		color: #231815;
		text-align: center;
	}
}

/*** l ***/
/*** btm ***/
#cartin_sp {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: #d9e5dade;
	;
	padding: 0px 0px 0px;
	height: 10vw;
}

.mytrex_buy {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.mytrex_buy_item {
		float: left;
		font-size: 3vw;
		font-weight: 800;
		line-height: 4vw;
		color: #231815;
		padding: 1vw 3vw 1vw 3vw;
		letter-spacing: 0.1vw;
		min-width: 30vw;
	}
	.mytrex_buy {
		padding: 0 12vw;
	}
}

@media screen and (min-width: 768px) {
	.mytrex_buy {
		padding: 0 1vw;
	}
}

/*** btm ***/
/*** modal ***/
@media screen and (max-width: 767px) {
	#btn-close-modal {
		width: 23vw;
		text-align: center;
		cursor: pointer;
		color: #3e3c3d;
		font-size: 3.5vw;
		font-weight: normal;
		border: 1px solid #3e3c3d;
		padding: 1.5vw 0.2vw;
		border-radius: 10vw;
		line-height: 3.5vw;
		margin: 0 auto 10vw;
	}
	.modal-content {
		width: 94%;
	}
}

@media screen and (min-width: 768px) {
	#btn-close-modal {
		width: 7vw;
		text-align: center;
		cursor: pointer;
		color: #3e3c3d;
		font-size: 1vw;
		font-weight: normal;
		border: 1px solid #3e3c3d;
		padding: 0.5vw 0.2vw;
		border-radius: 10vw;
		line-height: 1vw;
		margin: 0 auto 5vw;
	}
	.modal-content {
		width: 80%;
	}
}

.modal-content {
	margin: 60px auto 80px;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	background: rgba(255, 255, 255, 1);
	border: 0px solid rgba(0, 0, 0, 0);
	border-radius: 0px;
}

/*** modal ***/
/*** modal e1 ***/
@media screen and (max-width: 767px) {
	#pd_md_1 {
		padding: 15% 0% 0%;
	}
}

@media screen and (min-width: 768px) {
	#pd_md_1 {
		padding: 8% 0%;
	}
	.support_product_qa_ttl {
		text-align: left !important;
	}
}

/*** modal e1 ***/
/*** modal e5 ***/
@media screen and (min-width: 768px) {
	.support_product_qa_ttl {
		text-align: left !important;
	}
}

/*** modal e5 ***/


/***          cmn          ***/
.pd_wrap {
	color: #1a1a1a;
}

@media screen and (max-width: 767px) {
	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-lg-1 {
		min-height: 0;
	}
	.full-width,
	.sp-full-width {
		display: block;
		margin: 0 calc(50% - 50vw);
	}
/*
	.pd_wrap img {
		width: 100%;
		display: block;
		vertical-align: bottom;
	}
*/
	.pd_b {
		margin-bottom: 13vw;
	}
	.pdct_n_a_sp_sub {
		text-align: center;
		font-size: 8.0vw;
		font-weight: bold;
		letter-spacing: 0.15em;
		margin-bottom: 6.5vw;
	}
	.pdct_n_a_sp_sub sup {
		font-size: 1.7vw;
		vertical-align: top;
	}
	.pdct_n_a_sp_sub1 {
		text-align: center;
		font-size: 5.3vw;
		letter-spacing: 0.21em;
		line-height: 1.45;
		margin-bottom: 4vw;
	}
	.pdct_n_a_sp_ttl {
		text-align: center;
		font-size: 6.4vw;
		/* letter-spacing: 0.08em; */
		margin-bottom: 5vw;
		font-weight: 700;
		transform: scale(1, 0.9);
	}
	.pdct_n_a_sp_ttl sup {
		vertical-align: sub;
	}
	.pdct_n_a_sp_ttl2 {
		padding: 0 0 10vw;
		color: #3f3d3e;
		font-size: 4vw;
		font-weight: 400;
		line-height: 4vw;
		letter-spacing: .5vw;
		text-align: center;
	}
	.pdct_n_a_sp_ttl3 {
		padding: 0 1vw 3vw;
		color: #3f3d3e;
		font-size: 2.5vw;
		font-weight: 400;
		line-height: 1;
		letter-spacing: .1vw;
		text-align: center;
	}
	.pdct_n_a_sp_img{
		padding: 0vw 10vw 8vw;
	}
	.pdct_n_a_sp_img img{
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) {
/*
	.pd_wrap img {
		width: 100%;
		display: block;
		vertical-align: bottom;
	}
*/
	.full-width {
		display: block;
		margin: 0 calc(50% - 50vw);
	}
}

/***          cmn          ***/
.pd_wrap {
	color: #323232;
}

@media screen and (max-width: 767px) {
	.sp_column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	#pd_o {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.pd_o_area_ttl {
		text-align: center;
		font-size: 5.0vw;
		letter-spacing: 0.18em;
		margin-bottom: 8.5vw;
	}
}

@media screen and (min-width: 768px) {
	#pd_o {
		padding-top: 6.5vw;
		padding-bottom: 4.5vw;
	}
	.pd_o_area_ttl {
		text-align: center;
		font-size: 1.7vw;
		letter-spacing: 0.15em;
		margin-bottom: 3vw;
	}
}

/* 追加２ */
@media screen and (min-width: 768px) {
	.pd_c_price_ev {
		padding-top: 3vw;
		/* width: 23vw; */
		width: 90%;
	}
}

@media screen and (max-width: 767px) {
	.pd_c_price_ev {
		padding-left: 4%;
		padding-right: 4%;
	}
	.cart_ev {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 3;
	}
	.cart_ev img {
		display: block;
		width: 100%;
		vertical-align: bottom;
	}
	#pageTop2 {
		bottom: 20vw;
	}
}

/* 事前予約 */
@media screen and (min-width: 768px) {
	.advance_form {
		padding-top: 2vw;
	}
	.advance_day {
		font-size: 1.5vw;
		margin-bottom: 1vw;
	}
	.advance_page a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 3.85vw;
		background-color: #222;
		color: #fff;
		font-size: 1.5vw;
		transition: all 0.3s;
	}
	.advance_page a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	.advance_form {
		padding: 3vw 3vw 0;
	}
	.advance_day {
		font-size: 4.0vw;
		margin-bottom: 2vw;
	}
	.advance_page a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 12.85vw;
		background-color: #222;
		color: #fff;
		font-size: 4.0vw;
		transition: all 0.3s;
	}
	.advance_page a:hover {
		opacity: 0.7;
	}
}

/* 返品保証 */
.pd_t_sup_box2_ttl {
	color: #c3996d;
}
.pd_t_sup_ttl:before,
.pd_t_sup_ttl:after {
	background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
	.pd_t_sup_box1_texta {
		color: #d79713;
	}
}

@media screen and (min-width: 768px) {
	#pd_t {
		background: #f5f5f5;
	}
}

/***          o          ***/
.pd_o_related_box .splide__arrows {
	display: none;
}
.pd_o_related_box #splide02-list {
	justify-content: center;
}
@media screen and (max-width: 767px) {
.pd_o_ttl_related{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
font-weight: bold;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_o_mid_ttl_related{
font-size: 3vw;
line-height: 6vw;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_o_related_flex{
width: 100%;
padding: 0 4vw;
}
.pd_o_related_flex_inner{
width: 100%;
}
.pd_o_related_flex2{
width: 100%;
padding: 4vw 4vw 0;
}
.pd_o_related_box{
width: 100%;
display: flex;
}
.pd_o_related_box_1{
/* width: 42%; */
width: 35vw;
}
.pd_o_related_box_1 img{
width: 100%;
}
.pd_o_related_box_2{
/* width: calc(58% - 5vw); */
width: 50vw;
margin-left: 5vw;
}
.pd_o_related_box_2_ttl{
font-size: 3.3vw;
line-height: 1.4;
font-weight: bold;
padding-bottom: 2.5vw;
}
.pd_o_related_box_3_ttl {
	font-size: 2.66vw;
	letter-spacing: 0.07em;
	line-height: 1.5;
	margin-bottom: 1.5vw;
}
.pd_o_related_box_2_txt{
font-size: 1.8vw;
line-height: 1.5;
color: #231815;
padding-bottom: 3vw;
}
.pd_o_related_com{
font-size: 2.6vw;
line-height: 4vw;
letter-spacing: 0.05vw;
text-align: center;
padding: 9.4vw 4vw 0;
}
.pd_o_related_buy{
width: 100%;
}
.pd_o_related_buy_sell{
font-size: 2.6vw;
padding-bottom: 1vw;
}
.pd_o_related_buy_price{
font-size: 6.8vw;
font-weight: bold;
padding-bottom: 3vw;
}
.pd_o_related_buy_tax{
font-size: 2.6vw;
}
.pd_o_related_box .gallery02 .splide__track--nav>.splide__list>.splide__slide {
width: 14vw !important;
height: 100% !important;
}
.pd_o_related_box .gallery03 .splide__track--nav>.splide__list>.splide__slide {
width: 14vw !important;
height: 100% !important;
}
.fs_cart_add form span {
font-size: 2.6vw;
}
}
@media screen and (min-width: 768px) {
.pd_o_ttl_related{
font-size: 1.6vw;
font-weight: bold;
line-height: 1.6vw;
letter-spacing: .4vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_o_mid_ttl_related{
font-size: 1.05vw;
letter-spacing: 0.2vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_o_related_flex{
width: 100%;
display: flex;
justify-content: center;
}
.pd_o_related_flex_inner{
width: 35vw;
}
.pd_o_related_flex_inner:last-of-type{
margin-left: 3vw;
}
.pd_o_related_flex2{
padding-top: 5vw;
width: 100%;
display: flex;
justify-content: center;
}
.pd_o_related_box{
width: 100%;
display: flex;
}
.pd_o_related_box_1{
width: 40%;
width: 10vw;
}
.pd_o_related_box_1 img{
width: 100%;
}
.pd_o_related_box_2{
width: calc(60% - 2vw);
width: 23vw;
margin-left: 2vw;
}
.pd_o_related_box_2_ttl{
font-size: 1.0vw;
line-height: 1.5;
font-weight: bold;
margin-bottom: 0.5vw;
}
.pd_o_related_box_2_ttl small {
font-weight: normal;
font-size: 0.78vw;
}
.pd_o_related_box_3_ttl {
	font-size: 0.93vw;
	letter-spacing: 0.09em;
	line-height: 1.5;
	margin-bottom: 0.5vw;
}
.pd_o_related_box_2_txt{
font-size: 0.625vw;
line-height: 1.5;
letter-spacing: -0.07em;
color: #231815;
padding-bottom: 1vw;
}
.pd_o_related_com{
font-size: 0.7vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
text-align: center;
padding-top: 2.5vw;
}
.pd_o_related_buy{
width: 100%;
}
.pd_o_related_buy_sell{
font-size: 0.8vw;
padding-bottom: 1vw;
}
.pd_o_related_buy_price{
font-size: 2.2vw;
font-weight: bold;
/* padding-bottom: 1.4vw; */
}
.pd_o_related_buy_tax{
font-size: 0.8vw;
}
.fs_cart_add form span {
font-size: .8vw;
line-height: 1.6vw;
letter-spacing: .07em;
}
.pd_o_related_box .gallery02 .splide__track--nav>.splide__list>.splide__slide {
width: 4vw !important;
}
.pd_o_related_box .gallery03 .splide__track--nav>.splide__list>.splide__slide {
width: 4vw !important;
}
}
/***          o          ***/

@media screen and (max-width: 767px) {
	.pd_c_text_s2 {
		padding: 3vw 0vw 0vw;
		font-size: 2.3vw;
	}
}
@media screen and (min-width: 768px) {
	.pd_c_text_s2 {
		padding: 1vw 0vw 0vw;
		font-size: 0.7vw;
	}
	
	#pd_review {
		margin-bottom: 13vw;
	}
}



/* HEAD SPA DEEP X
=====================================================*/
img{
    width: 100%;
}
main h1 {
    text-align: left;
}


@media screen and (min-width: 768px){
    .pd_c_ttl_sub {
        font-size: 1.05vw;
        font-feature-settings: 'palt';
        letter-spacing: .15vw;
        margin-bottom: .6vw;
    }
    .pd_c_ttl_sub sup {
        font-size: .6vw;
    }
    .pd_c_ttl_sub2 {
        font-size: 1.7vw;
    }
    .pd_c_nm4 {
        padding: 0 0 1vw;
        font-size: 3.2vw;
        font-weight: 900;
        line-height: 1.25;
        letter-spacing: .1vw;
        border-bottom: .1vw solid #b0b0b1;
        margin-bottom: 2vw;
        width: 35vw;
    }
    .pd_c_text {
        width: 35vw;
        font-size: 1.1vw;
        line-height: 1.7;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        text-align: justify;
    }
    .pd_c_price1 {
        padding: 0;
        font-size: 1vw;
        line-height: 2vw;
        letter-spacing: .05vw;
    }
    .pd_c_price2 {
        font-size: 3.3vw;
        font-weight: 900;
    }
    .pd_c_text_s2 {
        padding: .5vw 0 2vw;
        font-size: .65vw;
    }
    /* AWARD */
    .pd_bnr_authority2{
        padding: 0;
    }
    .pd_badge {
        flex-direction: column;
        align-items: center;
        row-gap: .5vw;
    }
    .pd_badge_rank {
        width: 46vw;
    }
    .hsdx_awrd_txt {
        text-align: center;
        font-size: 2.8vw;
        -webkit-text-stroke: 0.04vw #f8f3ef;
        text-stroke: 0.04vw #f8f3ef;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.5;
        color: #d08037;
        background: #f8f3ef;
        padding: 1vw 0;
        margin-bottom: .5vw;
        position: relative;
    }
    .hsdx_awrd_txt sup {
        font-size: .5vw;
        text-stroke: none;
        position: absolute;
        top: 13%;
        left: 50%;
    }
    .hsdx_awrd_txt2 {
        text-align: right;
        font-size: .6vw;
    }
    .hsdx_awrd_txt3 {
        font-size: .6vw;
        text-align: right;
    }
    
    /* CONTENTS */
    .hsdx_a_box h2 {
        text-align: center;
        line-height: 1.4;
        margin-bottom: 1.5vw;
        -webkit-text-stroke: 0.03vw #fff;
        text-stroke: 0.04vw #fff;
    }
    .hsdx_a_box1 {
        font-size: 4.3vw;
        text-align: center;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        margin-bottom: 1.5vw;
    }
    .hsdx_a_box1a {
        font-size: 5vw;
    }
    .hsdx_a_box2 {
        text-align: center;
        font-size: 2.8vw;
        font-feature-settings: 'palt';
        letter-spacing: .07vw;
        margin-bottom: 1.5vw;
    }
    .hsdx_a_box3 {
        margin-bottom: .7vw;
    }
    .hsdx_a_box4 {
        font-size: .6vw;
        margin-left: 1vw;
    }
    .hsdx_b_box {
        padding: 0 16vw;
    }
    .hsdx_b_box1 {
        font-size: 1.25vw;
        text-align: center;
        margin-bottom: 1.25vw;
    }
    .hsdx_b_box1 span {
        font-weight: bold;
    }
    .hsdx_b_box2 {
        display: flex;
        margin-bottom: 3.5vw;
    }
    .hsdx_b_box2a {
        width: 50%;
    }
    .hsdx_b_box2b {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #262420;
        color: #fff;
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        line-height: 1.8;
        padding-left: 3vw;
        position: relative;
    }
    .hsdx_b_box2b::before {
        display: inline-block;
        content: '';
        height: 11vw;
        width: .1vw;
        background: #fff;
        position: absolute;
        left: 12%;
    }
    .hsdx_b_box3 {
        font-size: 2.6vw;
        text-align: center;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        line-height: 1.4;
        margin-bottom: 3vw;
    }
    .hsdx_b_box4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .hsdx_b_box4a {
        width: 42%;
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .15vw;
        text-align: justify;
        line-height: 1.6;
        padding: 2.5vw 1.5vw;
        border-top: .3vw solid #f3f3f3;
        border-bottom: .3vw solid #f3f3f3;
    }
    .hsdx_b_box4a span {
        font-weight: bold;
    }
    .hsdx_b_box4b {
        width: 53%;
    }
    .hsdx_c_box {
        padding: 0 10vw;
    }
    .hsdx_c_box2 {
        padding-top: 3vw;
        text-align: center;
    }
    .hsdx_c_box2a {
        font-size: 3.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        margin-bottom: 1.75vw;
    }
    .hsdx_c_box2a sup {
        font-size: .8vw;
        vertical-align: text-top;
        letter-spacing: 0;
    }
    .hsdx_c_box2b {
        font-size: 1.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .15vw;
        line-height: 1.6;
        margin-bottom: 1.5vw;
    }
    .hsdx_c_box2b span{
        font-weight: bold;
        font-size: 1.75vw;
    }
    .hsdx_c_box2c {
        font-size: .6vw;
    }
    .hsdx_d_box1 {
        font-size: 1.4vw;
        text-align: center;
        letter-spacing: .05vw;
        margin-bottom: 2vw;
    }
    .hsdx_d_box1 span {
        font-weight: bold;
    }
    .hsdx_d_nav {
        padding: 0 22vw;
    }
    .hsdx_d_nav ul {
        display: flex;
        justify-content: center;
        gap: .8vw;
    }
    .hsdx_d_nav ul li {
        flex: 1;
        position: relative;
    }
    .hsdx_d_nav ul li a {
        display: block;
        text-decoration: none;
        font-size: 1.7vw;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        background: linear-gradient(-45deg, rgba(0, 0, 0, 1) 30%, rgba(77, 77, 77, 1) 100%);
        padding: 1.8vw 0 2.5vw;
        border-radius: 5%;
        position: relative;
    }
    .hsdx_d_nav ul li a::before {
        display: block;
        content: '';
        width: .9vw;
        border-top: .07vw solid;
        position: absolute;
        bottom: 1.7vw;
        left: 42%;
        transform: rotate(35deg);
    }
    .hsdx_d_nav ul li a::after {
        display: block;
        content: '';
        width: .9vw;
        border-top: .07vw solid;
        position: absolute;
        bottom: 1.7vw;
        right: 43%;
        transform: rotate(-35deg);
    }
    .hsdx_d_nav ul li a span {
        writing-mode: vertical-lr;
        font-size: .8vw;
        padding-right: .2vw;
    }
    .hsdx_d_nav ul li:nth-child(4) a {
        letter-spacing: .5vw;
    }
    .hsdx_d_nav ul li:last-child a {
        font-size: 2.2vw;
        padding: 1.6vw 0 2.2vw;
    }
    .hsdx_d_new {
        display: inline-block;
        background: #d8a568;
        color: #fff;
        height: 3vw;
        width: 3vw;
        line-height: 3vw;
        font-size: .8vw;
        text-align: center;
        border-radius: 100%;
        position: absolute;
        top: -1.2vw;
        left: -.4vw;
        z-index: 2;
    }
    .hsdx_d_bg {
        background: #EDE5DF;
        position: relative;
        padding: 37.5vw 14vw 35vw;
    }
    .hsdx_d_box2 {
        width: 72%;
        background: #fff;
        box-shadow: 3px 3px 5px 1px rgba(220, 207, 199, 1);
        padding: 5vw;
        position: absolute;
        top: -11vw;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_d_box2a {
        display: inline-block;
        background: linear-gradient(145deg, rgba(149, 142, 184, 1) 0%, rgba(197, 119, 169, 1) 50%, rgba(206, 137, 122, 1) 100%);
        color: #fff;
        font-size: 2.2vw;
        letter-spacing: .25vw;
        padding: .5vw 6vw .3vw;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_d_box2b {
        display: flex;
        justify-content: center;
        color: #d2c0b2;
    }
    .hsdx_d_box2b1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5vw;
    }
    .hsdx_d_box2b1a {
        font-size: 10vw;
        white-space: nowrap;
        font-feature-settings: 'palt';
        letter-spacing: 2vw;
    }
    .hsdx_d_box2b1b {
        width: 100%;
        font-size: 2vw;
        text-align: center;
        white-space: nowrap;
        letter-spacing: .1vw;
        padding: .5vw 3vw;
        border-top: .15vw solid;
        border-bottom: .15vw solid;
    }
    .hsdx_d_box2b1b sup {
        font-size: .8vw;
        vertical-align: super;
    }
    .hsdx_d_box2b2 {
        height: 8vw;
        width: 8vw;
        position: relative;
    }
    .hsdx_d_box2b2::before,
    .hsdx_d_box2b2::after{
        display: inline-block;
        content: '';
        height: 8vw;
        width: 8vw;
        border-top: .2vw solid;
        position: absolute;
        top: 50%;
    }
    .hsdx_d_box2b2::before {
        transform: rotate(45deg);
        left: -40%;
    }
    .hsdx_d_box2b2::after {
        transform: rotate(-45deg);
        left: 27%;
    }
    .hsdx_d_box2c {
        display: flex;
        gap: 2vw;
    }
    .hsdx_d_box2c video {
        width: 50%;
    }
    .hsdx_d_box2c1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .hsdx_d_box2c1a {
        font-size: 2.7vw;
        white-space: nowrap;
        line-height: 1.4;
    }
    .hsdx_d_box2c1b {
        font-size: 1.6vw;
        line-height: 1.5;
    }
    .hsdx_d_box2c1b span {
        font-weight: bold;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        background: linear-gradient(145deg, rgba(172, 216, 238, .3) 0%, rgba(173, 207, 204, .3) 30%, rgba(208, 169, 210, .3) 55%, rgba(239, 190, 221, .3) 77%, rgba(240, 195, 146, .3) 100%);
    }
    .hsdx_d_box2c1b sup {
        font-size: .6vw;
        vertical-align: super;
    }
    .hsdx_d_box2c1c {
        width: 90%;
        font-size: 1.15vw;
        text-align: center;
        letter-spacing: .1vw;
        color: #ccc;
        padding: .5vw;
        border: .15vw solid;
    }
    .hsdx_d_box3 {
        font-size: .6vw;
    }
    .hsdx_d_box4 {
        padding: 7vw 5vw 4vw;
        display: flex;
        justify-content: space-between;
    }
    .hsdx_d_box4:nth-of-type(5) {
        padding: 7vw 5vw 4vw;
    }
    .hsdx_d_box4a {
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .hsdx_d_box4a1 {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: .5vw;
        background: #b59075;
        color: #fff;
        white-space: nowrap;
        padding: .5vw 1.7vw;
    }
    .hsdx_d_box4a1 picture {
        width: 1.8vw;
    }
    .hsdx_d_box4a1a {
        font-size: 1.3vw;
    }
    .hsdx_d_box4a1a span {
        font-weight: bold;
    }
    .hsdx_d_box4a1b {
        font-size: 1vw;
    }
    .hsdx_d_box4a2 {
        font-size: 3.25vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        line-height: 1.3;
        white-space: nowrap;
        padding-bottom: 1vw;
        border-bottom: .1vw solid;
        -webkit-text-stroke: 0.03vw #f8f3ef;
        text-stroke: 0.03vw #f8f3ef;
    }
    .hsdx_d_box4a2 sup {
        font-size: 1vw;
        vertical-align: text-top;
    }
    .hsdx_d_box4a3 {
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        line-height: 1.4;
    }
    .hsdx_d_box4a3 sup {
        font-size: .7vw;
        vertical-align: text-top;
    }
    .hsdx_d_box4b {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: .5vw;
    }
    .hsdx_d_box4b1 {
        display: flex;
        justify-content: space-between;
        gap: .5vw;
    }
    .hsdx_d_box4b1a {
        width: 100%;
        background: linear-gradient(180deg, rgba(97, 90, 84, 1) 0%, rgba(0, 0, 0, 1) 40%);
        color: #fff;
        text-align: center;
        font-size: 1.4vw;
        padding: .5vw 0;
    }
    .hsdx_d_box4b1a sup {
        font-size: .6vw;
        vertical-align: super;
    }
    .hsdx_d_box4b2 {
        font-size: .7vw;
        text-align: right;
    }
    .hsdx_d_box5 {
        background: #fff;
        box-shadow: 3px 3px 5px 1px rgba(220, 207, 199, 1);
        padding: 3vw 4vw;
        margin: 0 5vw;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .hsdx_d_box5a {
        font-size: 1.2vw;
        font-weight: bold;
        letter-spacing: .1vw;
        position: absolute;
        top: -.5vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_d_box5b {
        font-size: 1.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        text-align: center;
    }
    .hsdx_d_box5b span {
        color: #b77a51;
        font-size: 2.7vw;
        padding-left: .5vw;
    }
    .hsdx_d_box5c {
        display: flex;
        align-items: flex-end;
        gap: 1vw;
    }
    .hsdx_d_box5d {
        font-size: .6vw;
    }
    .hsdx_d_box5e {
        font-size: 2.2vw;
        color: #bc9479;
        text-align: center;
    }
    .hsdx_d_box5f {
        display: flex;
        align-items: center;
        gap: 1vw;
    }
    .hsdx_d_box5f1 {
        font-size: 1vw;
        white-space: nowrap;
    }
    .hsdx_d_box6 {
        width: 100vw;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .hsdx_e_box {
        padding: 3vw 15vw;
    }
    .hsdx_e_box1 {
        width: fit-content;
        margin: 0 auto 1.5vw;
        text-align: center;
        letter-spacing: .1vw;
        background: #d8a568;
        color: #fff;
        font-size: 1.4vw;
        padding: .6vw 6vw;
    }
    .hsdx_e_box1 span {
        font-weight: bold;
    }
    .hsdx_e_box2 {
        display: flex;
        flex-direction: column;
        gap: .8vw;
    }
    .hsdx_e_box2a {
        display: flex;
        align-items: stretch;
    }
    .hsdx_e_box2a1 {
        background: #f4ede7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.5vw;
        padding: 0 3vw;
    }
    .hsdx_e_box2a1a {
        font-size: 1vw;
        font-weight: bold;
    }
    .hsdx_e_box2a1b {
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .hsdx_e_box2b {
        font-size: .6vw;
    }
    .hsdx_f_bg {
        background: #f5f0ed;
        padding: 7vw 14vw;
    }
    .hsdx_f_bg:last-child {
        padding: 8vw 16vw;
    }
    .hsdx_f_box1 {
        display: flex;
        position: relative;
    }
    .hsdx_f_box1a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 2.8vw;
    }
    .hsdx_f_box1a1 {
        font-size: 1.4vw;
    }
    .hsdx_f_box1a1 span {
        font-weight: bold;
    }
    .hsdx_f_box1a2 {
        font-size: 4.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        white-space: nowrap;
    }
    .hsdx_f_box1a3 {
        text-align: center;
        font-size: 1.4vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.5;
    }
    .hsdx_f_box1a4 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: .5vw;
    }
    .hsdx_f_box1a4 li {
        width: 13vw;
        background: #000;
        color: #fff;
        font-size: 1.7vw;
        text-align: center;
        padding: 1vw 0;
        border-bottom: .2vw solid #b88c74;
    }
    .hsdx_f_box1b {
        width: 50vw;
    }
    .hsdx_f_box1 picture {
        position: absolute;
        top: -2vw;
        right: -3vw;
        width: 28vw;
    }
    .hsdx_f_box2 {
        padding: 10vw 16vw 7vw;
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }
    .hsdx_f_box2a {
        text-align: center;
        font-size: 3vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .hsdx_f_box2a span {
        font-size: 3.7vw;
        padding: 0 .5vw .5vw;
        position: relative;
    }
    .hsdx_f_box2a span::after {
        display: block;
        content: '';
        height: .1vw;
        width: 16vw;
        background: #333;
        position: absolute;
        bottom: 0;
        right: 16.5vw;
    }
    .hsdx_f_box2b {
        display: flex;
        gap: 2.5vw;
    }
    .hsdx_f_box2b1 {
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .hsdx_f_box2b1a {
        text-align: center;
        font-size: 1.9vw;
        background: #e8d6c8;
        padding: .8vw 0;
        position: relative;
    }
    .hsdx_f_box2b1a span {
        position: absolute;
        top: 0;
        left: 0;
        font-family: sans-serif;
        color: #fff;
        background: #333;
        padding: .8vw;
    }
    .hsdx_f_box2b1b {
        font-size: 1.4vw;
        font-feature-settings: 'palt';
        letter-spacing: .05vw;
        line-height: 1.4;
        text-align: justify;
        position: relative;
    }
    .hsdx_f_box2b1b span {
        position: absolute;
        bottom: .5vw;
        right: 0;
        font-size: .7vw;
    }
    .hsdx_f_box2c {
        font-size: 1.6vw;
        font-weight: bold;
        letter-spacing: .1vw;
        border: .15vw solid;
        border-radius: .8vw;
        padding: 1.5vw 0 1.5vw 10vw;
        position: relative;
    }
    .hsdx_f_box2c picture {
        width: 7.5vw;
        position: absolute;
        top: -2.5vw;
        right: 8vw;
    }
    .hsdx_f_box3a {
        font-size: 3vw;
        text-align: center;
        margin-bottom: 2.5vw;
    }
    .hsdx_f_box3a span {
        border-bottom: .15vw solid;
    }
    .hsdx_f_box3c {
        background: #fff;
        padding: 1vw 3vw 1vw 1vw;
        display: flex;
        gap: 2.5vw;
        align-items: center;
        margin-bottom: 1vw;
    }
    .hsdx_f_box3c1 {
        width: 23vw;
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .hsdx_f_box3c1a {
        font-size: 1.4vw;
        letter-spacing: .1vw;
        color: #d0b69d;
    }
    .hsdx_f_box3c1b {
        font-size: 2.3vw;
        line-height: 1.4;
        white-space: nowrap;
    }
    .hsdx_f_box3c1c {
        font-size: 1.3vw;
        color: #777;
        font-feature-settings: 'palt';
        letter-spacing: .03vw;
        line-height: 1.6;
    }
    .hsdx_f_box3d {
        font-size: .6vw;
    }
    .hsdx_g_box1 {
        padding: 10vw 16vw;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_g_box1a {
        display: flex;
    }
    .hsdx_g_box1a:nth-child(2) {
        flex-direction: row-reverse;
    }
    .hsdx_g_box1a picture{
        width: 50%;
    }
    .hsdx_g_box1a1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-right: 3vw;
    }
    .hsdx_g_box1a:nth-child(2) .hsdx_g_box1a1{
        padding-left: 3vw;
        padding-right: 0;
    }
    .hsdx_g_box1a1a {
        font-size: 2.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        white-space: nowrap;
        line-height: 1.5;
        padding-bottom: 1.8vw;
        border-bottom: .13vw solid;
        -webkit-text-stroke: 0.03vw #fff;
        text-stroke: 0.03vw #fff;
    }
    .hsdx_g_box1a1b {
        font-size: 1.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .15vw;
        line-height: 1.6;
    }
    .hsdx_g_box1a1c {
        font-size: .65vw;
    }
    .accordion {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
        margin-bottom: 3vw;
    }
    .toggle {
        display: none;
    }
    .option {
        position: relative;
        border: .15vw solid;
        border-radius: .3vw;
    }
    .title,
    .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
    }
    .title {
        display: block;
        font-size: 1.5vw;
        letter-spacing: .1vw;
        text-align: center;
        padding: 1.3vw;
    }
    .title span {
        font-weight: bold;
    }
    .title::after,
    .title::before {
        content: '';
        position: absolute;
        right: 3vw;
        top: 1vw;
        width: .15vw;
        height: 1.7vw;
        background-color: #333;
        transition: all 0.3s;
    }
    .title::after {
        transform: rotate(90deg);
    }
    .content {
        max-height: 0;
        overflow: hidden;
    }
    .toggle:checked + .title + .content {
        max-height: 100vw;
        transition: all 1.5s;
    }
    .toggle:checked + .title::before {
        transform: rotate(90deg) !important;
    }
    .ac_content{
        padding: 2vw 5vw .5vw;
        display: flex;
        justify-content: space-between;
        gap: 4vw;
    }
    .hsdx_g_box1b1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1vw;
    }
    .hsdx_g_box1b1a {
        font-size: 1.4vw;
        font-feature-settings: 'palt';
        line-height: 1.5;
        text-align: justify;
    }
    .hsdx_g_box1b1a sup {
        font-size: 1vw;
    }
    .hsdx_g_box1b1b {
        display: flex;
        gap: 1vw;
    }
    .hsdx_g_box1b1b picture {
        width: 13vw;
    }
    .hsdx_g_box1b1b1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hsdx_g_box1b1b1a {
        font-size: 1.6vw;
        font-weight: bold;
        line-height: 1.5;
    }
    .hsdx_g_box1b1b1b {
        font-size: 1.2vw;
        line-height: 1.4;
        white-space: nowrap;
    }
    .hsdx_g_box1b2 {
        width: 50%;
        background: #f8f3ef;
        padding: 2vw 2.5vw 2.5vw;
        display: flex;
        flex-direction: column;
        gap: .8vw;
    }
    .hsdx_g_box1b2a {
        font-size: 1.4vw;
        text-align: center;
        padding-bottom: 1.3vw;
        border-bottom: .1vw solid;
        margin-bottom: 1vw;
    }
    .hsdx_g_box1b2b {
        display: flex;
        align-items: center;
        gap: .7vw;
        font-size: 1.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        white-space: nowrap;
        padding-left: 1vw;
    }
    .hsdx_g_box1b2b img {
        width: 2.5vw;
    }
    .hsdx_g_box1b3 {
        text-align: right;
        font-size: .6vw;
        padding: 0 5vw 3vw 0;
    }
    .hsdx_g_box1c {
        background: #f0e9e3;
        padding: 2.5vw 2vw;
        display: flex;
        justify-content: flex-end;
        gap: 3vw;
    }
    .hsdx_g_box1c1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2vw;
    }
    .hsdx_g_box1c1a {
        font-size: 1.4vw;
        letter-spacing: .1vw;
        color: #b79d86;
    }
    .hsdx_g_box1c1b {
        font-size: 2.5vw;
        font-feature-settings: 'palt';
        line-height: 1.5;
    }
    .hsdx_g_box1c1c {
        font-size: .7vw;
        line-height: 1.8;
    }
    .hsdx_g_box1c picture {
        width: 65%;
    }
    .hsdx_h_box1 {
        padding: 8vw 17vw;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_h_box1a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2vw;
    }
    .hsdx_h_box1a1 {
        font-size: 1.9vw;
    }
    .hsdx_h_box1a2 {
        font-size: 4vw;
        letter-spacing: .1vw;
    }
    .hsdx_h_box1a2 span {
        border-bottom: .15vw solid;
    }
    .hsdx_h_box1a3 {
        font-size: 1.4vw;
        text-align: center;
        line-height: 1.5;
    }
    .hsdx_h_box1a3 span {
        font-weight: bold;
    }
    .hsdx_h_box1b {
        display: flex;
        background: #f8f8f8;
        padding: 1vw 2vw 1.5vw 0;
        justify-content: flex-end;
        align-items: center;
        gap: 4vw;
        position: relative;
    }
    .hsdx_h_box1b::before,
    .hsdx_h_box1b::after{
        display: block;
        content: '';
        height: .1vw;
        width: 100%;
        background: #ccc;
        position: absolute;
        left: 0;
    }
    .hsdx_h_box1b::before{
        top: -.7vw;
    }
    .hsdx_h_box1b::after{
        bottom: -.7vw;
    }
    .hsdx_h_box1b picture {
        width: 65%;
    }
    .hsdx_h_box1b1 {
        font-size: 2.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.4;
    }
    .hsdx_h_box2 {
        background-image: url(https://stg.mytrex.jp/wp-content/themes/mytrex/img/product/hsdx/hsdx_h04_pc.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .hsdx_h_box2a {
        width: 50vw;
        height: 43vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 10vw;
        gap: 1.5vw;
    }
    .hsdx_h_box2a1 {
        font-size: 3.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
    }
    .hsdx_h_box2a2 {
        font-size: 1.5vw;
        line-height: 1.5;
    }
    .hsdx_h_box2a picture {
        width: 38vw;
    }
    .hsdx_h_box3 {
        padding: 5vw 15vw;
    }
    .hsdx_h_box3 .hsdx_g_box1b1b picture {
        width: 30vw;
    }
    .hsdx_h_box3 .hsdx_g_box1b2a {
        margin-bottom: 2vw;
    }
    .hsdx_h_box3 .hsdx_g_box1b2b {
        padding-left: 0;
        margin-bottom: .5vw;
    }
    .hsdx_h_box4 {
        margin-top: 15vw !important;
        padding: 7vw 8vw;
        background: #fbf6f3;
        position: relative;
    }
    .hsdx_h_box4a {
        position: absolute;
        top: 6.4vw;
        left: 23vw;
        font-size: 1.4vw;
        letter-spacing: .1vw;
        color: #d49f84;
    }
    .hsdx_h_box4b {
        background: #fff;
        padding: 4vw 3vw 3vw;
        display: flex;
        flex-direction: column;
        gap: 1.5vw;
    }
    .hsdx_h_box4b1 {
        font-size: 2.2vw;
    }
    .hsdx_h_box4b1 span {
        font-size: 3.5vw;
        padding-left: .8vw;
    }
    .hsdx_h_box4b2 {
        width: fit-content;
        font-size: 1.2vw;
        letter-spacing: .1vw;
        font-weight: bold;
        position: relative;
    }
    .hsdx_h_box4b2::before,
    .hsdx_h_box4b2::after{
        display: inline-block;
        content: '';
        height: 1vw;
        position: absolute;
    }
    .hsdx_h_box4b2::before {
        width: 1vw;
        border-left: .15vw solid;
        right: -2vw;
    }
    .hsdx_h_box4b2::after {
        width: 36.5vw;
        border-bottom: .15vw solid;
        bottom: .6vw;
        right: -38vw;
    }
    .hsdx_h_box4b3 {
        font-size: 1.1vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.5;
    }
    .hsdx_h_box4b3 {
        font-size: 1.1vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.5;
    }
    .hsdx_h_box4c {
        width: 36vw;
        position: absolute;
        top: -2.5vw;
        right: 8vw;
    }
    .hsdx_h_box4d {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        padding-top: 4vw;
    }
    .hsdx_h_box4d1 {
        display: flex;
        justify-content: space-between;
        gap: 1vw;
    }
    .hsdx_h_box4d1 picture {
        width: 65vw;
    }
    .hsdx_h_box4d1a {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .hsdx_h_box4d1a1 {
        font-size: 2.6vw;
    }
    .hsdx_h_box4d1a1 {
        font-size: 2.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        color: #d49f84;
    }
    .hsdx_h_box4d1a2 {
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.5;
    }
    .hsdx_h_box4d1a2 span {
        font-weight: bold;
    }
    .hsdx_h_box4e {
        position: absolute;
        bottom: 1vw;
        right: 2vw;
        font-size: .6vw;
    }
    .hsdx_i_box1 {
        position: relative;
    }
    .hsdx_i_box1a {
        position: absolute;
        top: -2vw;
        left: 10vw;
    }
    .hsdx_i_box1a1 {
        font-size: 1.9vw;
        font-feature-settings: 'palt';
        letter-spacing: .4vw;
        margin-bottom: 3vw;
    }
    .hsdx_i_box1a2 {
        font-size: 5vw;
        line-height: 1.3;
    }
    .hsdx_i_box2 {
        padding: 13vw 22vw;
    }
    .hsdx_i_box2a {
        width: fit-content;
        font-size: 1.3vw;
        letter-spacing: .1vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 2vw;
        margin-bottom: 1.5vw;
    }
    .hsdx_i_box2a::before,
    .hsdx_i_box2a::after{
        display: inline-block;
        content: '';
        height: 1.3vw;
        width: .1vw;
        background: #333;
        position: absolute;   
    }
    .hsdx_i_box2a::before{
        left: 0;
    }
    .hsdx_i_box2a::after{
        right: 0;
    }
    .hsdx_i_box2b {
        width: 100%;
    }
    .hsdx_i_box2b tr {
        border-bottom: .1vw solid #dcdbe0;
    }
    .hsdx_i_box2b tr:last-child {
        border-bottom: none;
    }
    .hsdx_i_box2b th,
    .hsdx_i_box2b td{
        vertical-align: middle;
        text-align: center;
    }
    .hsdx_i_box2b th {
        font-size: 1.1vw;
        font-weight: bold;
        background: #f2f2f2;
        padding: 0 2vw;
    }
    .hsdx_i_box2b tr:last-child th {
        background: none;
    }
    .hsdx_i_box2b td{
        font-size: 1.3vw;
        font-feature-settings: 'palt';
        display: flex;
        flex-direction: column;
        gap: .8vw;
        padding: .7vw;
    }
    .hsdx_i_box2b tr:first-child td {
        padding: 1.5vw;
    }
    .hsdx_i_box2b tr:nth-child(8) td {
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }
    .hsdx_i_box2b tr:nth-child(8) td span {
        font-size: 1vw;
    }
    .hsdx_i_box2b tr:last-child td {
        padding: 1.5vw 0;
    }
    .hsdx_i_box2b1 {
        font-size: 1.4vw;
        font-weight: bold;
    }
    .hsdx_i_box2b2 {
        font-size: 1vw;
    }
    .hsdx_i_box2b3 {
        width: fit-content;
        margin: 0 auto;
        color: #aaaeb9;
        padding: 1.5vw 3vw;
        border: .15vw solid;
    }
    tr:first-child td:last-child .hsdx_i_box2b3 {
        padding: .7vw 3vw;
        color: #d0997b;
    }
    .hsdx_i_box2b tr:last-child td .hsdx_i_box2b4 {
        padding: .8vw;
    }
    .hsdx_i_box2b tr:last-child td:last-child .hsdx_i_box2b4 {
        background: #d09c84;
        color: #fff;
    }
    .hsdx_i_box2b4 {
        display: block;
        padding: 1.8vw;
        background: #dbe0e6;
    }
    .hsdx_i_box2c{
        font-size: .6vw;
    }
    .hsdx_i_box3,
    .hsdx_i_box4{
        padding: 0 19vw 8vw;
    }
    .hsdx_i_box3a {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2vw;
    }
    .hsdx_i_box3 .hsdx_i_box2a {
        margin-bottom: 3vw;
    }
    .hsdx_i_box3a1 {
        width: 50%;
        display: flex;
        gap: 1.5vw;
    }
    .hsdx_i_box3a1 picture {
        width: 45%;
    }
    .hsdx_i_box3a1a {
        width: 55%;
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .hsdx_i_box3a1a1 {
        font-size: 1.5vw;
        line-height: 1.3;
        font-weight: bold;
    }
    .hsdx_i_box3a1a2 {
        font-size: 1.25vw;
        line-height: 1.45;
        padding-bottom: 2vw;
        border-bottom: .3vw solid #e3e3e3;
    }
    .hsdx_i_box3a1a3 {
        font-size: 1.25vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        line-height: 1.3;
        padding-left: 1.4vw;
        position: relative;
    }
    .hsdx_i_box3a1a3 sup {
        font-size: .8vw;
    }
    .hsdx_i_box3a1a3::before {
        display: inline-block;
        content: '●';
        font-size: .9vw;
        color: #d09c84;
        position: absolute;
        top: .1vw;
        left: 0;
    }
    .hsdx_i_box3a1a3a {
        padding-top: 1vw;
        display: flex;
        flex-direction: column;
        gap: .7vw;
    }
    .hsdx_i_box3a2 {
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        column-gap: 1vw
    }
    .hsdx_i_box3a2a {
        display: flex;
        justify-content: stretch;
    }
    .hsdx_i_box3a2a picture {
        width: 14.5vw;
    }
    .hsdx_i_box3a2a1 {
        width: 100%;
    }
    .hsdx_i_box3a2a1a {
        font-size: 1.5vw;
        font-weight: bold;
        letter-spacing: .05vw;
        margin-bottom: 1vw;
        position: relative;
    }
    .hsdx_i_box3a2a1a::after {
        display: inline-block;
        content: '';
        height: .3vw;
        background: #e3e3e3;
        position: absolute;
        top: .5vw;
        right: 0;
    }
    .hsdx_i_box3a2a:first-child .hsdx_i_box3a2a1a::after{
        width: 6.5vw;
    }
    .hsdx_i_box3a2a:nth-child(2) .hsdx_i_box3a2a1a::after{
        width: 5.5vw;
    }
    .hsdx_i_box3a2a:last-child .hsdx_i_box3a2a1a::after{
        width: 12.5vw;
    }
    .hsdx_i_box3b {
        font-size: .6vw;
    }
    .hsdx_i_box4a {
        display: flex;
        gap: 1.3vw;
        margin-bottom: 3vw;
    }
    .hsdx_i_box4a1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: .8vw;
    }
    .hsdx_i_box4a1a {
        font-size: 1vw;
        font-feature-settings: 'palt';
        line-height: 1.4;
    }
    .hsdx_i_box4a1b {
        display: flex;
        gap: .5vw;
        padding-top: 1vw;
        border-top: .15vw solid;
    }
    .hsdx_i_box4a1b1 {
        font-size: 1vw;
        white-space: nowrap;
        line-height: 1.5;
    }
    .hsdx_i_box4b {
        background: #f0efeb;
        display: flex;
        align-items: center;
        gap: 2vw;
        padding: .5vw .5vw .5vw 14vw;
        position: relative;
    }
    .hsdx_i_box4b picture {
        width: 9vw;
        position: absolute;
        top: -4.5vw;
        left: 3vw;
    }
    .hsdx_i_box4b1 {
        font-size: 1.1vw;
        font-feature-settings: 'palt';
        line-height: 1.4;
        white-space: nowrap;
    }
    .hsdx_i_box4b2 {
        background: #fff;
        padding: 1vw 2vw;
        font-size: 1.1vw;
        font-weight: bold;
        line-height: 1.4;
        white-space: nowrap;
    }
    .hsdx_i_box4b2 span {
        color: #df9588;
    }
    .hsdx_i_box4c {
        font-size: .65vw;
        padding: .5vw 0 0 14vw;
    }
    .hsdx_j_bg {
        background: #f4ede7;
        padding: 3vw 0;
    }
    .hsdx_j_box1 {
        padding: 3vw 16vw 1vw;
    }
    .hsdx_j_box1 .hsdx_i_box2a {
        font-size: 1.5vw;
        font-weight: bold;
        margin-bottom: 2.5vw;
    }
    .hsdx_i_box2a span {
        font-size: .9vw;
        font-weight: normal;
        padding-left: 1vw;
        vertical-align: middle;
    }
    .hsdx_j_box1a {
        display: flex;
        justify-content: space-between;
        gap: 1.5vw;
    }
    .hsdx_j_box1a1 {
        width: 50%;
    }
    .hsdx_j_box1a1a {
        background: #fff;
        font-size: 1.3vw;
        font-weight: bold;
        text-align: center;
        letter-spacing: .1vw;
        padding: .7vw;
        border-radius: .3vw;
    }
    .hsdx_j_box1a1a span {
        color: #d19f84;
    }
    .hsdx_j_box1a1b {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1vw 0;
    }
    .hsdx_j_box1a1b picture {
        width: 15vw;
    }
    .hsdx_j_box1a1b1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: .6vw;
    }
    .hsdx_j_box1a1b1a {
        display: flex;
        flex-direction: column;
        gap: .5vw;
    }
    .hsdx_j_box1a1b1a1 {
        width: 13vw;
        font-size: 1.1vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        text-align: center;
        padding: .3vw;
        border: .1vw solid;
        border-radius: .3vw;
        margin-left: 2vw;
        position: relative;
    }
    .hsdx_j_box1a1b1a1::before {
        display: inline-block;
        content: '';
        color: #fff;
        background: #333;
        border-radius: .3vw;
        padding: .35vw .55vw;
        position: absolute;
        top: 0;
        left: -2.2vw;
    }
    .hsdx_j_box1a1b1a:first-child .hsdx_j_box1a1b1a1::before {
        content: '1';
    }
    .hsdx_j_box1a1b1a:nth-child(2) .hsdx_j_box1a1b1a1::before {
        content: '2';
    }
    .hsdx_j_box1a1b1a:last-child .hsdx_j_box1a1b1a1::before {
        content: '3';
    }
    .hsdx_j_box1a1b1a2 {
        font-size: 1.1vw;
        font-feature-settings: 'palt';
        line-height: 1.3;
        margin-left: 2.2vw;
        position: relative;
    }
    .hsdx_j_box1a1b1a2::before {
        display: inline-block;
        content: '';
        border: .6vw solid transparent;
        border-top: .6vw solid #ccc;
        position: absolute;
        top: 1vw;
        left: -2vw;
    }
    .hsdx_j_box1a1b1a:last-child .hsdx_j_box1a1b1a2::before{
        display: none;
    }
    .hsdx_j_box1a2 {
        font-size: .7vw;
        margin-bottom: 1.5vw;
    }
    .hsdx_j_box1b {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2vw;
        padding: 2vw 0;
    }
    .hsdx_j_box1b1 {
        font-size: 1.1vw;
        border: .1vw solid;
        padding: .5vw 2.5vw;
        border-radius: .3vw;
    }
    .hsdx_j_box1b2 {
        font-size: 1.1vw;
        font-feature-settings: 'palt';
    }
    .hsdx_j_box2 {
        font-size: 1.2vw;
        text-align: center;
        font-weight: bold;
        letter-spacing: .05vw;
        background: #f9f4f0;
        padding: 1vw;
    }
    .hsdx_k_box {
        padding: 1vw 16vw;
    }
    .hsdx_k_box .hsdx_i_box2a {
        margin-bottom: 2vw;
    }
    .hsdx_k_box1 {
        font-size: 2.2vw;
        text-align: center;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        margin-bottom: 1.5vw;
    }
    .hsdx_k_box2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        margin-bottom: .8vw;
    }
    .hsdx_k_box2a {
        grid-column: 1 / 5;
        grid-row: 1 / 5;
    }
    .hsdx_k_box2c {
        background: #282520;
    }
    .hsdx_k_box2c1 {
        width: 10vw;
        color: #fff;
        position: relative;
        top: 25%;
        left: 25%;
    }
    .hsdx_k_box2c1::before {
        display: inline-block;
        content: '';
        height: .15vw;
        width: 1.3vw;
        background: #cb654c;
        position: absolute;
        top: .5vw;
        left: -2.2vw;
    }
    .hsdx_k_box2c1a {
        font-size: 1.2vw;
        letter-spacing: .1vw;
        margin-bottom: .8vw;
    }
    .hsdx_k_box2c1b {
        font-size: 1.1vw;
        line-height: 1.5;
    }
    .hsdx_k_box3 {
        font-size: .6vw;
        font-feature-settings: 'palt';
    }
    .hsdx_k_box4 {
        padding: 6vw 0 3vw;
    }
    /* 30日保証 */
    #pd_t_30day {
        margin: 7vw 8vw !important;
        padding: 2vw 0 3.5vw;
        background: #f2f2f2;
    }
    .sup_re_guarantee_area {
        padding: 0;
    }
    .sup_re_guarantee_ttl {
        font-size: 1.6vw;
        font-weight: 600;
        letter-spacing: .15vw;
        padding: 1.5vw 0 3vw;
    }
    .sup_re_guarantee_txt1 {
        font-size: 1.7vw;
        font-weight: 600;
        letter-spacing: .15vw;
        padding-bottom: 1vw;
    }
    .sup_re_guarantee_sub {
        width: 8.5vw;
        font-size: 2vw;
    }
    .sup_re_guarantee_ttl1 {
        width: 36vw;
        font-size: 3.7vw;
        letter-spacing: 0;
        padding: .5vw 1vw 0 1vw;
    }
    .sup_re_guarantee_icon {
        width: 4.5vw;
    }
    .sup_re_guarantee_txt2 {
        font-size: 1.1vw;
        letter-spacing: .15vw;
        padding-bottom: 2.4vw;
    }
    #pd_l {
        background: none;
    }
    .pd_l_text {
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
    .pd_l_icon{
        padding: 0 3vw;
    }
    .support_product_spec_sub2 {
        font-size: 1vw;
        padding: 1vw 0;
    }
}

@media screen and (max-width: 767px){
    .pd_b {
        margin-bottom: 10vw;
    }
    .pdct_n_a_sp_sub1 {
        font-feature-settings: 'palt';
        letter-spacing: .7vw;
        margin-bottom: 3vw;
    }
    .pdct_n_a_sp_sub1 sup {
        font-size: 3vw;
    }
    .pdct_n_a_sp_ttl{
        margin-bottom: 4vw;
    }
    .pdct_n_a_sp_ttl2 {
        font-size: 3.5vw;
        letter-spacing: .2vw;
        padding: 0;
        margin-bottom: 4vw;
    }
    .pdct_n_a_sp_sup {
        text-align: center;
        font-size: 1.5vw;
        margin-bottom: 10vw;
    }
    .pd_c_ttl_sub{
        font-feature-settings: 'palt';
        letter-spacing: .5vw;
    }
    .pd_c_ttl_sub sup {
        font-size: 2.8vw;
        vertical-align: sub;
    }
    .pd_c_text{
        font-feature-settings: 'palt';
    }
    #pd_c {
        padding: 0;
    }
    .pd_bnr_authority2{
        padding: 24vw 0 1vw;
    }
    .pd_badge {
        width: 90%;
    }
    .pd_badge_num{
        padding: 0 13vw;
    }
    .hsdx_awrd_txt {
        text-align: center;
        margin-bottom: 10vw;
    }
    .hsdx_awrd_txt1 {
        font-size: 8vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        position: relative;
        -webkit-text-stroke: 0.07vw #fff;
        text-stroke: 0.07vw #fff;
    }
    .hsdx_awrd_txt1 span {
        font-size: 12.5vw;
    }
    .hsdx_awrd_txt1 sup {
        font-size: 1.8vw;
        position: absolute;
        top: 26%;
        right: 26%;
        -webkit-text-stroke: 0.01vw #333;
        text-stroke: 0.01vw #333;
    }
    .hsdx_awrd_txt2 {
        font-size: 6.5vw;
        line-height: 1.4;
        -webkit-text-stroke: 0.07vw #fff;
        text-stroke: 0.07vw #fff;
    }
    .hsdx_awrd_txt3 {
        text-align: right;
        padding-right: 3vw;
        font-size: 1.5vw;
        color: #d9d9d9;
    }
    .container{
        padding-top: 0;
    }
    .hsdx_a_box {
        margin-bottom: 2vw;
    }
    .hsdx_a_box h2 {
        text-align: center;
        font-feature-settings: 'palt';
        line-height: 1.5;
        margin-bottom: 5vw;
    }
    .hsdx_a_box1 {
        font-size: 8vw;
    }
    .hsdx_a_box1a {
        font-size: 10vw;
    }
    .hsdx_a_box2 {
        font-size: 6vw;
        letter-spacing: .5vw;
    }
    .hsdx_a_box4 {
        padding-left: 3vw;
        font-size: 1.5vw;
        color: #cbcbcb;
    }
    .hsdx_b_box {
        padding-top: 34vw;
    }
    .hsdx_b_box1 {
        font-size: 2.5vw;
        letter-spacing: .1vw;
        text-align: center;
        margin-bottom: 4vw;
    }
    .hsdx_b_box1 span {
        font-weight: bold;
    }
    .hsdx_b_box2b {
        background: #252420;
        color: #fff;
        font-size: 3.3vw;
        font-weight: 200;
        letter-spacing: .3vw;
        line-height: 2;
        padding: 10.5vw 0 10.5vw 17vw;
        margin-bottom: 12vw;
        position: relative;
    }
    .hsdx_b_box2b::before {
        display: inline-block;
        content: '';
        height: 30vw;
        width: .1vw;
        background: #fff;
        position: absolute;
        top: 12vw;
        left: 13vw;
    }
    .hsdx_b_box3 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        text-align: center;
        line-height: 1.4;
        margin-bottom: 5vw;
    }
    .hsdx_b_box4 {
        padding: 0 8vw;
        display: flex;
        flex-direction: column-reverse;
        gap: 6vw;
    }
    .hsdx_b_box4a {
        font-family: 'noto sans JP';
        font-size: 3vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        line-height: 1.5;
    }
    .hsdx_b_box4a span {
        font-weight: bold;
    }
    .hsdx_c_box {
        padding: 27vw 0 31vw;
        position: relative;
    }
    .hsdx_c_box {
        padding: 27vw 0;
        position: relative;
    }
    .hsdx_c_box::before,
    .hsdx_c_box::after{
        display: block;
        content: '';
        background: #333;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_c_box::before {
        height: 13vw;
        width: .15vw;
        top: 5%;
    }
    .hsdx_c_box::after {
        height: 8vw;
        width: .5vw;
        top: 10%;
    }
    .hsdx_c_box1 {
        margin-bottom: 5vw;
    }
    .hsdx_c_box2b {
        text-align: center;
        font-family: serif;
        font-size: 3.8vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        line-height: 2;
    }
    .hsdx_c_box2b span {
        font-size: 6vw;
        line-height: 1.2;
    }
    .hsdx_d_box {
        padding: 29vw 0 24vw;
    }
    .hsdx_d_box1 {
        text-align: center;
        font-size: 3vw;
        letter-spacing: .1vw;
        margin-bottom: 5vw;
    }
    .hsdx_d_box1 span {
        font-weight: bold;
    }
    .hsdx_d_nav {
        padding: 0 10vw;
    }
    .hsdx_d_nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.5vw;
    }
    .hsdx_d_nav ul li {
        width: 32%;
        position: relative;
    }
    .hsdx_d_nav ul li:first-child,
    .hsdx_d_nav ul li:nth-child(2){
        width: 49%;
    }
    .hsdx_d_nav ul li a {
        display: block;
        text-decoration: none;
        font-size: 5vw;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        background: linear-gradient(-45deg, rgba(0, 0, 0, 1) 70%, rgba(77, 77, 77, 1) 100%);
        padding: 5vw 0 6vw;
        border-radius: .6vw;
        position: relative;
    }
    .hsdx_d_nav ul li a span {
        writing-mode: vertical-lr;
        font-size: 2.5vw;
        padding-right: .5vw;
    }
    .hsdx_d_nav ul li:nth-child(4) a {
        letter-spacing: .8vw;
    }
    .hsdx_d_nav ul li:last-child a {
        font-size: 7vw;
        padding: 4vw 0 5vw;
    }
    .hsdx_d_nav ul li a::before,
    .hsdx_d_nav ul li a::after{
        display: block;
        content: '';
        width: 2.2vw;
        border-top: .3vw solid;
        position: absolute;
        bottom: 3.5vw;
    }
    .hsdx_d_nav ul li a::before {
        left: 47%;
        transform: rotate(35deg);
    }
    .hsdx_d_nav ul li a::after {
        right: 43%;
        transform: rotate(-35deg);
    }
    .hsdx_d_nav ul li:nth-child(3) a::before,
    .hsdx_d_nav ul li:nth-child(4) a::before,
    .hsdx_d_nav ul li:last-child a::before{
        left: 44%;
    }
    .hsdx_d_nav ul li:nth-child(3) a::after,
    .hsdx_d_nav ul li:nth-child(4) a::after,
    .hsdx_d_nav ul li:last-child a::after{
        right: 40%;
    }
    .hsdx_d_new {
        display: inline-block;
        background: #d8a568;
        color: #fff;
        height: 8vw;
        width: 8vw;
        line-height: 8vw;
        font-size: 2vw;
        text-align: center;
        border-radius: 100%;
        position: absolute;
        top: -2vw;
        left: -1.5vw;
        z-index: 2;
    }
    .hsdx_d_box .hsdx_d_box1 {
        margin-bottom: 3vw;
    }
    .hsdx_d_box2 {
        padding: 12vw 7vw 20vw;
    }
    .hsdx_d_box2a {
        width: fit-content;
        margin: 0 auto;
        background: linear-gradient(145deg, rgba(149, 142, 184, 1) 0%, rgba(197, 119, 169, 1) 50%, rgba(206, 137, 122, 1) 100%);
        color: #fff;
        font-size: 5vw;
        letter-spacing: .5vw;
        padding: 1.7vw 10vw;
        margin-bottom: 8vw;
    }
    .hsdx_d_box2b {
        display: flex;
        justify-content: center;
        gap: 5vw;
        color: #d2c0b2;
        margin-bottom: 8vw;
    }
    .hsdx_d_box2b1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5vw;
    }
    .hsdx_d_box2b1a {
        font-size: 19vw;
        white-space: nowrap;
        font-feature-settings: 'palt';
        letter-spacing: 1vw;
    }
    .hsdx_d_box2b1b {
        width: 100%;
        font-size: 4vw;
        text-align: center;
        white-space: nowrap;
        letter-spacing: .1vw;
        padding: 2vw 0;
        position: relative;
    }
    .hsdx_d_box2b1b sup {
        font-size: 1.5vw;
        vertical-align: super;
    }
    .hsdx_d_box2b1b::before,
    .hsdx_d_box2b1b::after{
        display: block;
        content: '';
        height: .2vw;
        width: 37vw;
        background: #d2c0b2;
        position: absolute;
        left: 1vw;
    }
    .hsdx_d_box2b1b::before {
        top: 0;
    }
    .hsdx_d_box2b1b::after{
        bottom: 0;
    }
    .hsdx_d_box2b2 {
        position: relative;
    }
    .hsdx_d_box2b2::before,
    .hsdx_d_box2b2::after{
        display: inline-block;
        content: '';
        height: 12vw;
        width: 12vw;
        border-top: .5vw solid;
        position: absolute;
        top: 31%;
    }
    .hsdx_d_box2b2::before {
        transform: rotate(45deg);
        left: -11vw;
    }
    .hsdx_d_box2b2::after {
        transform: rotate(-45deg);
        left: -3vw;
    }
    .hsdx_d_box2c {
        display: flex;
        flex-direction: column-reverse;
        gap: 5vw;
    }
    .hsdx_d_box2c1 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        margin-bottom: 4vw;
        text-align: center;
    }
    .hsdx_d_box2c1a {
        font-size: 7vw;
        line-height: 1.5;
        -webkit-text-stroke: 0.05vw #fff;
        text-stroke: 0.05vw #fff;
    }
    .hsdx_d_box2c1b {
        font-size: 4.2vw;
        letter-spacing: .3vw;
        line-height: 1.8;
    }
    .hsdx_d_box2c1b sup {
        font-size: 1.5vw;
        vertical-align: super;
    }
    .hsdx_d_box2c1b span {
        display: inline-flex;
        align-items: center;
        font-weight: 500;
        background: linear-gradient(145deg, rgba(172, 216, 238, .3) 0%, rgba(173, 207, 204, .3) 30%, rgba(208, 169, 210, .3) 55%, rgba(239, 190, 221, .3) 77%, rgba(240, 195, 146, .3) 100%);
        padding: 0;
        line-height: 1;
    }
    .hsdx_d_box2c1c {
        font-size: 3vw;
        letter-spacing: .2vw;
        text-align: center;
        color: #ccc;
        padding: 1.5vw 0;
        border: .4vw solid;
    }
    .hsdx_d_box3 {
        font-size: 1.7vw;
        line-height: 1.8;
        color: #adadad;
    }
    .hsdx_d_box4 {
        background: #f6efe9;
        padding: 13vw 7vw 17vw;
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }
    .hsdx_d_box4a {
        position: relative;
    }
    .hsdx_d_box4a1 {
        width: fit-content;
        background: #fff;
        display: flex;
        align-items: center;
        gap: 2vw;
        padding: 3vw 5vw;
        position: absolute;
        top: -18.5vw;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }
    .hsdx_d_box4a1 picture {
        width: 6vw;
    }
    .hsdx_d_box4a1a {
        font-size: 4vw;
    }
    .hsdx_d_box4a1a span {
        font-weight: bold;
    }
    .hsdx_d_box4a1b {
        font-family: serif;
        font-size: 3vw;
    }
    .hsdx_d_box4a2 {
        font-size: 6.4vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        text-align: center;
    }
    .hsdx_d_box4a2 sup {
        font-size: 2vw;
        vertical-align: top;
    }
    .hsdx_d_box4b {
        display: flex;
        flex-direction: column;
        gap: 3.5vw;
        position: relative;
    }
    .hsdx_d_box4a3 {
        font-size: 3.6vw;
        line-height: 1.7;
    }
    .hsdx_d_box4a3 sup {
        font-size: 1.7vw;
        vertical-align: super;
    }
    .hsdx_d_box4b1 {
        display: flex;
        justify-content: space-between;
        gap: 2vw;
    }
    .hsdx_d_box4b1a {
        width: 100%;
        background: linear-gradient(180deg, rgba(97, 90, 84, 1) 0%, rgba(0, 0, 0, 1) 40%);
        color: #fff;
        text-align: center;
        font-size: 3.5vw;
        padding: 1.5vw 0;
    }
    .hsdx_d_box4b1a sup {
        font-size: 2vw;
        vertical-align: middle;
        color: #ccc;
    }
    .hsdx_d_box4b2 {
        font-size: 1.6vw;
        position: absolute;
        bottom: -4vw;
    }
    .hsdx_d_box5 {
        position: relative;
        margin-bottom: 98vw;
    }
    .hsdx_d_box5a {
        width: 92vw;
        background: #fff;
        border-top: .1vw solid rgba(0, 0, 0, .1);
        border-left: .1vw solid rgba(0, 0, 0, .1);
        box-shadow: .5vw .5vw .5vw .05vw rgba(0, 0, 0, .1);
        padding: 1vw;
        margin: 0px 4vw;
        position: absolute;
        top: 59vw;
    }
    .hsdx_d_box5a1 {
        background: #f6efe9;
        padding: 6vw;
        position: relative;
    }
    .hsdx_d_box5a1 picture {
        width: 95%;
        position: absolute;
        top: 22vw;
        right: -3vw;
    }
    .hsdx_d_box5a1a {
        text-align: center;
        font-size: 3.8vw;
        line-height: 1.5;
        margin-bottom: 52vw;
    }
    .hsdx_d_box5a1a span {
        font-size: 6.5vw;
        color: #ab7640;
    }
    .hsdx_d_box5a1b {
        font-size: 1.8vw;
        line-height: 1.6;
    }
    .hsdx_d_box4:nth-child(6) {
        background: #fff;
        padding-bottom: 6vw;
    }
    .hsdx_d_box4:nth-child(6) .hsdx_d_box4a1{
        background: #f6efe9;
    }
    .hsdx_d_box5:nth-child(7) {
        padding: 0 3vw;
        margin-bottom: 0;
    }
    .hsdx_d_box5:nth-child(8) {
        margin-bottom: 0;
        position: static;
    }
    .hsdx_d_box5:nth-child(8) .hsdx_d_box5a,
    .hsdx_d_box5:nth-child(8) .hsdx_d_box5a1 picture {
        position: static;
    }
    .hsdx_d_box5e {
        text-align: center;
        font-size: 4.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .4vw;
        margin-bottom: 4vw;
    }
    .hsdx_d_box5f {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .hsdx_d_box5f1:nth-child(3) {
        width: 48%;
        text-align: center;
    }
    .hsdx_d_box5f1:nth-child(4) {
        font-size: 2.5vw;
    }
    .hsdx_d_box5f1:last-child {
        width: 48%;
        text-align: center;
    }
    .hsdx_d_box5f picture {
        width: 50%;
        margin-bottom: 1.5vw;
    }
    .hsdx_d_box5g {
        font-size: 1.7vw;
        padding: 2vw 0 0 5vw;
        color: #adadad;
    }
    .hsdx_e_box {
        padding: 0 5vw 34vw
    }
    .hsdx_e_box1 {
        width: fit-content;
        margin: 0 auto 2vw;
        font-family: serif;
        letter-spacing: .2vw;
        background: #d8a468;
        color: #fff;
        padding: 2.2vw 5vw;
    }
    .hsdx_e_box2c {
        padding: 7vw 5vw;
        display: flex;
        flex-direction: column;
        gap: 7vw;
    }
    .hsdx_e_box2c1 {
        text-align: center;
        font-size: 7vw;
        font-feature-settings: 'palt';
        letter-spacing: .5vw;
    }
    .hsdx_e_box2c2 {
        display: flex;
        gap: 2vw;
    }
    .hsdx_e_box2c2 picture {
        width: 50%;
    }
    .hsdx_e_box2c2a {
        width: 50%;
        font-size: 3.6vw;
        line-height: 1.7;
        font-feature-settings: 'palt';
        text-align: justify;
    }
    .hsdx_e_box2a {
        position: relative;
    }
    .hsdx_e_box2a1 {
        padding: 7vw 2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
        position: absolute;
        top: 0;
        left: 0;
    }
    .hsdx_e_box2a1a {
        font-size: 3vw;
        font-weight: bold;
    }
    .hsdx_e_box2a1b {
        font-size: 3.6vw;
    }
    .hsdx_e_box2a1 picture {
        padding: 1vw 0vw;
    }
    .hsdx_e_box2b {
        font-size: 1.5vw;
        color: #adadad;
        padding: 1.5vw 0;
        line-height: 1.7;
    }
    .hsdx_f_box1a1 {
        text-align: center;
        font-size: 5.2vw;
        letter-spacing: .2vw;
        padding-bottom: 3vw;
        margin-bottom: 5vw;
        position: relative;
    }
    .hsdx_f_box1a1::before,
    .hsdx_f_box1a1::after{
        display: block;
        content: '';
        background: #333;
        position: absolute;
    }
    .hsdx_f_box1a1::before {
        height: .5vw;
        width: 13vw;
        bottom: -.1vw;
        left: 34vw;
    }
    .hsdx_f_box1a1::after {
        height: .1vw;
        width: 18vw;
        bottom: 0;
        right: 35vw;
    }
    .hsdx_f_box1 {
        padding: 11vw 7vw 15vw;
    }
    .hsdx_f_box1a {
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }
    .hsdx_f_box1a2 {
        font-size: 6.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        text-align: center;
        -webkit-text-stroke: 0.07vw #fff;
        text-stroke: 0.07vw #fff;
    }
    .hsdx_f_box1a3 {
        font-size: 3.6vw;
        line-height: 1.5;
    }
    .hsdx_f_box1a4 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1vw;
    }
    .hsdx_f_box1a4 li {
        width: 32%;
        background: #000;
        color: #fff;
        font-size: 4.5vw;
        text-align: center;
        padding: 3vw 0 2vw;
        border-bottom: .6vw solid #b88c74;
    }
    .hsdx_f_box2a {
        text-align: center;
        font-size: 6vw;
        line-height: 1.5;
        -webkit-text-stroke: 0.05vw #fff;
        text-stroke: 0.05vw #fff;
    }
    .hsdx_f_box2a span {
        font-size: 7vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        position: relative;
    }
    .hsdx_f_box2a span::after {
        display: block;
        content: '';
        height: .35vw;
        width: 29vw;
        background: #333;
        position: absolute;
        bottom: -.5vw;
        left: 0;
    }
    .hsdx_f_box2b {
        padding: 9vw 7vw 2vw;
    }
    .hsdx_f_box2b1 {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .hsdx_f_box2b1a {
        text-align: center;
        font-size: 4.25vw;
        background: #e8d6c8;
        padding: 1.6vw 0;
        position: relative;
    }
    .hsdx_f_box2b1a span {
        position: absolute;
        top: 0;
        left: 0;
        font-family: sans-serif;
        color: #fff;
        background: #333;
        padding: 1.5vw;
    }
    .hsdx_f_box2b1b {
        font-size: 3.4vw;
        line-height: 1.7;
        position: relative;
        margin-bottom: 7vw;
    }
    .hsdx_f_box2b1b span {
        position: absolute;
        bottom: .5vw;
        right: 0;
        font-size: 2vw;
    }
    .hsdx_f_box2c {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 3vw;
        padding: 0 11vw;
        font-family: serif;
        font-size: 3.6vw;
        line-height: 1.3;
        position: relative;
    }
    .hsdx_f_box2c picture {
        width: 19vw;
    }
    .hsdx_f_box2c::before,
    .hsdx_f_box2c::after{
        display: inline-block;
        content: '';
        height: 15vw;
        width: 5vw;
        border-top: .4vw solid #e7d7c8;
        border-bottom: .4vw solid #e7d7c8;
        position: absolute;
        bottom: 2vw;
    }
    .hsdx_f_box2c::before {
        border-left: .4vw solid #e7d7c8;
        left: 12vw;
    }
    .hsdx_f_box2c::after{
        border-right: .4vw solid #e7d7c8;
        right: 12vw;
    }
    .hsdx_f_bg {
        padding: 15vw 3vw 25vw;
    }
    .hsdx_f_bg:nth-child(3) {
        padding: 0;
    }
    .hsdx_f_box3 {
        background: #f6efe9;
        padding: 7vw;
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5vw;
    }
    .hsdx_f_box3a {
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.4;
        margin-bottom: 49vw;
        -webkit-text-stroke: 0.05vw #f6efe9;
        text-stroke: 0.05vw #f6efe9;
    }
    .hsdx_f_box3b {
        width: 100vw;
        position: absolute;
        top: 23vw;
        left: -3vw;
    }
    .hsdx_f_box3c {
        position: relative;
    }
    .hsdx_f_box3c1a {
        font-size: 3.2vw;
        width: fit-content;
        letter-spacing: .2vw;
        margin: 0 auto 70vw;
        padding: 0 4vw;
        position: relative;
    }
    .hsdx_f_box3c1a::before,
    .hsdx_f_box3c1a::after{
        display: inline-block;
        content: '';
        height: .1vw;
        width: 3vw;
        background: #333;
        position: absolute;
        top: 50%;
    }
    .hsdx_f_box3c1a::before {
        left: 0;
    }
    .hsdx_f_box3c1a::after{
        right: 0;
    }
    .hsdx_f_box3c1 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_f_box3c1b {
        font-size: 5vw;
        text-align: center;
        font-feature-settings: 'palt';
        letter-spacing: .4vw;
        -webkit-text-stroke: 0.05vw #f6efe9;
        text-stroke: 0.05vw #f6efe9;
    }
    .hsdx_f_box3c1c {
        font-size: 3.2vw;
        line-height: 1.5;
    }
    .hsdx_f_box3e {
        width: 100%;
        position: absolute;
        bottom: 37vw;
        left: 0;
    }
    .hsdx_f_box3d {
        font-size: 1.5vw;
        color: #adadad;
        line-height: 1.5;
    }
    .hsdx_g_box .hsdx_f_box1a1 {
        letter-spacing: .3vw;
    }
    .hsdx_g_box .hsdx_f_box1a1::before {
        width: 11vw;
    }
    .hsdx_g_box .hsdx_f_box1a1::after {
        width: 22vw;
        right: 34vw;
    }
    .hsdx_g_box1 {
        padding: 10vw 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 10vw;
    }
    .hsdx_g_box1a {
        padding: 7vw 7vw 10vw;
    }
    .hsdx_g_box1a1 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_g_box1a1a {
        text-align: center;
        font-size: 5.6vw;
        font-feature-settings: 'palt';
        letter-spacing: .5vw;
        line-height: 1.4;
        margin-bottom: 2vw;
        -webkit-text-stroke: 0.07vw #fff;
        text-stroke: 0.07vw #fff;
    }
    .hsdx_g_box1a1b {
        font-size: 3.6vw;
        font-weight: 200;
        line-height: 1.5;
    }
    .hsdx_g_box1a1c {
        font-size: 1.8vw;
        color: #adadad;
    }
    .hsdx_g_box1b {
        padding: 0 7vw 10vw;
    }
    .accordion {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
        margin-bottom: 3vw;
    }
    .toggle {
        display: none;
    }
    .option {
        position: relative;
        border: .3vw solid;
    }
    .title,
    .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
    }
    .title {
        display: block;
        font-size: 3.8vw;
        letter-spacing: .1vw;
        text-align: center;
        padding: 3vw;
    }
    .title span {
        font-weight: bold;
    }
    .title::after,
    .title::before {
        content: '';
        position: absolute;
        right: 7vw;
        top: 2.8vw;
        width: .2vw;
        height: 4.5vw;
        background-color: #333;
        transition: all 0.3s;
    }
    .title::after {
        transform: rotate(90deg);
    }
    .content {
        max-height: 0;
        overflow: hidden;
    }
    .toggle:checked + .title + .content {
        max-height: 200vw;
        transition: all 1.5s;
    }
    .toggle:checked + .title::before {
        transform: rotate(90deg) !important;
    }
    .ac_content {
        padding: 5vw 6vw 9vw;
    }
    .hsdx_g_box1b1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 3vw;
    }
    .hsdx_g_box1b1a {
        font-size: 3.5vw;
        font-feature-settings: 'palt';
        line-height: 1.6;
        text-align: justify;
    }
    .hsdx_g_box1b1a sup {
        font-size: 1vw;
    }
    .hsdx_g_box1b1b {
        display: flex;
        gap: 1vw;
    }
    .hsdx_g_box1b1b picture {
        width: 50%;
    }
    .hsdx_g_box1b1b1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hsdx_g_box1b1b1a {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.4;
    }
    .hsdx_g_box1b1b1b {
        font-size: 3vw;
        line-height: 1.4;
        white-space: nowrap;
    }
    .hsdx_g_box1b2 {
        background: #f8f3ef;
        padding: 0 9vw 7vw;
        margin-bottom: 4vw;
    }
    .hsdx_g_box1b2a {
        font-size: 3.5vw;
        text-align: center;
        background: #fff;
        padding-bottom: 3vw;
        margin-bottom: 6vw;
    }
    .hsdx_g_box1b2b {
        display: flex;
        align-items: center;
        gap: 2vw;
        font-size: 4.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        margin-bottom: 3vw;
        position: relative;
        padding-left: 5vw;
    }
    .hsdx_g_box1b2b img {
        width: 8vw;
        position: absolute;
        left: -4vw;
    }
    .hsdx_g_box1b3 {
        font-size: 1.5vw;
        margin-bottom: 4vw;
    }
    .hsdx_g_box1c {
        background: #f0e9e3;
        padding: 9vw 7vw 13vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        margin-bottom: 5vw;
    }
    .hsdx_g_box1c1 {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        margin-bottom: 4vw;
    }
    .hsdx_g_box1c1a {
        text-align: center;
        font-size: 3.4vw;
        color: #bb9d85;
        letter-spacing: .2vw;
    }
    .hsdx_g_box1c1b {
        text-align: center;
        font-size: 6vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        line-height: 1.2;
        -webkit-text-stroke: 0.07vw #f0e9e3;
        text-stroke: 0.07vw #f0e9e3;
    }
    .hsdx_g_box1c1c {
        font-size: 1.5vw;
        color: #adadad;
    }
    .hsdx_h_box1 {
        padding: 13vw 7vw;
        position: relative;
    }
    .hsdx_h_box1a {
        text-align: center;
        margin-bottom: 56vw;
    }
    .hsdx_h_box1a1 {
        font-size: 5.5vw;
        margin-bottom: 3vw;
        -webkit-text-stroke: 0.07vw #fff;
        text-stroke: 0.07vw #fff;
    }
    .hsdx_h_box1a2 {
        font-size: 7.5vw;
        letter-spacing: .3vw;
        margin-bottom: 8vw;
        -webkit-text-stroke: 0.05vw #fff;
        -webkit-font-smoothing: antialiased;
    }
    .hsdx_h_box1a2 span {
        padding-bottom: 1vw;
        border-bottom: .3vw solid;
    }
    .hsdx_h_box1a3 {
        font-size: 3.6vw;
        line-height: 1.8;
        text-align: justify;
    }
    .hsdx_h_box1c {
        position: absolute;
        width: 100vw;
        top: 58vw;
        left: 0;
    }
    .hsdx_h_box1b {
        display: flex;
        flex-direction: column-reverse;
        gap: 3vw;
    }
    .hsdx_h_box1b1 {
        font-size: 5.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        text-align: center;
        -webkit-text-stroke: 0.07vw #fff;
    }
    .hsdx_h_box2 {
        padding: 0 7vw 13vw;
    }
    .hsdx_h_box2a {
        display: flex;
        flex-direction: column;
        gap: 8vw;
        text-align: center;
    }
    .hsdx_h_box2a1 {
        font-size: 5.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        position: relative;
        -webkit-text-stroke: 0.07vw #fff;
    }
    .hsdx_h_box2a1::after {
        display: block;
        content: '';
        height: .3vw;
        width: 90%;
        background: #333;
        position: absolute;
        bottom: -4vw;
        left: 3vw;
    }
    .hsdx_h_box2a2 {
        font-size: 3.6vw;
        line-height: 1.5;
        letter-spacing: .2vw;
    }
    .hsdx_h_box3 {
        padding: 0 7vw;
    }
    .hsdx_h_box3 .hsdx_g_box1b2 {
        margin-bottom: 0;
    }
    .hsdx_h_box3 .hsdx_g_box1b1b picture{
        width: 100%;
    }
    .hsdx_h_box3 .ac_content {
        padding: 5vw 6vw;
    }
    .hsdx_h_box4 {
        padding: 33vw 6vw 0;
        display: flex;
        flex-direction: column;
        gap: 11vw;
        margin-bottom: 20vw;
    }
    .hsdx_h_box4a {
        width: fit-content;
        margin: 0 auto;
        font-family: serif;
        font-size: 3.3vw;
        letter-spacing: .1vw;
        color: #d49e82;
        text-align: center;
        padding: 0 5vw;
        position: relative;
    }
    .hsdx_h_box4a::before, .hsdx_h_box4a::after {
        display: inline-block;
        content: '';
        height: 2.5vw;
        width: 1.2vw;
        border-left: .3vw solid;
        border-right: .3vw solid;
        position: absolute;
        top: .5vw;
    }
    .hsdx_h_box4a::before {
        left: 0;
    }
    .hsdx_h_box4a::after {
        right: 0;
    }
    .hsdx_h_box4f {
        display: flex;
        justify-content: space-between;
        gap: 3vw;
    }
    .hsdx_h_box4f picture {
        width: 50%;
    }
    .hsdx_h_box4b {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_h_box4b1 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_h_box4b1a {
        font-size: 2.7vw;
    }
    .hsdx_h_box4b1b {
        font-size: 4.5vw;
        -webkit-text-stroke: 0.07vw #fff;
    }
    .hsdx_h_box4b1b span {
        font-size: 6vw;
    }
    .hsdx_h_box4b2 {
        font-size: 3vw;
        letter-spacing: .1vw;
        font-weight: 500;
        position: relative;
    }
    .hsdx_h_box4b2::after {
        display: inline-block;
        content: '';
        height: .8vw;
        width: 28vw;
        background: #f3f3f3;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .hsdx_h_box4b3 {
        font-size: 2.4vw;
        letter-spacing: .1vw;
        text-align: justify;
        line-height: 1.5;
    }
    .hsdx_h_box4d {
        padding: 0 3vw;
        display: flex;
        flex-direction: column;
        gap: 10vw;
    }
    .hsdx_h_box4d1a {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        position: relative;
    }
    .hsdx_h_box4d1a1 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        color: #d49e82;
        text-align: center;
        line-height: 1.4;
        padding-bottom: 3vw;
        position: relative;
        -webkit-text-stroke: 0.08vw #fff;
    }
    .hsdx_h_box4d1a1::after {
        display: block;
        content: '';
        height: .3vw;
        width: 21vw;
        background: #d49e82;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_h_box4d1a2 {
        font-size: 3.4vw;
        text-align: justify;
        line-height: 1.6;
    }
    .hsdx_h_box4d1a2 span {
        font-weight: bold;
    }
    .hsdx_h_box4d1a2a picture {
        float: right;
        width: 32vw;
        margin: 3vw 0 0 3vw;
    }
    .hsdx_h_box4e {
        font-size: 1.5vw;
        position: absolute;
        bottom: -4vw;
    }
    .hsdx_i_box1 {
        display: flex;
        flex-direction: column-reverse;
        gap: 5vw;
        margin-bottom: 36vw;
    }
    .hsdx_i_box1a2 {
        font-size: 9.5vw;
        line-height: 1.3;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
        padding-left: 5vw;
        -webkit-text-stroke: 0.1vw #fff;
        text-stroke: 0.1vw #fff;
    }
    .hsdx_i_box2 {
        margin-bottom: 37vw;
    }
    .hsdx_i_box2a {
        width: fit-content;
        font-size: 3vw;
        font-weight: bold;
        letter-spacing: .2vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 5vw;
        margin-bottom: 8vw;
    }
    .hsdx_i_box3 .hsdx_i_box2a {
        margin-bottom: 8vw;
    }
    .hsdx_i_box2a::before, 
    .hsdx_i_box2a::after {
        display: inline-block;
        content: '';
        height: 2.5vw;
        width: .3vw;
        background: #333;
        position: absolute;
        top: .3vw;
    }
    .hsdx_i_box2a::before{
        left: 0;
    }
    .hsdx_i_box2a::after{
        right: 0;
    }
    .hsdx_i_box2b {
        width: 90%;
        margin: 0 auto;
    }
    .hsdx_i_box2b tr {
        border-bottom: .25vw solid;
    }
    .hsdx_i_box2b tr:last-child {
        border-bottom: none;
    }
    .hsdx_i_box2b th,
    .hsdx_i_box2b td{
        vertical-align: middle;
        text-align: center;
    }
    .hsdx_i_box2b th {
        font-size: 2.8vw;
        font-weight: bold;
        background: #f2f2f2;
    }
    .hsdx_i_box2b tr:last-child th {
        background: none;
    }
    .hsdx_i_box2b td{
        font-size: 3.3vw;
        font-feature-settings: 'palt';
        padding: 2vw 0;
    }
    .hsdx_i_box2b td span {
        font-size: 2.5vw;
        padding-left: .5vw;
    }
    .hsdx_i_box2b tr:last-child td {
        padding: 2vw 0 4vw;
    }
    .hsdx_i_box2b1 {
        font-size: 1.4vw;
        font-weight: bold;
    }
    .hsdx_i_box2b2 {
        font-size: 1vw;
    }
    .hsdx_i_box2b3 {
        width: fit-content;
        margin: 0 auto;
        color: #aaaeb9;
        padding: 1.5vw 3vw;
        border: .15vw solid;
    }
    tr:first-child td:last-child .hsdx_i_box2b3 {
        padding: .7vw 3vw;
        color: #d0997b;
    }
    .hsdx_i_box2b4 {
        display: block;
        padding: 1.5vw;
        background: #dbe0e6;
    }
    .hsdx_i_box2b tr:last-child td:last-child .hsdx_i_box2b4 {
        background: #d0997b;
        color: #fff;
    }
    .hsdx_i_box2c {
        font-size: 1.5vw;
        padding-left: 5vw;
    }
    .hsdx_i_box3 {
        padding: 0 7vw 20vw;
    }
    .hsdx_i_box3a {
        display: flex;
        flex-direction: column;
        gap: 10vw;
    }
    .hsdx_i_box3a1 {
        display: flex;
        gap: 4vw;
    }
    .hsdx_i_box3a1 picture {
        width: 48vw;
    }
    .hsdx_i_box3a1a {
        width: 65vw;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_i_box3a1a1 {
        font-size: 4vw;
        line-height: 1.3;
        font-weight: 500;
    }
    .hsdx_i_box3a1a2 {
        font-size: 3vw;
        line-height: 1.5;
        padding-bottom: 4vw;
        border-bottom: .8vw solid #e3e3e3;
    }
    .hsdx_i_box3a1a3 {
        font-size: 3.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        line-height: 1.6;
        padding-left: 4vw;
        position: relative;
    }
    .hsdx_i_box3a1a3::before {
        display: inline-block;
        content: '●';
        font-size: 2.5vw;
        color: #d09c84;
        position: absolute;
        top: 1vw;
        left: 0;
    }
    .hsdx_i_box3a2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 3vw;
    }
    .hsdx_i_box3a2a {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .hsdx_i_box3a2a picture {
        width: 40vw;
    }
    .hsdx_i_box3a2a1 {
        width: 100%;
    }
    .hsdx_i_box3a2a1a {
        font-size: 4vw;
        font-weight: 500;
        margin-bottom: 2vw;
        position: relative;
    }
    .hsdx_i_box3a2a1a::after {
        display: inline-block;
        content: '';
        height: .7vw;
        background: #e3e3e3;
        position: absolute;
        top: 1.5vw;
        right: 4vw;
    }
    .hsdx_i_box3a2a:first-child .hsdx_i_box3a2a1a::after {
        width: 27vw;
    }
    .hsdx_i_box3a2a:nth-child(2) .hsdx_i_box3a2a1a::after {
        width: 25vw;
    }
    .hsdx_i_box3a2a:last-child .hsdx_i_box3a2a1a::after {
        width: 41vw;
    }
    .hsdx_i_box3a1a3 sup {
        font-size: 3vw;
        vertical-align: sub;
    }
    .hsdx_i_box3b {
        font-size: 1.8vw;
        line-height: 1.5;
        color: #adadad;
    }
    .hsdx_i_box4 {
        margin-bottom: 18vw;
    }
    .hsdx_i_box4a {
        display: flex;
        justify-content: space-between;
        gap: 2vw;
        margin-bottom: 5vw;
    }
    .hsdx_i_box4a1 {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .hsdx_i_box4a1 picture {
        width: 32vw;
    }
    .hsdx_i_box4a1a {
        font-size: 2.6vw;
        font-feature-settings: 'palt';
        padding: 0 1vw;
        text-align: justify;
        line-height: 1.4;
    }
    .hsdx_i_box4a1b1 {
        font-size: 2.6vw;
        line-height: 1.6;
    }
    .hsdx_i_box4a1b1:first-child {
        padding-top: 2vw;
        border-top: .3vw solid;
    }
    .hsdx_i_box4b {
        background: #f0efeb;
        display: flex;
        align-items: center;
        gap: 2vw;
        padding: 3vw 7vw 3vw 32vw;
        position: relative;
    }
    .hsdx_i_box4b picture {
        width: 23vw;
        position: absolute;
        top: -11vw;
        left: 6vw;
    }
    .hsdx_i_box4b1 {
        font-size: 2.7vw;
        font-feature-settings: 'palt';
        line-height: 1.5;
    }
    .hsdx_i_box4c {
        font-size: 1.8vw;
        text-align: right;
        padding: 1.5vw 12vw 0 0;
        color: #adadad;
    }
    .hsdx_i_box4b2 {
        margin: 10vw 5vw !important;
        font-size: 3vw;
        letter-spacing: .1vw;
        padding: 3vw 8vw;
        position: relative;
        border: .3vw solid;
        border-image: linear-gradient(to right, #ca9eff, #ed94c0) 1;
        position: relative;
    }
    .hsdx_i_box4b2::before {
        display: block;
        content: '';
        height: .6vw;
        width: 18vw;
        background: linear-gradient(90deg, rgba(183, 128, 255, 1) 0%, rgba(230, 116, 175, 1) 100%);
        position: absolute;
        top: -.5vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_j_box {
        margin-bottom: 35vw;
    }
    .hsdx_j_box1 {
        padding: 0 7vw;
    }
    .hsdx_j_box1 .hsdx_i_box2a {
        font-size: 3.5vw;
        font-weight: 500;
        margin-bottom: 7vw;
    }
    .hsdx_j_box1 .hsdx_i_box2a span {
        font-size: 2.2vw;
        padding-left: 2vw;
    }
    .hsdx_j_box1 .hsdx_i_box2a::before,
    .hsdx_j_box1 .hsdx_i_box2a::after{
        display: none;
    }
    .hsdx_j_box1a {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_j_box1a1a {
        text-align: center;
        font-size: 3.8vw;
        font-weight: 500;
        letter-spacing: .2vw;
        background: #f0efed;
        padding: .8vw 0;
        border-radius: .5vw;
    }
    .hsdx_j_box1a1a span {
        color: #d3a085;
    }
    .hsdx_j_box1a1b {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5vw 3vw 3vw;
    }
    .hsdx_j_box1a1:last-child .hsdx_j_box1a1b {
        flex-direction: row-reverse;
    }
    .hsdx_j_box1a1b picture {
        width: 45%;
    }
    .hsdx_j_box1a1b1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_j_box1a1b1a {
        display: flex;
        flex-direction: column;
        gap: .7vw;
    }
    .hsdx_j_box1a1b1a1 {
        width: 35vw;
        font-size: 2.9vw;
        font-feature-settings: 'palt';
        text-align: center;
        padding: .8vw;
        border: .3vw solid;
        border-radius: .7vw;
        margin-left: 4vw;
        position: relative;
    }
    .hsdx_j_box1a1b1a1::before {
        display: inline-block;
        content: '';
        color: #fff;
        background: #333;
        border-radius: .8vw;
        padding: 1vw 1.5vw;
        position: absolute;
        top: -.2vw;
        left: -5.7vw;
    }
    .hsdx_j_box1a1b1a:first-child .hsdx_j_box1a1b1a1::before {
        content: '1';
    }
    .hsdx_j_box1a1b1a:nth-child(2) .hsdx_j_box1a1b1a1::before {
        content: '2';
    }
    .hsdx_j_box1a1b1a:last-child .hsdx_j_box1a1b1a1::before {
        content: '3';
    }
    .hsdx_j_box1a1b1a2 {
        font-size: 2.7vw;
        line-height: 1.5;
        margin-left: 5vw;
        position: relative;
        white-space: nowrap;
    }
    .hsdx_j_box1a1b1a2::before {
        display: inline-block;
        content: '';
        border: 1.5vw solid transparent;
        border-top: 1.3vw solid #ccc;
        position: absolute;
        top: 4vw;
        left: -5.5vw;
    }
    .hsdx_j_box1a1b1a:last-child .hsdx_j_box1a1b1a2::before{
        display: none;
    }
    .hsdx_j_box1a2 {
        font-size: 1.6vw;
        color: #adadad;
        margin-bottom: 10vw;
    }
    .hsdx_j_box1b {
        padding: 6vw 3vw;
        display: flex;
        align-items: center;
        gap: 4vw;
    }
    .hsdx_j_box1b1 {
        font-size: 2.8vw;
        padding: 1.5vw 5vw;
        border: .3vw solid;
        border-radius: 1vw;
    }
    .hsdx_j_box1b2 {
        font-size: 2.8vw;
        font-feature-settings: 'palt';
        line-height: 1.5;
    }
    .hsdx_j_box2{
        text-align: center;
        font-size: 3vw;
        letter-spacing: .1vw;
        padding: 3vw 8vw;
        margin: 0 7vw;
        position: relative;
        border: .3vw solid;
        border-image: linear-gradient(to right, #ca9eff, #ed94c0) 1;
        position: relative;
    }
    .hsdx_j_box2::before{
        display: block;
        content: '';
        height: .6vw;
        width: 18vw;
        background: linear-gradient(90deg, rgba(183, 128, 255, 1) 0%, rgba(230, 116, 175, 1) 100%);
        position: absolute;
        top: -.5vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .hsdx_k_box .hsdx_i_box2a{
        margin-bottom: 4vw;
    }
    .hsdx_k_box2 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20vw;
    }
    .hsdx_k_box2a {
        width: 100%;
        order: 1;
    }
    .hsdx_k_box2b {
        width: 50%;
    }
    .hsdx_k_box2b:nth-child(2) {
        order: 2;
    }
    .hsdx_k_box2c {
        width: 50%;
        background: #282520;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hsdx_k_box2c:nth-child(3) {
        order: 3;
    }
    .hsdx_k_box2b:nth-child(4) {
        order: 5;
    }
    .hsdx_k_box2c:nth-child(5) {
        order: 4;
    }
    .hsdx_k_box2c:nth-child(6) {
        order: 7;
    }
    .hsdx_k_box2b:nth-child(7) {
        order: 6;
    }
    .hsdx_k_box2c:nth-child(8) {
        order: 8;
    }
    .hsdx_k_box2b:last-child {
        order: 9;
    }
    .hsdx_k_box2c1 {
        width: 65%;
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .hsdx_k_box2c1a {
        color: #b08771;
        font-size: 3.7vw;
        letter-spacing: .1vw;
    }
    .hsdx_k_box2c1b {
        color: #fff;
        font-size: 3vw;
        line-height: 1.7;
        text-align: justify;
    }
    .hsdx_k_box2c1c {
        color: #fff;
        font-size: 1.5vw;
        line-height: 1.8;
    }
    .hsdx_k_box5 {
        padding: 6vw 0 6vw 9vw;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }
    .hsdx_k_box5a {
        font-size: 3.8vw;
        font-weight: bold;
        letter-spacing: .4vw;
    }
    .hsdx_k_box5b {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        row-gap: 1.5vw;
    }
    .hsdx_k_box5b li {
        width: 40%;
        font-size: 3.2vw;
        line-height: 1.5;
        padding-left: 4vw;
        position: relative;
    }
    .hsdx_k_box5b li:last-child {
        width: 100%;
    }
    .hsdx_k_box5b li::before {
        display: inline-block;
        content: '';
        height: 3vw;
        width: 3vw;
        background: #333;
        border-radius: 100%;
        position: absolute;
        top: 1vw;
        left: 0;
    }
    .sup_re_guarantee_area{
        padding: 11vw 14vw;
    }
    .sup_re_guarantee_txt1{
        padding-bottom: 3vw;
    }
    .sup_re_guarantee_ttl1a{
        font-weight: 500;
    }
    .sup_re_guarantee_ttl1b {
        font-weight: 500;
    }
    #pd_l{
        background: none;
    }
    .pd_l_area {
        padding: 0 0 12vw;
    }
    .pd_l_box1{
        padding: 0 28vw;
    }
    .pd_l_box3{
        padding: 4vw;
    }
    .support_product_qa_ttl {
        padding-bottom: 3vw;
    }
    .support_product_spec td{
        letter-spacing: .1vw
    }
    .support_product_spec_sub2 {
        font-size: 2vw;
        padding: 2vw 0;
    }
    .support_product_spec th sup {
        font-size: 2vw;
    }
}

/***          Q          ***/
@media screen and (max-width: 767px) {
  #pd_q_hsp {
    padding: 10vw 0;
  }
  .pd_q_hsp_ttl {
    width: 100%;
    font-size: 4.267vw;
    letter-spacing: 0.4vw;
    font-weight: bold;
    text-align: center;
    padding-bottom: 8vw;
  }
  .pd_q_hsp_flex {
    width: 100%;
    padding: 0 4vw;
  }
  .pd_q_hsp_flex_inner {
    width: 100%;
  }
  .pd_q_hsp_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_box_1 {
    width: 35%;
  }
  .pd_q_hsp_box_1_img {
    width: 100%;
  }
  .pd_q_hsp_box_1_img img {
    width: 100%;
    max-width: 100%;
  }
  .pd_q_hsp_box_2 {
    width: 60%;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_box_2_ttl {
    font-size: 3.333vw;
    font-weight: bold;
    padding-bottom: 2vw;
  }
  .pd_q_hsp_box_2_txt {
    font-size: 2.667vw;
    letter-spacing: .2vw;
    line-height: 1.6;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_buy {
    width: 100%;
  }
  .pd_q_hsp_buy_sell {
    font-size: 2.6vw;
    padding-bottom: 1vw;
  }
  .pd_q_hsp_buy_price {
    font-size: 6.8vw;
    font-weight: bold;
  }
  span.pd_q_hsp_buy_tax {
    font-size: 2.6vw;
  }
}
@media screen and (min-width: 768px) {
  #pd_q_hsp {
    padding: 6vw 0 12vw;
  }
  .pd_q_hsp_ttl {
    width: 100%;
    font-size: 1.719vw;
    letter-spacing: .2vw;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_flex_inner {
    width: 33%;
  }
  .pd_q_hsp_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_box_1 {
    width: 39%;
  }
  .pd_q_hsp_box_1_img {
    width: 100%;
  }
  .pd_q_hsp_box_1_img img {
    width: 100%;
    max-width: 100%;
  }
  .pd_q_hsp_box_2 {
    width: 58%;
  }
  .pd_q_hsp_box_2_ttl {
    font-size: 1.042vw;
    font-weight: bold;
    padding-bottom: 0.8vw;
  }
  .pd_q_hsp_box_2_txt {
    font-size: 0.871vw;
    line-height: 1.6;
    padding-bottom: 1vw;
  }
  .pd_q_hsp_buy {
    width: 100%;
  }
  .pd_q_hsp_buy_sell {
    font-size: 0.8vw;
    padding-bottom: 0.5vw;
  }
  .pd_q_hsp_buy_price {
    font-size: 2.2vw;
    font-weight: 700;
    padding-bottom: 1vw;
  }
  span.pd_q_hsp_buy_tax {
    font-size: 0.8vw;
  }
}
/***          Q          ***/