@charset "UTF-8";

/* index kv ---------------------------------------*/
.indexkv {
	position: relative;
	z-index: 2;
	height: 100dvh;
	min-height: calc(800 / 1440 * 100vw);
}

.indexkv-video {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.indexkv-video::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.indexkv-video video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.indexkv-title {
	position: absolute;
	top: 49%;
	left: 7.5%;
	z-index: 2;
	transform: translateY(-50%);
	width: max(calc(374 / 1440 * 100vw), 374px);
}

.indexkv-title img {
	width: 100%;
}

.indexkv-text {
	position: absolute;
	top: 64%;
	right: 9%;
	z-index: 2;
	font-size: max(calc(18 / 1440 * 100vw), 18px);
	font-weight: 500;
	line-height: calc(28 / 18);
	letter-spacing: 0.1em;
	color: #fff;
}


/* indexmission ---------------------------------------*/
.indexmission {
	position: relative;
	z-index: 1;
	border-radius: 0 0 0 136px;
	margin-bottom: 50px;
	padding: 100px 20px 260px;
	background-image: url(../img/common/bg_01.webp);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #191a19;
	box-shadow: 232px 50px 0 #044e46;
}

.indexmission-title {
	font-size: 86px;
}

.indexmission-summary {
	margin-left: calc(360 / 1200 * 100%);
}

.indexmission-line {
	position: absolute;
	top: -50px;
	left: 1090px;
	right: 0;
	margin: 0 auto;
}

.indexmission-image-wrapper {
	position: absolute;
	top: 30%;
	right: 0;
	z-index: 1;
}

.indexmission-image-01 {
	position: relative;
	z-index: 1;
	width: min(calc(277 / 1440 * 100vw), 277px);
	margin: 0 min(calc(30 / 1440 * 100vw), 30px) -20px auto;
}
.indexmission-image-01 img {
	width: 100%;
}
.indexmission-image-02 {
	position: relative;
	z-index: 2;
	width: min(calc(398 / 1440 * 100vw), 398px);
	border-radius: 25px 0 0 25px;
	overflow: hidden;
}

.indexmission-image-02 img {
	width: 100%;
}


/* indexreason ---------------------------------------*/
.indexreason {
	position: relative;
	z-index: 2;
	padding: 150px 20px 160px;
}

.indexreason-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(76 / 1200 * 100%);
}

.indexreason-summary {
	width: fit-content;
	order: 2;
}

.indexreason-btn {
	margin-top: 40px;
}

.indexreason-iamge-wrapper {
	position: relative;
	width: calc(388 / 1200 * 100%);
	order: 1;
}

.indexreason-image-01 {
	position: absolute;
	bottom: calc(100% - 10px);
	left: 5%;
	z-index: 1;
	width: calc(218 / 388 * 100%);
}

.indexreason-image-01 img {
	width: 100%;
}

.indexreason-image-02 {
	position: relative;
	z-index: 2;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 68px;
	background: #fff;
	overflow: hidden;
}

.indexreason-image-02 img {
	width: 100%;
}

.indexreason-line {
	position: absolute;
	top: -290px;
	left: -1640px;
	right: 0;
	margin: 0 auto;
}


/* indexworth ---------------------------------------*/
.indexworth {
	position: relative;
	z-index: 3;
	padding: 0 20px 40px;
}

.indexworth-block {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: calc(76 / 1200 * 100%);
	position: relative;
	z-index: 1;
	margin: 0 0 0 auto;
	padding: 150px 0 200px 50px;
	max-width: 1056px;
}

.indexworth-block::before {
	position: absolute;
	top: 0;
	right: calc(50% - 50vw);
	z-index: -1;
	width: calc(50% + 50vw);
	height: 100%;
	border-radius: 39px 0 0 39px;
	background-image: url(../img/common/bg_01.webp);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #191a19;
	box-shadow: 72px 36px 0 #044e46;
	content: '';
}

.indexworth-summary {
	width: fit-content;
}

.indexworth-btn {
	margin-top: 40px;
}

.indexworth-block-image {
	width: min(calc(388 / 1440 * 100vw), 388px);
	aspect-ratio: 1 / 1;
	border-radius: 68px;
	overflow: hidden;
}

