@charset 'UTF-8';

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

	トップページ

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



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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
		background:url(../img/bg.jpg)repeat center top / auto auto;
	}

	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;
		background: url(../img/dream_bg.png) no-repeat left -120px top -240px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
		background:url(../img/bg.jpg)repeat center top / auto auto;
	}

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

	.inner_wrap {
		position: relative;
		background: url(../img/sp_dream_bg.png) no-repeat center top 190vw / 100%
	}
}


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

	ロゴ

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.h_logo {
		position: relative;
	}
	.h_logo a{
		position: absolute;
		z-index: 1;
		left: 50%;
		margin-left: -15vw;
		top: 10vw;
		width: 30vw;
	}
	.h_logo a img{
		width: 100%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.h_logo {
		position: relative;
	}
	.h_logo a{
		position: absolute;
		z-index: 1;
		width: 100%;
		display: block;
		left: 50%;
		margin-left: -46.3vw;
		top: 4vw;
	}
	.h_logo a img{
		width: 50vw;
	}
}



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

	メイン画像

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}





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

	ここからコンテンツ内容

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


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

	共通設定

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

/* Sweep To Right */

.hvr-sweep-to-right,
.hvr-sweep-to-right_b {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  
  .hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(220, 75, 45, 0.5);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-sweep-to-right_b:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(53, 111, 126, 0.5);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }

  .hvr-sweep-to-right:hover,
  .hvr-sweep-to-right:focus,
  .hvr-sweep-to-right:active,
  .hvr-sweep-to-right_b:hover,
  .hvr-sweep-to-right_b:focus,
  .hvr-sweep-to-right_b:active {
	color:#ffffff;
  }
  
  .hvr-sweep-to-right:hover:before,
  .hvr-sweep-to-right:focus:before,
  .hvr-sweep-to-right:active:before,
  .hvr-sweep-to-right_b:hover:before,
  .hvr-sweep-to-right_b:focus:before,
  .hvr-sweep-to-right_b:active:before  {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
  }
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* h2 */
	.top_h2{
		font-size: 40px;
		background: url(../img/h2_bg.png) repeat-x left bottom / auto auto;
		padding: 0 0 36px;
		margin-bottom: 29px !important;
	}
	.top_h2 h2{
		font-weight: 400;
		line-height: 1.3 !important;
		letter-spacing: 0.05em !important;
	}

	/* pcだと中央・SPだと左寄せ */
	.top_content_text{
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* リンクボタン赤 */
	.link_button{
		text-align: center;
	}
	.link_button a{
		position: relative;
		color: #dc4b2d;
		width: 309px;
		padding: 3px 0;
		font-size: 20px;
		opacity: 1;
	}
	.link_button a::after{
		position: absolute;
		content: "";
		background: url(../img/link_line.png)no-repeat center bottom / auto 100%;
		width: 310px;
		height: 18.7px;
		bottom: -1px;
		left: 50%;
		margin-left: -155px;
	}
		/* リンクボタン青 */
		.link_button_b{
			text-align: center;
		}
		.link_button_b a{
			position: relative;
			color: #356f7e;
			width: 309px;
			padding: 3px 0;
			font-size: 20px;
			opacity: 1;
		}
		.link_button_b a::after{
			position: absolute;
			content: "";
			background: url(../img/link_line_b.png)no-repeat center bottom / auto 100%;
			width: 310px;
			height: 18.7px;
			bottom: -1px;
			left: 50%;
			margin-left: -155px;
		}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* h2 */
	.top_h2{
		font-size: 5vw;
		background: url(../img/h2_bg.png) repeat-x left bottom / auto auto;
		padding: 0 0 7vw;
		margin-bottom: 5vw !important;
	}
	.top_h2 h2{
		font-weight: 400;
		line-height: 1.3 !important;
	}
	/* リンクボタン赤 */
	.link_button{
		text-align: center;
	}
	.link_button a{
		position: relative;
		color: #dc4b2d;
		width: 74vw;
		padding: 1vw 0;
		font-size: 5vw;
		opacity: 1;
	}
	.link_button a::after{
		position: absolute;
		content: "";
		background: url(../img/link_line.png)no-repeat center bottom / auto 100%;
		width: 74vw;
		height: 4.5vw;
		bottom: 0vw;
		left: 50%;
		margin-left: -36.7vw;
	}
	/* リンクボタン青 */
	.link_button_b{
		text-align: center;
	}
	.link_button_b a{
		position: relative;
		color: #356f7e;
		width: 74vw;
		padding: 1vw 0;
		font-size: 5vw;
		opacity: 1;
	}
	.link_button_b a::after{
		position: absolute;
		content: "";
		background: url(../img/link_line_b.png)no-repeat center bottom / auto 100%;
		width: 74vw;
		height: 4.5vw;
		bottom: 0vw;
		left: 50%;
		margin-left: -36.7vw;
	}
}

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

	新着

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_01{
		padding: 0 0 185px;
	}
	/* 見出し */
	.row_01 h2{
		padding: 147px 0 60px;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 0.03em;
	}

	/* ーーー新着設定ーーー */
	.row_01 .post_wrap{
		background:url(../img/news_bg.jpg)no-repeat center top / auto auto;
		width:1368px;
		height:554px;
		margin: 0 auto;
	}
	.row_01 .post_wrap ul{
		text-align: left;
		font-size: 0;
		width: 1000px;
		margin: 0 auto;
		padding: 60px 0 0;
	}
	.row_01 .post_wrap ul li{
		display: inline-block;
	}
	.row_01 .post_wrap ul li:nth-of-type(2){
		margin: 0 55px;
	}
	/* カテゴリ */
	.row_01 .post_icon_box{
		font-size: 17px;
		font-weight: bold;
		color:#ffffff;
		display: inline-block;
		margin-bottom: -2px;
	}
	.row_01 .post_icon_box .cate_blog_list{
		background: #97d1e7;
		padding: 3px 25px 5px;
		display: inline-block;
	}
	.row_01 .post_icon_box .cate_news_list{
		background: #ea5949;
		padding: 3px 25px 5px;
		display: inline-block;
	}


	/* サムネイル */
	.row_01 .post_wrap ul li .post_thumb img{
	width:296px;
	height:296px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /* IE対策 */
   }
   /* 日付 */
   .row_01 .post_date{
	   font-size:17px;
	   text-align: center;
	   padding: 18px 0 16px;
	   color:#ffffff;
   }
   /* タイトル */
   .row_01 .post_title a{
		font-size: 17px;
		width: 291px;
		display: block;
		margin: 0 auto;
		color:#ffffff;
		text-align: center;

   }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
		.row_01{
			padding-bottom: 20vw;
		}


		/* 見出し */
		.row_01 h2{
			padding: 15vw 0 8vw;
			font-size: 6vw;
			font-weight: 400;
		}
	
		/* ーーー新着設定ーーー */
		.row_01 .post_wrap{
			background: url(../img/sp_news_bg.jpg)repeat-y center top / cover;
			margin: 0 auto;
		}
		.row_01 .post_wrap ul{
			text-align: center;
			font-size: 0;
			padding: 17vw 0 15vw;
		}
		.row_01 .post_wrap ul li{
			display: inline-block;
		}
		.row_01 .post_wrap ul li:first-of-type{
			padding: 0 0 11vw 0;
		}
		.row_01 .post_wrap ul li:last-of-type{
			padding: 0 0 0 20vw;
		}
		/* カテゴリ */
		.row_01 .post_icon_box{
			font-size: 4vw;
			font-weight: bold;
			color:#ffffff;
		}
		.row_01 .post_icon_box .cate_blog_list{
			background: #97d1e7;
			padding: 2vw 0 2vw;
			display: block;
		}
		.row_01 .post_icon_box .cate_news_list{
			background: #ea5949;
			padding: 2vw 0 2vw;
			display: block;
		}
	
	
		/* サムネイル */
		.row_01 .post_wrap ul li .post_thumb img{
			width:80vw;
			height:80vw;
			object-fit: cover;
			font-family: 'object-fit: cover;'; /* IE対策 */
		}
		.row_01 .post_wrap ul li:not(:first-child) .post_thumb img{
		width:30vw;
		height:30vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	   }
	   /* 日付 */
	   .row_01 .post_date{
			font-size: 4vw;
		   text-align: center;
		   padding: 3vw 0 3vw;
		   color:#ffffff;
	   }
	   .row_01 .post_wrap ul li:not(:first-child) .row_01 .post_date{
			font-size: 3vw;
		   text-align: center;
		   padding: 3vw 0 3vw;
		   color:#ffffff;
	   }
	   /* タイトル */
	   .row_01 .post_title a{
			font-size: 4vw;
			width: 80vw;
			display: block;
			margin: 0 auto;
			color: #ffffff;
			text-align: center;
	   }
	   .row_01 .post_wrap ul li:not(:first-child) .post_title a{
		font-size: 3vw;
		width: 30vw;
		display: block;
		margin: 0 auto;
		color: #ffffff;
		text-align: center;
   		}
}





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

	マンツーマンでしっかり向き合うあなただけの特別な時間

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_02{
		padding-bottom: 170px;
	}

	.row_02 h2{
		position:relative;
	}
	/* 羽飾り */
	.row_02 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing01.png)no-repeat center top / auto 100%;
		width: 47px;
		height: 61px;
		top: -88px;
		left: 50%;
		margin-left: -23px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_02{
		padding:0 4vw 11vw 4vw;
	}

	.row_02 h2{
		position:relative;
	}
	/* 羽飾り */
	.row_02 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing01.png)no-repeat center top / auto 100%;
		width: 8.2vw;
		height: 11vw;
		top: -13vw;
		left: 50%;
		margin-left: -4.6vw;
	}
}





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

	二連画像

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

