@charset "utf-8";


html {
    scroll-behavior: smooth;
}


*{
	font-family: '游明朝', 'YuMincho', 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', ＭＳ Ｐ明朝, ＭＳ 明朝, serif ;
}

/*スクロールダウン全体の場所*/
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:10px;
	left:50%;
	
}

/*Scrollテキストの描写*/
.scrolldown2 span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown2:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:2px;
	height: 50px;
	background:#eee;
}



header{
	position: relative;
	background: #999;
	height: 100vh;
	overflow: hidden;
}

.home_btn{
	position: absolute;
	top: 40px;
	left: 50px;
	width: 30px;
	height: 30px;
}
.IG_btn{
	position: absolute;
	top: 40px;
	right: 30px;
	width: 30px;
	height: 30px;
}

.header_logo{
	position: absolute;
	top: 20px;
	right: 35%;
	width: 30%;
	height: auto;
	text-align: center;
}
.header_logo img{
	display: block;
	width: 350px;
	margin: 0 auto;
}


@media (max-width: 768px) {
	.header_logo{
		right: 25%;
		width: 50%;
	}
}

@media (max-width: 480px) {
	.header_logo{
		display: none;
	}
}



.header_ttl{
	position: absolute;
	top: 42%;
	width: 80%;
	left: 10%;
	text-align: center;
	color: #fff;
}

.header_ttl span{
	display: block;
}
.header_ttl span:nth-child(1){
	font-size: clamp(36px, 4.5vw, 48.6px);
}
.header_ttl span:nth-child(2){
	font-size: clamp(14.5px, 1.9vw, 22.6px);
	letter-spacing: .05em;
}

.header_bgmv{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100vw;
	min-height: 100%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	overflow: hidden;
}


.mv_bg::after,
.top_content::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background: repeat;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url("../images/dot.png");
  background-size: 2px;
	opacity: 0.5;
}

.top_content::after{
  background-color: rgba(0, 0, 0, 0.5);
}


/*========= ナビゲーションドロップダウン ===============*/

