@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 {
		margin-top: 120px;
	}
	.section_stretch > div > div {
		align-items: stretch;
	}

	.section_title-jp h2{
		font-size: 2.5em;
		font-weight: 500;
		margin-bottom: 8px;
	}
	.section_title-en p{
		font-size: 2em;
		padding-left: 65px;
		position: relative;
		display: inline-block;
	}

	.section_title-en p::before {
		content: "";
		width: 45px;
		height: 1px;
		background-color: #373030;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.section_title-center {
		text-align: center;
	}
	.section_title-center p{
		position: relative;
		padding-right: 65px;
	}
	.section_title-center p::after {
		content: "";
		width: 45px;
		height: 1px;
		background-color: #373030;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.section_text {
		margin-top: 20px;
	}
	.section_text p{
		line-height: 2.3;
		font-weight: 400;
	}
	.flex_right {
		margin-left: 20px;
	}
	.img_wrap > div > div > img {
		width: 580px;
		height: 536px;
		object-fit: cover;
	}
	
	.img_radius > div > div > img{
		border-radius: 150px 0 150px 0;
	}

	/* flexコンテンツ */
	.flex_right {
		margin-left: 20px;
	}
	.flex_left {
		margin-right: 20px;
	}


}



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

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

	.inner_wrap {
		position: relative;
	}

	.section {
		margin-top: 60px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.section_stretch > div > div {
		align-items: stretch;
	}

	.section_title-jp h2{
		font-size: 2em;
		font-weight: 500;
	}
	.section_title-en p{
		font-size: 1.8em;
		padding-left: 30px;
		position: relative;
		display: inline-block;
	}

	.section_title-en p::before {
		content: "";
		width: 25px;
		height: 1px;
		background-color: #373030;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.section_title-center {
		text-align: center;
	}
	.section_title-center p{
		position: relative;
		padding-right: 40px;
	}
	.section_title-center p::after {
		content: "";
		width: 45px;
		height: 1px;
		background-color: #373030;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.section_text {
		margin-top: 8px;
	}
	.section_text p{
		line-height: 1.8;
		font-weight: 400;
	}
	.img_wrap > div > div > img {
		object-fit: cover;
	}
	
	.img_radius > div > div > img{
		border-radius: 80px 0 80px 0;
	}


	/* flexコンテンツ */
	.flex_left {
		margin-bottom: 40px;
	}

}





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

	メイン画像

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		padding-top: 10px;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in .metaslider {
		width: 800px !important;
		padding-left: 15px;
	}
	.main_top_in .metaslider img{
		border-radius: 150px 0 150px 0;
	}

	.main_top-text {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%);
	}
	.top_text1 {
		font-size: 2.25em;
		font-weight: bold;
		text-shadow:0 0 3px #FFF;
	}
	.top_text2 {
		font-size: 1.12em;
		font-weight:500;
		text-shadow:0 0 3px #FFF;
	}
}


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

	.main_top-text {
		margin: 0 10px;
		margin-top: -30px;
		padding: 15px 20px;
		text-align: center;
		background-color: #FAF9F4;
		position: relative;
		border-radius: 10px;
	}
	.main_top-text::before {
		content: "";
		width: 170px;
		height: 130px;
		background: url(../img/aruku.png) center top / contain no-repeat;
		position: absolute;
		bottom: 0;
		right: -20px;
		z-index: 1;
	}
	.top_text1 {
		font-size: 1.5em;
		font-weight: bold;
		display: inline-block;
		z-index: 2;
    	position: relative;
	}
	.top_text2 {
		font-size: 1.12em;
		font-weight:500;
		display: inline-block;
		z-index: 2;
    	position: relative;
	}
}





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

	ここからコンテンツ内容

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



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

	コンセプト

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_concept .img_wrap > div > div > img {
		object-position: left top;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_concept .img_wrap > div > div > img {
		object-position: left top;
		margin-bottom: 20px;
	}
	.top_concept > div > div {
		flex-direction: column-reverse;
	}
}





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

	ブログ

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.blog_flex {
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	.blog_flex li{
		width: 275px;
		margin-right: 35px;
	}
	.blog_flex li:last-child{
		margin-right: 0px;
	}
	.blog_flex li a{
		color: #000000;
	}
	a.blog_cate.blog_icon {
		background-color: #E6EB94;
		padding: 3px 10px;
		border-radius: 3px;
		margin: 5px 5px 5px 0;
		white-space: nowrap;
		font-size: 0.8em;
	}
	a.blog_cate.blog_icon:nth-child(1) {
		margin-left: 5px;
	}
	.categrize_date {
		margin-top: 5px;
		line-height: 2;
	}
	.top_blog {
		position: relative;
	}
	.top_blog::before {
		content: "";
		width: 320px;
		height: 210px;
		background: url(../img/aruku.png) center top / contain no-repeat;
		position: absolute;
		top: -130px;
		left: -70px;
		z-index: 1;
		transform: rotate(-73deg);
	}
}


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

	.blog_flex li {
		margin-bottom: 20px;
	}
	.blog_flex li a{
		color: #383030;
		font-size: 1.2em;
	}
	a.blog_cate.blog_icon {
		background-color: #E6EB94;
		padding: 3px 10px;
		border-radius: 3px;
		margin: 5px 5px 5px 0;
		white-space: nowrap;
		font-size: 1em;
	}

	a.blog_cate.blog_icon:nth-child(1) {
		margin-left: 5px;
	}
	.categrize_date {
		margin-top: 5px;
		line-height: 2;
	}


	.top_blog {
		position: relative;
	}
	.top_blog::before {
		content: "";
		width: 200px;
		height: 180px;
		background: url(../img/aruku.png) center top / contain no-repeat;
		position: absolute;
		top: -130px;
		left: -40px;
		z-index: 1;
		transform: rotate(-73deg);
	}
}





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

	ギャラリー

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.img_content {
		padding-top: 50px;
	}
	.top_gallery-top {
		padding-top: 120px;
		background-color: #FAF9F4;
	}
	.top_gallery {
		background-color: #FAF9F4;
	}
	.top_gallery-bottom {
		padding-bottom: 120px;
		background-color: #FAF9F4;
		position: relative;
	}
	.top_gallery-bottom::before {
		content: "";
		width: 320px;
		height: 210px;
		background: url(../img/aruku.png) center top / contain no-repeat;
		position: absolute;
		bottom: 0;
		right: -60px;
		z-index: 1;
		transform: rotate(-20deg);
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.img_content {
		padding-top: 25px;
	}
	.top_gallery-top {
		padding-top: 60px;
		background-color: #FAF9F4;
	}
	.top_gallery {
		background-color: #FAF9F4;
	}
	.top_gallery-bottom {
		padding-bottom: 60px;
		background-color: #FAF9F4;
		position: relative;
	}
	.top_gallery-bottom::before {
		content: "";
		width: 200px;
		height: 180px;
		background: url(../img/aruku.png) center top / contain no-repeat;
		position: absolute;
		bottom: -40px;
		right: -70px;
		z-index: 1;
		transform: rotate(-20deg);
	}
}





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

	メニュー

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


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


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_menu .img_wrap > div > div {
		margin-bottom: 20px;
	}

}





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

	〇〇

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


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


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