@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
:root {
	--fontFamily_sansSerif : "Noto Sans JP", "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
	--color_dark : #262626;
	--color_light : #ffffff;
	--color_main : #f5f5f3;
	--color_sub : #cccccc;
	--color_sub2 : #f5f5f3;
	--color_acc : #ed7c02;
	--fz_h1 : 52px;
	--fz_xs : 15px;
	--fz_sm : 16px;
	--fz_md : 18px;
	--fz_lg : 24px;
	--fz_xl : 36px;
	--fw_sm : 400;
	--fw_md : 700;
	--fw_lg : 900;
	--lh_sm : 1.25;
	--lh_md : 1.667;
	--lh_lg : 2;
	--lh_xl : 2.25;
}
@media screen and (max-width: 768px) {
	:root {
		--fz_h1 : 26px;
		--fz_xs : 12px;
		--fz_sm : 14px;
		--fz_md : 16px;
		--fz_lg : 18px;
		--fz_xl : 22px;
		--lh_sm : 1.25;
		--lh_md : 1.5;
		--lh_lg : 1.667;
		--lh_xl : 2;
	}
}

.vision_area .inner,.mission_area .inner,.history_area .inner {
	width : 90%;
	max-width : 1000px;
	margin : 0 auto;
}

section.vision_area .ttl_box,section.mission_area .ttl_box {
	width : 100%;
	height : auto;
}
section.vision_area .ttl_box h2,section.mission_area .ttl_box h2 {
	font-size : 72px;
	font-weight : var(--fw_lg);
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	section.vision_area .ttl_box h2,section.mission_area .ttl_box h2 {
		font-size : 48px;
	}
}
section.vision_area .ttl_box h2::first-letter,section.mission_area .ttl_box h2::first-letter {
	font-size : 108px;
	font-weight : var(--fw_lg);
}
@media screen and (max-width: 768px) {
	section.vision_area .ttl_box h2::first-letter,section.mission_area .ttl_box h2::first-letter {
		font-size : 72px;
	}
}
section.vision_area .ttl_box h2 span,section.mission_area .ttl_box h2 span {
	font-weight : var(--fw_lg);
	color : var(--color_acc);
}
section.vision_area .ttl_box p,section.mission_area .ttl_box p {
	font-size : 30px;
	font-weight : var(--fw_lg);
	line-height : var(--lh_md);
	width : 100%;
	height : auto;
	margin : 20px auto 0;
	letter-spacing : -1px;
}
@media screen and (max-width: 768px) {
	section.vision_area .ttl_box p,section.mission_area .ttl_box p {
		font-size : 18px;
		margin : 10px auto 0;
		letter-spacing : 0;
	}
}
section.vision_area .ttl_box p span,section.mission_area .ttl_box p span {
	font-weight : var(--fw_lg);
	color : var(--color_acc);
}
section.vision_area .txt_box,section.mission_area .txt_box {
	width : 100%;
	height : auto;
	margin : 15px auto 0;
}
@media screen and (max-width: 768px) {
	section.vision_area .txt_box,section.mission_area .txt_box {
		margin : 10px auto 0;
	}
}
section.vision_area .txt_box p,section.mission_area .txt_box p {
	font-size : 20px;
	line-height : var(--lh_xl);
}
@media screen and (max-width: 768px) {
	section.vision_area .txt_box p,section.mission_area .txt_box p {
		font-size : 16px;
	}
}
@media screen and (max-width: 1024px) {
	section.vision_area .txt_box p br,section.mission_area .txt_box p br {
		display : none;
	}
}

section.vision_area .ttl_box p br {
	display : none;
}
@media screen and (max-width: 1024px) {
	section.vision_area .ttl_box p br {
		display : block;
	}
}