/*==ナビゲーション全体の設定*/
.global_nav{
	padding-top: 150px;
	padding-left: 50px;
	width:13em;
	z-index: 999
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.global_nav ul li{
	position: relative;
}

/*ナビゲーションのリンク設定*/
.global_nav ul li a,
.global_nav ul li span{
	display: block;
	color: #fff;
	padding: 20px 0;
	transition:all .3s;
}
.global_nav ul li span a{
	padding: 0;
}

.global_nav ul li a:hover{
	opacity: 0.5;
}

/*==矢印の設定*/

/*liの矢印の設定*/
.global_nav ul li.has-child::before{
	content:'';
	position: absolute;
	left:7.5em;
	top:calc(20px + 0.55em);
	width:6px;
	height:6px;
	border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*下の階層を持っているulの指定*/
.global_nav li.has-child ul{
    /*絶対配置で位置を指定*/
	position: absolute;
	left:100%;
	top:0px;
	z-index: 4;
    /*形状を指定*/
	width:180px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
.global_nav li.has-child:hover > ul,
.global_nav li.has-child ul li:hover > ul,
.global_nav li.has-child:active > ul,
.global_nav li.has-child ul li:active > ul{
	visibility: visible;
	opacity: 1;
}


.global_nav li.has-child ul li a:hover,
.global_nav li.has-child ul li a:active{
	opacity: 0.5;
}


/*==768px以下の形状*/

@media screen and (max-width:1024px){
	.global_nav{
		display: none;
	}
}





h1{
	position: absolute;
	top: 42%;
	right: 50%;
	
	
	transform: translateX(50%);
	
	
	font-size: clamp(36px, 4.5vw, 48.6px);
	
	text-align: center;
	color: #fff;
}

h1 > span{
	display: block;
}

h1 > span:nth-child(1){
	font-size: clamp(16.2px, 2.16vw, 25.2px);
	letter-spacing: .05em;
}

h1 > span:nth-child(2){
}

h1 > span:nth-child(3){
	font-size: clamp(10.8px, 1.35vw, 15.3px);
}

@media screen and (max-width:768px){
h1 {
	width: 100%;
	}
}




.top_intro{
	writing-mode: vertical-rl;
	font-size: clamp(16px, 2.8vw, 20px);
	line-height: 2em;
	letter-spacing: 0.1em;
	margin: 130px auto;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}

@media screen and (max-width:768px){
.top_intro{
	line-height: 1.5em;
	}
}

.top_content{
	position: relative;
	overflow: hidden;
	display: block;
	width: calc(100% - 200px);
	height: 800px;
    margin: 80px 100px;
	color: #fff;
}
@media screen and (max-width:768px){
.top_content{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	}
}

.top_content_wrap{
	position: relative;
	height: 100%;
	margin: 0 auto;
	z-index: 2;
}

.top_content_text{
    text-align: left;
    position: absolute;
    top: 80px;
    z-index: 2;
    opacity: 0.85;
    writing-mode: vertical-rl;
}

.top_content-right .top_content_text{
    right: 80px;
}
.top_content-left .top_content_text{
    left: 150px;
}


@media screen and (max-width:768px){
	.top_content-right .top_content_text{
		right: 7%;
	}
	.top_content-left .top_content_text{
		left: 10%;
	}
}

.top_content_text h2.en{
    font-size: 12px;
    margin-left: 10px;
    margin-right: -6px;
    letter-spacing: 0.13em;
}

.top_content_text h2 {
    font-size: 38px;
    margin-left: 25px;
    letter-spacing: 0.05em;
}

.top_content .top_content_btn{
	position: relative;
	top: 700px;
	
    padding: 10px 50px;
	display:inline-block;
}

.top_content-right .top_content_btn{
	left: 100px;
}

.top_content-left .top_content_btn{
	left: calc(100% - 300px);
}


@media screen and (max-width:768px){
	.top_content-right .top_content_btn{
		left: 7%;
	}
	.top_content-left .top_content_btn{
		left: 7%;
	}
}


@media (max-width: 480px) {
	.top_content-right .top_content_btn{
		left: 50%;
		transform: translate(-50%,0%);
	}
	.top_content-left .top_content_btn{
		left: 50%;
		transform: translate(-50%,0%);
	}
}


/*線の設定*/
.top_content_btn::before,
.top_content_btn::after {
	content:'';
    /*絶対配置で線の位置を決める*/
	position:absolute;
    /*事前に出現させる線の形状*/
	border:solid #fff;
	width:10px;
	height:10px;
    /*アニメーションの指定*/
	transition:all 0.3s ease-in-out;
}

.top_content_btn::before{
    /*事前に出現させる線の位置*/
	top:0;
	left:0;
    /*事前に出現させる線の形状*/
	border-width:1px 0 0 1px;
}

.top_content_btn::after{
    /*事前に出現させる線の位置*/
	bottom:0;
	right:0;
    /*事前に出現させる線の形状*/
	border-width:0 1px 1px 0;
}

/*hoverした際の線の形状*/
.top_content:hover .top_content_btn::before,
.top_content:hover .top_content_btn::after{
	width:calc(100% - 0px);
	height:calc(100% - 0px);
	border-color:#fff;
}







.top_content_bgmv{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}










/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ concept ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/




.concept_contents_1{
	display: grid;
	grid-template-columns: repeat(3, 350px);
	column-gap: 20px;
	row-gap: 4em;
	
	width: 1100px;
	margin: 0 auto;
}

.concept_contents_1 div{
	width: 100%;
	margin: 30px auto;
}
.concept_contents_1 h2{
	font-size: clamp(16px, 3.6vw, 22px);
}
.concept_contents_1 img{
	width: 350px;
	height: 350px;
	background: #ccc;
	margin: 8px 0;
}
.concept_contents_1 p{
	font-size: clamp(16px, 3.2vw, 18px);
}

@media screen and (max-width: 1200px) {
	.concept_contents_1 {
		grid-template-columns: repeat(2, 350px);
		width: 710px;
	}
}

@media screen and (max-width: 768px) {
	.concept_contents_1 {
		display: block;
		width: 95%;
		max-width: 350px;
	}
}



.concept_contents_1 + h3{
	max-width: 90%;
	
	margin: 120px auto 200px auto;
	
	font-weight: 0400;
	text-align: center;
	font-size: clamp(20px, 4.0vw, 27px);
	line-height: 1.8;
}

@media screen and (max-width: 1200px) {
	.concept_contents_1 + h3 {
		margin: 100px auto 130px auto;
	}
}

@media screen and (max-width: 768px) {
	.concept_contents_1 + h3 {
		margin: 80px auto 100px auto;
	}
}


.concept_contents_2{
	width: 95%;
	max-width: 1400px;
	margin: 0 auto 150px;
}
.concept_contents_2 > div{
	display: flex;
}
.concept_contents_2 > div > div:nth-child(1){
	display: flex;
	width: 65%;
}
.concept_contents_2 > div > div:nth-child(1) span{
	display: block;
	width: 33%;
	height: 100%;
}
.concept_contents_2 > div > div:nth-child(1) span:nth-child(1){
	background: url("../images/concept_img4.jpg") no-repeat center / cover;
}
.concept_contents_2 > div > div:nth-child(1) span:nth-child(2){
	background: url("../images/haku_tokieda_img1.jpg") no-repeat center / cover;
}
.concept_contents_2 > div > div:nth-child(1) span:nth-child(3){
	background: url("../images/concept_img6.jpg") no-repeat center / cover;
}

.concept_contents_2 > div > div:nth-child(2){
	margin-left: 30px;
	line-height: 1.6;
}
.concept_contents_2 > div > div:nth-child(2) h4{
	font-size: 1.5em;
	margin: 20px 0 40px 0;
}
.concept_contents_2 > div > div:nth-child(2) p{
	margin: 0px 0 50px 0;
}

@media screen and (max-width: 1000px) {
	.concept_contents_2 > div{
		display: block;
	}
	.concept_contents_2 > div > div:nth-child(1){
		width: 100%;
		height: 300px;
	}
}





.btn{
	position: relative;
    padding: 10px 0px;
	display: block;
	width: 250px;
	text-align: center;
}

/*線の設定*/
.btn::before,
.btn::after {
	content:'';
    /*絶対配置で線の位置を決める*/
	position:absolute;
    /*事前に出現させる線の形状*/
	border:solid #000;
	width:10px;
	height:10px;
    /*アニメーションの指定*/
	transition:all 0.3s ease-in-out;
}

.btn::before{
    /*事前に出現させる線の位置*/
	top:0;
	left:0;
    /*事前に出現させる線の形状*/
	border-width:1px 0 0 1px;
}

.btn::after{
    /*事前に出現させる線の位置*/
	bottom:0;
	right:0;
    /*事前に出現させる線の形状*/
	border-width:0 1px 1px 0;
}

/*hoverした際の線の形状*/
.btn:hover::before,
.btn:hover::after{
	width:calc(100% - 0px);
	height:calc(100% - 0px);
	border-color:#000;
}











.concept_contents_3 {
	font-size: clamp(14px, 3.4vw, 18px);
	margin: 60px auto 40px;
	line-height: 2;
}

.concept_contents_3 h5{
	text-align: center;
	font-size: 1.25em;
}

.tbl-r02 {
	margin: 20px auto;
}
.tbl-r02 tr{
	border-bottom: 1px solid #000;
}
.tbl-r02_last{
	border-bottom: none!important;
}
.tbl-r02 th {
	text-align: left;
	vertical-align: text-top;
	
	padding: 10px 3vw 10px 10px;
}
.tbl-r02 td {
	padding: 10px;
}

@media screen and (max-width: 640px) {
	.tbl-r02_last td:last-child {
		width: 100%;
  }
	.tbl-r02 {
		width: 93%;
		margin-bottom: 70px;
  }
	.tbl-r02 th,
	.tbl-r02 td {
		border-bottom: none;
		display: block;
		width: 100%;
		padding: 10px;
  }
}






/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ concept ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/








/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ajimu-shoku ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/




.gallery {
	padding: 0 10vw 120px;
	max-width: 1500px;
	margin: 0 auto;
}
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.ph {
	background: #b5b5b5;
	aspect-ratio: 1 / 1;
}


.gallery_shoku .gallery-grid div:nth-child(1){
	background: url("../images/haku_tokieda_img1.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(2){
	background: url("../images/shoku_img2.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(3){
	background: url("../images/shoku_img3.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(4){
	background: url("../images/shoku_img4.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(5){
	background: url("../images/shoku_img5.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(6){
	background: url("../images/shoku_img6.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(7){
	background: url("../images/shoku_img7.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(8){
	background: url("../images/shoku_img8.jpg") no-repeat center / cover;
}
.gallery_shoku .gallery-grid div:nth-child(9){
	background: url("../images/shoku_img9.jpg") no-repeat center / cover;
}


@media (max-width: 480px) {
	.gallery{
		padding: 0 6vw 80px;
	}
}






.section-title span {
	font-size: 12px; 
}
.section-title {
	writing-mode: vertical-rl;
	font-size: clamp(22px, 2.2vw, 30px);
	letter-spacing: 0.1em;
	margin: 0 0 0 50px;
}

.people-grid {
	
	width: 95%;
	margin: 0 auto;
	
}
.people {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f2f2f0;
}

.people_wrap {
	display: flex;
	padding: 120px 50px;
	width: 85%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}

.people_contents{
	margin: 0 auto 50px auto;
}

.people_contents strong{
	line-height: 2;
	margin-bottom: 0.3em;
}
.people_contents > div{
	display: flex;
	
	height: auto;
	
	margin-right: auto;
	margin-left: auto;
}

.people_contents img {
	width: 90%;
}

.people-grid .people_contents > div > div:nth-child(odd){
	width: 40%;

}
.people-grid .people_contents > div > div:nth-child(even){
	width: 60%;
}


@media screen and (max-width: 800px) {
	.people-grid{
		width: 80%;
	}
	.people_contents > div{
		display: block;
	}
	.people_contents img{
		width: 100%;
		margin: 5px auto 10px auto;
	}
	.people-grid .people_contents > div > div{
		width: 100%!important;
	}
}

@media screen and (max-width: 500px) {
	.people-grid{
		width: 95%;
		font-size: 0.9em
	}
	.people_contents > div{
		display: block;
	}
	.people_contents img{
		width: 100%;
		margin: 5px auto 10px auto;
	}
	.people-grid .people_contents > div > div{
		width: 100%!important;
	}
}






@media screen and (max-width:1024px){
.section-title_P{display: none!important;}}
@media screen and (min-width:1024px){
.section-title_S{display: none!important;}}



@media (max-width: 1024px) {
	.people_contents{
		width: 100%;
	}
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.section-title {
		position: static;
		writing-mode: horizontal-tb;
		margin-bottom: 40px;
	}
	.people_wrap {
		display: block;
		width: 90%;
	}
}

@media (max-width: 768px) {
	.people-grid {
		grid-template-columns: 1fr;
	}
	.people_wrap {
		padding: 50px 10px;
		width: 92%;
	}
}

@media (max-width: 480px) {
	.people {
		flex-direction: column;
		align-items: flex-start;
	}
	.photo {
		margin-bottom: 16px;
	}
	.people_wrap {
		padding: 35px 10px;
		width: 95%;
	}
}





/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ajimu-shoku ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ajimu-haku ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.gallery .top_content{
	width: 100%;
	height: 550px;
	max-width: 1500px;
	margin: 100px auto 20px auto;
}

.gallery .top_content_btn{
	top: 450px;
}

.top_content_wrap_haku_1{
	background: url("../images/haku_ryuoh_img0.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(1){
	background: url("../images/haku_ryuoh_img1.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(2){
	background: url("../images/haku_ryuoh_img2.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(3){
	background: url("../images/haku_ryuoh_img3.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(4){
	background: url("../images/haku_ryuoh_img4.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(5){
	background: url("../images/haku_ryuoh_img5.jpg") no-repeat center / cover;
}
.gallery_haku_ryuoh .gallery-grid div:nth-child(6){
	background: url("../images/haku_ryuoh_img6.jpg") no-repeat center / cover;
}



.top_content_wrap_haku_2{
	background: url("../images/haku_ryuohnomichi_img0.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(1){
	background: url("../images/haku_ryuohnomichi_img1.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(2){
	background: url("../images/haku_ryuohnomichi_img2.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(3){
	background: url("../images/haku_ryuohnomichi_img3.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(4){
	background: url("../images/haku_ryuohnomichi_img4.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(5){
	background: url("../images/haku_ryuohnomichi_img5.jpg") no-repeat center / cover;
}
.gallery_haku_ryuohnomichi .gallery-grid div:nth-child(6){
	background: url("../images/haku_ryuohnomichi_img6.jpg") no-repeat center / cover;
}



.top_content_wrap_haku_3{
	background: url("../images/haku_tokieda_img0.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(1){
	background: url("../images/haku_tokieda_img1.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(2){
	background: url("../images/haku_tokieda_img2.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(3){
	background: url("../images/haku_tokieda_img3.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(4){
	background: url("../images/haku_tokieda_img4.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(5){
	background: url("../images/haku_tokieda_img5.jpg") no-repeat center / cover;
}
.gallery_haku_tokieda .gallery-grid div:nth-child(6){
	background: url("../images/haku_tokieda_img6.jpg") no-repeat center / cover;
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ajimu-haku ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ajimu-taiken ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


.gallery_taiken{
	
}
.gallery_taiken .gallery-grid div:nth-child(1){
	background: url("../images/taiken_img1.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(2){
	background: url("../images/taiken_img2.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(3){
	background: url("../images/taiken_img3.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(4){
	background: url("../images/taiken_img4.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(5){
	background: url("../images/taiken_img5.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(6){
	background: url("../images/taiken_img6.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(7){
	background: url("../images/taiken_img7.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(8){
	background: url("../images/taiken_img8.jpg") no-repeat center / cover;
}
.gallery_taiken .gallery-grid div:nth-child(9){
	background: url("../images/taiken_img9.jpg") no-repeat center / cover;
}




.shokai{
	display: block;
	padding-bottom: 50px;
}
.shokai a{
	margin: 0 auto;
}
.shokai .people_wrap {
	padding: 120px 50px 0;
}
.shokai .people_wrap .shokai-mainvi h3{
	font-size: 1.2em;
	margin-top: 20px;
}
.shokai .people_wrap .shokai-mainvi h3::before{
	content: "";
	display: inline-block;
	
	position: relative;
	top: 0.1em;
	
	width: 3px;
	height: 1em;
	background: #666;
}

.shokai .people_wrap .shokai-mainvi p{
	max-width: 1200px;
	margin: 15px auto 60px auto;
	
	font-size: 1.2em;
}
@media (max-width: 1024px) {
	.shokai .people_wrap{
		padding: 80px 20px;
	}
	.shokai .people_wrap .shokai-mainvi p {
		margin: 10px auto 50px auto;
	}
}

@media (max-width: 768px) {
	.shokai .people_wrap{
		padding: 60px 10px;
	}
	.shokai .people_wrap .shokai-mainvi p {
		margin: 10px auto 40px auto;
		font-size: 1.1em;
	}
}

@media (max-width: 480px) {
	.shokai .people_wrap{
		padding: 50px 0;
	}
	.shokai .people_wrap .shokai-mainvi p {
		margin: 10px auto 30px auto;
		font-size: 1.0em;
	}
}




/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ajimu-taiken ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/








/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ model-plan ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/




.plan_shokai_wrap{
	background: #f0f0f0;
	padding: 100px 0 100px 0;
}
.plan_shokai{
	width: 85%;
	max-width: 1200px;
	margin: 150px auto;
}
.plan_shokai h2{
	text-align: center;
	font-size: clamp(30px, 4.0vw, 40px);
	line-height: 1.6;
	margin-bottom: 1em;
}
.plan_shokai h2 span{
	font-size: 0.5em;
}
.plan_shokai .plan_shokai_osusume{
	width: 100%;
	font-size: 20px;
	line-height: 1.8;
	padding: 0 1% 0.6em 1%;
	margin: 0 auto 1em auto;
	border-bottom: 1px solid #aaa;
}
.plan_shokai .plan_shokai_osusume span{
	color: #333;
	font-size: 0.9em;
}
.plan_shokai > div {
	display: flex;
	width: 100%;
}
.plan_shokai > div > ul{
	width: 600px;
}




/**/

.slider {
	position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

.plan_shokai_1 .slider-item01 {
    background:url(../images/plan_001_img1.jpg) no-repeat center / cover;
}
.plan_shokai_1 .slider-item02 {
    background:url(../images/plan_001_img4.jpg) no-repeat center / cover;
}
.plan_shokai_1 .slider-item03 {
    background:url(../images/plan_001_img5.jpg) no-repeat center / cover;
}
.plan_shokai_1 .slider-item04 {
    background:url(../images/plan_001_img6.jpg) no-repeat center / cover;
}

.plan_shokai_2 .slider-item01 {
    background:url(../images/plan_002_img1.jpg) no-repeat center / cover;
}
.plan_shokai_2 .slider-item02 {
    background:url(../images/plan_002_img2.jpg) no-repeat center / cover;
}
.plan_shokai_2 .slider-item03 {
    background:url(../images/plan_002_img3.jpg) no-repeat center / cover;
}

.plan_shokai_3 .slider-item01 {
    background:url(../images/plan_003_img1.jpg) no-repeat center / cover;
}
.plan_shokai_3 .slider-item02 {
    background:url(../images/plan_003_img2.jpg) no-repeat center / cover;
}
.plan_shokai_3 .slider-item03 {
    background:url(../images/plan_003_img3.jpg) no-repeat center / cover;
}

.plan_shokai_4 .slider-item01 {
    background:url(../images/plan_004_img1.jpg) no-repeat center / cover;
}
.plan_shokai_4 .slider-item02 {
    background:url(../images/plan_004_img2.jpg) no-repeat center / cover;
}
.plan_shokai_4 .slider-item03 {
    background:url(../images/plan_004_img3.jpg) no-repeat center / cover;
}

.slider-item {
	width: 600px;
	height: 400px;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 190px;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-24px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

/**/


.plan_shokai > div > div{
	width: 45%;
	margin: 1em 0 0 4%;
	font-size: clamp(16px, 3.2vw, 20px);
}
.plan_shokai > div div p:nth-child(1){
	margin-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.5;
	color: #333;
}
.plan_shokai > div > div p:nth-child(2){
	line-height: 1.8;
}


@media (max-width: 1024px) {
	.plan_shokai > div {
		display: block;
	}
	.plan_shokai > div > ul{
		width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	.plan_shokai > div > div{
		width: 100%;
	}
	.plan_shokai{
		width: 80%;
	}
}

@media (max-width: 768px) {
	.plan_shokai{
		width: 90%;
		margin: 80px auto;
	}
	.plan_shokai > div > ul{
		width: 450px;
		height: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.slider-item{
		width: 450px;
		height: 300px;
	}
	.slick-prev, 
	.slick-next {
		top: 145px;
	}
	.plan_shokai > div > div{
		width: 100%;
	}
}

@media (max-width: 480px) {
	.plan_shokai{
		width: 95%;
		margin: 50px auto;
	}
	.plan_shokai > div > ul{
		width: 330px;
		height: 220px;
		margin-right: auto;
		margin-left: auto;
	}
	.slick-prev, 
	.slick-next {
		top: 105px;
	}
	.slider-item{
		width: 330px;
		height: 220px;
	}
}





/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ model-plan ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/




/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ nouhaku ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


.header_ttl_nouhaku{
	
}
.header_ttl_nouhaku span:nth-child(2){
	margin-top: 20px;
}

.nouhaku_contents_1{
	width: 1120px;
	column-gap: 30px;
}

@media screen and (max-width:1200px){
	.nouhaku_contents_1{
		width: 730px;
		margin: 0 auto;
	}
}

.nouhaku_contents_1 .btn{
	width: 100%;
	margin-top: 20px;
}

.nouhaku_contents_2{
	text-align: center;
	font-size: clamp(20px, 3.8vw, 38px);
	font-weight: 400;
	line-height: 1.8;
	padding: 120px 5% 150px 5%;
}
.nouhaku_contents_2 h2{
	margin: 120px auto 80px auto;
}
.nouhaku_contents_2 h3{
	margin: 40px auto 20px auto;
	font-size: 0.8em;
}
.nouhaku_contents_2 p{
	font-size: 0.6em;
}
.nouhaku_contents_2 svg{
	display: block;
	width: 3px;
	margin: 40px auto;
}
.nouhaku_contents_2 svg .cls-1, .cls-2{
	display: block;
	fill: none;
	stroke: #3f3f3f;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3px;
	width: 2px;
}
.nouhaku_contents_2 svg .cls-1{
	stroke-dasharray: 0 10;
}




.slider img {
	width:100%;
	height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
	margin:0 0px;/*スライド左右の余白調整*/
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ nouhaku ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/





















/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/





/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑  ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/




.contact{
	margin: 100px auto;
	
	width: 100%;
	
	font-size: clamp(24px, 3.9vw, 40px);
	line-height: 1.9;
	text-align: center;
	
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	
	padding-top: 30px;
}
.contact h2{
}
.contact h2 span{
	display: block;
	font-size: 0.4em;
}
.contact div{
	margin: 60px auto 40px;
	font-size: 0.6em;
}
.contact p{
	font-size: 0.4em;
}

.contact a{
	margin: 70px auto 50px auto;
	font-size: 16px;
}



@media (max-width: 1024px) {}

@media (max-width: 768px) {
	.contact{
		margin: 70px auto 60px auto;
		width: 95%;
	}
}

@media (max-width: 480px) {
	.contact{
		margin: 40px auto 30px auto;
		width: 95%;
	}
}






.footer {
  background: #000;
  color: #fff;
  padding: 80px 60px 40px;
  position: relative;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footer-left {
  max-width: 480px;
}

.footer-lead {
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}

.footer-logo {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 12px;
}

.footer-desc {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 24px;
}

.footer-contact {
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer_sns {
	display: block;
	width: 24px;
	height: 24px;
}

.footer-tel {
  font-size: 20px;
}

.footer-nav ul {
  writing-mode: vertical-rl;
}
.footer-nav > ul:nth-child(1){
	display: block;
}
.footer-nav > ul:nth-child(2){
	display: none;
}

.footer-nav a {
	color: #fff;
	font-size: 14px;
	line-height: 3;
	letter-spacing: 0.1em;
	
}

/* レスポンシブ */
@media screen and (max-width: 860px){
	.footer-nav a {
		line-height: 2.8;
	}
	.footer-nav > ul:nth-child(1) li:last-child {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.footer-inner {
		flex-direction: column;
		gap: 40px;
	}	
	.footer-nav > ul:nth-child(1){
		display: none;
	}
	.footer-nav > ul:nth-child(2){
		display: block;
		writing-mode: horizontal-tb;
	}
}



.copyright{
	background: #000;
	color: #fff;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 10px;
	font-size: 012px;
}




@media (max-width: 1024px) {}

@media (max-width: 768px) {}

@media (max-width: 480px) {}




@media screen and (max-width:1024px){
.P{display: none!important;}}
@media screen and (min-width:1025px){
.S{display: none!important;}}