@charset "UTF-8";
.page{
	padding: 0;
	background-color: #f8f8f8;
}
@media screen and (max-width: 1024px) {
  .page{
		padding: 0;
  }
}

/*------------------------------------------------------------------------
title
-------------------------------------------------------------------------*/
.column_title {
	width: 100vw;
  padding: 170px 0px 0; 
	background-color: #fff;
}
.column_title .hd_inner {
	margin: auto;
	width: min(100%, 1220px);
	padding: 0 10px min(4.21875vw, 80px);
}

.column_name {
	display: flex;
	justify-content: center;
	align-items: center;
	/*width: min(100%, 1600px);*/
	width: 100vw;
	margin: auto;
	margin-bottom: 68px;
	position: relative;
}
.column_name::before {
	content: '';
	display: block;
	background-color: #a07c22;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
}
.column_name .txt {
	color: #a07c22;
  font-family: "Montserrat", sans-serif;
	font-size: 2.4rem;
	/*font-size: clamp(1.2rem, 2.45vw, 2.4rem);*/
	font-weight: 500;
	padding: 0 1.4em;
	position: relative;
	z-index: 2;
	background-color: #fff;
}

.column_title .hd_inner * {
  font-family: "Noto Sans JP", sans-serif;
}
.h1_column {
	color: #a07c22;
	font-size:clamp(2.1rem, 4.286vw, 4.1rem);
	font-weight: 700;
	margin-bottom: min(5vw, 60px);
}
.h1_column .sml {
	font-size: clamp(1.5rem, 3.062vw, 3rem);
}
.read {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.7;
}

