/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/oncure/
Description:MYTREX ONCURE
Version: 1.0
*/

/*フェイスライン*/
#video-onc {
	position: relative;
	width: 100%;
	height: auto;
}
#video-btn, #video-btn.current {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: none;
}
#video-btn::after {
	position: absolute;
	content: '';
	display: block;
	background-image: url(/wp-content/themes/mytrex/img/product/aqua/mv_play.png);
	background-size: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	opacity: 1.0;
}
#video-btn.current::after {
	background-image: url(/wp-content/themes/mytrex/img/product/prove/mv_stop.png);
	opacity: 0.1;
	transform: inherit;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	top: auto;
	left: auto;
}
@media screen and (max-width: 767px) {
	#video-btn::after {
		width: 13.7vw;
		height: 6.5vw;
		bottom: 2vw;
		right: 2vw;
		top: auto;
		left: auto;
		transform: inherit;

		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
   }
	#video-btn.current::after {
		width: 8vw;
		height: 8vw;
		bottom: 2vw;
		right: 2vw;
   }
}
@media screen and (min-width: 768px) {
   #video-btn::after {
		width: 13.8vw;
		height: 6.6vw;
	}
	#video-btn.current::after {
		width: 4vw;
		height: 4vw;
   }
	#video-btn.current::after {
		bottom: 2vw;
		right: 2vw;
   }
}
#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;
   }
}
@media screen and (min-width: 768px) {
	main {
		margin-top: 3vw !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;
		margin-right: auto;
		margin-left: auto;
   }
}
.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: #f1f5f7;
		*/
   }
	#pd_l2 {
		padding: 10% 0 10%;
   }
	#pd_mv {
		background: #ffffff;
		z-index: 1;
		/* padding-top: 14vw; */
		margin-bottom: 33vw;
   }
}
@media screen and (min-width: 768px) {
	#pd_c {
		padding: 5% 0 5vw;
   }
	#pd_l {
		padding: 5% 0 5%;
		background: #f3f4f4;
   }
	#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%;
		height: auto;
   }
}
/*** 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: 7vw;
		font-weight: 800;
		line-height: 11vw;
		letter-spacing: .3vw;
		border-bottom: 1px solid #000;
		margin: 4vw;
		transform: scale(1,0.95);
   }
	.pd_c_text {
		padding: 0 4vw 9vw;
		font-size: 3.3vw;
		line-height: 1.57;
		letter-spacing: .4vw;
   }
	.pd_c_text sup {
		display: inline-block;
		transform: scale(0.7);
   }
	.pd_c_text small {
		display: inline-block;
		padding-top: 4.5vw;
		font-size: 2vw;
		letter-spacing: 0.1vw;
   }
	.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 4vw 0vw 0vw;
   }
	.pd_c_box {
		padding: 1vw 1vw;
   }
	.pd_c_ttl_sub {
		padding: 0vw 0vw 0vw;
		font-size: 1.3vw;
		line-height: 2vw;
		letter-spacing: 0.05vw;
   }
	.pd_c_ttl_sub2 {
		padding: 1vw 0vw 1vw;
		font-size: 1.6vw;
		line-height: 2.5vw;
		letter-spacing: 0.15vw;
   }
	.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_text {
		font-size: 1.2vw;
		line-height: 2vw;
		letter-spacing: .05vw;
   }
	.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: 15vw 0 15vw;
		/* background-color: #f2f2f2; */
   }
	.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: 1.5vw 0 1.5vw;
   }
	.pd_l_icon {
		/* padding: 1vw 1vw 1vw 0vw; */
		/* width: 100%; */
		/* line-height: 0; */
		width: 10vw;
		margin-inline: auto;
   }
	.pd_l_icon img {
		width: 100%;
   }
	.pd_l_text {
		font-size: 0.8vw;
		line-height: 2.0;
		letter-spacing: 0.15em;
		color: #231815;
		padding: 1.0vw 0vw 1.0vw 0vw;
		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 0 0;
   }
	.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: 6.5vw;
}
.pdct_n_a_sp_sub {
text-align: center;
font-size: 5.3vw;
letter-spacing: 0.2em;
line-height: 1.75;
margin-bottom: 4vw;
}
.pdct_n_a_sp_sub {
text-align: center;
}
.pdct_n_a_sp_ttl {
text-align: center;
font-size: 5.3vw;
letter-spacing: 0.8vw;
margin-bottom: 5vw;
font-weight: 700;
transform: scale(1,0.9);
}
.pdct_n_a_sp_ttl2 {
padding: 0vw 1vw 3vw;
color: #3f3d3e;
font-size: 4vw;
font-weight: normal;
line-height: 4vw;
letter-spacing: 0.5vw;
text-align: center;
}
.pdct_n_a_sp_ttl3 {
padding: 0vw 1vw 3vw;
color: #3f3d3e;
font-size: 2.5vw;
font-weight: normal;
line-height: 1;
letter-spacing: 0.1vw;
text-align: center;
}
}

@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          ***/

