/* reset */
html, body, div, span, p, a, img, ul, li, section {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
ul {
	list-style: none;
}
/* .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.container, .col-sm-1, .col-sm-10, .col-sm-12, .col-sm-2, .col-sm-8 {
	padding-right: 0 !important;
	padding-left: 0 !important;
} */
.container {
	width: 100% !important;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
a:link {
	color: #333;
}
a:hover {
	text-decoration: none;
}

/* global */
section {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ff {
	font-family: 'Cochin', "GFS Didot", Arial, sans-serif;
}
.fs {
	font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fs2 {
	font-family: Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif;
}
img {
	width: 100%;
}

/* common */
#pageTop {
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	z-index: 9;
}
#pageTop a {
	display: block;
	z-index: 9;
	padding: 8px;
	border-radius: 0;
	width: 35px;
	height: 35px;
	background-color: #231815;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 767px) {
   /* SP */
	.pc {
		display: none !important;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.sp {
		display: none !important;
   }
	.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
   }
}

/* FS_page_init */
#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%;
	padding: 0 0px;
	background-color: #fff;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	main {
		margin-top: 0vw;
	}
}

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

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

@media screen and (max-width: 767px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 1vw;
	}
	#line_frds_add_pdct img {
		width: 100vw;
        height: 100%;
	}
}

@media screen and (min-width: 768px) {
	#line_frds_add_pdct {
		border-style: none;
		margin: 0 auto;
		padding: 0 0 1vw;
	}
	#line_frds_add_pdct img {
		width: 70vw;
        height: 100%;
	}
}


/* section */
@media screen and (max-width: 767px) {
   /* SP */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
		height: 100%;
   }
	#pageTop a {
		display: block;
		width: 20vw;
		height: 20vw;
		border-radius: 50px;
   }
   .is-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png.webp);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
   .is-no-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#pageTop a img {
		display: none;
   }
}
@media screen and (min-width: 768px) {
   /* PC */
	.head_kv {
		width: 100%;
		position: relative;
   }
	.head_kv img {
		width: 100%;
		height: 100%;
   }
	#pageTop a {
		display: block;
		width: 7vw;
		height: 7vw;
		border-radius: 50px;
   }
   .is-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png.webp);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
   .is-no-webp #pageTop a {
		background-image: url(/wp-content/themes/mytrex/img/page/xmas22/pagetop.png);
		background-color: transparent;
		background-position: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#pageTop a img {
		display: none;
   }
}

/* foot */
@media screen and (max-width: 767px) {
	.foot_shop {
		background: #000000;
		color: #fff;
		text-align: center;
		font-size: 2.0vw;
		line-height: 3vw;
		padding: 2vw 0vw 2vw;
   }
	.foot_shop a {
		color: #fff;
   }
	.foot_shop a:hover {
		color: #e5e7ff;
   }
}
@media screen and (min-width: 768px) {
	.foot_shop {
		background: #000000;
		color: #fff;
		text-align: center;
		font-size: 0.7vw;
		line-height: 1.1vw;
		padding: 1vw 0vw 1vw;
   }
	.foot_shop a {
		color: #fff;
   }
	.foot_shop a:hover {
		color: #e5e7ff;
   }
}


/* face-series */

@media screen and (min-width: 768px) {
	.head_menu {
		display: flex;
		justify-content: center;
		column-gap: 1vw;
		margin-bottom: 10vw;
	}
	.menu_series {
		width: 25.9vw;
	}
	.menu_about {
		width: 21.0vw;
	}
	.series_table {
		display: flex;
		margin-left: 22vw;
		margin-right: 22vw;
	}
	.btn_area {
    	position: relative;
	}
	.btn_wrap {
		width: 97.5%;
		position: absolute;
		left: 0.9%;
		bottom: 0;
		display: flex;
		justify-content: space-between;
	}
	.btn_link {
		width: 32.33%;
        height: 4.375vw;
        padding: 0;
        border: none;
	}
	.btn_link img {
    	width: 100%;
	}
	.btn_link a {
		display: block;
		height: 100%;
		border:none;
		outline: none;
	}
	.item_box {
		margin-left: 8vw;
		margin-right: 8vw;
		margin-bottom: 10vw;
	}
	.item_link a {
		display: block;
		width: 100%;
		background-color: #3a3b3b;
		padding: 2vw;
		font-size: 2vw;
		line-height: 1;
		letter-spacing: 0.06em;
		text-align: center;
		color: #fff;
	}
	#item_about {
		background-color: #f5f5f5;
	}
	.item_about_list {
		background-color: #fff;
		/* margin-left: 3.6vw; */
		/* margin-right: 3.6vw; */
	}
	.full-width {
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
	}
	.item_about_list .accordion {
		margin-left: 9vw;
		margin-right: 9vw;
	}
	#item_about .animation {
		position: relative;
	}
	#item_about .animation_01 {
		margin-bottom: 3vw;
	}
	#item_about .animation_02 {
		position: absolute;
		left: 0;
		top: 22.3vw;
	}
}