@media screen and (min-width:1200px) {
	.h1_column {
		font-size: clamp(2.4rem, 4.898vw, 4.8rem);
		margin-bottom: 60px;
	}
	.column_title .hd_inner {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 1024px) {
	.column_title {
    padding: 75px 0px 0;
	}
	.column_name {
		margin-bottom: min(8.97435897435897vw, 30px) ;
	}
	.column_title .hd_inner {
		padding: 0 20px min(12vw, 100px);
	}
}
@media screen and (max-width: 640px) {
	.column_name .txt {
		font-size: 1.5rem;
	}
	.h1_column {
		font-size: 2.3rem;
	}
	.h1_column .sml {
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 420px) {
	.column_name .txt {
		padding: 0 .4em;
	}
}

/*------------------------------------------------------------------------
date
-------------------------------------------------------------------------*/
.date {
	font-size: clamp(1.2rem, 3.126vw, 2.4rem);
  font-family: "Noto Sans JP", sans-serif;
	text-align: right;
	width: min(90vw, 1200px);
	margin: 0 auto min(4vw, 30px);
}

@media screen and (min-width:641px) {
	.date {
		font-size: clamp(0.6rem, 1.226vw, 1.2rem);
		margin-bottom: min(2.5vw, 30px);
	}
}

/*------------------------------------------------------------------------
page navi
-------------------------------------------------------------------------*/
.pagenav {
	width: min(90vw, 1200px);
	margin: auto;
	background-color: #fff;
	padding: min(6.41025641025641vw, 50px) min(5.128205128205128vw, 40px) min(6.41025641025641vw, 50px) min(6.41025641025641vw, 50px) ;
}
.pagenav * {
  font-family: "Noto Sans JP", sans-serif;
}
.pagenav .pnv_ttl {
	color: #a07c22;
	/*font-size: 1.7rem;*/
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	font-weight: 700;
	margin-bottom: min(4.8vw, 38px);
}
.pagenav .pnv_li {
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	line-height: 1.8;
	position: relative;
	padding-left: min(4vw, 30px);
}
.pagenav .pnv_li::before {
	content: '';
	display: block;
	width: min(2.4vw, 12px);
	height: min(2.4vw, 12px);
	background-color: #a07c22;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .7em;
}
.pagenav .pnv_li .pnv_link {
	color: #222;
	text-decoration: underline;
	text-underline-offset: 7px;
}
.pagenav .pnv_li .pnv_link:hover {
	text-decoration: none;
}

@media screen and (min-width:641px) {
	.pagenav {
		padding: min(2.5vw, 30px);
	}
	.pagenav .pnv_ttl {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		margin-bottom: min(2.5vw, 30px);
	}
	.pagenav .pnv_li {
		line-height: 2;
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		padding-left: min(3vw, 30px);
	}
	.pagenav .pnv_li::before {
		width: min(1.4vw, 12px);
		height: min(1.4vw, 12px);
	}
}
@media screen and (min-width:768px) {
	.pagenav .pnv_ul {
		margin-left: min(1.6vw, 20px);
	}
	.pagenav .pnv_li::before {
		top: min(1.4vw, 12px);
	}
}
@media screen and (min-width:980px) {
	.pagenav .pnv_li::before {
		top: calc(min(1.4vw, 12px) + 2px);
	}
}

@media screen and (min-width:1200px) {
}

/*------------------------------------------------------------------------
contents
-------------------------------------------------------------------------*/
.wrap_content {
	width: min(90vw, 1200px);
	margin: auto;
	padding-bottom: min(12.8vw, 100px);
}
.wrap_content * {
  font-family: "Noto Sans JP", sans-serif;
}

.wrap_content .section {
	margin-top:  min(12.8vw, 100px);
}
.wrap_content .sec {
	margin-bottom: min(6vw, 45px);
}
.wrap_content .sec.mb0 {
	margin-bottom: 0;
}
.pc.img,
.pc {display: none;}
.sp.img,
.sp {display: block;}

/*h2*/
.wrap_content .h2_sec {
	font-size: clamp(2.2rem, 5.73vw, 4.4rem);
	font-weight: 300;
	margin-bottom: min(6.8vw, 50px);
} 

/*h3*/
.wrap_content .h3_sec {
	color: #a07c22;
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	font-weight: 700;
	padding: .65em .6em .4em;
	margin-bottom: min(6vw, 45px);
	background-color: #f3efe8;
	border-radius: 5px;
}

/*h4*/
.wrap_content .h4_sec {
	color: #a07c22;
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	font-weight: 700;
	padding-bottom: .3em;
	margin-bottom: min(4vw, 30px);
	border-bottom: 2px solid #a07c22;
}


/*h5*/
.wrap_content .h5_sec {
	color: #222;
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	font-weight: 900;
}


/*h6*/
.wrap_content .h6_sec {
	color: #222;
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	font-weight: 900;
}

/*p*/
.wrap_content .txt {
	color: #222;
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	font-weight: 400;
	line-height: 1.7;
}
.wrap_content .txt.mb {
	margin-bottom: min(2vw, 15px);
}

/*margin bottom*/
.mb15 {
	margin-bottom: min(2vw, 15px);
}
.mb30 {
	margin-bottom: min(4vw, 30px);
}
.mb45 {
	margin-bottom: min(6vw, 45px);
}
.mb50 {
	margin-bottom: min(6.8vw, 50px);	
}
.mb60 {
	margin-bottom: min(8vw, 60px);
}

/*img*/
.img {
	border-radius: 5px;
}
.fig_flex .img,
.txt .img {
	width: min(100%, auto);
	height: auto;
}
.txt .img.sp {
	margin-top: .5em;
}

/* clearfix */
.clfix {width:100%;}
.clfix::after {
	content: ""; 
	display: block; 
	clear: both;
}
element {width:100%;} /* clearfix IE6, 7 */
element:after {
	content:"";
	display:block;
	clear:both;
} /* clearfix */
.float_r {
	float: right;
	margin-left: 1em;
}
.float_l {
	float: left;
	margin-right: 1em;
}

/*table*/
.basic_table th,
.basic_table td{
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	padding: 1.4em 1.2em;
}

@media screen and (min-width:641px) {
	.wrap_content .section {
		margin-top:  min(7.5vw, 90px);
	}
	.wrap_content .sec {
		margin-bottom: min(3vw, 36px);
	}
	.pc.img,
	.pc {display: block;}
	.sp.img,
	.sp {display: none;}

	.wrap_content .h2_sec {
		font-size: clamp(1.8rem, 3.674vw, 3.6rem);
		margin-bottom: min(4vw, 48px);
	}
	.wrap_content .h3_sec {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
		margin-bottom: min(3vw, 36px);
	}
	.wrap_content .h4_sec {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
		padding-bottom: .2em;
		margin-bottom: min(2.5vw, 30px);
		border-bottom: 1px solid #a07c22;
	}
	.wrap_content .h5_sec {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);		
	}
	.wrap_content .h6_sec {
		font-size: clamp(1rem, 2.042vw, 2rem);
	}
	.wrap_content .txt {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}

	.mb15 {
		margin-bottom: min(1.25vw, 15px);
	}
	.mb30 {
		margin-bottom: min(2.5vw, 30px);
	}
	.mb45 {
		margin-bottom: min(3.75vw, 45px);
	}
	.mb50 {
		margin-bottom: min(4.1666vw, 50px);	
	}
	.mb60 {
		margin-bottom: min(5vw, 60px);
	}

	.fig_flex .img,
	.txt .img {
		width: min(50vw, 590px) ;
	}
	.fig_flex {
		display: flex;
		justify-content: space-between;
	}
	.fig_flex.__reverse {
		flex-direction: row-reverse;
	}
	.fig_flex .wrap {
		width: calc(100% - min(50vw, 590px) - 1.5em);
	}

	.basic_table th,
	.basic_table td{
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		padding: 1em;
	}

}
@media screen and (min-width:980px) {
	.mb15	{margin-bottom: 15px;}
	.mb20	{margin-bottom: 20px;}
	.mb25	{margin-bottom: 25px;}
	.mb30	{margin-bottom: 30px;}
	.scroll_table{
		width: 100%;
	}
}


/*point*/
.point_clm {
	background-color: #fff;
	border-radius: 5px;
	padding: min(4vw, 30px) min(2.8vw, 24px) min(4vw, 30px) min(4.8vw, 39px) ;
	/*margin: min(4vw, 30px) auto;*/
	margin-top: min(4vw, 30px);
}

.point_clm_ul {
	padding-left: 0;
}
.point_clm_ul .plist_li {
	color: #222;
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	line-height: 1.8;
	position: relative;
	padding-left: min(4vw, 30px);
}
.point_clm_ul .plist_li::before {
	content: '';
	display: block;
	width: min(2.4vw, 12px);
	height: min(2.4vw, 12px);
	background-color: #a07c22;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .7em;
}


@media screen and (min-width:641px) {
	.point_clm_ul .plist_li {
		line-height: 2;
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		padding-left: min(3vw, 30px);
	}
	.point_clm_ul .plist_li::before {
		width: min(1.4vw, 12px);
		height: min(1.4vw, 12px);
	}
}
@media screen and (min-width:768px) {
	.point_clm_ul {
		margin-left: min(.8vw, 10px);
	}
	.point_clm_ul .plist_li::before {
		top: min(1.4vw, 12px);
	}
}
@media screen and (min-width:980px) {
	.point_clm_ul .plist_li::before {
		top: calc(min(1.4vw, 12px) + 2px);
	}
}

/*Related Links*/
.related_links {
	background-color: #fff;
	border: 1px solid #a07c22;
	border-radius: 5px;
	padding: min(3.2vw, 27px) min(4vw, 33px) ;
}
.wrap_content .h3_related {
	color: #a07c22;
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	font-weight: 700;
	margin-bottom: min(2.4vw, 18px);
}
.link_rlt {
	color: #222;
	font-weight: 700;
	text-decoration: none;
	padding-left: min(7.2vw, 54px);
	position: relative;
}
.link_li .link_rlt,
.related_links .link_rlt {
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
}
.h3_prd .link_rlt {
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
}

.link_rlt:hover {
	text-decoration: underline;
}
.link_rlt::after,
.link_rlt::before {
	content: '';
	display: block;
	width: min(4.4vw, 34px);
	height: min(4.4vw, 34px);
	border-radius: 50%;
	position: absolute;
	left: 0;
}
.link_li .link_rlt::after,
.link_li .link_rlt::before,
.related_links .link_rlt::after,
.related_links .link_rlt::before {
	top: .15em;	
}
.h3_prd .link_rlt::after,
.h3_prd .link_rlt::before {
	top: .3em;	
}

.link_rlt::before {
	background: linear-gradient(to right, #c5ac49 0%,#987012 100%);
	z-index: 1;
}
.link_rlt::after {
	background: #fff;
	clip-path: polygon(40% 25%, 75% 50%, 40% 75%, 40% 65%, 63% 50%, 40% 35%);
	z-index: 1;
}


@media screen and (min-width:641px) {
	.related_links {
		padding: min(2.5vw, 30px) min(3.5vw, 42px);
	}
	.wrap_content .h3_related {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
		margin-bottom: min(1vw, 12px);
	}
	.link_li .link_rlt,
	.related_links .link_rlt {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		padding-left: min(3.5vw, 36px);
	}
	.h3_prd .link_rlt {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
		padding-left: min(3.5vw, 36px);
	}
	.link_rlt::after,
	.link_rlt::before {
		width: min(calc(1.75vw * 1.5), 21px);
		height: min(calc(1.75vw * 1.5), 21px);;
	}
}

/*number_content*/
.number_item::before {
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	font-family: "Montserrat", sans-serif;
	width: min(6.4vw, 48px);
	height: min(6.4vw, 48px);
	top: .4em;
}
.number_content {
	margin-left: min(9.2vw, 69px);
}
.number_content dt {
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	font-weight: 700;
  letter-spacing: 0.02em;
}
.number_content dd {
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	font-weight: 400;
}
@media screen and (min-width:641px) {
	.number_item::before {
		font-size: clamp(1rem, 2.042vw, 2rem);
		width: min(4vw, 36px);
		height: min(4vw, 36px);
		top: .2em;
	}
	.number_content {
		margin-left: min(5.2vw, 54px) ;
	}
	.number_content dt {
		font-size: clamp(1rem, 2.042vw, 2rem);
	}
	.number_content dd {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
}
@media screen and (min-width:1200px) {
}

/*list ul*/
.section > ul,
.sec > ul,
.section > ol,
.sec > ol {
	margin-left: 1.5em;
}

.list_ul > .list_li {
	list-style: disc;
}
.list_ol > .list_li {
	list-style: decimal;
}
.list_li .list_ul,
.list_li .list_ol {
	margin-left: 1.2em;
}
.list_ul .list_li,
.list_ol .list_li {
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	line-height: 1.7;
	margin-bottom: 4px;
}

@media screen and (min-width:641px) {
	.list_ul .list_li,
	.list_ol .list_li {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
	.section > ul,
	.sec > ul,
	.section > ol,
	.sec > ol {
		margin-left: 1em;
	}

}

/*related_product*/
.related_product {
	padding: min(4vw, 30px);
	background-color: #f3efe8;
	border: 1px solid #a07c22;
	border-radius: 5px;
}
.related_product .img {
	width: 100%;
	height: auto;
	margin-bottom: min(5.6vw, 42px);
}
.related_product .h3_prd {
	margin-bottom: min(1.6vw, 12px);
}
.related_product .fee {
	color: #a07c22;
	font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	font-weight: 700;
	text-align: right;
	padding-bottom: .3em;
	margin-bottom: .5em;
	border-bottom: 2px solid #a07c22;
}
.related_product .fee.red {
	color: #c12d29;
}

@media screen and (min-width:641px) {
	.related_product {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: min(2.5vw, 30px);
	}
	.related_product .wrap,
	.related_product .img {
		width: min(48%, 550px);
	}
	.related_product .img {margin-top: .5em;}
	.related_product .fee {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
	}
	.related_product.__noimg {
		display: block;
	}
	.related_product.__noimg .wrap {
		width: 100%;
	}

}

.wp_bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

/*editor*/
.wrap_editor {
	background-color: #fff;
	border: 1px solid #a07c22;
	border-radius: 5px;
	padding: min(4vw, 30px);
}
.wrap_editor .editor_flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: min(3.2vw, 30px);
	margin-bottom: min(2.8vw, 30px);	
	border-bottom: 1px solid #a07c22;
}
.wrap_editor .editor_img {
	width: min(18vw, 136px);
	height: auto;
	border-radius: 5px;
}
.wrap_editor .wrap_txt {
	width: min(62vw, 470px);
}
.wrap_editor .ttl_editor {
	color: #222;
	font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	font-weight: 700;
	margin-bottom: .3em;
}
.wrap_editor .h2_editor {
	color: #a07c22;
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	font-weight: 500;
}
.wrap_editor .career {
	color: #222;
	font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	font-weight: 500;
}

.wrap_editor .link_ul {
	margin-top: min(1.4vw, 15px);
}
.wrap_editor .link_li {
	margin-top: min(1.4vw, 15px);
}

@media screen and (min-width:641px) {
	.wrap_editor {
		padding: min(2.5vw, 30px);
	}
	.wrap_editor .editor_flex {
		align-items: stretch;
		padding-bottom: 0;
		border-bottom: none;
	}
	.wrap_editor .wrap_txt {
		width: calc(100% - min(21vw, 160px));
		border-bottom: 1px solid #a07c22;
	}
	
	.wrap_editor .ttl_editor {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
	.wrap_editor .h2_editor {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
		font-weight: 400;
	}
	.wrap_editor .career {
		font-size: clamp(0.8rem, 2.086vw, 1.6rem);
	}
	.wrap_editor .link_ul {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.wrap_editor .link_li {
		margin-right: 1.5em;
	}
}