/*** ONCURE ***/
.cl_orange {
	color: #e2a754;
}
.cl_gold {
	color: #977c52;
}
b {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.box_bg,
	.sp-box_bg {
	  margin-left: calc(-50vw + 50%);
	  margin-right: calc(-50vw + 50%);
	  background-color: #eae6e3;
	  padding-left: 4vw;
	  padding-right: 4vw;
	}
	.sp-box_bg {
	  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e7e3e0));
	  background: linear-gradient(-180deg, #fcfcfc, #e7e3e0);
	}
	.onc_d_box {
		padding-top: 10%;
	}
	.onc_d_box1a {
	  font-size: 6vw;
	  letter-spacing: 0.2em;
	  line-height: 2.2;
	  text-align: center;
	  margin-bottom: 7.33333vw;
	}
	.onc_d_box1a > span {
	  padding-bottom: 2vw;
	  border-bottom: 1px solid;
	}
	.onc_d_box1a .sp_size {
	  font-size: 4.66667vw;
	}
	.onc_d_box2 {
	  width: 66.66667vw;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 8.66667vw;
	}
	.onc_d_box3a {
	  text-align: center;
	  font-size: 4.66667vw;
	  letter-spacing: 0.2em;
	  line-height: 1.94286;
	  margin-bottom: 8vw;
	}
	.onc_d_box3a .cl_gold {
	  font-size: 6.66667vw;
	}
	.onc_d_box3b {
	  width: 83.46667vw;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 10.66667vw;
	}
	.onc_d_box4 {
	  width: 83.33333vw;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	  padding: 4.66667vw 0;
	  border-top: 1px solid #967c52;
	  border-bottom: 1px solid #967c52;
	  margin-bottom: 12.66667vw;
	}
	.onc_d_box4a {
	  font-size: 2.8vw;
	  letter-spacing: 0.08em;
	  margin-bottom: 2vw;
	}
	.onc_d_box4b {
	  display: inline-block;
	  border: 1px solid #967c52;
	  color: #967c52;
	  padding: 0.66667vw 3.33333vw;
	  font-size: 2.66667vw;
	  letter-spacing: 0.02em;
	  margin-bottom: 2.66667vw;
	}
	.onc_d_box4c {
	  font-size: 2vw;
	  letter-spacing: 0.06em;
	}
	.onc_d_box4b span {
	  padding-right: 1.33333vw;
	  border-right: 1px solid #967c52;
	}
	.onc_e_box1a {
	  background: #ffdbae;
	  background: -webkit-gradient(linear, left top, right top, from(#ffdbae), to(#827032));
	  background: linear-gradient(90deg, #ffdbae 0%, #827032 100%);
	  padding: 5.33333vw 0 4vw;
	  text-align: center;
	  color: #ffffff;
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  font-size: 5.33333vw;
	  letter-spacing: 0.2em;
	  line-height: 1.525;
	}
	.onc_e_box1a:after {
	  border: solid transparent;
	  content: '';
	  height: 0;
	  width: 0;
	  pointer-events: none;
	  position: absolute;
	  border-color: rgba(196, 169, 116, 0);
	  border-top-width: 14px;
	  border-bottom-width: 14px;
	  border-left-width: 7px;
	  border-right-width: 7px;
	  margin-left: -7px;
	  border-top-color: #c4a974;
	  top: 100%;
	  left: 50%;
	}
	.onc_e_box1b {
	  margin-bottom: 9.33333vw;
	}
	.onc_e_box1c {
	  text-align: center;
	  font-size: 4.93333vw;
	  line-height: 1.97297;
	  letter-spacing: 0.2em;
	  margin-bottom: 20vw;
	}
	.onc_e_box1c span {
	  font-size: 7.46667vw;
	  letter-spacing: 0.2em;
	}
	.dot-text {
	  background-image: radial-gradient(circle at center, #977c52 0.3vw, transparent 0.3vw);
	  background-position: top -0.5vw left;
	  background-repeat: repeat-x;
	  background-size: 1.2em 0.5em;
	  padding-top: 2vw;
	}
	.onc_e_box2 {
	  padding-bottom: 8.66667vw;
	}
	.onc_e_box2a {
	  background-color: #ffffff;
	  padding: 8.66667vw 5.33333vw 4vw;
	  text-align: center;
	  font-size: 6.13333vw;
	  letter-spacing: 0.1em;
	}
	.onc_e_box2a .under_line {
	  display: inline-block;
	  padding-bottom: 2vw;
	  border-bottom: 1px solid #1a1a1a;
	  margin-bottom: 4vw;
	}
	.onc_e_box2a .small {
	  font-size: 3.73333vw;
	  letter-spacing: 0.1em;
	}
	.onc_e_box2c {
	  background: #ffffff;
	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
			  clip-path: polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
	  width: 100%;
	  height: 33.33333vw;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  text-align: center;
	  margin-bottom: 9.33333vw;
	}
	.onc_e_box2c_a {
	  font-size: 6vw;
	  letter-spacing: 0.2em;
	  line-height: 1.51111;
	  padding-top: 8vw;
	}
	.onc_e_box2d {
	  text-align: center;
	  font-size: 5.06667vw;
	  letter-spacing: 0.2em;
	  line-height: 1.78947;
	}
	.onc_e_box4a {
	  padding: 14.66667vw 0 7.33333vw;
	  text-align: center;
	  font-size: 5.06667vw;
	  letter-spacing: 0.2em;
	  line-height: 1.78947;
	}
	.onc_e_box4b_b {
	  padding: 8vw 0 7.33333vw 5.33333vw;
	}
	.onc_e_box4b_b * + * {
	  display: block;
	  width: 100%;
	  padding-top: 4.66667vw;
	}
	.onc_e_box4b_b > span {
	  font-size: 3.33333vw;
	  letter-spacing: 0.12em;
	}
	.onc_e_box5 {
	  background-color: #ffffff;
	}
	.onc_e_box5_sp {
	  padding: 6.66667vw 6.66667vw 4vw;
	}
	.onc_e_box5a_sp {
	  text-align: center;
	  font-size: 5.73333vw;
	  letter-spacing: 0.22em;
	  line-height: 1.93023;
	  color: #967c52;
	  margin-bottom: 3.33333vw;
	}
	.onc_e_box5a_sp .large {
	  font-size: 7.73333vw;
	  letter-spacing: 0.185em;
	}
	.onc_e_box5b_sp {
	  font-size: 2.53333vw;
	  letter-spacing: 0.08em;
	  line-height: 2.05263;
	}
	.sp-box_bg {
	  padding-bottom: 8vw;
	  position: relative;
	}
	.sp-box_bg::after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 14.13333vw;
	  background-color: #1a1a1a;
	  position: absolute;
	  left: 50%;
	  bottom: -9.33333vw;
	}
	.onc_e_box6 {
	  background-color: #ffffff;
	  padding: 12.66667vw 4.66667vw 14.66667vw;
	}
	.onc_e_box6a {
	  text-align: center;
	  font-size: 5.06667vw;
	  letter-spacing: 0.24em;
	  line-height: 1.92105;
	  margin-bottom: 8vw;
	}
	.onc_e_box6b {
	  margin-bottom: 13.33333vw;
	}
	.onc_f_box1 {
	  padding-bottom: 21.33333vw;
	}
	.onc_f_box1a_a {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: 91.6vw;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 2.66667vw 0;
	  background-color: #ffffff;
	  position: relative;
	  bottom: 7.46667vw;
	}
	.onc_f_box1a_a1 {
	  display: inline-block;
	  /* margin-bottom: 2vw; */
	}
	.onc_f_box1a_a1 span:nth-child(1) {
	  display: inline-block;
	  font-size: 5.73333vw;
	  letter-spacing: 0.2em;
	  padding-bottom: 1.33333vw;
	}
	.onc_f_box1a_a1 span:nth-child(2) {
	  display: inline-block;
	  font-size: 2.4vw;
	  letter-spacing: 0.2em;
	  color: #e2a754;
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.onc_f_box1a_a1 span:nth-child(2):before, .onc_f_box1a_a1 span:nth-child(2):after {
	  content: "";
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  height: 1px;
	  -webkit-box-flex: 1;
		  -ms-flex-positive: 1;
			  flex-grow: 1;
	  background-color: #e2a754;
	}
	.onc_f_box1a_a1 span:nth-child(2):before {
	  margin-right: 1.33333vw;
	}
	.onc_f_box1a_a1 span:nth-child(2):after {
	  margin-left: 1.33333vw;
	}
	.onc_f_box1a_a2 {
		font-size: 8.26666vw;
		letter-spacing: 0.2em;
		color: #e67315;
	}
	.onc_f_box1b {
	  margin-bottom: 10vw;
	}
	.onc_f_box1b_a {
	  text-align: center;
	  font-size: 6vw;
	  letter-spacing: 0.1em;
	  line-height: 1.77778;
	}
	.onc_f_box1c {
	  background-color: #ffffff;
	  padding: 7.33333vw 6.66667vw 4vw;
	}
	.onc_f_box1c_sp {
	  padding-left: 4vw;
	  padding-right: 4vw;
	}
	.onc_f_box1c_a {
	  text-align: center;
	  padding-bottom: 6.66667vw;
	  font-size: 4.93333vw;
	  letter-spacing: 0.1em;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.onc_f_box1c_a .large {
	  font-size: 6.66667vw;
	}
	.onc_f_box1c_b {
	  padding: 8vw 0 6.66667vw;
	  font-size: 3.33333vw;
	  letter-spacing: 0.07em;
	  line-height: 1.88;
	}
	.onc_f_box1c_d {
	  padding-top: 4.66667vw;
	  font-size: 2vw;
	  letter-spacing: 0.2em;
	  line-height: 2;
	}
	.onc_g_box1a_a {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: 91.6vw;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 5.33333vw 0;
	  background-color: #ffffff;
	  position: relative;
	  /* bottom: 7.46667vw; */
	  position: absolute;
		left: 0;
		top: -10vw;
		right: 0;
	}
	.onc_f_box1a_a1 {
	  display: inline-block;
	  /* margin-bottom: 2vw; */
	}
	.onc_g_box1a_a2 {
	  font-size: 7.46667vw;
	  letter-spacing: 0.2em;
	  color: #967c52;
	}
	.onc_g_box1b {
	  text-align: center;
	  font-size: 5.86667vw;
	  letter-spacing: 0.19em;
	  line-height: 1.77778;
	  margin-bottom: 6.66667vw;
	}
	.onc_g_box1c {
	  margin-bottom: 5.33333vw;
	}
	.onc_g_box1d {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  margin-bottom: 10vw;
	}
	.onc_g_box1d_a {
	  width: 40vw;
	}
	.onc_g_box1d_b {
	  width: 40vw;
	}
	.onc_g_box1 {
	  padding-top: 19.33333vw;
	  padding-left: 8vw;
	  padding-right: 8vw;
	  padding-bottom: 20.66667vw;
	}
	.onc_g_box1d_b2 {
	  font-size: 2.66667vw;
	  letter-spacing: 0.06em;
	  line-height: 1.6;
	}
	.onc_g_box1e {
	  margin-bottom: 6vw;
	}
	.onc_g_box1d_b1 {
	  text-align: center;
	  font-size: 4.66667vw;
	  letter-spacing: 0.18em;
	  line-height: 1.42857;
	  color: #967c52;
	  padding-bottom: 3.33333vw;
	  border-bottom: 1px solid #967c52;
	}
	.onc_g_box2 {
	  padding-left: 8vw;
	  padding-right: 8vw;
	  padding-bottom: 23.33333vw;
	}
	.onc_g_box2a {
	  text-align: center;
	}
	.onc_g_box2a > span {
	  display: inline-block;
	  font-size: 5.73333vw;
	  letter-spacing: 0.05em;
	  line-height: 1.36;
	  padding-bottom: 4.66667vw;
	  border-bottom: 1px solid #1a1a1a;
	  margin-bottom: 8vw;
	}
	.onc_g_box2a .large {
	  font-size: 6.66667vw;
	  letter-spacing: 0.2em;
	}
	.onc_g_box2b {
	  font-size: 3.33333vw;
	  /* letter-spacing: 0.08em; */
	  line-height: 1.8;
	  margin-bottom: 6vw;
	}
	.onc_g_box2c {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	}
	.onc_g_box2c_a {
	  width: 37.33333vw;
	}
	.onc_g_box2c_a1 {
	  margin-bottom: 4.66667vw;
	}
	.onc_g_box2c_a:nth-child(1) .onc_g_box2c_a2 > span {
	  color: #967c52;
	  /* font-weight: bold; */
	}
	.onc_g_box2c_a2 > span {
	  display: block;
	  margin-bottom: 3.33333vw;
	  font-size: 2.66667vw;
	  letter-spacing: 0.05em;
	}
	.onc_g_box2c_a3 {
	  font-size: 2vw;
	  letter-spacing: 0.08em;
	}
	.onc_h_box1a {
	  text-align: center;
	  width: 91.6vw;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 2.66667vw 0;
	  background-color: #ffffff;
	  position: absolute;
	  top: -67.66667vw;
	  left: 0;
	  right: 0;
	  margin: auto;
	}
	.onc_h_box1a span:nth-child(1) {
	  display: inline-block;
	  font-size: 5.73333vw;
	  letter-spacing: 0.2em;
	  padding-bottom: 1.33333vw;
	}
	.onc_h_box1a span:nth-child(2) {
	  width: 30.66667vw;
	  margin-left: auto;
	  margin-right: auto;
	  display: inline-block;
	  font-size: 2.4vw;
	  letter-spacing: 0.2em;
	  color: #e2a754;
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.onc_h_box1a span:nth-child(2):before, .onc_h_box1a span:nth-child(2):after {
	  content: "";
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  height: 1px;
	  -webkit-box-flex: 1;
		  -ms-flex-positive: 1;
			  flex-grow: 1;
	  background-color: #e2a754;
	}
	.onc_h_box1a span:nth-child(2):before {
	  margin-right: 1.33333vw;
	}
	.onc_h_box1a span:nth-child(2):after {
	  margin-left: 1.33333vw;
	}
	.onc_h_box1 {
	  padding-left: 8vw;
	  padding-right: 8vw;
	  margin-top: -7.33333vw !important;
	}
	.onc_h_box1b {
	  text-align: center;
	  background-color: #e7e4e2;
	  padding: 6vw 0;
	  font-size: 5.06667vw;
	  letter-spacing: 0.1em;
	}
	.onc_h_box1c {
	  text-align: center;
	  padding: 8vw 0 5.33333vw;
	  font-size: 5.06667vw;
	  letter-spacing: 0.2em;
	  line-height: 1.60526;
	}
	.onc_h_box2 {
	  padding-left: 4vw;
	  padding-right: 4vw;
	  margin-bottom: 6.66667vw;
	}
	.onc_h_box3 {
	  padding-left: 4vw;
	  padding-right: 4vw;
	  margin-bottom: 18vw;
	  font-size: 2vw;
	  letter-spacing: 0.08em;
	  line-height: 1.66667;
	}
	.onc_i_box {
	  background-color: #e6e3e0;
	}
	.onc_i_box1a {
	  padding: 13.33333vw 0 10vw;
	  text-align: center;
	  font-size: 6vw;
	  letter-spacing: 0.2em;
	  line-height: 1.77778;
	}
	.onc_i_box2a_b {
	  padding: 4vw 0 6.66667vw;
	  font-size: 4vw;
	  letter-spacing: 0.07em;
	  text-align: center;
	}
	.onc_j_box1a {
	  text-align: center;
	  width: 91.6vw;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 9.33333vw 0 6.66667vw;
	  background-color: #ffffff;
	}
	.onc_j_box1a span:nth-child(1) {
	  display: inline-block;
	  font-size: 5.73333vw;
	  letter-spacing: 0.2em;
	  padding-bottom: 1.33333vw;
	}
	.onc_j_box1a span:nth-child(2) {
	  width: 30.66667vw;
	  margin-left: auto;
	  margin-right: auto;
	  display: inline-block;
	  font-size: 2.4vw;
	  letter-spacing: 0.2em;
	  color: #e2a754;
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.onc_j_box1a span:nth-child(2):before, .onc_j_box1a span:nth-child(2):after {
	  content: "";
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  height: 1px;
	  -webkit-box-flex: 1;
		  -ms-flex-positive: 1;
			  flex-grow: 1;
	  background-color: #e2a754;
	}
	.onc_j_box1a span:nth-child(2):before {
	  margin-right: 1.33333vw;
	}
	.onc_j_box1a span:nth-child(2):after {
	  margin-left: 1.33333vw;
	}
	.onc_j_box2 {
	  padding-left: 4vw;
	  padding-right: 4vw;
	}
	.onc_j_box2a {
	  background-color: #e8e4e3;
	  padding: 6.66667vw 7.33333vw 10.66667vw;
	}
	.onc_j_box2a1 {
	  font-size: 4.0vw;
	  letter-spacing: 0.1em;
	  font-weight: bold;
	  margin-bottom: 3.33333vw;
	}
	.onc_j_box2a2 {
	  font-size: 2.4vw;
	  letter-spacing: 0.08em;
	  line-height: 1.88889;
	}
	.onc_j_box3 {
	  padding-left: 4vw;
	  padding-right: 4vw;
	  padding-bottom: 20vw;
	  background-color: #ffffff;
	}
	.onc_j_box3a {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
		  -ms-flex-direction: column-reverse;
			  flex-direction: column-reverse;
	}
	.onc_j_box3a {
	  background-color: #e8e4e3;
	}
	.onc_j_box3b {
	  background-color: #e8e4e3;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  padding-top: 6.66667vw;
	  padding-bottom: 10.66667vw;
	  padding-left: 4vw;
	  padding-right: 4vw;
	}
	.onc_j_box3b_b1 {
	  background-color: #e8e4e3;
	  padding-top: 10vw;
	}
	.onc_j_box3a_1 {
	  padding-top: 6.66667vw;
	  padding-left: 7.33333vw;
	  padding-right: 7.33333vw;
	}
	.onc_j_box3a_1a > span {
	  display: block;
	}
	.onc_j_box3a_1a > span:nth-child(1) {
	  text-align: center;
	  font-size: 4.13333vw;
	  letter-spacing: 0.18em;
	  margin-bottom: 3.33333vw;
	  font-weight: bold;
	}
	.onc_j_box3a_1a > span:nth-child(2) {
	  font-size: 2.4vw;
	  letter-spacing: 0.08em;
	  line-height: 1.88889;
	}
	.onc_j_box3b_b1 > span {
	  display: block;
	  margin-left: 7.33333vw;
	  margin-right: 7.33333vw;
	  background-color: #b3a68f;
	  padding: 3.33333vw 0;
	  color: #ffffff;
	  text-align: center;
	  font-size: 4.13333vw;
	  letter-spacing: 0.18em;
	}
	.onc_j_box3b_a {
	  width: 27.73333vw;
	}
	.onc_j_box3b_b {
	  width: 51.86667vw;
	}
	.onc_j_box3b_b2 {
	  font-size: 2.3vw;
	  letter-spacing: 0.08em;
	  line-height: 2;
	  margin-bottom: 4vw;
	}
	.onc_j_box3b_b4 {
	  font-size: 1.6vw;
	  letter-spacing: 0.08em;
	  line-height: 1.83333;
	}
}

@media screen and (min-width: 768px) {
	.dot-text {
		background-image: radial-gradient(circle at center, #977c52 0.3vw, transparent 0.3vw);
		background-position: top -0.5vw left;
		background-repeat: repeat-x;
		background-size: 1.2em 0.5em;
		padding-top: 2vw;
	}
	.box_bg {
		margin-left: calc(-50vw + 50%);
    	margin-right: calc(-50vw + 50%);
		background-color: #eae6e3;
		/* padding-left: 8.33333333vw; */
		/* padding-right: 8.33333333vw; */
		padding-left: 10vw;
		padding-right: 10vw;
	}

	.onc_d_box {
		padding-top: 5vw;
	}
	.onc_d_box1 {
		text-align: center;
	}
	.onc_d_box1a {
		display: inline-block;
		font-size: 3.12vw;
		letter-spacing: 0.2em;
		padding-bottom: 2.5vw;
		border-bottom: 1px solid #1a1a1a;
		margin-bottom: 5.0vw;
	}
	.onc_d_box2 {
		margin-bottom: 7vw;
	}
	.onc_d_box2a {
		width: 45.6vw;
		margin-left: auto;
		margin-right: auto;
	}
	.onc_d_box3 {
		width: 68vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #977c52;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6vw;
	}
	.onc_d_box3a {
		padding-left: 3vw;
		font-size: 2.0vw;
		letter-spacing: 0.18em;
		line-height: 2;
	}
	.onc_d_box3b {
		width: 36vw;
		border-left: 1px solid #977c52;
	}
	.onc_d_box4 {
		width: 68vw;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding: 4.5vw 0;
		border-top: 1px solid #967c52;
		border-bottom: 1px solid #967c52;
		margin-bottom: 7.5vw;
	}
	.onc_d_box4a {
		font-size: 1.9vw;
		letter-spacing: 0.08em;
		margin-bottom: 1.5vw;
	}
	.onc_d_box4b {
		display: inline-block;
		border: 1px solid #967c52;
		color: #967c52;
		padding: 1vw 2vw;
		font-size: 1.8vw;
		letter-spacing: 0.02em;
		margin-bottom: 2.5vw;
	}
	.onc_d_box4b span {
		padding-right: 1.30208vw;
		border-right: 1px solid #967c52;
	}
	.onc_d_box4c {
		font-size: 0.78vw;
		letter-spacing: 0.06em;
	}

	.onc_e_box1a {
		background: rgb(255,219,174);
		background: linear-gradient(90deg, rgba(255,219,174,1) 0%, rgba(130,112,50,1) 100%);
		padding: 2.0vw 0;
		text-align: center;
		color:  #ffffff;
		width: 62.5vw;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		font-size: 2.6vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box1a:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(196, 169, 116, 0);
		border-top-width:14px;
		border-bottom-width:14px;
		border-left-width:7px;
		border-right-width:7px;
		margin-left: -7px;
		border-top-color:#c4a974;
		top:100%;
		left:50%;
	}
	.onc_e_box1b {
		display: flex;
		justify-content: center;
		margin-bottom: 3vw;
		width: 100%;
	}
	.onc_e_box1b_a {
		width: 44vw;
	}
	.onc_e_box1b_b {
		width: 37vw;
	}
	.onc_e_box1c {
		text-align: center;
		font-size: 3.1vw;
		line-height: 1.5;
		letter-spacing: 0.1em;
		margin-bottom: 10vw;
	}
	.onc_e_box1c span {
		font-size: 4.68vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box2 {
		padding-left: 9vw;
    	padding-right: 9vw;
	}
	.onc_e_box2a {
		background-color: #ffffff;
		text-align: center;
		padding-top: 5.5vw;
		padding-bottom: 3.5vw;
	}
	.onc_e_box2a {
		font-size: 3.6vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box2a .under_line {
		display: inline-block;
		padding-bottom: 1.5vw;
		border-bottom: 1px solid #1a1a1a;
	}
	.onc_e_box2a .small {
		display: inline-block;
		padding-top: 3.5vw;
		font-size: 2.6vw;
		letter-spacing: 0.22em;
	}
	.onc_e_box2c {
		background: #ffffff;
		clip-path: polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);
		width: 100%;
		height: 25vw;
		display: flex;
		justify-content: center;
		text-align: center;
		margin-bottom: 5vw;
	}
	.onc_e_box2c_a {
		font-size: 3.6vw;
		letter-spacing: 0.2em;
		line-height: 1.6;
		padding-top: 4.5vw;
	}
	.onc_e_box2d {
		text-align: center;
		font-size: 2.5vw;
		letter-spacing: 0.2em;
		padding-bottom: 4vw;
	}
	.onc_e_box4a {
		padding: 10vw 0 3.5vw;
		text-align: center;
		font-size: 2.5vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box4b {
		display: flex;
		margin-bottom: 10vw;
	}
	.onc_e_box4b_a {
		width: 54vw;
	}
	.onc_e_box4b_b {
		width: 46vw;
		background-color: #c5b9b035;
		padding-top: 4.5vw;
		padding-left: 4.5vw;
		display: flex;
		flex-direction: column;
		font-size: 1.4vw;
		letter-spacing: 0.12em;
	}
	.onc_e_box4b_b * + * {
		display: block;
		width: 100%;
		padding-top: 2.5vw;
	}
	.onc_e_box5 {
		padding-bottom: 15vw;
		position: relative;
	}
	.onc_e_box5a {
		margin-bottom: 6vw;
	}
	.onc_e_box5::after {
		content: "";
		display: block;
		height: 11vw;
		width: 1px;
		background-color: #1a1a1a;
		position: absolute;
		bottom: -1vw;
		left: 50%;
	}
	.onc_e_box6a {
		background-color: #ffffff;
		text-align: center;
		font-size: 3.6vw;
    	letter-spacing: 0.2em;
		padding: 4.5vw 0 4.5vw;
	}
	.onc_e_box6a span {
		display: inline-block;
		padding-top: 2.5vw;
		font-size: 2.5vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box6 {
		padding-left: 6vw;
		padding-right: 6vw;
	}
	.onc_e_box6b,
	.onc_e_box6c {
		background-color: #ffffff;
	}
	.onc_e_box6b picture,
	.onc_e_box6c picture {
		display: block;
		margin-left: 4vw;
		margin-right: 4vw;
	}
	.onc_e_box6b {
		padding-bottom: 7.5vw;
	}
	.onc_e_box6c {
		padding-bottom: 4.0vw;
	}

	.onc_f_box1a {
		background-color: #ffffff;
		text-align: center;
		padding-top: 10vw;
	}
	.onc_f_box1a_a {
		display: flex;
		justify-content: center;
		width: 50vw;
		margin-left: auto;
		margin-right: auto;
		padding: 1.5vw 0;
		background-color: #ffffff;
		position: relative;
    	bottom: -4vw;
	}
	.onc_f_box1a_a1 > span {
		display: block;
	}
	.onc_f_box1a_a1 span:nth-child(1) {
		display: inline-block;
		font-size: 3.4vw;
		letter-spacing: 0.2em;
		padding-bottom: 0.5vw;
	}
	.onc_f_box1a_a1 span:nth-child(2) {
		display: inline-block;
		font-size: 1.4vw;
		letter-spacing: 0.2em;
		color: #e2a754;
		position: relative;
		display: flex;
    	align-items: center;
	}
	.onc_f_box1a_a2 {
		font-size: 5vw;
		letter-spacing: 0.2em;
		color: #e67315;
	}
	.onc_f_box1a_a1 span:nth-child(2):before, .onc_f_box1a_a1 span:nth-child(2):after {
		content: "";
		display: flex;
		height: 1px;
		flex-grow: 1;
		background-color: #e2a754;
	}
	.onc_f_box1a_a1 span:nth-child(2):before {
		margin-right: 0.5vw;
	}
	.onc_f_box1a_a1 span:nth-child(2):after {
		margin-left: 0.5vw;
	}
	.onc_f_box1b {
		margin-top: 7vw !important;
		margin-bottom: 2.5vw;
		position: relative;
	}
	.onc_f_box1b_a {
		font-size: 3.75vw;
    	letter-spacing: 0.12em;
		line-height: 1.6;
		position: absolute;
		left: 37.7vw;
		top: 3vw;
	}
	.onc_f_box1c {
		background-color: #ffffff;
		padding: 5vw;
	}
	.onc_f_box1c_a {
		text-align: center;
		font-size: 3.3vw;
		letter-spacing: 0.2em;
		margin-bottom: 3vw;
	}
	.onc_f_box1c_a .large {
		font-size: 4.4vw;
	}
	.onc_f_box1c_b {
		font-size: 1.5vw;
		letter-spacing: 0.04em;
		line-height: 2;
		margin-bottom: 2.5vw;
	}
	.onc_f_box1c_c {
		margin-bottom: 1.5vw;
	}
	.onc_f_box1c_d {
		font-size: 0.78vw;
		letter-spacing: 0.2em;
	}
	.onc_f_box2 {
		margin-left: calc(-50vw + 50%);
    	margin-right: calc(-50vw + 50%);
		padding-top: 10vw;
		padding-left: 10vw;
    	padding-right: 10vw;
	}

	.onc_g_box {
		position: relative;
	}
	.onc_g_box1a_a {
		display: flex;
		justify-content: center;
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
		padding: 1.5vw 0;
		background-color: #ffffff;
		position: relative;
		top: -4vw;
	}
	.onc_g_box1a_a2 {
		font-size: 5vw;
		letter-spacing: 0.2em;
		color: #967c52;
	}
	.onc_g_box1b {
		text-align: center;
		font-size: 3.12vw;
		letter-spacing: 0.22em;
		margin-bottom: 3.5vw;
	}
	.onc_g_box1c {
		width: 44vw;
		margin-bottom: 3vw;
	}
	.onc_g_box1d {
		display: flex;
		justify-content: space-between;
		padding-bottom: 6vw;
	}
	.onc_g_box1d_a {
		width: 27vw;
		margin-right: 2vw;
	}
	.onc_g_box1d_b {
		width: calc(100% - 29vw);
		padding-top: 1.5vw;
	}
	.onc_g_box1d_b1 {
		font-size: 3.0vw;
		letter-spacing: 0.1em;
		color: #967c52;
		margin-bottom: 2vw;
	}
	.onc_g_box1d_b2 {
		font-size: 1.5vw;
		letter-spacing: 0.14em;
		line-height: 1.9;
	}
	.onc_g_box1e {
		width: 33vw;
		position: absolute;
		right: 0;
		top: 14.6vw;
	}
	.onc_g_box2_bg {
		background-color: #ffffff;
		padding: 5.5vw 8.5vw 3.5vw;
	}
	.onc_g_box2a {
		text-align: center;
	}
	.onc_g_box2a > span {
		display: inline-block;
		font-size: 2.76vw;
		letter-spacing: 0.22em;
		padding-bottom: 1.5vw;
		border-bottom: 1px solid #1a1a1a;
		margin-bottom: 2.5vw;
	}
	.onc_g_box2b {
		font-size: 1.5vw;
		letter-spacing: 0.08em;
		line-height: 1.9;
		margin-bottom: 1vw;
	}
	.onc_g_box2c {
		display: flex;
		justify-content: space-between;
	}
	.onc_g_box2c > div {
		width: 30vw;
	}
	.onc_g_box2c_a1 {
		margin-bottom: 1.5vw;
	}
	.onc_g_box2c_a:nth-child(1) .onc_g_box2c_a2 > span {
		color: #967c52;
		font-weight: bold;
	}
	.onc_g_box2c_a2 {
		display: flex;
		flex-wrap: wrap;
	}
	.onc_g_box2c_a2 > span {
		display: inline-block;
		width: 50%;
		font-size: 1.0vw;
		letter-spacing: 0.1em;
		margin-bottom: 1.5vw;
	}
	.onc_g_box2c_a3 {
		font-size: 0.78vw;
		letter-spacing: 0.08em;
	}

	.onc_h_box {
		padding-bottom: 10vw;
	}
	.onc_h_box1 {
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
		padding: 3.0vw 0 2.0vw;
		background-color: #ffffff;
		/* position: relative;
		top: -4vw; */
		margin-top: -4vw !important;
		text-align: center;
	}
	.onc_f_box1a_a1 {
		display: inline-block;
		/* margin-bottom: 2vw; */
	}
	.onc_h_box1b {
		font-size: 3.12vw;
		letter-spacing: 0.1em;
		margin-bottom: 2vw;
	}
	.onc_h_box1c {
		font-size: 1.8vw;
		letter-spacing: 0.22em;
	}
	.onc_h_box1a {
		display: inline-block;
		margin-bottom: 2vw;
	}
	.onc_h_box1a span:nth-child(1) {
		display: inline-block;
		font-size: 3.4vw;
		letter-spacing: 0.2em;
		padding-bottom: 0.5vw;
	}
	.onc_h_box1a span:nth-child(2) {
		display: inline-block;
		font-size: 1.4vw;
		letter-spacing: 0.2em;
		color: #e2a754;
		position: relative;
		display: flex;
		align-items: center;
	}
	.onc_h_box1a span:nth-child(2):before, .onc_h_box1a span:nth-child(2):after {
		content: "";
		display: flex;
		height: 1px;
		flex-grow: 1;
		background-color: #e2a754;
	}
	.onc_h_box1a span:nth-child(2):before {
		margin-right: 0.5vw;
	}
	.onc_h_box1a span:nth-child(2):after {
		margin-left: 0.5vw;
	}
	.onc_h_box2 {
		width: 68vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5vw;
	}
	.onc_h_box3 {
		text-align: center;
		font-size: 0.78vw;
		letter-spacing: 0.08em;
	}
	.onc_i_box1 {
		background-color: #eaedef35;
		padding: 3vw 0;
		text-align: center;
	}
	.onc_i_box1a {
		font-size: 3.12vw;
		letter-spacing: 0.22em;
	}
	.onc_i_box2 {
		display: flex;
	}
	.onc_i_box2a {
		background-color: #e6e3e0;
	}
	.onc_i_box2a:nth-child(2n) {
		display: flex;
		flex-direction: column-reverse;
	}
	.onc_i_box2a_b {
		padding: 2vw 0;
		text-align: center;
		font-size: 1.8vw;
		letter-spacing: 0.08em;
		line-height: 1.5;
		font-weight: bold;
	}

	.onc_j_box {
		padding-top: 6vw;
	}
	.onc_j_box1 {
		width: 60vw;
		margin-left: auto;
		margin-right: auto;
		padding: 3vw 0 3vw;
		background-color: #ffffff;
		position: relative;
		bottom: -4vw;
		z-index: 1;
		text-align: center;
	}
	.onc_j_box1a {
		display: inline-block;
	}
	.onc_j_box1a span:nth-child(1) {
		display: inline-block;
		font-size: 3.4vw;
		letter-spacing: 0.2em;
		padding-bottom: 0.5vw;
	}
	.onc_j_box1a span:nth-child(2) {
		display: inline-block;
		font-size: 1.4vw;
		letter-spacing: 0.2em;
		color: #e2a754;
		position: relative;
		display: flex;
		align-items: center;
	}
	.onc_j_box1a span:nth-child(2):before, .onc_j_box1a span:nth-child(2):after {
		content: "";
		display: flex;
		height: 1px;
		flex-grow: 1;
		background-color: #e2a754;
	}
	.onc_j_box1a span:nth-child(2):before {
		margin-right: 0.5vw;
	}
	.onc_j_box1a span:nth-child(2):after {
		margin-left: 0.5vw;
	}
	.onc_j_box2 {
		position: relative;
	}
	.onc_j_box2a {
		position: absolute;
		left: 10.5vw;
    	top: 15.5vw;
	}
	.onc_j_box2a1 {
		font-size: 2.8vw;
		letter-spacing: 0.16em;
		line-height: 1.6;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	.onc_j_box2a2 {
		font-size: 1.8vw;
		letter-spacing: 0.08em;
		line-height: 2;
	}
	.onc_j_box3 {
		padding-top: 7.5vw;
	}
	.onc_j_box3a {
		display: flex;
	}
	.onc_j_box3a_1 {
		width: 26vw;
		display: flex;
		align-items: center;
		background-color: #bdb09a;
		padding: 0 2.5vw;
	}
	.onc_j_box3a_2 {
		width: calc(100% - 26vw);
	}
	.onc_j_box3a_1a span {
		display: block;
		color: #ffffff;
	}
	.onc_j_box3a_1a span:nth-child(1) {
		text-align: center;
		font-size: 2.5vw;
		letter-spacing: 0.18em;
		line-height: 1.4;
		margin-bottom: 2vw;
	}
	.onc_j_box3a_1a span:nth-child(2) {
		font-size: 1.3vw;
		letter-spacing: 0.06em;
		line-height: 2.1;
	}
	.onc_j_box3b {
		background-color: #ffffff;
		padding: 5vw 5vw 4vw 6.5vw;
		display: flex;
		justify-content: space-between;
	}
	.onc_j_box3b_a {
		width: 20vw;
	}
	.onc_j_box3b_b {
		width: 43vw;
	}
	.onc_j_box3b_b1 {
		font-size: 2.5vw;
		letter-spacing: 0.16em;
		margin-bottom: 1.5vw;
	}
	.onc_j_box3b_b2 {
		font-size: 1.3vw;
		letter-spacing: 0.02em;
		line-height: 2.3;
		margin-bottom: 2.5vw;
	}
	.onc_j_box3b_b3 {
		margin-bottom: 2.5vw;
	}
	.onc_j_box3b_b4 {
		font-size: 1.0vw;
		letter-spacing: 0.024em;
		line-height: 2.1;
	}
	.onc_j_box4 {
		padding-top: 10vw;
	}
}

/* 返品保証 */
.pd_t_sup_box2_ttl {
    color: #c3996d;
}
.pd_t_sup_ttl:before, .pd_t_sup_ttl:after {
    background-color: transparent;
}
@media screen and (max-width: 767px) {
	.pd_t_sup_box1_texta {
		color: #d79713;
	}
}
@media screen and (min-width: 768px)  {
	#pd_t {
		background: #e9e9e950;
	}
	#pd_l {
		padding: 5% 0 5%;
		background: #e9e9e950;
	}
}

/* 多言語対応 */
@media screen and (max-width: 767px) {
	.onc_e_box1b_b1 {
		font-size: 5.3vw;
		letter-spacing: 0.14em;
		text-align: center;
		color: #fff;
		padding: 2.5vw 0;
		border-radius: 50px;
		width: 79vw;
		margin-inline: auto;
		margin-bottom: 6vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.onc_e_box1b_b1:nth-child(2n+1) {
		background-image: radial-gradient(circle, rgba(255, 128, 52, 1), rgba(255, 206, 176, 1) 100%);
	}
	.onc_e_box1b_b1:nth-child(2n) {
		background-image: radial-gradient(circle, rgba(226, 167, 84, 1), rgba(240, 211, 169, 1) 100%);
	}
	.onc_e_box1b_b1 span {
		font-size: 4.1vw;
	}
	.onc_e_box3 {
		position: relative;
	}
	.onc_e_box3a {
		font-size: 3.3vw;
		/* letter-spacing: 0.2em; */
		position: absolute;
		left: 0;
		right: 0;
		top: 57vw;
		text-align: center;
	}
	.onc_e_box5a {
		display: flex;
		flex-direction: column-reverse;
	}
	.onc_e_box5a_1 {
		padding: 8vw 6.5vw 4vw;
	}
	.onc_e_box5a_1a {
		font-size: 7.7vw;
		letter-spacing: 0.185em;
		line-height: 1.4;
		text-align: center;
		color: #967c52;
		margin-bottom: 4.5vw;
	}
	.onc_e_box5a_1a span {
		font-size: 5.7vw;
	}
	.onc_e_box5a_1b {
		font-size: 2.5vw;
		letter-spacing: 0.06em;
		line-height: 2;
	}
	.onc_e_box6c_1a {
		background-image: radial-gradient(circle,rgba(255,128,52,1),rgba(255,206,176,1) 100%);
		font-size: 5.3vw;
		letter-spacing: .14em;
		text-align: center;
		color: #fff;
		padding: 2.5vw 0;
		border-radius: 50px;
		width: 79vw;
		margin-inline: auto;
		margin-bottom: 6vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.onc_e_box6c_1b {
		width: 85vw;
		display: flex;
		justify-content: space-between;
		margin-inline: auto;
	}
	.onc_e_box6c_1b > div {
		width: 39vw;
	}
	.onc_e_box6c_1b .img {
		margin-bottom: 2vw;
	}
	.onc_e_box6c_1b .ttl {
		background-color: #c4b8af;
		padding: 1.0vw;
		font-size: 2.6vw;
		font-weight: bold;
		letter-spacing: 0.07em;
		color: #fff;
		text-align: center;
		margin-bottom: 1.0vw;

	}
	.onc_e_box6c_1b .txt {
		font-size: 2.4vw;
		letter-spacing: 0.07em;
		line-height: 1.8;
		font-weight: bold;
	}
	.onc_j_box4 {
		position: relative;
	}
	.onc_j_box4a {
		font-size: 6.6vw;
		letter-spacing: 0.4em;
		line-height: 1.7;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
		position: absolute;
		left: 5vw;
		top: 8vw;
	}
}
@media screen and (min-width: 768px) {
	.onc_e_box1b_b {
		padding-top: 8vw;
	}
	.onc_e_box1b_b1 {
		font-size: 1.8vw;
		letter-spacing: 0.14em;
		text-align: center;
		color: #fff;
		padding: 0.8vw 0;
		border-radius: 50px;
		width: 28vw;
		margin-bottom: 2vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.onc_e_box1b_b1:nth-child(2n+1) {
		background-image: radial-gradient(circle, rgba(255, 128, 52, 1), rgba(255, 206, 176, 1) 100%);
	}
	.onc_e_box1b_b1:nth-child(2n) {
		background-image: radial-gradient(circle, rgba(226, 167, 84, 1), rgba(240, 211, 169, 1) 100%);
	}
	.onc_e_box1b_b1 span {
		font-size: 1.4vw;
	}
	.onc_e_box3 {
		position: relative;
	}
	.onc_e_box3a {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 3vw;
		text-align: center;
		font-size: 2.5vw;
		letter-spacing: 0.2vw;
		line-height: 1.4;
	}
	.onc_e_box5a {
		position: relative;
	}
	.onc_e_box5a_1 {
		position: absolute;
		left: 4vw;
		top: 3.5vw;
	}
	.onc_e_box5a_1a {
		font-size: 4.4vw;
		letter-spacing: 0.11em;
		line-height: 1.3;
		color: #977c52;
		margin-bottom: 1vw;
	}
	.onc_e_box5a_1a span {
		font-size: 2.9vw;
	}
	.onc_e_box5a_1b {
		width: 36vw;
		font-size: 1.4vw;
		letter-spacing: 0.15em;
		line-height: 2.45;
		margin-bottom: 1.5vw;
	}
	.onc_e_box5a_1c {
		font-size: 0.7vw;
		letter-spacing: 0.2em;
	}
	.onc_e_box6c_1 {
		display: flex;
		justify-content: space-between;
		width: 79vw;
		margin-left: 3vw;
	}
	.onc_e_box6c_1a {
		width: 24vw;
		height: 24vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: radial-gradient(circle,rgba(255,128,52,1),rgba(255,206,176,1) 60%);
		border-radius: 50%;
		font-size: 2.8vw;
		letter-spacing: 0.10em;
		line-height: 1.6;
		text-align: center;
		color: #fff;
	}
	.onc_e_box6c_1b {
		width: 51vw;
		display: flex;
		justify-content: space-between;
	}
	.onc_e_box6c_1b > div {
		width: 22vw;
	}
	.onc_e_box6c_1b .img {
		margin-bottom: 1.5vw;
	}
	.onc_e_box6c picture {
		margin-left: 0;
		margin-right: 0;
	}
	.onc_e_box6c_1b .ttl {
		background-color: #c5b9b0;
		font-size: 1.3vw;
		letter-spacing: 0.07em;
		color: #fff;
		text-align: center;
		padding: 0.8vw;
		margin-bottom: 1.0vw;
	}
	.onc_e_box6c_1b .txt {
		font-size: 1.3vw;
		line-height: 1.9;
		font-weight: bold;
	}
	.onc_j_box4 {
		position: relative;
	}
	.onc_j_box4a {
		font-size: 3.1vw;
		letter-spacing: 0.4em;
		line-height: 2.1;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
		position: absolute;
		left: 11vw;
    	top: 14vw;
	}
}

/* 多言語対応(フランス語,英語) */
font + br {
	display: none;
}
@media screen and (min-width: 768px) {
    html:lang(en) .onc_d_box3a {
		width: 50%;
	}
	html:lang(en) .onc_e_box1b_b1 {
		display: inline-block;
	}
	html:lang(en) .onc_e_box3a > font font {
		display: block;
	}
	html:lang(en) .onc_e_box4b_b {
		padding-top: 2vw;
	}
	html:lang(en) .onc_e_box4b_b *+* {
		display: inline;
	}
	html:lang(en) .onc_e_box5a_1b {
		width: 76vw;
	}
	html:lang(en) .onc_f_box1b_a {
		line-height: 1;
	}
	html:lang(en) .onc_f_box1c_a {
		font-size: 3.0vw;
	}
	html:lang(en) .onc_g_box1a_a2 {
		font-size: 3vw;
		display: inline-block;
		width: 25vw;
	}
	html:lang(en) .onc_g_box1b {
		font-size: 2.0vw;
	}
	html:lang(en) .onc_j_box2a1 {
		width: 30vw;
	}
	html:lang(en) .onc_j_box2a2 {
		width: 30vw;
	}
}
@media screen and (max-width: 767px) {
    html:lang(en) .onc_e_box1b_b1 {
		display: block;
	}
	html:lang(en) .onc_e_box2c_a {
		padding-top: 2vw;
	}
	html:lang(en) .onc_e_box4b_b > span {
		display: block;
	}
	html:lang(en) .onc_e_box4b_b *+* {
		display: inline;
	}
}