.innerBlock .upper {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.innerBlock .upper .head {
	position: relative;
}
.innerBlock .upper img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (max-width: 940px) {
	.innerBlock .upper img {
		width: 45px;
	}
}
.innerBlock .upper h2 {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 43px;
	text-align: center;
	letter-spacing: 0.2em;
	z-index: 1;
}
@media screen and (max-width: 940px) {
	.innerBlock .upper h2 {
		font-size: 24px;
		line-height: 150%;
		text-align: center;
		letter-spacing: 0.05em;
	}
}
.innerBlock .upper .text {
	display: block;
	position: relative;
	margin-top: 30px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	z-index: 1;
}
.innerBlock .upper .text.bold {
	font-weight: bold;
}
.innerBlock .upper .text.bold + .text {
	margin-top: 5px;
}
@media screen and (max-width: 600px) {
	.innerBlock .upper .text {
		margin: 20px 30px 0;
	}
}
.companyGuidelinesArea {
	margin-top: 100px;
}
.companyGuidelinesArea .innerBlock .lower {
	display: flex;
	justify-content: center;
	position: relative;
	max-width: 1500px;
	width: 100%;
	margin: auto;
}
.companyGuidelinesArea .innerBlock .left {
	position: absolute;
	max-width: 780px;
	width: 100%;
	left: 40px;
	z-index: 2;
}
.companyGuidelinesArea .innerBlock .left .largeBubble {
	height: 915px;
	background: url(../images/ir/img_bubble_01.svg) no-repeat center center;
}
.companyGuidelinesArea .innerBlock .left .smallBubble {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 420px;
	height: 420px;
	background: url(../images/ir/img_bubble_04.svg) no-repeat center center;
	z-index: -1;
}
.companyGuidelinesArea .innerBlock .left .inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	margin: auto;
	padding-left: 120px;
	z-index: 1;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item {
	width: 0;
	white-space: nowrap;
	transition: 3s;
	overflow: hidden;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item.is-show {
	-webkit-animation: title-cover-animation 0.8s forwards;
	animation: title-cover-animation 0.8s forwards;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item.is-show:nth-child(2) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item.is-show:nth-child(3) {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item.is-show:nth-child(1) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.companyGuidelinesArea .innerBlock .left .inner .cue-item.is-show:nth-child(2) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.companyGuidelinesArea .innerBlock .left .inner h2 {
	font-size: 36px;
	line-height: 65px;
	letter-spacing: 0.25em;
}
.companyGuidelinesArea .innerBlock .left .inner h2 .em {
	color: #ff8181;
}
.companyGuidelinesArea .innerBlock .left .inner .caption {
	margin-top: 20px;
	font-size: 18px;
	line-height: 41px;
	letter-spacing: 0.1em;
}
.companyGuidelinesArea .innerBlock .left .inner .moreBtn {
	display: block;
	position: relative;
	width: 270px;
	margin: 40px auto 0 0;
	z-index: 1;
}
@media screen and (min-width: 1100px) {
	.companyGuidelinesArea .innerBlock .left .inner .moreBtn:hover::after {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 1100px) {
	.companyGuidelinesArea .innerBlock .left .inner .moreBtn {
		margin: 50px auto 0;
	}
}
.companyGuidelinesArea .innerBlock .left .inner .moreBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 20px;
	height: 12px;
	margin: auto;
	background: url("../images/icon_arrow_01.svg") no-repeat;
	background-size: contain;
	transition: 0.3s;
}
.companyGuidelinesArea .innerBlock .left .inner .moreBtn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 270px;
	margin: auto;
	border-radius: 80px;
	background-color: #fff;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	z-index: -1;
}
.companyGuidelinesArea .innerBlock .left .inner .moreBtn a {
	display: block;
	padding: 26px 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.15em;
	text-align: center;
	color: #444;
	font-family: open-sans, sans-serif;
	font-weight: 600;
	font-style: normal;
}
@media screen and (min-width: 1150px) and (max-width: 1300px) {
	.companyGuidelinesArea .innerBlock .left {
		max-width: 680px;
		height: 815px;
		background-size: contain;
	}
	.companyGuidelinesArea .innerBlock .left .inner {
		padding-left: 100px;
	}
	.companyGuidelinesArea .innerBlock .left .inner h2 {
		font-size: 24px;
		line-height: 50px;
	}
	.companyGuidelinesArea .innerBlock .left .inner .caption {
		font-size: 14px;
		line-height: 35px;
	}
}
.companyGuidelinesArea .innerBlock .left .largeBubble {
	background-size: contain;
}
.companyGuidelinesArea .innerBlock .right {
	max-width: 810px;
	width: 100%;
	margin-top: 200px;
	padding-left: 720px;
}
@media screen and (max-width: 1300px) {
	.companyGuidelinesArea .innerBlock .right {
		padding-left: 580px;
	}
}
@media screen and (max-width: 1300px) and (max-width: 1149px) {
	.companyGuidelinesArea .innerBlock .right {
		margin-top: 100px;
	}
	.companyGuidelinesArea .innerBlock .right.cue-lazy.in {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}
}
@media screen and (max-width: 1300px) and (max-width: 1149px) and (max-width: 414px) {
	.companyGuidelinesArea .innerBlock .right {
		margin-top: 70px;
	}
}
.companyGuidelinesArea .innerBlock .right .bg {
	margin: 0 0 0 auto;
}
.companyGuidelinesArea .innerBlock .right .bg img {
	max-width: 810px;
	width: 100%;
	height: 810px;
	-o-object-fit: contain;
	object-fit: contain;
}
@media screen and (max-width: 1149px) {
	.companyGuidelinesArea .innerBlock .lower {
		flex-direction: column;
		height: auto;
	}
	.companyGuidelinesArea .innerBlock .left {
		position: relative;
		left: 0;
		order: 2;
		margin-top: -200px;
		z-index: 0;
	}
	.companyGuidelinesArea .innerBlock .left.cue-lazy.in {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}
}
@media screen and (max-width: 1149px) and (max-width: 599px) {
	.companyGuidelinesArea .innerBlock .left {
		margin-top: -250px;
		background-size: cover;
	}
	.companyGuidelinesArea .innerBlock .left .smallBubble {
		right: -100px;
	}
}
@media screen and (max-width: 1149px) and (max-width: 599px) {
	.companyGuidelinesArea .innerBlock .left .inner {
		left: 0;
		padding: 0 30px;
	}
}
@media screen and (max-width: 1149px) {
	.companyGuidelinesArea .innerBlock .left .inner h2 {
		font-size: 24px;
		line-height: 48px;
		letter-spacing: 0.05em;
	}
	.companyGuidelinesArea .innerBlock .left .inner .caption {
		font-size: 15px;
		line-height: 34px;
	}
}
@media screen and (max-width: 1149px) and (max-width: 320px) {
	.companyGuidelinesArea .innerBlock .left .inner .caption {
		font-size: 12px;
		line-height: 30px;
	}
}
@media screen and (max-width: 1149px) {
	.companyGuidelinesArea .innerBlock .left .inner .moreBtn {
		margin: 90px auto 0;
	}
	.companyGuidelinesArea .innerBlock .left .largeBubble {
		background-size: auto;
	}
	.companyGuidelinesArea .innerBlock .right {
		max-width: none;
		width: 80%;
		padding-left: 20%;
		order: 1;
	}
}
@media screen and (max-width: 1149px) and (max-width: 599px) {
	.companyGuidelinesArea .innerBlock .right {
		width: 100%;
		padding-left: 0;
	}
}
@media screen and (max-width: 1149px) {
	.companyGuidelinesArea .innerBlock .right .bg img {
		height: auto;
	}
}
.companyMessageArea {
	max-width: 1030px;
	margin: 145px auto 0;
}
.companyMessageArea .lower {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 120px;
}
@media screen and (max-width: 960px) {
	.companyMessageArea .lower {
		display: block;
		margin: 70px 0 0;
	}
}
.companyMessageArea .left {
	width: 297px;
}
.companyMessageArea .left.cue-lazy.in {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
@media screen and (max-width: 960px) {
	.companyMessageArea .left {
		margin: auto;
	}
}
@media screen and (max-width: 960px) and (max-width: 500px) {
	.companyMessageArea .left {
		width: 224px;
	}
}
.companyMessageArea .left img {
	width: 100%;
}
.companyMessageArea .left .text {
	display: block;
	margin-top: 10px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.2em;
	color: #444;
}
@media screen and (max-width: 500px) {
	.companyMessageArea .left .text {
		line-height: 17px;
	}
}
.companyMessageArea .left .text:last-child {
	margin-top: 2px;
	font-weight: bold;
	font-size: 20px;
}
@media screen and (max-width: 500px) {
	.companyMessageArea .left .text:last-child {
		font-size: 18px;
		margin-top: 7px;
	}
}
.companyMessageArea .right {
	width: 645px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.companyMessageArea .right.cue-lazy.in {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
@media screen and (max-width: 960px) {
	.companyMessageArea .right {
		margin: 60px auto 0;
	}
}
@media screen and (max-width: 960px) and (max-width: 750px) {
	.companyMessageArea .right {
		width: auto;
		margin: 60px 30px 0;
	}
}
.companyMessageArea .right h3 {
	font-size: 30px;
	line-height: 200%;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 500px) {
	.companyMessageArea .right h3 {
		font-size: 18px;
	}
}
.companyMessageArea .right .textarea {
	margin-top: 50px;
}
.companyMessageArea .right .textarea .text {
	font-size: 16px;
	line-height: 230%;
}
.companyMessageArea .right .textarea .text:nth-child(n + 2) {
	margin-top: 55px;
}
@media screen and (max-width: 500px) {
	.companyMessageArea .right .textarea .text {
		font-size: 16px;
		line-height: 200%;
		text-align: justify;
	}
	.companyMessageArea .right .textarea .text:nth-child(n + 2) {
		margin-top: 50px;
	}
}
.companyMessageArea .right .bgBubble {
	position: absolute;
	top: 190px;
	right: -330px;
	z-index: -1;
}
@media screen and (max-width: 540px) {
	.companyMessageArea .right .bgBubble {
		top: 330px;
		right: 0;
		bottom: 0;
		left: -140px;
		margin: auto;
	}
}
.companyMessageArea .right .largeBubble {
	width: 780px;
	height: 700px;
	background: url(../images/company/img_bubble_01_large.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 540px) {
	.companyMessageArea .right .largeBubble {
		width: 610px;
		height: 590px;
	}
}
.companyMessageArea .right .smallBubble {
	position: absolute;
	right: -80px;
	bottom: 0;
	z-index: -1;
	width: 350px;
	height: 350px;
	background: url(../images/company/img_bubble_01_small.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 540px) {
	.companyMessageArea .right .smallBubble {
		right: -150px;
		bottom: 210px;
		width: 260px;
		height: 270px;
	}
}
@media screen and (max-width: 540px) and (max-width: 320px) {
	.companyMessageArea .right .smallBubble {
		bottom: 300px;
	}
}
.companyMessageArea.onlyText {
	position: relative;
	max-width: 1030px;
	margin: 75px auto 0;
}
.companyMessageArea.onlyText .innerBlock {
	display: flex;
	justify-content: space-between;
}
.companyMessageArea.onlyText .bgBubble {
	position: absolute;
	top: 158px;
	left: 200px;
	z-index: -1;
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText .bgBubble {
		left: -50px;
	}
}
@media screen and (max-width: 960px) and (max-width: 540px) {
	.companyMessageArea.onlyText .bgBubble {
		top: auto;
		bottom: 110px;
	}
}
.companyMessageArea.onlyText .left {
	width: 297px;
	height: 875px;
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText .left {
		display: none;
	}
}
.companyMessageArea.onlyText .largeBubble {
	width: 440px;
	height: 420px;
	background: url(../images/company/img_bubble_02_large.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 540px) {
	.companyMessageArea.onlyText .largeBubble {
		width: 440px;
		height: 420px;
	}
}
.companyMessageArea.onlyText .smallBubble {
	position: absolute;
	left: -80px;
	bottom: 0;
	z-index: -1;
	width: 230px;
	height: 210px;
	background: url(../images/company/img_bubble_02_small.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 540px) {
	.companyMessageArea.onlyText .smallBubble {
		bottom: -40px;
		left: -100px;
		width: 250px;
		height: 260px;
	}
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText {
		max-width: none;
		width: 645px;
		margin: 60px auto 0;
		padding-left: 0;
	}
}
@media screen and (max-width: 960px) and (max-width: 750px) {
	.companyMessageArea.onlyText {
		width: auto;
	}
}
.companyMessageArea.onlyText .head h3 {
	font-size: 20px;
	line-height: 180%;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
	.companyMessageArea.onlyText .head h3 {
		font-size: 18px;
		line-height: 150%;
	}
}
.companyMessageArea.onlyText .list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText .list {
		display: block;
	}
}
.companyMessageArea.onlyText ul {
	width: 400px;
}
.companyMessageArea.onlyText ul:first-child {
	width: 350px;
}
@media screen and (max-width: 750px) {
	.companyMessageArea.onlyText ul {
		width: auto;
	}
	.companyMessageArea.onlyText ul:first-child {
		width: auto;
	}
}
.companyMessageArea.onlyText ul .text {
	display: block;
	position: relative;
	margin-top: 0;
	padding-left: 25px;
	font-size: 16px;
	line-height: 250%;
	text-align: left;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #444;
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText ul .text {
		margin: 0;
	}
}
@media screen and (max-width: 960px) and (max-width: 750px) {
	.companyMessageArea.onlyText ul .text {
		font-size: 16px;
		line-height: 200%;
		text-align: justify;
	}
}
.companyMessageArea.onlyText ul .text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 17px;
	height: 17px;
	margin: auto;
	background: url(../images/company/img_bubble_list_01.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 750px) {
	.companyMessageArea.onlyText .upper {
		margin: 0 auto;
	}
}
.companyMessageArea.onlyText .lower {
	margin-top: 50px;
}
@media screen and (max-width: 960px) {
	.companyMessageArea.onlyText .lower {
		margin-top: 35px;
	}
}
@media screen and (max-width: 960px) and (max-width: 750px) {
	.companyMessageArea.onlyText .lower {
		margin: 35px auto 0;
	}
}
.companyMessageArea.onlyText .lower .text {
	font-size: 16px;
	line-height: 230%;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.companyMessageArea.onlyText .lower .text:nth-child(n + 2) {
	margin-top: 50px;
}
.companyMessageArea.guidelines {
	margin: 0 auto;
}
@media screen and (max-width: 1149px) {
	.companyMessageArea.guidelines {
		margin: 0 30px;
	}
}
.companyMessageArea.guidelines .innerBlock h3 {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 30px;
	line-height: 43px;
	letter-spacing: 0.2em;
	text-align: center;
	color: #444;
}
.companyMessageArea.guidelines .innerBlock .lower {
	margin-top: 40px;
	justify-content: center;
}
.companyMessageArea.guidelines .innerBlock .lower li {
	display: flex;
	align-items: center;
}
.companyMessageArea.guidelines .innerBlock .lower li:not(:first-child) {
	margin-top: 30px;
}
@media screen and (max-width: 650px) {
	.companyMessageArea.guidelines .innerBlock .lower li {
		display: block;
	}
}
.companyMessageArea.guidelines .innerBlock .lower .title {
	display: block;
	position: relative;
	width: 120px;
	margin-left: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;
	letter-spacing: 0.2em;
	color: #34aee2;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
}
@media screen and (max-width: 480px) {
	.companyMessageArea.guidelines .innerBlock .lower .title {
		width: auto;
	}
}
.companyMessageArea.guidelines .innerBlock .lower .title::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -12px;
	width: 32px;
	height: 32px;
	background: url(../images/company/img_bubble_list_02.svg) no-repeat;
	background-size: contain;
	z-index: -1;
}
.companyMessageArea.guidelines .innerBlock .lower .text {
	display: block;
	width: 600px;
	margin-left: 25px;
	font-size: 16px;
	line-height: 200%;
	color: #444;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 650px) {
	.companyMessageArea.guidelines .innerBlock .lower .text {
		width: auto;
		margin-left: 0;
	}
}
.companyDetailArea {
	margin-top: 60px;
}
@media screen and (max-width: 500px) {
	.companyDetailArea {
		margin-top: 70px;
	}
}
.companyDetailArea .innerBlock {
	max-width: 1050px;
	margin: auto;
}
.companyDetailArea .lower {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 1100px) {
	.companyDetailArea .lower {
		display: block;
		padding: 0 30px;
	}
}
.companyDetailArea .lower .detailList > li {
	display: flex;
	padding: 14px 0;
}
@media screen and (max-width: 500px) {
	.companyDetailArea .lower .detailList > li {
		display: block;
	}
}
.companyDetailArea .lower .detailList > li:not(:last-child) {
	border-bottom: 1px solid #34aee2;
}
.companyDetailArea .lower .detailList > li li .text {
	position: relative;
	padding-left: 10px;
}
.companyDetailArea .lower .detailList > li li .text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	height: 3px;
	margin: auto;
	border-radius: 100%;
	background-color: #444;
}
.companyDetailArea .lower .detailList > li li:nth-child(5) .text::before {
	content: none;
}
.companyDetailArea .lower .detailList > li .list-right li .text {
	padding-left: 0;
}
.companyDetailArea .lower .detailList > li .list-right li .text::before {
	content: none;
}
.companyDetailArea .lower .left .detailList > li:first-child {
	padding-top: 0;
}
@media screen and (max-width: 1100px) {
	.companyDetailArea .lower .right .detailList > li:first-child {
		border-top: 1px solid #34aee2;
	}
}
.companyDetailArea .lower .title {
	width: 110px;
	font-size: 16px;
	font-weight: 600;
	line-height: 180%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #34aee2;
}
.companyDetailArea .lower .text {
	font-size: 16px;
	line-height: 180%;
	color: #444;
}
.companyMapArea {
	margin-top: 60px;
}
@media screen and (max-width: 500px) {
	.companyMapArea {
		margin-top: 100px;
	}
}
.companyMapArea .innerBlock {
	max-width: 1145px;
	margin: auto;
}
.companyMapArea .lower {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
@media screen and (max-width: 1200px) {
	.companyMapArea .lower {
		display: block;
		padding: 0 30px;
	}
}
.companyMapArea .lower .right,
.companyMapArea .lower .left {
	width: 560px;
}
@media screen and (max-width: 1200px) {
	.companyMapArea .lower .right,
	.companyMapArea .lower .left {
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	.companyMapArea .lower .right {
		margin-top: 50px;
	}
}
.companyMapArea .lower .title {
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #34aee2;
}
@media screen and (max-width: 500px) {
	.companyMapArea .lower .title {
		font-size: 18px;
	}
}
.companyMapArea .lower .title .text {
	position: relative;
	padding-left: 50px;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.2em;
}
.companyMapArea .lower .title .text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 37px;
	height: 30px;
	margin: auto;
	background: url(../images/company/icon_access.svg) no-repeat;
	background-size: contain;
}
.companyMapArea .lower .text {
	padding-top: 6px;
	font-size: 16px;
	line-height: 200%;
}
.companyMapArea .lower .head {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.companyMapArea .lower .map {
	margin-top: 27px;
}
.companyMapArea .lower .map iframe {
	width: 100%;
}
@media screen and (max-width: 500px) {
	.companyMapArea .lower .map iframe {
		max-height: 208px;
	}
}
.companyHistoryArea {
	margin-top: 160px;
}
@media screen and (max-width: 500px) {
	.companyHistoryArea {
		margin-top: 110px;
	}
}
.companyHistoryArea .lower {
	background-color: #effaff;
	margin-top: 70px;
	padding: 100px 0;
	background: url(../images/company/bg_bubble_01.jpg) no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower {
		margin-top: 65px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 500px) {
	.companyHistoryArea .lower {
		background: url(../images/company/bg_bubble_01_SP.jpg) no-repeat;
		background-size: cover;
	}
}
.companyHistoryArea .lower .inner {
	max-width: 950px;
	margin: auto;
}
.companyHistoryArea .lower .inner.cue-lazy.in {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower .inner {
		margin: 100%;
		margin: 0 30px;
	}
}
.companyHistoryArea .lower ul li {
	display: flex;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower ul li {
		display: block;
	}
	.companyHistoryArea .lower ul li:not(:first-child) {
		margin-top: 25px;
	}
}
.companyHistoryArea .lower .title {
	display: flex;
	justify-content: space-between;
	width: 135px;
	font-weight: bold;
	font-size: 16px;
	line-height: 200%;
	letter-spacing: 0.2em;
	color: #34aee2;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower .title {
		line-height: 180%;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}
}
@media screen and (max-width: 1100px) and (max-width: 500px) {
	.companyHistoryArea .lower .title {
		justify-content: unset;
		width: auto;
	}
}
.companyHistoryArea .lower .title.m-only {
	justify-content: flex-end;
}
.companyHistoryArea .lower .title.m-only .year {
	display: none;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower .title.m-only {
		justify-content: space-between;
	}
}
@media screen and (max-width: 1100px) and (max-width: 500px) {
	.companyHistoryArea .lower .title.m-only {
		justify-content: unset;
	}
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower .title.m-only .year {
		display: block;
	}
}
.companyHistoryArea .lower .title .year + .month {
	padding-left: 12px;
}
.companyHistoryArea .lower .text {
	max-width: 774px;
	margin-left: 40px;
	font-size: 16px;
	line-height: 200%;
}
@media screen and (max-width: 1100px) {
	.companyHistoryArea .lower .text {
		margin-left: 0;
		line-height: 180%;
	}
}
.companyFeatureArea {
	height: 950px;
	margin-top: 120px;
	padding-bottom: 123px;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea {
		max-width: 550px;
		height: auto;
		margin: 150px auto 0;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea {
		max-width: none;
	}
}
.companyFeatureArea .innerBlock {
	max-width: 1140px;
	height: 100%;
	margin: auto;
}
.companyFeatureArea .lower {
	position: relative;
	height: 100%;
	margin-top: 80px;
}
@media screen and (max-width: 630px) {
	.companyFeatureArea .lower {
		margin: 80px 30px 0 30px;
	}
}
.companyFeatureArea .lower .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 540px;
	height: 512px;
	margin: auto;
	z-index: 1;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .img {
		position: relative;
		width: auto;
		height: auto;
	}
}
.companyFeatureArea .lower .img img {
	width: 100%;
}
.companyFeatureArea .lower .detail {
	position: absolute;
	width: 367px;
	height: 180px;
	padding: 10px 0;
	border-radius: 20px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail {
		position: relative;
		width: 550px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail {
		width: auto;
		padding: 20px 0 24px;
	}
}
.companyFeatureArea .lower .detail .inner {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.companyFeatureArea .lower .detail .title {
	display: block;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.2em;
	text-align: center;
}
.companyFeatureArea .lower .detail .textarea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 300px;
	margin: 5px auto 0;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail .textarea {
		display: block;
		width: 340px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail .textarea {
		width: auto;
		padding: 0 22px;
	}
}
.companyFeatureArea .lower .detail .textarea .text {
	margin-right: 18px;
}
@media screen and (max-width: 630px) {
	.companyFeatureArea .lower .detail .textarea .text {
		margin-right: 10px;
	}
}
.companyFeatureArea .lower .detail .item {
	display: block;
	position: relative;
	padding-left: 18px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 200%;
	text-align: center;
	color: #444;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail .item {
		display: unset;
	}
}
.companyFeatureArea .lower .detail .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	margin: auto;
	border-radius: 15px;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail .item::before {
		top: 5px;
		bottom: auto;
	}
}
.companyFeatureArea .lower .detail.bottom {
	width: 800px;
	height: 67px;
}
.companyFeatureArea .lower .detail.bottom .inner {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.bottom .inner {
		display: block;
	}
}
.companyFeatureArea .lower .detail.bottom .title {
	margin-left: 44px;
}
.companyFeatureArea .lower .detail.bottom .textarea {
	width: auto;
	margin: auto;
}
.companyFeatureArea .lower .detail.bottom .textarea .text:last-child {
	margin-right: 44px;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.bottom .textarea {
		width: 370px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail.bottom .textarea {
		width: auto;
	}
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.bottom {
		width: 550px;
		height: 180px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail.bottom {
		width: auto;
	}
}
.companyFeatureArea .lower .detail.blue {
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(186, 222, 255, 0.2);
}
.companyFeatureArea .lower .detail.blue .title {
	color: #34aee2;
}
.companyFeatureArea .lower .detail.blue .item::before {
	background-color: #34aee2;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.blue {
		top: auto;
		right: auto;
		left: auto;
		margin-top: 30px;
	}
}
.companyFeatureArea .lower .detail.purple {
	top: 150px;
	right: 0;
	background-color: rgba(219, 198, 255, 0.2);
}
.companyFeatureArea .lower .detail.purple .textarea {
	width: 330px;
}
.companyFeatureArea .lower .detail.purple .textarea .text:last-child {
	margin-right: 0;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.purple .textarea {
		width: 370px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail.purple .textarea {
		width: auto;
	}
}
.companyFeatureArea .lower .detail.purple .title {
	color: #927cb7;
}
.companyFeatureArea .lower .detail.purple .item::before {
	background-color: #dbc6ff;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.purple {
		top: auto;
		right: auto;
	}
}
.companyFeatureArea .lower .detail.red {
	right: 0;
	bottom: 150px;
	background-color: rgba(255, 210, 210, 0.2);
}
.companyFeatureArea .lower .detail.red ul li:nth-child(4) {
	margin-right: 20px;
}
.companyFeatureArea .lower .detail.red .title {
	color: #ff8181;
}
.companyFeatureArea .lower .detail.red .item::before {
	background-color: #ffd2d2;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.red {
		right: auto;
		bottom: auto;
	}
}
.companyFeatureArea .lower .detail.yellow {
	bottom: 150px;
	left: 0;
	background-color: rgba(255, 238, 162, 0.2);
}
.companyFeatureArea .lower .detail.yellow .title {
	color: #facd00;
}
.companyFeatureArea .lower .detail.yellow .item::before {
	background-color: #ffeea2;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.yellow {
		bottom: auto;
		left: auto;
	}
}
.companyFeatureArea .lower .detail.green {
	top: 150px;
	left: 0;
	background-color: rgba(176, 234, 219, 0.2);
}
.companyFeatureArea .lower .detail.green .textarea {
	width: 340px;
}
.companyFeatureArea .lower .detail.green .textarea .text:nth-child(3) {
	margin-right: 0;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.green .textarea {
		width: 370px;
	}
	.companyFeatureArea .lower .detail.green .textarea .text:nth-child(3) {
		margin-right: 18px;
	}
}
@media screen and (max-width: 1100px) and (max-width: 630px) {
	.companyFeatureArea .lower .detail.green .textarea {
		width: auto;
	}
}
.companyFeatureArea .lower .detail.green .title {
	color: #4fb99f;
}
.companyFeatureArea .lower .detail.green .item::before {
	background-color: #b0eadb;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.green {
		top: auto;
		left: auto;
	}
}
.companyFeatureArea .lower .detail.yellowGreen {
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(231, 255, 137, 0.2);
}
.companyFeatureArea .lower .detail.yellowGreen .title {
	color: #c2d934;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.yellowGreen .title {
		margin-left: 0;
	}
}
.companyFeatureArea .lower .detail.yellowGreen .item::before {
	background-color: #e7ff89;
}
@media screen and (max-width: 1100px) {
	.companyFeatureArea .lower .detail.yellowGreen {
		bottom: auto;
		right: auto;
		left: auto;
		margin-top: 10px;
	}
}
.companyFeatureArea + .companyDetailArea {
	margin-top: 180px;
}
@media screen and (max-width: 500px) {
	.companyFeatureArea + .companyDetailArea {
		margin-top: 100px;
	}
}