@media screen and (max-width: 767px) {
	.head_menu {
		margin-left: 7vw;
		margin-right: 7vw;
		margin-bottom: 14vw;
		display: flex;
		/* flex-direction: column; */
		column-gap: 4.5vw;
		width: auto;
		padding: 0;
	}
/*
	.series_table {
		display:flex;
		height: 119.4vw;
		position: relative;
	}
	.series_table img {
		max-width: none;
		width: auto;
	}
	.table_th {
		width: 21.16vw;
		position: absolute;
		left: 0;
		top: 0;
	}
	.table_th img {
		width: 100%;
	}
	.table_td {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-left: 22vw;
		position: relative;
	}
	.table_td img {
		height: 100%;
	}
*/
	.btn_area {
    	/* position: relative; */
	}
	.btn_wrap {
		width: 100%;
		width: 125%;
		position: absolute;
		left: 0.9%;
		bottom: 0;
		display: flex;
		justify-content: space-between;
		column-gap: 4%;
	}
	.btn_link {
		width: 18.4%;
		height: 9.4vw;
        padding: 0;
        border: none;
	}
	.btn_link img {
    	width: 100%;
	}
	.btn_link a {
		display: block;
		height: 100%;
		border:none;
		outline: none;
	}
	.series_table_note {
		font-size: 1.7vw;
		letter-spacing: 0.06em;
		color: #acacac;
	}
	.item_box {
		margin-bottom: 22vw;
	}
	.item_link {
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.item_link a {
		display: block;
		width: 100%;
		background-color: #3a3b3b;
		padding: 1.5vw;
		font-size: 3.3vw;
		letter-spacing: 0.06em;
		color: #fff;
		text-align: center;
	}
	.animation {
		position: relative;
	}
	.item_about_list .animation_01 {
		width: 93.3vw;
		position: absolute;
		left: 3.5vw;
		top: 52vw;
	}
	.accordion_bg {
		background-color: #f8f8fa;
		padding-bottom: 9.5vw;
	}
	#item_about .accordion {
		margin-left: 9.5vw;
		margin-right: 9.5vw;
	}
	.item_about_list .animation_02 {
		width: 90.6vw;
		position: absolute;
		left: 5vw;
		top: 104vw;
	}
}