.indexworth-block-image img {
	width: 100%;
}

.indexworth-tab-image {
	top: -300px;
}


/* indexstability ---------------------------------------*/
.indexstability {
	position: relative;
	z-index: 2;
	padding: 150px 20px 80px;
}

.indexstability-block {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: calc(76 / 1200 * 100%);
}

.indexstability-summary {
	margin-right: calc(200 / 1200 * 100%);
	width: fit-content;
	order: 2;
}

.indexstability-btn {
	margin-top: 40px;
}

.indexstability-block-image {
	width: calc(388 / 1200 * 100%);
	aspect-ratio: 1 / 1;
	border-radius: 68px;
	overflow: hidden;
}

.indexstability-block-image img {
	width: 100%;
}

.indexstability-image {
	position: absolute;
	top: 50px;
	right: 2%;
	z-index: 1;
	width: min(calc(197 / 1440 * 100vw), 197px);
}

.indexstability-image img {
	width: 100%;
}


/* indexevaluation ---------------------------------------*/
.indexevaluation {
	position: relative;
	z-index: 2;
	padding: 40px 20px 160px;
}

.indexevaluation .inner {
	position: relative;
	z-index: 1;
}

.indexevaluation-wrapper {
	position: relative;
	z-index: 1;
	padding: 150px 150px 150px 0;
	width: fit-content;
}

.indexevaluation-wrapper::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	width: calc(50% + 50vw);
	height: 100%;
	border-radius: 0 39px 39px 0;
	background-image: url(../img/common/bg_01.webp);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #191a19;
	box-shadow: -144px -36px 0 #044e46;
	content: '';
}

.indexevaluation-btn {
	margin-top: 40px;
}

.indexevaluation-block-01 {
	position: absolute;
	top: 200px;
	right: 0;
	width: min(calc(520 / 1240 * 100vw), 520px);
}

.indexevaluation-block-01 img {
	width: 100%;
}

.indexevaluation-block-02 {
	margin: 100px auto 0 30%;
	width: min(calc(600 / 1240 * 100vw), 600px);
}

.indexevaluation-block-02 img {
	width: 100%;
}

.indexevaluation-line {
	position: absolute;
	top: -150px;
	left: 1200px;
	right: 0;
	margin: 0 auto;
}


/* indexearn ---------------------------------------*/
.indexearn {
	position: relative;
	z-index: 3;
	padding: 0 20px 40px;
}

.indexearn-block {
	position: relative;
	z-index: 1;
	margin: 0 0 0 auto;
	padding: 150px 0 80px 160px;
	max-width: 1056px;
}

.indexearn-block::before {
	position: absolute;
	top: 0;
	right: calc(50% - 50vw);
	z-index: -1;
	width: calc(50% + 50vw);
	height: 100%;
	border-radius: 39px 0 0 39px;
	background-image: url(../img/common/bg_01.webp);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #191a19;
	box-shadow: 72px 36px 0 #044e46;
	content: '';
}

.indexearn-summary {
	position: relative;
	min-height: 540px;
}

.indexearn-btn {
	margin-top: 40px;
}

.indexearn-block-image {
	position: absolute;
	top: 150px;
	right: 0;
	width: calc(388 / 896 * 100%);
	aspect-ratio: 1 / 1;
	border-radius: 68px;
	overflow: hidden;
}

.indexearn-block-image img {
	width: 100%;
}

.indexearn-image {
	position: absolute;
	bottom: calc(100% - 100px);
	left: -900px;
	right: 0;
	margin: 0 auto;
	z-index: -1;
	width: min(calc(380 / 1440 * 100vw), 380px);
}

.indexearn-image img {
	width: 100%;
}

.indexearn-line {
	position: absolute;
	bottom: -410px;
	left: -1100px;
	right: 0;
	margin: 0 auto;
}


/* indexperk ---------------------------------------*/
.indexperk {
	position: relative;
	z-index: 2;
	padding: 160px 20px 80px;
}

.indexperk-block {
	display: flex;
	justify-content: center;
	gap: calc(50 / 1200 * 100%);
}

.indexperk-title {
	position: relative;
	z-index: 1;
	padding: 70px 0 0 100px;
	width: fit-content;
	height: fit-content;
}

