@charset "UTF-8";

/* ---------------------------------------------------------------------- */
/* PC */
/* ---------------------------------------------------------------------- */

/* ch3
--------------------------------------------------------------------- */
.ch3 {
	line-height: 1.3;
	margin-bottom: 50px;
}
.ch3 .en {
	display: flex;
	align-items: center;
	font-size: 18px;
	letter-spacing: 0.05em;
}
.ch3 .en::before {
	content: "";
	height: 1px;
	width: 50px;
	background: #777;
	margin-right: 24px;
}
.ch3 .en.color_brown::before {
	background: #D5AC77;
}
.ch3 .jp {
	display: block;
	margin-top: 20px;
	font-size: 30px;
	line-height: 1.75;
	letter-spacing: 0.15em;
}

/* ch3_center */
.ch3_center {
	text-align: center;
	line-height: 1.3;
	margin-bottom: 50px;
}
.ch3_center .en {
	display: block;
	font-size: 24px;
	margin-top: 20px;
}
.ch3_center .jp {
	display: block;
	/* font-size: 40px; */
	font-size: 28px;
	letter-spacing: 0.1em;
}

/* ch3_sidetype */
.ch3_sidetype{
	justify-content: space-between;
	margin-bottom: 80px;
}
.ch3_sidetype .ch3{
	display: flex;
	align-items: center;
	margin: 0;
}
.ch3_sidetype .ch3 .en::before{
	display: none;
}
.ch3_sidetype .ch3 .jp {
	margin-top: 0;
	margin-right: 0.5em;
}

/* ch3_topbordertype */
.ch3_topbordertype{
	position: relative;
}
.ch3_topbordertype::before{
	content: "";
	background: #D5A264;
	width: 1px;
	height: 140px;
	position: absolute;
	left: 50%;
	top: -180px;
}
.ch3_topbordertype .ch3{
	text-align: center;
}
.ch3_topbordertype .ch3 .en{
	display: block;
}
.ch3_topbordertype .ch3 .en::before{
	display: none;
}
.ch3_topbordertype .ch3 .jp{
	margin-top: 10px;
}

/* ch4
--------------------------------------------------------------------- */
.ch4{
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.15em;
}