/* accordion */
.accordion {
	position: relative;
}
.accordion__ttl {
	cursor: pointer;
}
.accordion__ttl.is-active {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.accordion__cnt {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: 0.2s ease height;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


/* facecare series 3/3更新
=========================================== */
.nav_table{
    border-collapse: separate;
}
.series_table{
    display: block;
}
@media screen and (min-width: 768px){
    .nav_table{
        border-spacing: 1vw 0;
        margin-bottom: 5vw;
    }
    .series_table{
        margin-left: 0;
        margin-right: 0;
    }
    .btn_wrap{
        left: 1.5%;
        bottom: .5vw;
    }
    .btn_link {
        width: 18%;
        height: 2.85vw;
    }
    .series_table_note {
        font-size: 1vw;
        color: #ACACAC;
    }
    .item_box{
        margin-left: 0;
        margin-right: 0;
    }
    .item_link a{
        width: 90%;
        margin: 0 auto;
        padding: 1.5vw;
        font-size: 1.75vw;
    }
}
.btn_link{
/*    background-image: url(/wp-content/themes/mytrex/img/product/face/series_btn.jpg);
    background-size: contain;
    background-repeat: no-repeat; */
}

@media screen and (max-width: 767px){
    .table_wrap{
        overflow-x: scroll;
        margin-bottom: 15vw;
    }
    .nav_table{
        width: 120vw;
        border-spacing: 3vw 0;
    }
    .table_wrap2{
        overflow-x: scroll;
    }
    .series_table{
        width: 170vw;
    }
    .table_th {
        position: sticky;
        left: 0;
        z-index: 2;
    }
    .btn_area {
        position: relative;
        z-index: 1;
    }
    .btn_wrap {
        width: 97.3%;
		left: 1.1%;
		bottom: 0.5vw;
        column-gap: 0;
    }
}


/* 25/6/17 修正
===================================*/
.table_th {
    position: sticky;
    top: 0;
    left: -.1vw;
    z-index: 2;
	width: 11.47%;
}
.btn_link:nth-child(4) {
/*    background: url(/wp-content/themes/mytrex/img/product/face/series_btn2.jpg);
    background-repeat: no-repeat;
    background-size: contain; */
}
.btn_link:last-child{
    background: none;
}
@media screen and (min-width: 768px) {
    .head_ttl {
        width: 85%;
        margin: 0 auto;
    }
    .table_wrap {
        width: 87%;
        margin: 0 auto;
    }
    .nav_table {
        width: 100%;
        border-spacing: .5vw;
    }
    .face_item_box1 {
        width: 90%;
        margin: 0 auto;
    }
    .item_link a {
        width: 100%;
        padding: 2vw;
        font-size: 1.9vw;
    }
    .item_series_bg {
        background: #f5f5f5;
        padding: 0 3.5vw;
    }
    .item_series {
        background: #fff;
        padding: 0 5.5vw;
    }
    .table_wrap2 {
        width: 100%;
    }
    .series_table {
        width: 100%;
    }
    .btn_wrap {
        left: 1%;
        bottom: .3vw;
    }
    .btn_link {
        height: 3.9vw;
    }
    .series_table_note{
        font-size: .7vw;
        text-align: right;
    }
}

@media screen and (max-width:767px){
    .table_wrap,
    .table_wrap2{
        width: 100%;
        overflow-x: scroll;
    }
    .table_wrap{
        margin-bottom: 0;
    }
    .nav_table {
        width: 134%;
        border-spacing: 1.5vw;
    }
    .series_table {
        width: 190%;
    }
    .btn_wrap {
        left: 1.1%;
    }
    .series_table_note{
        padding: 1vw 0 17vw 3vw;
    }
}


/* 25/7/25 修正 マークアップ
================================*/
@media screen and (min-width:768px){
    .page_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8vw;
        padding: 5vw 0 3.5vw;
    }
    .page_ttl {
        font-size: 2.7vw;
        letter-spacing: .2vw;
    }
    .ttl_sub {
        font-size: 1.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
    }
    .sec_ttl_cnt {
        margin-bottom: 8vw;
    }
    .sec_ttl {
        width: fit-content;
        margin: 0 auto;
        font-size: 2.5vw;
        letter-spacing: .1vw;
        background: #f4f5f7;
        padding: .3vw 8vw;
        position: relative;
    }
    .sec_ttl::before,
    .sec_ttl::after {
        display: inline-block;
        content: '';
        height: 3.5vw;
        width: 1px;
        background: #333;
        position: absolute;
        top: 0;
    }
    .sec_ttl::before{
        left: -1vw;
    }
    .sec_ttl::after{
        right: -1vw;
    }
    .item_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .7vw;
        margin-bottom: 3vw;
    }
    .item_ttl {
        font-size: 3.7vw;
        letter-spacing: .1vw;
    }
    .item_ttl_sub {
        font-size: 1.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .item_box{
        margin-bottom: 13vw;
    }
    .series_ttl_cnt {
        padding: 6vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5vw;
        margin-bottom: 2.5vw;
    }
    .series_ttl {
        padding: .3vw 6vw;
        letter-spacing: .2vw;
    }
    .series_ttl_sub {
        font-size: 1.7vw;
    }
    .item_series {
        padding-bottom: 13vw;
    }
    .item_support {
        background: #fff;
    }
    .sup_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6vw;
        margin-bottom: 4vw;
    }
    .sup_ttl {
        letter-spacing: .2vw;
    }
    .sup_ttl_sub {
        font-size: 2.5vw;
        font-weight: bold;
        letter-spacing: .2vw;
    }
    .item_series_bg {
        margin-bottom: 12vw;
    }
    .mj_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5vw;
        margin-bottom: 2vw;
    }
    .mj_ttl {
        letter-spacing: .2vw;
    }
    .mj_ttl_sub {
        font-size: 1.7vw;
    }
    .mj_article_list {
        padding: 0 24vw;
        display: flex;
        justify-content: space-between;
        gap: 2vw;
    }
    .mj_article_list li a {
        display: flex;
        flex-direction: column;
        gap: .5vw;
    }
    .mj_article_img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .mj_article_ttl {
        font-size: 1vw;
        letter-spacing: .1vw;
        font-weight: bold;
    }
}