.indexperk-image {
	max-width: 465px;
	width: 100%;
}

.indexperk-image img {
	width: 100%;
}


/* sectioninformation ---------------------------------------*/
.sectioninformation {
	padding: 150px 20px 30px;
}

.sectioninformation-block {
	display: flex;
	justify-content: center;
	gap: calc(110 / 1200 * 100%);
}

.sectioninformation-title {
	position: relative;
	flex-shrink: 0;
	padding-top: 40px;
	width: calc(340 / 1200 * 100%);
	min-width: 242px;
	font-size: 42px;
	line-height: 1.1;
	text-align: right;
	letter-spacing: 0.05em;
}

.sectioninformation-title::before,
.sectioninformation-title::after {
	position: absolute;
	bottom: 100%;
	right: 0;
	content: '';
}

.sectioninformation-title::before {
	z-index: 1;
	width: calc(calc(340 / 1200 * 100%) + 50vw - 50%);
	height: 3px;
	background: #044e46;
}

.sectioninformation-title::after {
	z-index: 2;
	width: 242px;
	height: 120px;
	background: url('../img/common/img_books.webp') no-repeat center center / contain;
}

.sectioninformation-summary {
	flex: 1;
	max-width: 615px;
}

.sectioninformation-list > li + li {
	margin-top: 20px;
}

.sectioninformation-list > li > a {
	display: flex;
	gap: 20px;
}

.sectioninformation-list-date {
	margin-top: 1px;
	font-size: 14px;
	letter-spacing: 0.085em;
}