section.mission_area {
	width : 100%;
	height : auto;
	margin : 100px auto 0;
}
@media screen and (max-width: 768px) {
	section.mission_area {
		margin : 80px auto 0;
	}
}
section.mission_area >.inner {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
@media screen and (max-width: 1024px) {
	section.mission_area >.inner {
		-webkit-box-align : center;
		align-items : center;
		-ms-flex-align : center;

		gap : 0 20px;
	}
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
	section.mission_area >.inner {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;

		gap : 10px 0;
	}
}
section.mission_area >.inner .content_box {
	width : 100%;
	max-width : 350px;
	height : auto;
}
@media screen and (max-width: 768px) {
	section.mission_area >.inner .content_box {
		max-width : initial;
	}
}
section.mission_area >.inner .img_box {
	width : 100%;
	max-width : 645px;
	height : auto;
}
section.mission_area >.inner .img_box img {
	width : 100%;
	height : 100%;
	object-fit : cover;

	-o-object-fit : cover;
}
section.mission_area .mission_contents_box {
	position : relative;
	margin : 60px auto 0;
}
section.mission_area .mission_contents_box .bg_area {
	position : absolute;
	z-index : 1;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
section.mission_area .mission_contents_box .bg_area >div {
	position : absolute;
	top : 0;
	height : 100%;
	background : var(--color_sub2);
}
section.mission_area .mission_contents_box .bg_area >div:nth-child(1) {
	left : 0;
	width : 76.67%;
	border-radius : 0 30px 30px 0;
}
@media screen and (max-width: 1024px) {
	section.mission_area .mission_contents_box .bg_area >div:nth-child(1) {
		width : 66.67%;
	}
}
section.mission_area .mission_contents_box .bg_area >div:nth-child(2) {
	right : 0;
	width : 12.3%;
	border-radius : 30px 0 0 30px;
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .bg_area >div:nth-child(2) {
		width : 22.67%;
	}
}
section.mission_area .mission_contents_box .inner {
	position : relative;
	z-index : 2;
	width : 90%;
	max-width : 1000px;
	height : auto;
	padding : 60px 0;
}
section.mission_area .mission_contents_box .inner .mission_box {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
@media screen and (max-width: 1024px) {
	section.mission_area .mission_contents_box .inner .mission_box {
		gap : 0 20px;
	}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
	}
}
@media screen and (max-width: 1024px) {
	section.mission_area .mission_contents_box .inner .mission_box:nth-child(2) {
		margin-top : 40px;
	}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box:nth-child(2) {
		-webkit-box-orient : vertical;
		-webkit-box-direction : reverse;
		-ms-flex-direction : column-reverse;
		flex-direction : column-reverse;
	}
}
section.mission_area .mission_contents_box .inner .mission_box .img_box img {
	width : 100%;
	height : 100%;
	object-fit : cover;

	-o-object-fit : cover;
}
section.mission_area .mission_contents_box .inner .mission_box .content_box {
	width : 90%;
	max-width : 530px;
	height : auto;
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box .content_box {
		width : 100%;
		max-width : initial;
		margin : 20px auto 0;
	}
}
section.mission_area .mission_contents_box .inner .mission_box .content_box .ttl_box h3 {
	font-size : 28px;
	font-weight : var(--fw_lg);
	color : var(--color_dark);
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box .content_box .ttl_box h3 {
		font-size : 20px;
	}
}
section.mission_area .mission_contents_box .inner .mission_box .content_box .ttl_box h3 span {
	color : var(--color_acc);
}
section.mission_area .mission_contents_box .inner .mission_box .content_box .txt_box {
	margin : 30px auto 0;
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box .content_box .txt_box {
		margin : 20px auto 0;
	}
}
section.mission_area .mission_contents_box .inner .mission_box .content_box .txt_box p {
	font-size : var(--fz_sm);
	line-height : var(--lh_xl);
}
section.mission_area .mission_contents_box .inner .mission_box.box_01 .img_box {
	width : 100%;
	max-width : 430px;
	height : auto;
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box.box_01 .img_box {
		max-width : 375px;
	}
}
section.mission_area .mission_contents_box .inner .mission_box.box_02 .img_box {
	width : 100%;
	max-width : 380px;
	height : auto;
}
@media screen and (max-width: 768px) {
	section.mission_area .mission_contents_box .inner .mission_box.box_02 .img_box {
		max-width : 300px;
	}
}

section.history_area {
	width : 100%;
	height : auto;
	margin : 100px auto 0;
}
@media screen and (max-width: 768px) {
	section.history_area {
		margin : 80px auto 0;
	}
}
section.history_area .inner .ttl_box h2 {
	font-size : var(--fz_xl);
	font-weight : var(--fw_lg);
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	align-items : center;
	-ms-flex-align : center;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
	justify-content : flex-start;
	color : var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.history_area .inner .ttl_box h2 {
		-webkit-box-align : start;
		align-items : flex-start;
		-ms-flex-align : start;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;
	}
}
section.history_area .inner .ttl_box h2 span {
	font-size : var(--fz_md);
	font-weight : var(--fw_md);
	display : grid;
	margin-left : 20px;
	color : var(--color_dark);

	place-items : center;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .ttl_box h2 span {
		margin-top : 5px;
		margin-left : 0;
	}
}
section.history_area .inner .history_box {
	position : relative;
	width : 100%;
	height : auto;
	margin : 60px auto 0;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box {
		margin : 40px auto 0;
	}
}
section.history_area .inner .history_box:before {
	position : absolute;
	z-index : 2;
	top : 0;
	left : 180px;
	width : 2px;
	height : 100%;
	content : "";
	background : var(--color_sub);
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box:before {
		left : 90px;
		width : 1px;
	}
}
section.history_area .inner .history_box dl {
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
	justify-content : flex-start;
	padding : 50px 0;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl {
		padding : 30px 0;
	}
}
section.history_area .inner .history_box dl dt {
	font-size : 40px;
	font-weight : var(--fw_md);
	font-style : italic;
	position : relative;
	display : grid;
	width : 180px;
	height : auto;
	color : var(--color_acc);

	place-items : center;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl dt {
		font-size : 24px;
		width : 80px;
	}
}
section.history_area .inner .history_box dl dt span {
	position : absolute;
	z-index : 3;
	top : 50%;
	right : -7.5px;
	width : 14px;
	height : 14px;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	border-radius : 50%;
	background : var(--color_acc);
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl dt span {
		right : -15.5px;
		width : 10px;
		height : 10px;
	}
}
section.history_area .inner .history_box dl dd {
	font-size : var(--fz_sm);
	line-height : var(--lh_xl);
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : start;
	align-items : flex-start;
	-ms-flex-align : start;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	flex-direction : column;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
	justify-content : flex-start;
	width : calc(100% - 180px);
	padding : 0 30px;
	padding-top : 4px;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl dd {
		width : calc(100% - 80px);
		padding : 0 5% 0 30px;
	}
}
section.history_area .inner .history_box dl dd.fw_lg {
	font-size : 20px;
	font-weight : var(--fw_md);
	padding-top : 0;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl dd.fw_lg {
		font-size : 16px;
		margin-top : -3px;
		padding : 0 5% 0 30px;
	}
}
section.history_area .inner .history_box dl dd ul {
	margin-top : 5px;
}
section.history_area .inner .history_box dl dd ul li {
	line-height : var(--lh_sm);
	padding-left : 1em;
	text-indent : -1em;
}
section.history_area .inner .history_box dl dd ul li:nth-child(n+2) {
	margin-top : 10px;
}
section.history_area .inner .history_box dl.img_txt {
	padding : 20px 0;
}
section.history_area .inner .history_box dl.img_txt:first-of-type {
	padding : 50px 0 20px;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl.img_txt:first-of-type {
		padding : 20px 0;
	}
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl.img_txt {
		padding : 20px 0;
	}
}
section.history_area .inner .history_box dl.img_txt dd {
	-webkit-box-orient : horizontal;
	-webkit-box-direction : normal;
	-ms-flex-direction : row;
	flex-direction : row;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;

	gap : 0 100px;
}
@media screen and (max-width: 1024px) {
	section.history_area .inner .history_box dl.img_txt dd {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		flex-direction : column;

		gap : 20px 0;
	}
}
section.history_area .inner .history_box dl.img_txt dd img {
	width : 100%;
	max-width : 250px;
	height : auto;
}
section.history_area .inner .history_box dl:nth-child(even) {
	background : var(--color_sub2);
}
section.history_area .inner .history_box dl:first-child::before {
	position : absolute;
	z-index : 2;
	top : 0px;
	left : 180px;
	width : 2px;
	height : 70px;
	content : "";
	background-image : -webkit-linear-gradient(top, #ffffff, #ffffff 3px, transparent 3px, transparent 8px);
	background-image : linear-gradient(to bottom, #ffffff, #ffffff 3px, transparent 3px, transparent 8px);
	background-repeat : repeat-y;
	background-size : 2px 8px;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl:first-child::before {
		left : 90px;
		width : 1px;
		height : 40px;
	}
}
section.history_area .inner .history_box dl:last-child::before {
	position : absolute;
	z-index : 2;
	bottom : 0;
	left : 180px;
	width : 2px;
	height : 50%;
	content : "";
	background-image : -webkit-linear-gradient(top, #ffffff, #ffffff 3px, transparent 3px, transparent 8px);
	background-image : linear-gradient(to bottom, #ffffff, #ffffff 3px, transparent 3px, transparent 8px);
	background-repeat : repeat-y;
	background-size : 2px 8px;
}
@media screen and (max-width: 768px) {
	section.history_area .inner .history_box dl:last-child::before {
		left : 90px;
		width : 1px;
		height : 40%;
	}
}
/*# sourceMappingURL=layout.css.map */