@media screen and (max-width:767px){
    .page_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8vw;
        padding: 3vw 0 2.5vw;
    }
    .page_ttl {
        font-size: 4.8vw;
        letter-spacing: .2vw;
    }
    .ttl_sub {
        font-size: 3.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .1vw;
    }
    .sec_ttl_cnt {
        margin-bottom: 10vw;
    }
    .sec_ttl {
        width: fit-content;
        margin: 0 auto;
        font-size: 4.2vw;
        letter-spacing: .2vw;
        background: #f4f5f7;
        padding: .3vw 13vw;
        position: relative;
    }
    .sec_ttl::before, .sec_ttl::after {
        display: inline-block;
        content: '';
        height: 5.5vw;
        width: 1px;
        background: #333;
        position: absolute;
        top: 0;
    }
    .sec_ttl::before {
        left: -1.5vw;
    }
    .sec_ttl::after {
        right: -1.5vw;
    }
    .item_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1vw;
        margin-bottom: 5vw;
    }
    .item_ttl {
        font-size: 6.2vw;
        letter-spacing: .2vw;
    }
    .item_ttl_sub {
        font-size: 3vw;
    }
    .item_box {
        margin-bottom: 23vw;
    }
    .series_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5vw;
        margin-bottom: 9vw;
    }
    .series_ttl_sub {
        font-size: 3vw;
    }
    .series_table_note {
        padding: 1vw 0 20vw 3vw;
    }
    .sup_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        margin-bottom: 4vw;
    }
    .sup_ttl_sub {
        font-size: 5vw;
        font-weight: bold;
        letter-spacing: .3vw;
    }
    .item_series_bg {
        margin-bottom: 27vw;
    }
    .mj_ttl_cnt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5vw;
        margin-bottom: 7vw;
    }
    .mj_ttl_sub {
        font-size: 3vw;
    }
    .mj_article_list {
        padding: 0 14vw;
        display: flex;
        flex-direction: column;
        gap: 5vw;
    }
    .mj_article_list li a {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .mj_article_img {
        width: 100%;
        aspect-ratio: 5 / 3;
        object-fit: cover;
    }
    .mj_article_ttl {
        font-size: 2.5vw;
    }
}
@media screen and (max-width: 767px) {
  .menu_sp .menu_sp_list_logo {
    padding: 1.5vw 0 3.3vw 1.6vw !important;
  }
}


