@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}

	.section {
		padding: 130px 15px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}


	.section {
		padding: 60px 20px;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.page-home .bs_header {
		height: 100vh;
		max-height: 1020px;
		min-height: 700px;
	}
	.main_top {
		position: relative;
		height: 100vh;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in > .n2-section-smartslider {
		height: 100vh;
		max-height: 1020px;
		min-height: 700px;
	}
	.main_top_in > .n2-section-smartslider * {
		height: 100vh;
		max-height: 1020px;
		min-height: 700px;
	}
	.top_copy {
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translateY(-50%);
/* 		color: #1E2E65; */
		color: #fff;
	}
	.main_copy {
		font-size: 2.813em; /* 45px */
		letter-spacing: 0.3em;
	}
	.sub_copy {
		font-size: 1.125em; /* 18px */
		margin-top: 1.4em !important;
		padding-left: 100px;
		letter-spacing: 0.4em;
		position: relative;
	}
	.sub_copy::before {
		content: "";
		display: block;
		width: 80px;
		height: 0.5px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #1E2E65;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.page-home .bs_header {
		height: 55vh;
		max-height: 700px;
	}
	.main_top {
		position: relative;
		height: 55vh;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in > .n2-section-smartslider {
		height: 55vh;
		max-height: 700px;
	}
	.main_top_in > .n2-section-smartslider * {
		height: 55vh;
		max-height: 700px;
	}
	.top_copy {
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
/* 		color: #1E2E65; */
		color: #fff;
	}
	.main_copy {
		font-size: 2em; /* 32px */
		letter-spacing: 0.3em;
	}
	.sub_copy {
		font-size: 1.125em; /* 18px */
		margin-top: 0em !important;
		padding-left: 40px;
		letter-spacing: 0.4em;
		position: relative;
	}
	.sub_copy::before {
		content: "";
		display: block;
		width: 30px;
		height: 0.5px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #1E2E65;
	}
}


/* ================================================================================

	マージンボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 130px;
	}
	.top_middle {
		margin-top: 80px;
	}
	.top_short {
		margin-top: 40px;
	}
	.top_vshort {
		margin-top: 20px;
	}
	.top_mshort {
		margin-top: 10px;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 120px;
	}
	.bottom_middle {
		margin-bottom: 80px;
	}
	.bottom_short {
		margin-bottom: 40px;
	}
	.bottom_vshort {
		margin-bottom: 20px;
	}
	.bottom_mshort {
		margin-bottom: 10px;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 16vw;
	}
	.top_middle {
		margin-top: 12vw;
	}
	.top_short {
		margin-top: 8vw;
	}
	.top_vshort {
		margin-top: 4vw;
	}
	.top_mshort {
		margin-top: 3vw;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 16vw;
	}
	.bottom_middle {
		margin-bottom: 12vw;
	}
	.bottom_short {
		margin-bottom: 8vw;
	}
	.bottom_vshort {
		margin-bottom: 4vw;
	}
	.bottom_mshort {
		margin-bottom: 3vw;
	}

}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	お知らせ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.top_news {
		background-color: #F0F4F5;
		padding: 60px 15px;
	}

	/* ニュースタイトル */
	.top_news .top_news_title {
		font-size: 1.25em; /* 20px */
		color: #607D9A;
		width: 780px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	/* ニュース中身 */
	.top_news .post_wrap ul {
		width: 780px;
		margin: 0 auto;
	}
	.top_news .post_wrap li{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.top_news .post_wrap li:not(:last-child){
		margin-bottom: 25px;
	}
	.top_news .post_date{
		margin-right: 20px;
		color: #524E4E;
		font-size: 0.875em;
		font-weight: 300;
	}
	.top_news .post_title a{
		margin-right: 20px;
		color: #524E4E;
		font-size: 0.875em;
		font-weight: 300;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_news {
		background-color: #F0F4F5;
		padding: 60px 15px 40px;
	}

	/* ニュースタイトル */
	.top_news .top_news_title {
		font-size: 1.25em; /* 20px */
		color: #607D9A;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	/* ニュース中身 */
	.top_news .post_wrap ul {
		margin: 0 auto;
	}
	.top_news .post_wrap li{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.top_news .post_wrap li:not(:last-child){
		margin-bottom: 10px;
	}
	.top_news .post_date{
		margin-right: 20px;
		color: #524E4E;
		font-weight: 300;
	}
	.top_news .post_title a{
		color: #524E4E;
		font-weight: 300;
	}
}





/* ================================================================================

	トップコンセプト

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	特徴

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_features {
		background: url(../img/minamo-bc.png) center top / cover no-repeat;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_features {
		background: url(../img/minamo-bc.png) center top / cover no-repeat;
	}
}





/* ================================================================================

	メニュー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_menu {
		padding: 130px 15px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_menu {
		padding: 60px 15px;
	}
	.top_menu .link_btn{
		margin-top: 30px;
	}
}




/* ================================================================================

	オーナーセクション

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.prof_wrap p {
		font-size: 0.875em;
		line-height:2;
	}
	/* オーナーセクション */
	.owner_name p{
		font-size: 0.875em;
		
	}
	.owner_name h2{
		font-size: 1.75em;
		font-weight: 400;
		margin-top: 0;
	}
	.owner_name h2 span{
		font-size: 0.643em;
	}

	/* オーナースキル */
	.owner_skil {
		padding: 20px 20px;
		background-color: #F4F4F7;
		font-size: 0.8em;
		line-height: 200%;
	}
	.owner_skil ul:first-of-type {
		margin-bottom:20px;
	}
	.owner_skil .head {
		font-size:1.2em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* オーナーセクション */
	.owner_name p{
		font-size: 0.875em;
		
	}
	.owner_name h2{
		font-size: 1.75em;
		font-weight: 400;
		margin-top: 0;
	}
	.owner_name h2 span{
		font-size: 0.643em;
	}

	/* オーナースキル */
	.owner_skil {
		padding: 30px 20px;
		background-color: #F4F4F7;
		line-height: 180%;
	
	}
	.owner_skil .head {
		font-size:1.2em;
		line-height:240%;
	}
	.owner_skil li {
		margin-bottom:5px;
	}
	.top_features .u_next_btn a {
		margin-top: 40px;
	}

}



/* ================================================================================

	お客様の声

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_voice {
		background-color: #F0F4F5;
	}
	ul.clearfix.voice_list li {
		width: 30%;
		margin: 10px;
	}
	ul.clearfix.voice_list li a{
		color: #524E4E;
	}
	ul.clearfix.voice_list {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_voice {
		background-color: #F0F4F5;
	}
	ul.clearfix.voice_list li {
		width: 100%;
		margin: 10px 0;
	}
	ul.clearfix.voice_list li a{
		color: #524E4E;
	}
	ul.clearfix.voice_list {
		flex-wrap: wrap;
	}
	.top_voice .link_btn{
		margin-top: 30px;
	}
	.voice_list li:not(:last-child) {
		margin-top: 20px !important;
	}
}



/* ================================================================================

	アクセス

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_access {
		background: url(../img/ocean-bc.png) center top / cover no-repeat;
	}
	.top_access_salon {
		font-size: 1.125em;
		text-align: center;
		margin-bottom: 15px !important;

	}
	.top_access_address {
		font-size: 0.75em;
		margin-bottom: 15px !important;
		text-align: center;
	}
	iframe {
		height: 155px;
	}
	.top_access_btn .link_btn{
		margin-top: 15px;
	}
	.top_access_time {
		margin-top: 30px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_access {
		background: url(../img/ocean-bc.png) center top / cover no-repeat;
	}
	.top_access_salon {
		font-size: 4.8vw;
		text-align: center;
	}
	.top_access_address {
		margin-bottom: 15px !important;
		text-align: center;
	}
	iframe {
		height: 155px;
	}
	.top_access_btn .link_btn{
		margin-top: 30px;
	}
	.top_access_time {
		margin-top: 30px;
	}
}




/* ================================================================================

	お問い合わせ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_contact {
		background: url(../img/minamo-bc.png) center top / cover no-repeat;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_contact {
		background: url(../img/minamo-bc.png) center top / cover no-repeat;
	}
}