@charset 'UTF-8';

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

	トップページ

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



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

	レイアウト

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

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

	main.outer_wrap {
		position: relative;
		max-width: none;
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}




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

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

	.inner_wrap {
		position: relative;
	}
}




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

	メイン画像

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top > div {
		max-width: none !important;
	}
	.main_top img {
		width: 100%;
		height: auto;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top > div {
	}
	.main_top img {
		width: 100%;
		height: auto;
	}
}








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

	ここからコンテンツ内容

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




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

	top-row01、top-row02、top-row03

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

.top-row01 {
	position: relative;
}
.top-row02 {
	position: relative;
}


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

	.top-row01,
	.top-row02 {
	}

	.top-row03 {
		position: relative;
		background: url() center top no-repeat;
		background-size: cover;
		padding: 5vw 22vw;
	}

	.top_inner01 {
		padding: 0 7.3vw;
	}
	.top_inner02 {
		padding: 0;
	}

	/* 画像 */
	.top-row01 img,
	.top-row02 img {
		width: 100%;
		height: auto;
	}

	/* 見出し */
	.title_top {
		margin: 0 0 2vw 0 !important;
	}
	.title_top h2 {
		position: relative;
		text-align: center;
		font-size: 1.042vw;
		font-weight: 400;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		line-height: 1.6 !important;
		padding: 0 0 0.8em 0 !important;
	}
	.title_top h2 span {
		display: block;
		font-size: 1.5em;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.title_top h2:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -1.1vw;
		content: "";
		display: block;
		width: 2.2vw;
		height: 0.15625vw;
	}

	/* テキスト */
	.text_top01 {
		font-size: 1.146vw;
	}
	.text_top01b {
		text-align: center;
	}

	/* リンクボタン */
	.link_top01 {
		margin-top: 2vw !important;
		text-align: center;
	}
	.link_top01 ul {
		font-size: 0;
	}
	.link_top01 ul li {
		display: inline-block;
		vertical-align: top;
		margin-left: 1vw;
	}
	.link_top01 ul li:first-of-type {
		margin-left: 0;
	}

	.link_top01 a {
		position: relative;
		display: inline-block;
		padding: 0.8em 4em;
		border: 1px solid;
		font-size: 1.25vw;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		line-height: 1;
		text-align: center;
	}
	.link_top01 a:after {
		position: absolute;
		content: ">";
		font-family: FontAwesome;
		right: 0.8em;
		top: 0.8em;
	}

	.link_top01b a {
		border: none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top-row01,
	.top-row02 {
	}

	.top-row03 {
		padding: 16vw 4vw;
	}

	.top_inner01,
	.top_inner02 {
		padding: 12vw 4vw 16vw;
	}


	/* 見出し */
	.title_top {
		margin: 0 0 6vw 0 !important;
	}
	.title_top h2 {
		position: relative;
		text-align: center;
		font-size: 4vw;
		font-weight: 400;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		line-height: 1.6 !important;
		padding: 0 0 0.8em 0 !important;
	}
	.title_top h2 span {
		display: block;
		font-size: 1.5em;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.title_top h2:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -4vw;
		content: "";
		display: block;
		width: 8vw;
		height: 2px;
	}

	/* テキスト */
	.text_top01 {
		font-size: 3.5vw;
	}

	/* リンクボタン */
	.link_top01 {
		margin-top: 6vw !important;
		text-align: center;
	}
	.link_top01 ul {
		font-size: 0;
	}
	.link_top01 ul li {
		margin-top: 3vw;
	}
	.link_top01 ul li:first-of-type {
		margin-top: 0;
	}
	.link_top01 a {
		position: relative;
		display: inline-block;
		width: 60%;
		padding: 0.8em 0;
		border: 1px solid;
		font-size: 4vw;
		font-weight: 700;
		font-family: 'Open Sans Condensed' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		line-height: 1;
		text-align: center;
	}
	.link_top01 a:after {
		position: absolute;
		content: ">";
		font-family: FontAwesome;
		right: 0.8em;
		top: 0.8em;
	}

	.link_top01b a {
		border: none;
	}
}





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

	GALLERY

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.gallery_box a {
	}
	.gallery_box a img {
		width: 100%;
		height: 12.2vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.gallery_box .elementor-image-gallery .gallery-item {
		width: 50%;
	}
	.gallery_box a {
		display: block;
	}
	.gallery_box a img {
		width: 100%;
		height: 46vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
}





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

	NEWS / BLOG

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


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

	.top-row04 {
		position: relative;
		padding: 5vw 0 5vw 0;
	}

	/* 見出し */
	.title_top02 {
		margin: 0 0 2vw 0 !important;
	}
	.title_top02 h2 {
		position: relative;
		text-align: center;
		font-size: 1.042vw;
		font-weight: 300;
		line-height: 1.6 !important;
		padding: 0 0 1.2em 0 !important;
	}
	.title_top02 h2 span {
		font-size: 1.875vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
	}
	.title_top02 h2:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -1.4vw;
		content: "";
		display: block;
		width: 2.8vw;
		height: 0.15625vw;
	}



	/* NEWS / BLOG サムネイル付き
	----------------------------------------------- */
	.post_wrap {
		position: relative;
	}
	.post_wrap ul {
		font-size: 0;
		text-align: center;
	}
	.post_wrap ul li {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		margin-left: 2vw;
	}
	.post_wrap ul li:first-of-type {
		margin-left: 0;
	}

	/* サムネイル */
	.post_thumb {
		margin: 0 0 0.8vw 0;
	}
	.post_thumb img {
		width: 100%;
		height: 17.8125vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}

	/* カテゴリアイコン */
	.post_icon {
		font-size: 0.833vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		text-align: left;
		padding: 0 0 0 0.2em;
	}

	/* タイトル */
	.post_title {
		text-align: left;
		line-height: 1.3;
		margin: 0 0 0.6vw 0;
	}
	.post_title a {
		font-size: 1.25vw;
		display:block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}

	/* 本文 */
	.post_text {
		font-size: 1.042vw;
		text-align: left;
	}



	/* NEWS / BLOG テキストのみ
	----------------------------------------------- */
	.post_wrap2 {
		position: relative;
		width: 55%;
		max-height: 14vw;
		height: 100%;
		margin: 0 auto;
	}
	.post_wrap2 ul {
	}
	.post_wrap2 ul li {
		display: table;
		width: 100%;
		padding: 0 2vw 1vw;
		margin-top: 1vw;
		border-bottom: 1px dotted;
	}
	.post_wrap2 ul li:first-of-type {
		margin-top: 0;
	}

	/* カテゴリアイコン */
	.post_icon2 {
		display: table-cell;
		width: 10%;
		vertical-align: top;
		font-size: 1.146vw;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		text-align: left;
		line-height: 1.3;
		padding: 0.2em 0 0 0;
	}

	/* 日付 */
	.post_date2 {
		display: table-cell;
		width: 15%;
		vertical-align: top;
		font-size: 1.146vw;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		text-align: left;
		line-height: 1.3;
		padding: 0.2em 0 0 0;
	}

	/* タイトル */
	.post_title2 {
		display: table-cell;
		width: 75%;
		vertical-align: top;
		text-align: left;
		font-size: 1.25vw;
		letter-spacing: 0;
		line-height: 1.3;
		margin: 0 0 0.6vw 0;
	}
	.post_title2 a {
		display: inline-block;
	}

}



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

	.top-row04 {
		position: relative;
		padding: 12vw 0 14vw 0;
	}
	/* 見出し */
	.title_top02 {
		margin: 0 0 6vw 0 !important;
	}
	.title_top02 h2 {
		position: relative;
		text-align: center;
		font-size: 4vw;
		font-weight: 300;
		line-height: 1.6 !important;
		padding: 0 0 1.2em 0 !important;
	}
	.title_top02 h2 span {
		font-size: 7vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
	}
	.title_top02 h2:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -4.2vw;
		content: "";
		display: block;
		width: 8.4vw;
		height: 2px;
	}



	/* NEWS / BLOG サムネイル付き
	----------------------------------------------- */
	.post_wrap {
		position: relative;
		padding: 0 4vw;
	}
	.post_wrap ul {
	}
	.post_wrap ul li {
		width: 100%;
		border-bottom: 1px dotted;
		padding: 0 0 8vw 0;
		margin-top: 8vw;
	}
	.post_wrap ul li:first-of-type {
		margin-top: 0;
	}

	/* サムネイル */
	.post_thumb {
		margin: 0 0 4vw 0;
	}
	.post_thumb img {
		width: 100%;
		height: 59vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}

	/* カテゴリアイコン */
	.post_icon {
		font-size: 3.2vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		text-align: left;
		padding: 0 0 0 0.2em;
	}

	/* タイトル */
	.post_title {
		text-align: left;
		line-height: 1.3;
		margin: 0 0 3vw 0;
	}
	.post_title a {
		font-size: 4vw;
	}

	/* 本文 */
	.post_text {
		font-size: 3.5vw;
		text-align: left;
	}



	/* NEWS / BLOG テキストのみ
	----------------------------------------------- */
	.post_wrap2 {
		position: relative;
		max-height: 80vw;
		height: 100%;
		margin: 0 4vw;
	}
	.post_wrap2 ul {
	}
	.post_wrap2 ul li {
		width: 100%;
		padding: 0 0 4vw;
		margin-top: 4vw;
		border-bottom: 1px dotted;
	}
	.post_wrap2 ul li:first-of-type {
		margin-top: 0;
	}

	/* カテゴリアイコン */
	.post_icon2 {
		display: inline-block;
		vertical-align: top;
		font-size: 3.2vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		padding: 0 0.3em 0 0.15em;
		text-align: left;
	}

	/* 日付 */
	.post_date2 {
		display: inline-block;
		vertical-align: top;
		font-size: 3.2vw;
		font-weight: 700;
		font-family: 'Padauk' ,'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		letter-spacing: 0.1em;
		text-align: left;
	}

	/* タイトル */
	.post_title2 {
		width: 100%;
		text-align: left;
		line-height: 1.3;
		margin: 0 0 0.6vw 0;
	}
	.post_title2 a {
		font-size: 4vw;
	}
}





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

	お問い合わせフォーム

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top-row05 {
		position: relative;
		padding: 5vw 22vw;
	}
	.top_contact_text {
		font-size: 1.042vw;
		padding: 3vw 6vw;
		margin: 0 0 3vw 0 !important;
		border: 1px solid #cccccc;
	}
	.top_contact_text h3 {
		font-size: 1.042vw
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top-row05 {
		position: relative;
		padding: 12vw 4vw 14vw;
	}
	.top_contact_text {
		padding: 4vw;
		margin: 0 0 6vw 0 !important;
		border: 1px solid #cccccc;
	}
	.top_contact_text h3 {
		font-size: 4vw;
	}
}




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

	キャンペーン

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.campaign_box {
		border: 1px solid;
		padding: 4% 5%;
		font-size: 1.041vw;
		letter-spacing: 0.05em;
		line-height: 1.5;
		text-align: center;
	}

	/* 見出し */
	.campaign_title01 {
		font-size: 1.5em;
	}

	/* 価格 */
	.campaign_title02 {
		margin-top: 1vw;
		padding: 0.8em 0.1em 0.95em 0.1em;
		border-radius: 1vw;
	}
	.campaign_title02 h3 {
		font-size: 1.4em;
		font-weight: 500;
		text-align: center;
	}
	.campaign_title02 h3 span {
		font-size: 2em;
		vertical-align: -0.2em;
	}

	/* 期間 */
	.campaign_title03 {
		margin-top: 1vw;
		font-size: 1.2em;
	}

	/* 注意書き */
	.campaign_note {
		font-size: 1em;
		text-align: left;
		border-top: 1px solid;
		padding: 1vw 0 0 0;
		margin-top: 1vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.campaign_box {
		border: 1px solid;
		padding: 4% 5%;
		font-size: 3.5vw;
		letter-spacing: 0.05em;
		line-height: 1.5;
		text-align: center;
	}

	/* 見出し */
	.campaign_title01 {
		font-size: 1.3em;
	}

	/* 価格 */
	.campaign_title02 {
		margin-top: 3vw;
		padding: 0.8em 0.1em 0.95em 0.1em;
		border-radius: 3vw;
	}
	.campaign_title02 h3 {
		font-size: 1.2em;
		font-weight: 500;
		text-align: center;
	}
	.campaign_title02 h3 span {
		display: block;
		font-size: 1.8em;
		vertical-align: -0.2em;
	}

	/* 期間 */
	.campaign_title03 {
		margin-top: 3vw;
		font-size: 1.2em;
	}

	/* 注意書き */
	.campaign_note {
		font-size: 1em;
		text-align: left;
		border-top: 1px solid;
		padding: 3vw 0 0 0;
		margin-top: 3vw;
	}
}