@charset "utf-8";


.main_area{
	overflow: hidden;
	position: relative;
}
.main_area,
.main_slide .slick-slide{
	width: 100%;
	height: 75vw;
	max-height: 860px;
}
.main_slide .slick-slide img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*.main_slide .slick-slide::after{
	content: "";
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.main_slide .txt_area{
	position: absolute;
	z-index: 1;
}
.main_slide .slide01 .txt_area,
.main_slide .slide02 .txt_area,
.main_slide .slide04 .txt_area{
	top: 50%;
	transform: translateY(-50%);
}
.main_slide .slide01 .txt_area,
.main_slide .slide02 .txt_area{
	left: 12vw;
}
.main_slide .slide03 .txt_area{
	top: 10%;
	right: 12vw;
}
.main_slide .slide04 .txt_area{
	right: 12vw;
}
.main_slide .slide05 .txt_area{
	top: 20%;
	right: 12vw;
}

.main_area h1{
	font-size: clamp(1.125rem, 0.489rem + 3.18vw, 2.875rem);
	color: #fff;
	letter-spacing: .125em;
	line-height: 2;
}

.main_slide .slide03 h1{
	writing-mode: vertical-rl;
	height: max-content;
	font-size: clamp(1rem, 0.545rem + 2.27vw, 2.25rem);
	text-align: left;
	position: relative;
}
.main_slide .slide03 h1::after{
	content: "";
	display: block;
	mask-image: url(../images/common/logo02.svg);
	mask-size: cover;
	width: 14vw;
	height: 16vw;
	max-width: 145px;
	max-height: 174px;
	background-color: #fff;
	position: absolute;
	bottom: -1em;
	left: calc(-145px - 2em);
}

.main_slide .slide05 h1{
	font-size: clamp(1rem, 0.545rem + 2.27vw, 2.25rem);
	position: relative;
	padding: .5em 1em;
}

.main_slide .slide05 h1::before,
.main_slide .slide05 h1::after {
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;
	content: '';
}

.main_slide .slide05 h1::before {
	top: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.main_slide .slide05 h1::after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.main_slide .slide05 h2{
	text-align: right;
	color: #fff;
	font-size: clamp(0.875rem, 0.511rem + 1.82vw, 1.875rem);
}

.main_slide h1 span{
	border-bottom: 1px solid #ccc;
}*/

.main_slide .slick-prev,
.main_slide .slick-next{
	z-index: 9998;
}
.slick-prev:before, .slick-next:before{
	width: 3vw;
	height: 3vw;
	min-width: 23px;
	min-height: 23px;

}
.main_slide .slick-prev{left: 1%;}
.main_slide .slick-next{right: 2.5%;}


section h2{font-size: clamp(1.25rem, 0.659rem + 2.95vw, 2.875rem);margin-bottom: .75em}
section h3{font-size: clamp(1.125rem, 0.716rem + 2.05vw, 2.25rem);margin-bottom: 1em;}
section h4{font-size: clamp(1rem, 0.682rem + 1.59vw, 1.875rem);margin-bottom: .75em;}




section h2 .en{
	display: block;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}

section h4 .en{
	display: block;
	font-size: 75%;
}

.front_news{
	background: var(--c_gray);
	padding: 3em 0;
}
.front_news .box{
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.front_news h2{
	width: 25%;
	font-size: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);
	text-align: left;
	margin-bottom: 0;
}

.front_news dl{
	width: 72%;
}


.front_intro h2{
	font-size: clamp(1rem, 0.545rem + 2.27vw, 2.25rem);
	width: 18%;
	writing-mode: vertical-rl;
	height: max-content;
	line-height: 2;
	letter-spacing: .25em;
	text-align: left;
	padding-right: 1em;
}
.front_intro .box01 .img_area{
	width: 55%;
}

.front_intro .box01 p{
	font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
	width: 20%;
	writing-mode: vertical-rl;
	height: max-content;
	line-height: 2.6;
}


.front_intro .box02 .img_area{
	width: 80%;
	max-width: 360px;
	margin: 0 auto 4em;
	text-align: center;
	filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(33%) hue-rotate(317deg) brightness(93%) contrast(87%);
}




.front_peace h2{
	text-align: left;
}
.front_peace .img_area li:first-child{
	width: 40%;
	margin-top: 6em;
}
.front_peace .img_area li:last-child{
	width: 57%;
}





.front_select .link li{
	width: calc(100% / 2 - .25em);
}

.front_select .link li a{
	display: block;
	color: #fff;
	text-align: center;
	padding: .75em;
	background: #111111;
}

.front_select .img_area{
	width: 80%;
	margin:0 auto;
}



.front_board .img{
/*
	background: url(../images/index/front_board_img01.jpg) center center;
	background-size: cover;
*/
	width: 85%;
	max-width: 560px;
/*
	height: 85vw;
	max-height: 660px;
	min-height: 320px;
*/
	margin: 0 auto 3em;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
.front_board .img::after{
	content: "";
	background: rgba(0, 0, 0, .1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
*/
.front_board .img h3{
	color: #fff;
	text-align: left;
	z-index: 1;
	letter-spacing: .35em;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.7);
}

.front_board .list h4{
	text-align: left;
}

.front_board h4.no_pc{
	display: none;
}

.front_board li:not(:last-child){
	margin-bottom: 5em;

}

.front_board .movie{
	width: 90%;
	max-width: 1280px;
	margin: auto;
}



.front_board .slick-prev,.front_board .slick-next{
	top: 40%;
}


.front_decoration .box01 .txt{
	text-align: center;
}

.front_decoration .list h3{
	margin-bottom: .5em;
}


.front_decoration .list li .img_area{
	width: 90%;
	max-width: 1300px;
	margin: 2em auto;
}

.front_decoration .list li:not(:last-child){
	margin-bottom: 4em;
}


.front_decoration .list li .txt{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 1em;
}

.front_decoration .decoration_slide li{
	margin: 0 .75em;
}


.front_works .txt{
	text-align: center;
}

.front_works .box{
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
.front_works h4{
	width: 35%;
	text-align: left;
}
.front_works .works_slide{
	width: 60%;
}
.front_works .works_slide li{
	margin: 0 .75em;
}


.front_idea .works_slide{
	margin-bottom: 2em;
	display: flex;
	align-items: flex-start;
}
.front_idea .works_slide li{
	margin: 0 .75em;
}
.front_idea .works_slide figcaption{
	margin-top: .75em;
}
.front_idea .works_slide figcaption .price{
	font-size: 120%;
}


.front_idea .note{
	margin: auto;
 display: table;
  text-align: left;
}
.front_idea .note li:nth-of-type(1){
	margin-bottom: .5em;
}
.front_idea .note li dt{
	width: 6em;
}
.front_idea .note li dd{
	width: calc(100% - 6em);
}


.slick-initialized .slick-slide{
	vertical-align: top;
}

.front_about .img_area{
	width: 80%;
	margin-left: auto;
}
.front_about .img_list li{
	width: calc(100% / 3 - 1.25em);
}



.front_about .img_list li:nth-of-type(1){
	margin-top: 4em;
}
.front_about .img_list li:nth-of-type(3){
	margin-top: 2em;
}


.front_insta .box{
	background: url(../images/index/front_insta_img.jpg) bottom center;
	background-size: cover;	
	position: relative;
	color: #fff;
}
.front_insta .box::after{
	content: "";
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.front_insta .txt_area{
	position: relative;
	z-index: 1;
}
.front_insta a{
	color: #fff;
		position: relative;
	z-index: 1;
	padding: 8% 0;
    display: block;
}


.front_imglist li:nth-of-type(1),
.front_imglist li:nth-of-type(5){
	width: 12.5%;
}
.front_imglist li:nth-of-type(2),
.front_imglist li:nth-of-type(4){
	width: 20.82%;
}
.front_imglist li:nth-of-type(3){
	width: 33.333333%;
}


.front_contact .box{
	padding: 3em 4em;
}

.front_contact ul{
	display: table;
	margin: 0 auto 1em;
}

.front_contact dl dt{
	width: 6em;
}
.front_contact dl dd{
	width: calc(100% - 6em);
}

.front_contact .txt{
	text-align: center;
}

.front_contact .btn a{
	background: #111;
}



.front_idea .txt{
	text-align: center;
}



@media (max-width: 799px){

/*
.main_slide .slide03 h1::after{
	left: calc(-15vw - 1em);
}

.main_slide .slide03 .txt_area{
	top: 6%;
}*/




.front_news h2,
.front_intro h2,
.front_peace h2,
.front_board .list h4{
	text-align: center;
}


.front_idea .txt,
.front_decoration .box01 .txt,
.front_works .txt{
	text-align: left;
}

.front_idea br.noSP{
	display: none;
}

.front_idea .txt .dib,
.front_decoration .box01 .txt .dib,
.front_works .txt .dib{
	display: unset;
}


.front_news{
	padding: 1.5em;
}
.front_news h2,.front_news dl{
	width: 100%;
}
.front_news h2{
	margin-bottom: .5em;
}

.front_news .en{
	display: inline-block;
	margin-right: .5em;
}



.front_intro h2,.front_intro .box01 p{
	writing-mode: inherit;
	height: max-content;
	line-height: 1.6;
}

.front_intro h2{
	padding-right: 0;
}


.front_intro .box01 p{
	line-height: 2;
	text-align: center;
	margin-bottom: 1.75em;
}
.front_intro .box01 p .noSP{
	display: none;
}

.front_intro h2,.front_intro .box01 p,.front_intro .box01 .img_area{
	width: 100%;
}

.front_intro .box01 .img_area{
	max-width: 860px;
	margin: 0 auto 8.5vw;
}


.front_intro h2,
.front_peace .txt_area,
.front_charm .txt_area,
.front_board .list>li:nth-of-type(1) .txt_area,
.front_board .img_area{
	margin-bottom: 6vw;
}


.front_select .img_area,
.front_about .img_area{
	width: 100%;
}



.front_board .txt{
	margin-bottom: 6vw;
	padding-bottom: 6vw;
	border-bottom: 1px solid #e1e1e1;

}

.front_board .list>li:not(:last-child){
	margin-bottom: 6vw;
	padding-bottom: 6vw;
	border-bottom: 1px solid #e1e1e1;
}
.front_board .board_slide li{
	margin-bottom: 0;
}

.front_board h4.no_pc{
	display: block;
	width: 100%;
	margin-bottom: 4vw;
}
.front_board .txt_area h4{
	display: none;
}

.front_decoration .list li:not(:last-child){
	margin-bottom: 10vw;
}

.front_decoration .list li .img_area{
	margin: 1em auto;
}
.front_decoration .decoration_slide li{
	margin: 0 .25em;
}

.front_works .box{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.front_works .works01{
	padding-bottom: 6vw;
}



.front_works h4,.front_works .works_slide{
	width: 100%;
	text-align: center;
}
.front_works .works_slide li{
	margin: 0 .25em;
}


.front_about .img_list{
	margin: 0 calc(50% - 50vw);
	width: calc(var(--vw) * 100);
}
.front_about .img_list li{
	width: 60%;
	aspect-ratio: 1 / 1;
	max-width: 320px;
	overflow: hidden;
}

.front_about .img_list li img{
	width: 100%;
	height: 100%;
	max-width: 320px;
	max-height: 320px;
	object-fit: cover;
}

.front_about .img_list li,
.front_about .img_list li:nth-of-type(1),
.front_about .img_list li:nth-of-type(3){
	margin: 1.5em auto;
}


.front_imglist li:nth-of-type(1),
.front_imglist li:nth-of-type(5){
	width: 37.5%;
}
.front_imglist li:nth-of-type(2),
.front_imglist li:nth-of-type(4){
	width: 62.5%;
}
.front_imglist li:nth-of-type(3){
	width: 100%;
}



.front_contact .box{
	padding: 2em 2.5em;
}

.front_contact .txt{
	text-align: left;
}



}




@media (max-width: 599px){

.main_area,
.main_slide .slick-slide{
	width: 100%;
	height: 82vh;
}
/*.main_slide .slide03 h1::after{
	left: -4em;
	bottom: -5em;
}*/

.front_peace .img_area{
	display: none;
}
.front_idea .note li:nth-of-type(1){
	margin-bottom: 1em;
}
.front_idea .note li dt,
.front_idea .note li dd{
	width: 100%;
}
.front_idea .note li dt{
	font-weight: bold;
}

.front_contact .box{
	padding: 2em 1.5em;
}

}



@media (max-width: 399px){

/*
.main_slide .slide03 h1::after{
	left: -1.5em;
	bottom: -4em;
}*/





}





.front_interview .inner_section { width: 90vw; max-width: 720px;}
.front_interview .video_wrap { width: 100%; height: 0; padding-bottom: 62.5%; position: relative;}
.front_interview .video_wrap video { width: 100%; height: auto; position: absolute; left: 0; top: 0;}