.sectioninformation-list-cat {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sectioninformation-list-cat-label {
	display: inline-block;
	padding: 4px 10px;
	margin-top: 1px;
	border-radius: 30px;
	background: #044e46;
	height: fit-content;
	font-size: 12px;
	letter-spacing: 0.085em;
	color: #fff;
	text-align: center;
	line-height: 1.1;
	white-space: nowrap;
}

.sectioninformation-list-title {
	font-size: 16px;
	letter-spacing: 0.085em;
}

.sectioninformation-btn {
	margin-top: 40px;
	text-align: right;
}


/* indexinfo ---------------------------------------*/
.indexinfo {
	position: relative;
	z-index: 2;
	border-radius: 0 38px 105px 0;
	margin-top: 130px;
	padding: 160px 20px 60px;
	background-image: url(../img/common/bg_01.webp);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #191a19;
	/* box-shadow: -232px 50px 0 #044e46; */
}

.indexinfo-list {
	display: flex;
	gap: calc(48 / 1200 * 100%);
}

.indexinfo-list > li {
	position: relative;
	z-index: 1;
	width: calc(576 / 1200 * 100%);
}

.indexinfo-toplist {
	margin-bottom: 100px;
}

.indexinfo-list > li.adj-above {
	transform: translateY(-220px);
}

.indexinfo-toplist > li > a {
	display: block;
	position: relative;
	min-height: 269px;
	padding: 40px;
	border-radius: 20px;
}

.indexinfo-toplist > li:first-of-type > a {background: #044e46;}
.indexinfo-toplist > li:nth-of-type(2) > a {
	z-index: 3;
	background: #f6b71e;
}

.indexinfo-toplist > li > a::after {
	position: absolute;
	top: 24px;
	right: 30px;
	z-index: 1;
	width: 36px;
	height: 31px;
	-webkit-mask: url('../img/common/img_arrow.svg') no-repeat center center / contain;
	mask: url('../img/common/img_arrow.svg') no-repeat center center / contain;
	content: '';
	transition: all 0.25s ease;
}

.indexinfo-toplist > li:first-of-type > a::after {background: #ea89a4;}
.indexinfo-toplist > li:nth-of-type(2) > a::after {background: #fff;}

.indexinfo-toplist > li > a:hover {
	opacity: 1;
	transform: scale(1.02);
}

.indexinfo-toplist > li > a:hover::after {
	top: 16px;
	right: 22px;
}


.indexinfo-list-title {
	margin-bottom: 20px;
	font-size: 64px;
	line-height: 1;
	letter-spacing: 0.05em;
}

.indexinfo-list-lead {
	padding-left: calc(40 / 500 * 100%);
}

.indexinfo-list-text {
	padding-left: calc(40 / 500 * 100%);
}

.indexinfo-list-image {
	position: absolute;
	z-index: 2;
}

.indexinfo-toplist-image-01 {
	bottom: 70%;
	left: 280px;
	width: calc(69 / 500 * 100%);
}

.indexinfo-toplist-image-02 {
	bottom: 97%;
	right: -50px;
	width: calc(355 / 500 * 100%);
}

.indexinfo-bottomlist > li {
	min-height: 526px;
}

.indexinfo-bottomlist-inner {
	position: relative;
	z-index: 3;
	padding: 40px;
	width: 100%;
	height: 100%;
}

.indexinfo-bottomlist > li:first-of-type .indexinfo-bottomlist-inner {
	background: #ea89a4;
	border-radius: 20px 20px 0 0;
}
.indexinfo-bottomlist > li:nth-of-type(2) .indexinfo-bottomlist-inner{
	background: #044e46;
	border-radius: 20px 20px 108px 0;
}

.indexinfo-bottomlist-link {
	margin-top: 60px;
	text-align: center;
}

.indexinfo-bottomlist-link > li + li {
	margin-top: 40px;
}

.indexinfo-bottomlist-image-01 {
	bottom: 100%;
	left: 0;
	width: calc(298 / 500 * 100%);
}


/* indexmessage ---------------------------------------*/
.indexmessage {
	position: relative;
	z-index: 1;
	padding: 100px 20px 80px;
}

.indexmessage::before {
	position: absolute;
	top: 100px;
	left: -1800px;
	right: 0;
	margin: 0 auto;;
	z-index: 1;
	width: min(calc(460 / 1440 * 100vw), 460px);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #1a1a1a;
	content: '';
}

.indexmessage-title {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	padding: 70px 100px 0 0;
	width: fit-content;
}

.indexmessage-title .section-title {
	font-size: 64px;
}

.indexmessage-image {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 500px;
	right: 0;
	margin: 0 auto;
	width: min(calc(271 / 1440 * 100vw), 271px);
}

.indexmessage-line {
	position: absolute;
	top: -50px;
	left: 1000px;
	right: 0;
	margin: 0 auto;
}


/* small pc */
@media screen and (max-width: 1440px){
	.indexmission-line {left: 75%;}
	.indexreason-line {left: -114%;}
	.indexevaluation-line{left: 83.5%;}
	.indexearn-line {left: -76%;}
	.indexmessage-line {left: 69.5%;}
	.indexstrength-numberlist > li {
		right: 0;
	}
}

@media screen and (max-width: 1240px){
	.indexevaluation-wrapper {
    padding: 150px 30px 150px 0;
	}
	.indexearn-image {
		bottom: 90%;
    left: -72%;
	}
}

/* sp only */
@media screen and (max-width: 767px){
	/* index kv ---------------------------------------*/
	.indexkv {
		min-height: calc(600 / 375 * 100vw);
	}

	.indexkv-title {
		position: absolute;
		top: unset;
		bottom: 36%;
		left: 5%;
		z-index: 2;
		transform: translateY(-50%);
		width: calc(200 / 375 * 100vw);
	}

	.indexkv-text {
		top: unset;
		bottom: 6%;
		left: 5%;
		right: unset;
		font-size: 16px;
		line-height: 1.5;
	}


	/* indexmission ---------------------------------------*/
	.indexmission {
		border-radius: 0 0 0 70px;
		margin-bottom: 32px;
		padding: 60px 20px 60px;
		box-shadow: 110px 32px 0 #044e46;
	}

	.indexmission-title {
		font-size: 60px;
	}

	.indexmission-summary {
		margin-left: unset;
	}

	.indexmission-line {
		top: -40px;
		left: 110px;
	}

	.indexmission-image-wrapper {
		position: unset;
		margin: 30px -20px 0 auto;
	}

	.indexmission-image-01 {
		width: 180px;
		margin: 0 10px -20px auto;
	}

	.indexmission-image-02 {
		margin-left: auto;
		max-width: 320px;
		width: 100%;
		border-radius: 25px 0 0 25px;
	}


	/* indexreason ---------------------------------------*/
	.indexreason {
		padding: 100px 20px 100px;
	}

	.indexreason-block {
		display: block;
	}

	.indexreason-summary {
		width: 100%;
	}

	.indexreason-btn {
		margin-top: 32px;
	}

	.indexreason-iamge-wrapper {
		width: 300px;
		margin: 40px auto 0;
	}

	.indexreason-image-01 {
		position: unset;
		margin: 0 auto -10px;
		width: 110px;
	}

	.indexreason-image-02 {
		margin: 0 auto;
		width: 100%;
		max-width: 280px;
		border-radius: 34px;
	}

	.indexreason-line {
		top: -170px;
		left: -510px;
	}


	/* indexworth ---------------------------------------*/
	.indexworth {
		padding: 0 20px 32px;
	}

	.indexworth-block {
		display: block;
		margin-left: 35px;
		padding: 50px 0 50px 32px;
		width: calc(100% - 35px);
		max-width: unset;
	}

	.indexworth-block::before {
		box-shadow: 60px 32px 0 #044e46;
	}

	.indexworth-summary {
		width: 100%;
	}

	.indexworth-btn {
		margin-top: 32px;
	}

	.indexworth-block-image {
		margin: 40px auto 0;
		width: 100%;
		max-width: 300px;
		border-radius: 34px;
	}

	.indexworth-tab-image {
		top: -180px;
	}


	/* indexstability ---------------------------------------*/
	.indexstability {
		padding: 100px 20px 60px;
	}

	.indexstability-block {
		display: block;
	}

	.indexstability-summary {
		margin-right: unset;
		width: 100%;
	}

	.indexstability-btn {
		margin-top: 32px;
	}

	.indexstability-block-image {
		margin: 40px auto 0;
		width: 100%;
		max-width: 300px;
		border-radius: 34px;
	}

	.indexstability-image {
		top: 60px;
		right: 4%;
		width: 90px;
	}


	/* indexevaluation ---------------------------------------*/
	.indexevaluation {
		padding: 32px 20px 160px;
	}

	.indexevaluation-wrapper {
		padding: 50px 32px 50px 12px;
		width: calc(100% - 12px);
	}

	.indexevaluation-wrapper::before {
		box-shadow: -60px -32px 0 #044e46;
	}

	.indexevaluation-btn {
		margin-top: 32px;
	}

	.indexevaluation-block-01 {
		position: unset;
		margin: 40px calc(12 / 335 * 100%) 0 auto;
		max-width: 230px;
		width: 100%;
	}

	.indexevaluation-block-02 {
		margin: 40px auto 0 calc(12 / 335 * 100%);
		max-width: 230px;
		width: 100%;
	}

	.indexevaluation-line {
		top: 420px;
		left: -140px;
	}


	/* indexearn ---------------------------------------*/
	.indexearn {
		padding: 0 20px 32px;
	}

	.indexearn-block {
		margin: 0 0 0 35px;
		padding: 50px 0 50px 32px;
		width: calc(100% - 35px);
		max-width: unset;
	}

	.indexearn-block::before {
		box-shadow: 60px 32px 0 #044e46;
	}

	.indexearn-summary {
		min-height: unset;
	}

	.indexearn-btn {
		margin-top: 32px;
	}

	.indexearn-block-image {
		position: unset;
		margin: 40px auto 0;
		max-width: 260px;
		width: 100%;
		border-radius: 34px;
	}

	.indexearn-image {
		bottom: calc(100% - 50px);
		left: 110px;
		right: 0;
		width: 100%;
		max-width: 180px;
	}

	.indexearn-line {
		bottom: -140px;
		left: -140px;
	}


	/* indexperk ---------------------------------------*/
	.indexperk {
		padding: calc(60 / 375 * 100vw) 20px calc(40 / 375 * 100vw);
	}

	.indexperk-block {
		display: block;
	}

	.indexperk-title {
		margin: 0 auto 32px calc(40 / 375 * 100vw);
		padding: 50px 0 0 60px;
	}

	.indexperk-image {
		width: 100%;
	}


	/* sectioninformation ---------------------------------------*/
	.sectioninformation {
		padding: 60px 20px 40px;
	}

	.sectioninformation-block {
		display: block;
	}

	.sectioninformation-title {
		position: relative;
		margin-bottom: 32px;
		padding-top: 10px;
		width: 50%;
		min-width: unset;
		font-size: 38px;
	}

	.sectioninformation-title::before {
		width: calc(100% + 20px);
		height: 2px;
	}

	.sectioninformation-title::after {
		width: 121px;
		height: 60px;
	}

	.sectioninformation-summary {
		max-width: unset;
		width: 100%;
	}

	.sectioninformation-list > li + li {
		margin-top: 12px;
	}

	.sectioninformation-list > li > a {
		gap: 8px;
	}

	.sectioninformation-list-date {
		margin-top: 1px;
		font-size: 12px;
	}

	.sectioninformation-list-cat {
		gap: 4px;
	}

	.sectioninformation-list-cat-label {
		padding: 2px 8px 4px;
		margin-top: 2px;
		font-size: 11px;
	}

	.sectioninformation-list-title {
		font-size: 14px;
	}

	.sectioninformation-btn {
		margin-top: 44px;
		text-align: center;
	}


	/* indexinfo ---------------------------------------*/
	.indexinfo {
		border-radius: 0 38px 70px 0;
		margin-top: 100px;
		padding: 50px 20px 60px;
	}

	.indexinfo-list {
		display: block;
	}

	.indexinfo-list > li {
		width: calc(280 / 335 * 100%);
	}

	.indexinfo-list > li:first-of-type {margin: 0 auto 0 -8px;}
	.indexinfo-list > li:nth-of-type(2) {margin: 10px -8px 0 auto;}

	.indexinfo-toplist {
		margin-bottom: 40px;
	}

	.indexinfo-list > li.adj-above {
		transform: translateY(-90px);
	}

	.indexinfo-toplist > li > a {
		min-height: unset;
		height: 100%;
		padding: 20px;
		border-radius: 16px;
	}

	.indexinfo-toplist > li > a::after {
		top: 18px;
		right: 20px;
		width: 24px;
		height: 20px;
	}

	.indexinfo-toplist > li > a:hover::after {
		top: 12px;
		right: 14px;
	}

	.indexinfo-list-title {
		margin-bottom: 20px;
		font-size: 32px;
	}

	.indexinfo-list-lead {
		margin-bottom: 12px;
		font-size: 16px;
	}

	.indexinfo-list-lead,
	.indexinfo-list-text {
		padding-left: 0;
	}

	.indexinfo-toplist-image-01 {
		bottom: calc(100% - 46px);
		left: 146px;
		width: 44px;
	}

	.indexinfo-toplist-image-02 {
		bottom: 97%;
		right: 20px;
		width: 130px;
	}

	.indexinfo-bottomlist {
		margin-top: 100px;
	}

	.indexinfo-bottomlist > li {
		min-height: 300px;
	}

	.indexinfo-bottomlist-inner {
		padding: 20px;
	}

	.indexinfo-bottomlist > li:first-of-type .indexinfo-bottomlist-inner {
		margin: 0 auto -8px 0;
		border-radius: 16px;
	}
	.indexinfo-bottomlist > li:nth-of-type(2) .indexinfo-bottomlist-inner{
		margin: 20px -8px 0 auto;
		border-radius: 16px 16px 60px 0;
	}

	.indexinfo-bottomlist-link {
		margin-top: 20px;
	}

	.indexinfo-bottomlist-link > li + li {
		margin-top: 20px;
	}

	.indexinfo-bottomlist-image-01 {
		left: 14px;
		width: 110px;
	}


	/* indexmessage ---------------------------------------*/
	.indexmessage {
		padding: 90px 20px 100px;
	}

	.indexmessage::before {
		top: 62%;
		left: -120%;
		width: calc(170 / 375 * 100vw);
		transform: translateY(-50%);
	}

	.indexmessage-title {
		margin: 0 auto 32px 20px;
		padding: 36px 54px 0 0;
	}

	.indexmessage-title .section-title {
		font-size: 44px;
	}

	.indexmessage-text {
		padding-left: min(calc(40 / 375 * 100vw), 60px);
	}

	.indexmessage-image {
		top: 150px;
		left: 230px;
		width: 90px;
	}

	.indexmessage-line {
		top: -70px;
		left: 90px;
	}


}


/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}