/* flex_evenly
--------------------------------------------------------------------- */
.flex_evenly {
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex_evenly>div {
	width: 45.4545%;
}

/* table
--------------------------------------------------------------------- */
.table_basic {
	width: 100%;
	border-collapse: collapse;
}

.table_basic th,
.table_basic td {
	box-sizing: border-box;
	/* text-align: left; */
	padding: 1.8rem 1em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	line-height: 1.75;
	letter-spacing: 0.15em;
  text-align: justify;
}

.table_basic th {
	white-space: nowrap;
	font-weight: 500;
}

/*---------------------------------------------------------*/
/* list */
.list_disc,
.list_number {
	margin-left: 1.5em;
}

.list_disc>li {
	list-style-type: disc;
}

.list_number>li {
	list-style-type: decimal;
}

/*---------------------------------------------------------*/
/* dl */
.dl_basic{
	display: flex;
	flex-wrap: wrap;
}
.dl_basic dt,
.dl_basic dd{
	border-bottom: 1px solid #323030;
	min-height: 5em;
	display: flex;
	align-items: center;
	line-height: 1.5;
	padding: 0.5em 1em;
}
.dl_basic dt:nth-child(1),
.dl_basic dd:nth-child(2){
	border-top: 1px solid #323030;
}
.dl_basic dt{
	width: 30%;
}
.dl_basic dd{
	width: 70%;
}
/* column3 */
.dl_basic.column3 dt{
	width: 8em;
}
.dl_basic.column3 dd{
	width: calc(32% - 8em);
	margin-right: 1.5%;
}
.dl_basic.column3 dd:nth-child(6n){
	margin-right: 0;
}
.dl_basic.column3 dt:nth-child(-n+6),
.dl_basic.column3 dd:nth-child(-n+6){
	border-top: 1px solid #323030;
}

/*---------------------------------------------------------*/
/* link */
/* link_detail */
.link_detail{
	font-size: 16px;
	line-height: 1.4;
	position: relative;
	display: flex;
	align-items: center;
	transition: 0.3s all ease-in-out;
}
.link_detail .mark{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	margin-left: 20px;
	transition: 0.3s all ease-in-out;
}
.link_detail .mark::before,
.link_detail .mark::after{
	content: "";
	height: 0;
	border-bottom: 1px solid #fff;
	transition: 0.3s all ease-in-out;
}
.link_detail .mark::before{
	width: 20px;
	transform-origin: center;
	transform: translateY(5px);
}
.link_detail .mark::after{
	width: 7px;
	transform-origin: center;
	transform: rotate(48deg) translateX(6px) translateY(-5px);
}
.link_detail:hover{
	color: #C4972F;
}
.link_detail:hover .mark{
	transform: scale(120%);
}
.link_detail:hover .mark,
.link_detail:hover .mark::before,
.link_detail:hover .mark::after{
	border-color: #C4972F;
}

/* link_detail colorblack */
.link_detail.colorblack{
	color: #000;
}
.link_detail.colorblack .mark{
	border-color: #777777;
}
.link_detail.colorblack .mark::before,
.link_detail.colorblack .mark::after{
	border-color: #000;
}
.link_detail.colorblack:hover{
	color: #C4972F;
}
.link_detail.colorblack:hover .mark,
.link_detail.colorblack:hover .mark::before,
.link_detail.colorblack:hover .mark::after{
	border-color: #C4972F;
}

/* link_whitebox */
.link_whitebox,
.link_whitebox::before{
	border-radius: 35px;
	width: 400px;
	height: 70px;
}
.link_whitebox{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #fff;
	font-size: 22px;
}
.link_whitebox::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	background: linear-gradient(to right,  #000 0%,#262626 100%);
	transition: 0.3s all ease-in-out;
	border: 1px solid transparent;
}
.link_whitebox:hover::before{
	right: auto;
	left: 0;
	width: 100%;
	border: 1px solid #fff;
}
.link_whitebox a{
	color: #000 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.link_whitebox a:hover{
	opacity: 1;
	color: #fff !important;
}

/* link_whiteborder */
.link_whiteborder,
.link_whiteborder::before{
	width: 400px;
	height: 70px;
}
.link_whiteborder{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.link_whiteborder::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	background: linear-gradient(to right,  #fff 0%,#ddd 100%);
	opacity: 0;
	transition: 0.3s all ease-in-out;
}
.link_whiteborder:hover::before{
	right: auto;
	left: 0;
	width: 100%;
	opacity: 1;
}
.link_whiteborder a{
	color: #fff !important;
	border:1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.link_whiteborder a:hover{
	opacity: 1;
	color: #000 !important;
}

/* link_blackborder */
.link_blackborder,
.link_blackborder::before{
	width: 400px;
	height: 70px;
}
.link_blackborder{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.link_blackborder::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	background: linear-gradient(to right,  #000 0%,#323030 100%);
	opacity: 0;
	transition: 0.3s all ease-in-out;
}
.link_blackborder:hover::before{
	right: auto;
	left: 0;
	width: 100%;
	opacity: 1;
}
.link_blackborder a{
	color: #323030 !important;
	border:1px solid #323030;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.link_blackborder a:hover{
	opacity: 1;
	color: #fff !important;
}

/* link_whitebgmove */
.link_whitebgmove a{
	padding: 0.4em 0.5em 0.4em 1.5em;
	display: flex;
	color: #fff;
	position: relative;
}
.link_whitebgmove a::before{
	content: "";
	background: #000;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s all;
	z-index: -1;
}
.link_whitebgmove a:hover{
	color: #000 !important;
}
.link_whitebgmove a:hover::before{
	background: linear-gradient(to right,  #fff 0%,#ddd 100%);
	width: 100%;
	right: auto;
	left: 0;
}
.link_whitebgmove a::after{
	content: ">";
	position: absolute;
	left: 0.5em;
}

/* link_whitetogold */
.link_whitetogold a{
	padding: 0.4em 0.5em 0.4em 2em;
	display: flex;
	color: #fff;
	position: relative;
	letter-spacing: 0.15em;
}
.link_whitetogold a:hover{
	color: #C4972F !important;
	opacity: 1;
}
.link_whitetogold a::after{
	content: "";
	background: #fff;
	width: 1.25em;
	height: 1px;
	position: absolute;
	top: 1.2em;
	left: 0;
	transition: 0.3s all ease-in-out;
}
.link_whitetogold a:hover:after{
	background: #C4972F;
}

/* snslinkbtn */
.snslinkbtn{
	display: flex;
}
.snslinkbtn li{
	margin-right: 20px;
}
.snslinkbtn li:last-child{
	margin-right: 0;
}
.snslinkbtn img{
	width: 54px;
	height: 54px;
}
.snslinkbtn a:hover img{
	transform: scale(120%);
}

/*---------------------------------------------------------*/
/* bg_gradation */
.bg_gradation_black,
.bg_gradation_blue{
	position: relative;
	color: #fff;
}
.bg_gradation_black::before,
.bg_gradation_blue::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
/* bg_gradation_black */
.bg_gradation_black::before{
	background: #262626;
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #262626;
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #262626;
	background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #262626;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.bg_gradation_black a{
	color: #fff;
}
/* bg_gradation_blue */
.bg_gradation_blue::before{
	background: #002F59;
	/* background: #023F6D;
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #023F6D;
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #023F6D;
	background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), #023F6D;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
}
.bg_gradation_blue a{
	color: #fff;
}

/*---------------------------------------------------------*/
/* slick */
/* slick-arrow */
.slider .slick-arrow {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	border: 1px solid #fff;
	border-radius: 35px;
	transition: 0.3s all ease-in-out;
	transform: translate(0, 0);
	top: calc(50% - 35px);
}
.slider .slick-arrow::before,
.slider .slick-arrow::after{
	content: "";
	height: 0;
	border-bottom: 1px solid #fff;
	transition: 0.3s all ease-in-out;
}
.slider .slick-arrow::before{
	width: 20px;
	transform-origin: center;
	transform: translateY(3px);
}
.slider .slick-arrow::after{
	width: 7px;
	transform-origin: center;
	transform: rotate(48deg) translateX(3px) translateY(-5px);
}
.slider .slick-arrow:hover {
	transform: scale(120%);
}
.slider .slick-arrow:hover,
.slider .slick-arrow:hover::before,
.slider .slick-arrow:hover::after{
	border-color: #C4972F;
}
.slider .slick-prev{
	left: -90px;
	transform: scale(-1, 1);
	z-index: 10;
}
.slider .slick-prev:hover{
	transform:scale(-120%, 120%);
}
.slider .slick-next{
	right: -90px;
}

/* slick-dots */
.slider .slick-dots{
	bottom: -45px;
}
.slider .slick-dots li{
	margin: 0;
}
.slider .slick-dots li button:before{
	opacity: 1;
	color: #CCCCCC;
}
.slider .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #C4972F;
}

/* slide-animation */
.slider .slick-slide{
	width: 100%;
	overflow: hidden;
    transform: translateX(40px);
	transition: 1.5s transform;
	position: relative;
}
.slider .slick-slide.slide-animation{
    transform: translateX(-40px);
	transition: 4s transform linear;
}
.slider .slick-slide .photo,
.slider .slick-slide .text{
	display: block;
	transition: 0.3s all;
}
.slider .slick-slide a:hover .photo{
	transform: scale(110%);
}
.slider .slick-slide .photo img{
	object-fit: cover;
    transform: translateX(-40px);
	transition: 1.5s transform;
	max-width: none;
	height: 100%;
	position: absolute;
}
.slider .slick-slide.slide-animation .photo img{
    transform: translateX(0px);
	transition: 4s transform linear;
}

/* icon */
.icon_pdf{
	display: inline-block;
	width: 60px;
	height: 45px;
	background: url(../images/icon_pdf_white.png) no-repeat center center;
	background-size: contain;
	transition: 0.3s all;
}
a:hover .icon_pdf{
	background-image: url(../images/icon_pdf_black.png);
}

/*---------------------------------------------------------*/
/* under page */
/*---------------------------------------------------------*/
/* under_mv */
.under_mv{
	margin-top: 80px;
	height: 500px;
	position: relative;
	background: #000;
}
.under_mv .photo{
	height: 500px;
	width: 100%;
	position: absolute;
	z-index: 0;
}
.under_mv .ch3{
	position: absolute;
	z-index: 1;
	/* top: 50%;
	left: 100px;
	transform: translateY(-50%); */
	top: 38%;
	left: 50%;
	transform: translateX(-50%);
}
.under_mv .ch3 .en{
	/* color: #C4972F; */
	color: #fff;
	text-shadow: 0 0 10px #000, 0 0 20px #000;
	justify-content: center;
}
.under_mv .ch3 .en::before {
	display: none;
}
.under_mv .ch3 .jp{
	color: #fff;
	text-shadow: 0 0 10px #000, 0 0 20px #000;
	letter-spacing: 0.1em;
	text-align: center;
}

/* under_intro */
.under_intro{
	padding: 160px 0;
}
.under_intro .title{
	/* font-size: 40px; */
	/* line-height: 1.5; */
	font-size: 28px;
	line-height: 1.75;
	letter-spacing: 0.15em;
}
.under_intro .text{
}
.under_intro .title + .text{
	margin-top: 55px;
	letter-spacing: 0.15em;
}
.under_intro .decoration_left {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
}
.under_intro .decoration_right {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
}

/* under_section */
.under_section {
	padding: 150px 0;
}

/* under_slider */
.under_slider{
	width: 100%;
	height: 500px;
}
.under_slider .slick-slide{
	margin-right: 30px;
	width: 800px;
	height: 500px;
}
.under_slider .slick-slide .photo{
	height: 500px;
}
.under_slider .slick-slide .photo img{
	width: 840px;
	height: 500px;
}
.under_slider .slider .slick-prev{
	left: calc(50% - 480px);
}
.under_slider .slider .slick-next{
	right: calc(50% - 480px);
}

/* under_text */
.under_text{
	box-sizing: content-box;
	max-width: 800px;
	margin: 6em auto 0;
	padding: 0 80px;
	line-height: 1.75;
	letter-spacing: 0.15em;
	text-align: justify;
}

/* under_linkbtn */
.under_linkbtn{
	margin: 3rem auto 0;
}

/* End PC */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* SP */
/* ---------------------------------------------------------------------- */
@media (max-width: 1000px) {

	/* ch3
	--------------------------------------------------------------------- */
	.ch3 {
		margin-bottom: 1.92308rem;
	}
	.ch3 .en {
		font-size: 1.15385rem;
	}
	/* .ch3 .en::before {
		width: 1.15385rem;
		margin-right: 1rem;
	} */
	.ch3 .jp {
		margin-top: 1rem;
		/* font-size: 1.92308rem; */
		font-size: 1.7rem;
		letter-spacing: 0.2em;
	}

	/* ch3_center */
	.ch3_center {
		margin-bottom: 1.92308rem;
	}
	.ch3_center .en {
		font-size: 1.15385rem;
		margin-top: 1rem;
	}
	.ch3_center .jp {
		/* font-size: 1.92308rem; */
		font-size: 1.7rem;
	}

	/* ch3_sidetype */
	.ch3_sidetype{
		margin-bottom: 9vw;
	}
	/* ch3_topbordertype */
	.ch3_topbordertype::before{
		height: 20vw;
		top: -26vw;
	}
	.ch3_topbordertype .ch3 .jp{
		margin-top: 0.7rem;
	}

	/* ch4
	--------------------------------------------------------------------- */
	.ch4{
		font-size: 1.30769rem;
		letter-spacing: 0.1em;
	}

	/*---------------------------------------------------------*/
	/* link */
	/* link_detail */
	.link_detail{
		font-size: 1.23077rem;
	}
	.link_detail .mark{
		width: 10vw;
		height: 10vw;
		margin-left: 3vw;
	}
	.link_detail .mark::before{
		width: 1.5rem;
		transform: translateY(1vw);
	}
	.link_detail .mark::after{
		width: 0.8rem;
		transform: rotate(48deg) translateX(1.2vw) translateY(-1.55vw);
	}

	/* link_whitebox */
	.link_whitebox,
	.link_whitebox::before{
		border-radius: 40vw;
		width: 73.3333vw;
		height: 12vw;
	}
	.link_whitebox{
		font-size: 1.23077rem;
	}
	.link_whitebox::before{
		width: 0;
	}

	/* link_whiteborder */
	.link_whiteborder,
	.link_whiteborder::before{
		width: 73.3333vw;
		height: 12vw;
	}
	.link_whiteborder{
		font-size: 1.23077rem;
	}

	/* link_blackborder */
	.link_blackborder,
	.link_blackborder::before{
		width: 73.3333vw;
		height: 12vw;
	}
	.link_blackborder{
		font-size: 1.23077rem;
	}
	
	/* snslinkbtn */
	.snslinkbtn li{
		margin-right: 2.6667vw;
	}
	.snslinkbtn li:last-child{
		margin-right: 0;
	}
	.snslinkbtn img{
		width: 8vw;
		height: 8vw;
	}

	/*---------------------------------------------------------*/
	/* slick */
	/* slick-arrow */
	.slider .slick-arrow {
		width: 10vw;
		height: 10vw;
		border-radius: 5vw;
		top: calc(50% - 5vw);
	}
	.slider .slick-arrow::before{
		width: 1.5rem;
		transform: translateY(0.7vw);
	}
	.slider .slick-arrow::after{
		width: 0.8rem;
		transform: rotate(48deg) translateX(0.6vw) translateY(-1.75vw);;
	}
	.slider .slick-prev{
		left: 3vw;
	}
	.slider .slick-next{
		right: 3vw;
	}

	/* slick-dots */
	.slider .slick-dots{
		bottom: -1.5rem;
	}

	/* slide-animation */
	.slider .slick-slide{
		transform: translateX(5vw);
	}
	.slider .slick-slide.slide-animation{
		transform: translateX(-5vw);
	}
	.slider .slick-slide a:hover .photo{
		transform: scale(110%);
	}
	.slider .slick-slide .photo img{
		transform: translateX(-5vw);
	}
	.slider .slick-slide.slide-animation .photo img{
		transform: translateX(0px);
	}

	/*---------------------------------------------------------*/
	/* under page */
	/*---------------------------------------------------------*/
	/* under_mv */
	.under_mv{
		margin-top: 18vw;
		height: 60vw;
	}
	.under_mv .photo{
		height: 60vw;
	}
	.under_mv .ch3{
		/* left: 10vw; */
		width: 90vw;
    top: 18vw;
	}

	/* under_intro */
	.under_intro{
		padding: 16vw 0;
	}
	.under_intro .title{
		/* font-size: 1.92308rem; */
		font-size: 1.7rem;
	}
	.under_intro .text{
		padding: 0 6.6667vw;
		/* text-align: left; */
		text-align: justify;
	}
	.under_intro .title + .text{
		margin-top: 6vw;
	}
	.under_intro .decoration_left {
		top: 0;
    left: 0;
    width: 40vw;
    transform: translateY(0);
	}
	.under_intro .decoration_right {
		top: auto;
		bottom: 0;
    right: 0;
    width: 40vw;
    transform: translateY(0);
	}

	/* under_section */
	.under_section {
		padding: 15vw 0;
	}

	/* under_slider */
	.under_slider{
		width: 100%;
		height: 59.4667vw;
	}
	.under_slider .slick-slide{
		margin-right: 6.6667vw;
		width: 86.6667vw;
		height: 59.4667vw;
	}
	.under_slider .slick-slide .photo{
		height: 59.4667vw;
	}
	.under_slider .slick-slide .photo img{
		width: calc(86.6667vw + 10vw);
		height: 59.4667vw;
	}
	.under_slider .slider .slick-prev{
		left: 3vw;
	}
	.under_slider .slider .slick-next{
		right: 3vw;
	}

	/* under_text */
	.under_text{
		margin: 4em auto 0;
		padding: 0 6.6667vw;
	}

	/* under_linkbtn */
	.under_linkbtn{
		margin: 2rem auto 0;
	}

	
}

/* End @media (max-width:1000px) */