/* HEADSPA SERIES
=================================*/
body{
    font-feature-settings: 'palt';
    line-height: 1;
}
iframe{
    height: 100%;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .page_ttl_cnt {
        background: #f2f2f2;
        text-align: center;
        padding: 6vw 0 4vw;
        gap: 1vw;
    }
    .page_ttl {
        font-size: 2.9vw;
        font-weight: 600;
        letter-spacing: .08em;
    }
    .ttl_sub {
        font-size: 1.8vw;
        letter-spacing: .08em;
        line-height: 1.7;
    }
    .head_ttl {
        padding-top: 9vw;
        font-size: 1.85vw;
        letter-spacing: .04em;
        text-align: center;
        margin-bottom: 2.5vw;
    }
    .nav_wrap {
        padding: 0 2vw;
        margin-bottom: 4vw;
    }
    #nav-carousel{
        visibility: visible;
    }
    #nav-carousel .splide__list {
        display: flex;
        justify-content: space-between;
    }
    #nav-carousel .splide__slide {
        width: calc(33.3% - .7vw);
        position: relative;
    }
    .nav_cnt {
        width: 100%;
        position: absolute;
        bottom: 8%;
    }
    .nav_item_ttl {
        font-size: 1.13vw;
        font-weight: 600;
        text-align: center;
        line-height: 1;
        margin-bottom: .5vw;
    }
    .nav_item_ttl_sub {
        font-size: 1.1vw;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 1vw;
    }
    .nav_link {
        display: block;
        height: 2.8vw;
        width: 90%;
        margin: 0 auto;
    }
    .nav_lilnk2 {
        display: block;
        width: 24vw;
        margin: 0 auto 10vw;
    }
    .head_award_cnt {
        position: relative;
    }
    .head_award_ttl_cnt {
        position: absolute;
        top: 8%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    .head_award_ttl {
        font-size: 2.2vw;
        letter-spacing: .1em;
        margin-bottom: 1.5vw;
    }
    .head_award_ttl_sub {
        font-size: 1.2vw;
        letter-spacing: .13em;
    }
    .item_box {
        padding-top: 14vw;
        margin-bottom: 4vw;
    }
    .hsdx_img,
    .hsp_img,
    .vd_img {
        margin-bottom: 4vw;
        position: relative;
    }
    .hsdx_sub,
    .hsp_sub,
    .vd_sub {
        width: 45vw;
        font-size: 1.7vw;
        letter-spacing: .04em;
        line-height: 1.7;
        position: absolute;
        top: 41.5%;
        left: 8.5%;
    }
	.hsdx_sub sup{
		font-size: 1.0vw;
		vertical-align: super;
	}
	.hsp_sub sup{
		font-size: 1.0vw;
		vertical-align: super;
	}
    .hsdx_mv,
    .hsp_mv,
    .vd_mv {
        width: 36vw;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        position: absolute;
        top: 37%;
        right: 8.5%;
    }
    .item_link {
        width: 83%;
        margin: 0 auto;
    }
    .series_ttl_cnt {
        padding-top: 14vw;
        display: block;
        text-align: center;
    }
    .series_ttl {
        font-size: 1.5vw;
        padding: 0;
        letter-spacing: .06em;
        margin-bottom: 1.3vw;
    }
    .series_ttl_sub {
        font-size: 1.9vw;
        letter-spacing: .1em;
    }
    .item_series {
        padding: 0;
        margin-bottom: 16vw;
    }
    .table_th{
        width: 20%;
    }
    .btn_wrap {
        width: 99%;
        left: 0;
    }
    .btn_link {
        height: 3vw;
        width: 34%;
    }
    .head_qa_cnt {
        padding: 0 3vw;
        margin-bottom: 16vw;
    }
    .head_qa_ttl {
        font-size: 2.2vw;
        letter-spacing: .13em;
        padding: .5vw;
        width: fit-content;
        border-top: .15vw solid #323232;
        border-bottom: .15vw solid #323232;
        margin: 0 auto 5vw;
    }
    .head_qa_ttl span {
        display: inline-block;
        padding: 1vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .head_qa_box {
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }
    .head_q {
        font-size: 1.9vw;
        display: flex;
        align-items: center;
        gap: 1vw;
        margin-bottom: 1.8vw;
    }
    .head_q span {
        background: #333;
        color: #fff;
        height: 2.8vw;
        width: 2.8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }
    .head_a_cnt {
        display: flex;
        gap: 1vw;
    }
    .head_a {
        background: #b09164;
        color: #fff;
        height: 2.8vw;
        width: 2.8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }
    .head_a_txt{
        width: calc(100% - 2.8vw - 1vw);
        font-size: 1.75vw;
        letter-spacing: .02em;
        line-height: 1.5;
    }
    .item_support {
        margin-bottom: 16vw;
    }
    .sup_ttl_cnt {
        display: block;
        text-align: center;
        margin-bottom: 3vw;
    }
    .sup_ttl {
        font-size: 2.2vw;
        letter-spacing: .13em;
        padding: .5vw;
        width: fit-content;
        border-top: .15vw solid #323232;
        border-bottom: .15vw solid #323232;
        margin: 0 auto 3vw;
    }
    .sup_ttl span {
        display: inline-block;
        padding: 1vw 3.5vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .sup_ttl_sub {
        font-size: 1.7vw;
    }
    .sup_img {
        padding: 0 2vw;
    }
    .mj_ttl_cnt{
        margin-bottom: 3vw;
    }
    .mj_ttl {
        font-size: 2.2vw;
        letter-spacing: .13em;
        padding: .5vw;
        width: fit-content;
        border-top: .15vw solid #323232;
        border-bottom: .15vw solid #323232;
        margin: 0 auto 2vw;
    }
    .mj_ttl span {
        display: inline-block;
        padding: 1vw 5.5vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .mj_ttl_sub {
        font-size: 1.7vw;
        font-weight: 600;
        letter-spacing: .08em;
    }
    #mj-carousel {
        padding-bottom: 6vw;
    }
    #mj-carousel .splide__pagination__page{
        background: #333;
        opacity: 1;
    }
    #mj-carousel .splide__pagination__page.is-active {
        background: #fff;
        border: .1vw solid #333;
        transform: scale(1);
        z-index: 1;
    }
    .head_mj_rel_post_title {
        font-size: 1.3vw;
        padding-top: 1vw;
    }
    .head_mj_rel_post_title br {
        display: none;
    }
}
@media screen and (max-width:767px){
    .page_ttl_cnt {
        background: #f2f2f2;
        padding: 6vw 0 5.5vw;
    }
    .page_ttl {
        font-size: 5.3vw;
        font-weight: bold;
        letter-spacing: .08em;
        margin-bottom: 1.5vw;
    }
    .ttl_sub {
        font-size: 3vw;
        letter-spacing: .06em;
        line-height: 1.6;
        text-align: center;
    }
    .head_ttl {
        font-size: 4.4vw;
        letter-spacing: .1em;
        text-align: center;
        line-height: 1.4;
        padding: 14vw 0 7vw;
    }
    .nav_wrap {
        margin-bottom: 8vw;
    }
    #nav-carousel .splide__slide {
        position: relative;
    }
    .nav_cnt {
        width: 100%;
        position: absolute;
        bottom: 5vw;
        text-align: center;
    }
    .nav_item_ttl {
        font-size: 2.7vw;
        font-weight: bold;
        letter-spacing: .04em;
        margin-bottom: 1vw;
    }
    .nav_item_ttl_sub {
        font-size: 3.2vw;
        letter-spacing: .04em;
        line-height: 1.4;
        margin-bottom: 2vw;
    }
    .nav_link {
        display: block;
        height: 8vw;
        width: 90%;
        margin: 0 auto;
    }
    .nav_lilnk2 {
        display: block;
        width: 50%;
        margin: 0 auto 25vw;
    }
    .head_award_cnt {
        position: relative;
    }
    .head_award_ttl_cnt {
        position: absolute;
        top: 8vw;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    .head_award_ttl {
        font-size: 4.3vw;
        letter-spacing: .1em;
        margin-bottom: 2vw;
    }
    .head_award_ttl_sub {
        font-size: 2.55vw;
        letter-spacing: .1em;
    }
    .item_box {
        padding-top: 25vw;
        margin-bottom: 4vw;
    }
    .item_ttl_cnt {
        display: block;
        text-align: center;
        margin-bottom: 4vw;
    }
    .item_ttl {
        font-size: 6.4vw;
        letter-spacing: .06em;
        margin-bottom: 2.5vw;
    }
    .item_ttl_sub {
        font-size: 3.5vw;
        letter-spacing: .04em;
        line-height: 1.5;
    }
    .item_ttl_sub sup{
        font-size: 2.5vw;
    }
    .hsdx_img,
    .hsp_img,
    .vd_img {
        margin-bottom: 7vw;
        position: relative;
    }
    .hsdx_sub,
    .hsp_sub,
    .vd_sub {
        width: 86%;
        font-size: 3.3vw;
        letter-spacing: 0;
        line-height: 1.75;
        position: absolute;
        top: 30.5%;
        left: 7%;
    }
	.hsdx_sub sup{
		font-size: 2.5vw;
		vertical-align: super;
	}
	.hsp_sub sup{
		font-size: 2.5vw;
		vertical-align: super;
	}
    .hsdx_mv,
    .hsp_mv,
    .vd_mv {
        width: 85%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        position: absolute;
        top: 42%;
        left: 7%;
    }
    .item_link a{
        padding: 2.5vw;
    }
    .hsp_sub,
    .vd_sub {
        letter-spacing: .06em;
    }
    .vd_mv {
        top: 40%;
    }
    .item_series {
        padding-top: 27vw;
        margin-bottom: 23vw;
    }
    .series_ttl {
        font-size: 3.4vw;
        letter-spacing: .1em;
    }
    .series_ttl_sub {
        font-size: 4.5vw;
        letter-spacing: .13em;
    }
    .table_wrap2{
        width: 88%;
        margin-left: auto;
    }
    .series_table {
        width: 117%;
    }
    .table_th{
        width: 20vw;
    }
    .btn_wrap {
        width: 99%;
        left: 0;
    }
    .btn_link {
        width: 32%;
        height: 7.3vw;
    }
    .head_qa_cnt {
        padding: 0 6vw;
        margin-bottom: 26vw;
    }
    .head_qa_ttl {
        font-size: 3.6vw;
        font-weight: bold;
        letter-spacing: .08em;
        padding: .7vw;
        width: fit-content;
        border-top: 1px solid #323232;
        border-bottom: 1px solid #323232;
        margin: 0 auto 9vw;
    }
    .head_qa_ttl span {
        display: inline-block;
        padding: 2vw 6vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .head_qa_box {
        display: flex;
        flex-direction: column;
        gap: 8vw;
    }
    .head_q {
        font-size: 3.3vw;
        font-weight: bold;
        letter-spacing: .08em;
        line-height: 1.4;
        display: flex;
        align-items: center;
        gap: 3vw;
        margin-bottom: 3vw;
    }
    .head_q span {
        background: #333;
        color: #fff;
        height: 6vw;
        width: 6vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.8vw;
    }
    .head_a_cnt {
        display: flex;
        gap: 3vw;
    }
    .head_a {
        background: #b09164;
        color: #fff;
        height: 6vw;
        width: 6vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.8vw;
    }
    .head_a_txt{
        width: calc(100% - 2.8vw - 1vw);
        font-size: 3.35vw;
        letter-spacing: .03em;
        line-height: 1.5;
    }
    .sup_ttl_cnt {
        display: block;
        text-align: center;
        margin-bottom: 6vw;
    }
    .sup_ttl {
        font-size: 4vw;
        letter-spacing: .15em;
        padding: .7vw;
        width: fit-content;
        border-top: 1px solid #323232;
        border-bottom: 1px solid #323232;
        margin: 0 auto 5vw;
    }
    .sup_ttl span {
        display: inline-block;
        padding: 2vw 13vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .item_support {
        margin-bottom: 24vw;
    }
    .sup_img {
        padding: 0 7vw;
    }
    .mj_ttl_cnt {
        display: block;
        text-align: center;
        margin-bottom: 6vw;
    }
    .mj_ttl {
        font-size: 4vw;
        letter-spacing: .15em;
        padding: .7vw;
        width: fit-content;
        border-top: 1px solid #323232;
        border-bottom: 1px solid #323232;
        margin: 0 auto 5vw;
    }
    .mj_ttl span {
        display: inline-block;
        padding: 2vw 10vw;
        border-top: .1vw solid #323232;
        border-bottom: .1vw solid #323232;
    }
    .mj_ttl_sub {
        font-size: 4.5vw;
        font-weight: bold;
        letter-spacing: .1em;
    }
    .head_mj_rel_post_title {
        font-size: 3vw;
        line-height: 1.4;
        text-align: center;
        padding-top: 3vw;
    }
    #mj-carousel {
        padding-bottom: 4vw;
    }
    #mj-carousel .splide__pagination__page{
        background: #333;
        opacity: 1;
    }
    #mj-carousel .splide__pagination__page.is-active {
        background: #fff!important;
        border: 1px solid #333;
        transform: scale(1);
        z-index: 1;
    }
}