/* Bubble Float Bottom */

.hvr-bubble-float-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
  }
  
  .hvr-bubble-float-bottom:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	bottom: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #dc4b2d transparent transparent transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
  }
  
  .hvr-bubble-float-bottom:hover,
  .hvr-bubble-float-bottom:focus,
  .hvr-bubble-float-bottom:active {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
  }
  
  .hvr-bubble-float-bottom:hover:before,
  .hvr-bubble-float-bottom:focus:before,
  .hvr-bubble-float-bottom:active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
  }
  

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_03{
		padding: 0 0 95px;
	}
	/* 画像したテキスト */
	.row03_text {
		padding: 40px 0 45px;
		letter-spacing: 0.05em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_03{
		padding-bottom: 11vw;
	}
	/* 背景うっすら白 */
	.row_03_01{
		background: rgba(255, 255, 255, 0.5);
		padding: 0 4vw 15vw;
	}
	/* 背景なし */
	.row_03_02{
		padding: 0 4vw 0;
	}

	/* 画像したテキスト */
	.row03_text {
		padding: 7vw 0 3vw;
	}
}





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

	大崎市では珍しい炭酸泉を採用

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_04{
		background: url(../img/row04_bg.jpg)no-repeat center top;
		padding: 84px 0 0;
		min-height: 496px;
	}
	.row_04 h2{
		position: relative;
	}
	.row_04 h2 span{
		color: #62a1b5;
	}
	.row_04 h2::before{
		position: absolute;
		content: "";
		background: url(../img/hairdryer.png)no-repeat center top / auto 100%;
		width: 88px;
		height: 113px;
		top: -7px;
		margin-left: -103px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_04{
		background: url(../img/sp_row04_bg.png)no-repeat center top / contain;
		padding: 10vw 4vw 16vw;
	}
	.row_04 h2{
		position: relative;
	}
	.row_04 h2 span{
		color: #62a1b5;
	}
	.row_04 h2::before{
		position: absolute;
		content: "";
		background: url(../img/hairdryer.png)no-repeat center top / auto 100%;
		width: 15vw;
		height: 19vw;
		top: -1vw;
		margin-left: -18vw;
	}
}





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

	画像二連と炭酸泉ボタン

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_05{
		background: url(../img/row05_bg.jpg)no-repeat center bottom;
		padding-bottom: 72px;
		margin-bottom: 160px;
		position: relative;
		z-index: 1;
	}

	.row_05_in{
		padding: 0 0 60px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_05{
		background: url(../img/sp_row05_bg.jpg)no-repeat center bottom / contain;
		height: 50vw;
		margin-bottom: 15vw;
		position: relative;
		z-index: 1;
	}
	.row_05_in{
		margin-top: -8vw;
		padding-bottom: 6vw;
	}
	/* 画像を横並びにする */
	.row_05_in_img01,
	.row_05_in_img02{
		width: 45% !important;
	}
	.row_05_in_img01 {
		margin-left: 5vw;
	}
}
/* ================================================================================

	カラーならお任せください！

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_06{
		padding-bottom: 72px;
		position: relative;
		z-index: 0;
	}
	.row_06::after{
		position: absolute;
		content: "";
		background: url(../img/dream_bg.png)no-repeat center top / auto 100%;
		width: 758px;
		height: 1541px;
		top: -317px;
		right: -103px;
		z-index: -1;
	}
	/* h2 */
	.row_06 h2{
		position: relative;
	}
	.row_06 h2::before{
		position: absolute;
		content: "";
		background: url(../img/comb.png)no-repeat center top / auto 100%;
		width: 71px;
		height: 103px;
		top: -3px;
		margin-left: -77px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.row_06{
		padding:0 4vw;
		position: relative;
		z-index: 0;
	}
	.row_06::after{
		position: absolute;
		content: "";
		background: url(../img/sp_dream_bg.png) no-repeat center top / 100%;
		top: -90vw;
		left: -18px;
		z-index: -1;
		width: 111vw;
		height: 237vw;
	}
		/* h2 */
		.row_06 h2{
			position: relative;
		}
		.row_06 h2::before{
			position: absolute;
			content: "";
			background: url(../img/comb.png)no-repeat center top / auto 100%;
			width: 10vw;
			height: 16vw;
			top: -3vw;
			margin-left: -11vw;
		}
	
}
/* ================================================================================

	カラー例

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 横に並べる設定 */
	.row_07{
		text-align: center;
		font-size:0;
		padding-bottom: 160px;
	}
	.row_07 ul.color_box01,
	.row_07 ul.color_box02 {
		display: inline-block;
		vertical-align: top;
		padding: 0;
	}
	.row_07 ul.color_box01 > li,
	.row_07 ul.color_box02 > li {
		display: inline-block;
		list-style: none;
		vertical-align: top;
		padding: 0 20px;
	}
	.row_07 ul.color_box01 > li li,
	.row_07 ul.color_box02 > li li{
		/* text-align: left; */
	}
	/* 背景 */
	.row_07 ul.color_box01 li.row07_bg01{
		background: url(../img/row07_bg01.png) no-repeat center top / auto 100%;
		width: 331px;
		height: 338px;
		padding: 75px 0 0;
	}
	.row_07 ul.color_box01 li.row07_bg02{
		background: url(../img/row07_bg02.png) no-repeat center top / auto 100%;
		width: 331px;
		height: 338px;
		padding: 75px 0 0;
		margin: 0 40px;
	}
	.row_07 ul.color_box02 li.row07_bg03{
		background: url(../img/row07_bg03.png) no-repeat center top / auto 100%;
		width: 331px;
		height: 338px;
		padding: 75px 0 0;
		margin-right: 40px;
	}
	.row_07 ul.color_box02 li.row07_bg04{
		background: url(../img/row07_bg04.png) no-repeat center top / auto 100%;
		width: 331px;
		height: 338px;
		padding: 75px 0 0;
	}
	/* 見出し */
	.row_07 ul.color_box01 li.row07_bg01 h3,
	.row_07 ul.color_box02 li.row07_bg03 h3{
		background: url(../img/line_bcack.png) no-repeat center bottom / 286px 8px;
		font-weight: 400;
		font-size: 23px;
		padding-bottom: 21px;
		margin-bottom: 7px;
	}
	.row_07 ul.color_box01 li.row07_bg02 h3,
	.row_07 ul.color_box02 li.row07_bg04 h3{
		background: url(../img/line_white.png) no-repeat center bottom / 286px 8px;
		font-weight: 400;
		font-size: 23px;
		padding-bottom: 21px;
		margin-bottom: 7px;
		color:#ffffff
	}
	/* 本文 */
	.row_07 ul.color_box01 li.row07_bg01 p,
	.row_07 ul.color_box02 li.row07_bg03 p{
		font-size:17px;
		padding: 0 21px;
	}
	.row_07 ul.color_box01 li.row07_bg02 p,
	.row_07 ul.color_box02 li.row07_bg04 p{
		font-size:17px;
		padding: 0 21px;
		color:#ffffff
	}

	.row_07 ul.color_box01 li.row07_bg02 p.t_letter{
		line-height: 1.3;
		padding: 6px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_07{
		text-align: center;
		padding-bottom: 20vw;
	}

	/* 背景 */
	.row_07 ul.color_box01 li.row07_bg01{
		background: url(../img/row07_bg01.png) no-repeat center top / auto 100%;
		width: 78vw;
		height: 80vw;
		padding: 21vw 0 0;
		margin: 6vw auto 0;
	}
	.row_07 ul.color_box01 li.row07_bg02{
		background: url(../img/row07_bg02.png) no-repeat center top / auto 100%;
		width: 78vw;
		height: 80vw;
		padding: 21vw 0 0;
		margin: 0 auto;
	}
	.row_07 ul.color_box02 li.row07_bg03{
		background: url(../img/row07_bg03.png) no-repeat center top / auto 100%;
		width: 78vw;
		height: 80vw;
		padding: 21vw 0 0;
		margin: 0 auto;
	}
	.row_07 ul.color_box02 li.row07_bg04{
		background: url(../img/row07_bg04.png) no-repeat center top / auto 100%;
		width: 78vw;
		height: 80vw;
		padding: 21vw 0 0;
		margin: 0 auto;
	}
	/* 見出し */
	.row_07 ul.color_box01 li.row07_bg01 h3,
	.row_07 ul.color_box02 li.row07_bg03 h3{
		background: url(../img/line_bcack.png) no-repeat center bottom / auto 15%;
		font-weight: 400;
		font-size: 5vw;
		padding-bottom: 3vw;
		margin-bottom: 2vw;
	}
	.row_07 ul.color_box01 li.row07_bg02 h3,
	.row_07 ul.color_box02 li.row07_bg04 h3{
		background: url(../img/line_white.png) no-repeat center bottom / auto 15%;
		font-weight: 400;
		font-size: 5vw;
		padding-bottom: 3vw;
		margin-bottom: 2vw;
		color:#ffffff
	}
	/* 本文 */
	.row_07 ul.color_box01 li.row07_bg01 p,
	.row_07 ul.color_box02 li.row07_bg03 p{
		font-size: 4vw;
		padding: 0 21px;
	}
	.row_07 ul.color_box01 li.row07_bg02 p,
	.row_07 ul.color_box02 li.row07_bg04 p{
		font-size: 4vw;
		padding: 0 21px;
		color:#ffffff
	}
	.row_07 ul.color_box01 li.row07_bg02 p.t_letter{
		line-height: 1.3;
		padding: 1.3vw;
	}
}
/* ================================================================================

	Instagram

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_08{
		padding-bottom: 72px;
	}
	/* h2 */
	.row_08 h2{
		position: relative;
		font-size: 40px;
		font-weight: 400;
		padding-bottom: 70px;
		margin-left: 38px;
	}
	.row_08 h2::before{
		position: absolute;
		content: "";
		background: url(../img/instagram_tite_icon.png)no-repeat center top / auto 100%;
		width: 49px;
		height: 44px;
		top: -1px;
		margin-left: -56px;
	}

	/* 画像サイズ固定 */
	.row_08 .insta_box img{
		width:220px;
		height:220px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}

	/* ボタン */
	.row_08 .insta_b{
		text-align: right;
		padding: 20px 63px 0 0;
	}
	.row_08 .insta_b a{
		width: 280px;
	}
	.row_08 .insta_b a img{
		width: 100%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_08{
		padding: 0 4vw 15vw;
	}
	/* h2 */
	.row_08 h2{
		position: relative;
		font-size: 5vw;
		font-weight: 400;
		padding-bottom: 10vw;
		margin-left: 3vw;
	}
	.row_08 h2::before{
		position: absolute;
		content: "";
		background: url(../img/instagram_tite_icon.png)no-repeat center top / auto 100%;
		width: 8vw;
		height: 8vw;
		top: -1.2vw;
		margin-left: -10vw;
	}

	/* 画像を横並びにする */
	.insta_img{
		width: 25%;
		height: 25%;
	}

	/* ボタン */
	.row_08 .insta_b{
		text-align: right;
		padding: 4vw 0 0;
	}
	.row_08 .insta_b a{
		width: 63vw;
	}
	.row_08 .insta_b a img{
		width: 100%;
	}
	
}
/* ================================================================================

	パララックス

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
.palala{
	background:
		url(../img/pala_w.png) repeat-x center top,
		url(../img/pala_w.png) repeat-x center bottom;
		padding: 36px 0;
}

	.parallax{
		background: url("../img/palala.jpg") no-repeat center top / auto;
		background-attachment: fixed;
		height: 386px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.palala{
		background:
			url(../img/pala_w.png) repeat-x center top,
			url(../img/pala_w.png) repeat-x center bottom;
			padding: 6vw 0;
	}
	
		.parallax{
			background: url("../img/palala.jpg") no-repeat center top / cover;
			height: 44vw;
		}
	
}
/* ================================================================================

	インフォメーション部分

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_09{
		padding: 140px 0 0;
	}
	/* h2 */
	.row_09 h2{
		position: relative;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 1.3;
	}
	.row_09 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing_02.png)no-repeat center top / auto 100%;
		width: 50px;
		height: 53px;
		top: -85px;
		margin-left: -29px;
		left: 50%;
	}
	/* h3 */
	.row_09 h3{
		position: relative;
		font-size: 35px;
		font-weight: 400;
		letter-spacing: 0.05em;
		padding: 40px 0 40px;
		display: grid;
	}
	.row_09 h3 span{
		position: relative;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.05em;
		border-top: solid #dc4b2d 1px;
		padding-top: 10px;
		margin-top: 10px;
	}
	


	ul.textinfo-box{
		text-align: center;
	}
	 /* 電話 */
	 ul.textinfo-box li.textinfo-box_tel{
		padding-bottom: 38px;
	}
	 ul.textinfo-box li.textinfo-box_tel a{
		font-size:50px;
		color:#dc4b2d !important;
	}
	ul.textinfo-box li.textinfo-box_tel a span{
		font-size:23px;
	}

	/* 営業時間 */
	ul.textinfo-box li p + * {
		margin-top: 0.4em;
	}
	ul.textinfo-box li p span{
		padding-left: 64px;
	}
	/* 予約ボタン */
	.reserv_24 a{
		position: relative;
		background: #dc4b2d;
		display: inline-block;
		color: #ffff;
		width: 430px;
		padding: 16px 0;
		margin-top: 40px;
	}
	.reserv_24 a::after{
		position: absolute;
		content: ">";
		font-weight: 200;
		font-size: 18px;
		top: 16px;
		right: 33px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_09{
		padding: 23vw 4vw 20vw;
	}

	/* h2 */
	.row_09 h2{
		position: relative;
		font-size: 5vw;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 1.3;
	}
	.row_09 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing_02.png)no-repeat center top / auto 100%;
		width: 9.2vw;
		height: 11vw;
		top: -13vw;
		left: 50%;
		margin-left: -4.6vw;
	}
	/* h3 */
	.row_09 h3{
		position: relative;
		font-size: 6vw;
		font-weight: 400;
		letter-spacing: 0.05em;
		padding: 7vw 0;
		display: grid;
	}
	.row_09 h3 span{
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		letter-spacing: 0.05em;
		border-top: solid #dc4b2d 1px;
		padding-top: 2vw;
		margin-top: 2vw;
	}
	


	ul.textinfo-box{
		text-align: center;
	}
	 /* 電話 */
	 ul.textinfo-box li.textinfo-box_tel{
		padding-bottom: 7vw;
	}
	 ul.textinfo-box li.textinfo-box_tel a{
		font-size: 9vw;
		color:#dc4b2d !important;
	}
	ul.textinfo-box li.textinfo-box_tel a span{
		font-size: 3.5vw;
	}

	/* 営業時間 */
	ul.textinfo-box li p + * {
		margin-top: 0.4em;
	}
	ul.textinfo-box li p span{
		padding-left: 12vw;
	}
	/* 予約ボタン */
	.reserv_24 a{
		position: relative;
		background: #dc4b2d;
		display: grid;
		color: #ffff;
		padding: 4.8vw 0;
		margin-top: 7vw;
		font-size: 4vw;
	}
	.reserv_24 a::after{
		position: absolute;
		content: ">";
		font-weight: 200;
		top: 5vw;
		right: 6vw;
	}

	
}