@charset "UTF-8";

/*================================================
 *  私たちの志（purpose）
 ================================================*/


/*******私たちの志*******/
section#main_area {
	padding: 7rem 0 8rem;
}
section#main_area .breadcrumb {
	color: #fff;
}

section#main_area h1 img {
	width: 29rem;
}
section#main_area h2 {
	margin-top: 3rem;
}
section#main_area h2 img {
	width: 106.2rem;
}

@media screen and (min-width: 800.1px) {
	section#main_area .bg_box {
		position: absolute;
		bottom: -3rem;
		left: 50%;
		transform: translate(-50%,0);
		height: 74.5rem;
		width: 160rem;
	}
	section#main_area .bg_box .img_bg01 {
		top: 0;
		left: -3rem;
		width: 46rem;
	}
	section#main_area .bg_box .img_bg02 {
		left: 10rem;
		bottom: 10rem;
		width: 28rem;
	}
	section#main_area .bg_box .img_bg03 {
		top: 10rem;
		right: 10rem;
		width: 28rem;
	}
	section#main_area .bg_box .img_bg04 {
		right: -2rem;
		bottom: 0;
		width: 46rem;
	}
}
section#main_area .bg_box img {
	position: absolute;
	clip-path: polygon(30.4% 0%, 100% 0%, 69.6% 100%, 0% 100%);
}

section#main_area .txt_box {
	margin-top: 6rem;
	z-index: 5;
}
section#main_area .txt_box p + p {
	margin-top: 1.5em;
}





/*******ロゴマークに込めた想い*******/
section#logo_area {
	margin-top: 10rem;
}
section#logo_area h2 {
	font-size: 4.6rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}

section#logo_area figure {
	border: 2px solid #ccc;
	padding: 7rem 0 9rem;
}
section#logo_area figure .img_mark {
	display: block;
	margin: 0 auto 6rem;
	width: 21rem;
}
section#logo_area figure figcaption p + p {
	margin-top: 1em;
}











/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {


/*******私たちの志*******/
section#main_area {
	padding: 8.5vw 0 15vw;
}

section#main_area h1 img {
	width: 38.6vw;
}
section#main_area h2 {
	margin-top: 5vw;
}
section#main_area h2 img {
	width: 91.8vw;
}

	
section#main_area .bg_box {
	position: relative;
	height: 26.6vw;
	width: 84vw;
	margin: 6.5vw auto 0;
}
section#main_area .bg_box img {
	top: 0;
	width: 33vw;
}
section#main_area .bg_box .img_bg01 {
	left: 0;
}
section#main_area .bg_box .img_bg02 {
	left: 50%;
	transform: translate(-50%,0);
}
section#main_area .bg_box .img_bg03 {
	right: 0;
}

section#main_area .txt_box {
	margin-top: 8vw;
}
section#main_area .txt_box p + p {
	margin-top: 1em;
}




/*******ロゴマークに込めた想い*******/
section#logo_area {
	margin-top: 10vw;
}
section#logo_area h2 {
	font-size: 6.1vw;
}

section#logo_area figure {
	padding: 12vw 7.5vw 11vw;
}
section#logo_area figure .img_mark {
	margin-bottom: 7vw;
	width: 28vw;
}












}