@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@charset "UTF-8";

:root {
	--body: #333;
	--link: #333;
	--primary: #100454;
}

.suji {
	font-style: italic;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-variation-settings:
		"wdth" 100;
}

/*--------------------------------------------
FIXED LINK
---------------------------------------------*/

#fixed-link {
	position: fixed;
	bottom: 0;
	background: url("../images/ui/banner/bg_shinstagram_v2.png") 0 0 / contain no-repeat;
	z-index: 5;
}

#fixed-link span {
	display: block;
}

#fixed-link span+span {
	position: absolute;
}

@media screen and (max-width: 999px) {
	#fixed-link {
		width: calc(320 * 100% / 768);
		height: calc(180 * 100vw / 768);
		right: calc(-10 * 100% / 768);
	}

	#fixed-link span:nth-of-type(1) img {
		height: calc(122 * 100vw / 768);
	}

	#fixed-link span:nth-of-type(2) {
		top: calc(63 * 100vw / 768);
		right: calc(28 * 100% / 378);
	}

	#fixed-link span:nth-of-type(2) img {
		height: calc(69 * 100vw / 768);
	}

	#fixed-link span:nth-of-type(3) {
		top: calc(108 * 100vw / 768);
		left: calc(35 * 100% / 378);
	}

	#fixed-link span:nth-of-type(3) img {
		height: calc(90 * 100vw / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	#fixed-link {
		width: 240px;
		height: 150px;
		right: -5px;
		bottom: -15px;
	}

	#fixed-link span:nth-of-type(1) img {
		height: 100px;
	}

	#fixed-link span:nth-of-type(2) {
		top: 63px;
		right: 28px;
	}

	#fixed-link span:nth-of-type(2) img {
		height: 69px;
	}

	#fixed-link span:nth-of-type(3) {
		top: 108px;
		left: 35px;
	}

	#fixed-link span:nth-of-type(3) img {
		height: 90px;
	}
}

/*--------------------------------------------
MAIN VISUAL
---------------------------------------------*/

#mv {
	position: relative;
	overflow: hidden;
}

#mv>video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

#mv video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}

#mv p {
	bottom: 100px;
}

#mv a {
	display: block;
}

@media screen and (max-width: 999px) {
	#mv {
		height: calc(100vh - (120 * 100vw / 768));
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: calc(9 * 100vw / 768);
	}

	#mv p img {
		height: calc(350 * 100vw / 768);
	}

	#mv a {
		width: calc(150 * 100% / 768);
		margin-left: auto;
		margin-right: auto;
	}
}

@media print,
screen and (min-width: 1000px) {
	#mv {
		height: 80vh;
		max-height: 900px;
	}

	#mv p img {
		height: 720px;
	}

	#mv a {
		position: absolute;
		left: 50%;
		transition: translateX(-50%);
		width: 67px;
		bottom: 20px;
	}
}

/*--------------------------------------------
MESSAGE
---------------------------------------------*/

#message {
	overflow: hidden;
	position: relative;
}

#message:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #E0F2F0;
	z-index: 1;
}

#message:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #E0F2F0 transparent transparent transparent;
}

#message .wrap {
	position: relative;
	z-index: 2;
}

#message .wrap:before {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}

#message .texts {}

#message h2 {
	font-weight: 300;
	letter-spacing: .05em;
	color: #00C5CD;
	font-style: normal;
	font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 999px) {
	#message:before {
		height: calc(819 * 100vw / 768);
	}

	#message:after {
		top: calc(819 * 100vw / 768);
		border-width: calc(52 * 100vw / 768) 100vw 0 0;
	}

	#message .wrap {
		padding-top: calc(95 * 100vw / 768);
		padding-bottom: calc(52 * 100vw / 768);
	}

	#message .wrap:before {
		background-image: url("../images/home/message/bg01_sp.png");
		width: calc(372 * 100% / 768);
		height: calc(319 * 100vw / 768);
		top: calc(59 * 100vw / 768);
		left: calc(396 * 100% / 768);
		z-index: -1;
	}

	#message .row>div+div {
		margin-top: calc(22 * 100vw / 768);
	}

	#message .row+.row {
		margin-top: calc((34 - 10) * 100vw / 768);
	}

	#message h2 {
		font-size: 4rem;
		line-height: 1.5;
	}

	#message h2+.text01 {
		margin-top: calc(30 * 100vw / 768);
	}

	#message .text01 {
		margin-bottom: .8em;
		line-height: 2.2;
	}
}

@media print,
screen and (min-width: 1000px) {
	#message {
		background-color: #f7f7f7;
	}

	#message:before {
		height: 650px;
	}

	#message:after {
		top: 650px;
		border-width: 185px 100vw 0 0;
	}

	#message .wrap {
		padding-top: 76px;
		padding-bottom: 25px;
	}

	#message .wrap:before {
		background-image: url("../images/home/message/bg01_pc.png");
		width: 435px;
		height: 319px;
		left: 266px;
		top: 30px;
	}

	#message .pics {
		position: relative;
	}

	#message picture {
		position: absolute;
		top: 0;
		right: 0;
	}

	#message .title01 {
		margin-top: 68px;
	}

	#message .row+.row {
		margin-top: calc(56px - 2.5px);
		position: relative;
		z-index: 2;
	}

	#message .texts {
		padding-top: calc(30px - 4px);
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: calc(32px - 9px);
		background-color: rgba(255, 255, 255, .95);
	}

	#message h2 {
		font-size: 4rem;
		line-height: 1.2;
	}

	#message h2+.text01 {
		margin-top: calc(31px - 4px - 9px);
	}
}

/*--------------------------------------------
INTERVIEW
---------------------------------------------*/

#interview {
	background-repeat: no-repeat;
	background-position: center 0;
}

#interview li>a>div {
	position: relative;
}

#interview h2 span {
	font-style: italic;
}

#interview h2 span:nth-of-type(1) {
	font-weight: 700;
}

@media screen and (max-width: 999px) {
	#interview {
		background-image: url("../images/home/interview/bg_sp.png");
		background-size: 100% auto;
		background-color: #f3efef;
	}

	#interview .wrap {
		padding-top: calc(96 * 100vw / 768);
		padding-bottom: calc(89 * 100vw / 768);
	}

	#interview ul {
		margin-top: calc((69 - 2.6) * 100vw / 768);
	}

	#interview li>a {
		display: flex;
		align-items: flex-start;
	}

	#interview li>a+li {
		margin-top: calc(29 * 100vw / 768);
	}

	#interview picture {
		flex-shrink: 0;
		width: calc(348 * 100% / 720);
	}

	#interview li>a>div {
		margin-top: calc(41 * 100vw / 768);
		background-color: rgba(132, 204, 198, .95);
		width: calc(384 * 100% / 720);
		padding-top: calc((20 - 5) * 100vw / 768);
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
		padding-bottom: calc((28 - 6) * 100vw / 768);
	}

	#interview p:nth-of-type(1) {
		font-size: 2.6rem;
		line-height: 1.3846;
	}

	#interview h2 {
		margin-top: calc(16 * 100vw / 768);
	}

	#interview h2 span {
		display: block;
	}

	#interview h2 span:nth-of-type(1) {
		font-size: 4rem;
	}

	#interview h2 span:nth-of-type(2) {
		font-size: 2.6rem;
		line-height: 1.3846;
	}

	#interview p:nth-of-type(2) {
		font-size: 2.6rem;
		line-height: 1.4615;
		margin-top: calc(15 * 100vw / 768);
	}

	#interview li:nth-child(odd)>a>div {
		margin-left: calc(-12 * 100% / 720);
	}

	#interview li:nth-child(even)>a {
		flex-direction: row-reverse;
	}

	#interview li:nth-child(even) picture {
		margin-left: calc(-12 * 100% / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	#interview {
		background-image: url("../images/home/interview/bg_pc.png");
		background-size: auto;
		background-position: right 0;
	}

	#interview .wrap {
		padding-top: 99px;
		padding-bottom: 65px;
	}

	#interview ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(78px - 2.6px);
	}

	#interview li {
		width: 330px;
	}

	#interview li>a>div {
		background-color: rgba(132, 204, 198, .95);
		margin-left: auto;
		color: #fff;
	}

	#interview p:nth-of-type(1) {
		font-size: 1.8rem;
		line-height: 2;
	}

	#interview h2 {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
	}

	#interview h2 span:nth-of-type(1) {
		font-size: 2.6rem;
		margin-right: 1em;
	}

	#interview h2 span:nth-of-type(2) {
		font-size: 1.6rem;
	}

	#interview p:nth-of-type(2) {
		margin-top: 15px;
		font-size: 1.8rem;
		line-height: 1.3333;
	}
}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#interview li {
		width: calc(330 * 100% / 1440);
	}

	#interview li:not(:nth-child(4n+1)) {
		margin-left: calc(30 * 100% / 1440);
	}

	#interview li>a>div {
		width: calc(315 * 100% / 330);
		padding-top: calc((20 - 9) * 100vw / 1440);
		padding-top: calc(20px - 9px);
		padding-left: calc(10 * 100% / 330);
		padding-right: calc(10 * 100% / 330);
		padding-bottom: calc((31 - 3) * 100vw / 1440);
		margin-top: -73px;
	}
}

@media print,
screen and (min-width: 1440px) {
	#interview li {
		width: 330px;
	}

	#interview li:not(:nth-child(4n+1)) {
		margin-left: 30px;
	}

	#interview li>a>div {
		width: 315px;
		padding-top: calc(20px - 9px);
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: calc(31px - 3px);
		margin-top: -73px;
	}
}

.mfp-container {
	padding-left: 0;
	padding-right: 0;
}

.modal-interview {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.modal-interview .bg {
	background-color: #61BCB6;
	margin-left: auto;
	margin-right: auto;
}

.modal-interview h2 {
	color: rgba(255, 255, 255, .3);
	font-weight: 700;
	font-style: italic;
}

.modal-interview h3 {
	background-color: #c5e837;
	position: relative;
}

.modal-interview h3 span {
	font-style: italic;
	color: #134003;
	font-weight: 500;
}

.modal-interview h3 span:nth-of-type(1) {}

.modal-interview h3:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #c5e837 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 100%;
}

.modal-interview picture img {
	width: 100%;
	height: auto;
}

.modal-interview dl {
	color: #fff;
}

.modal-interview dt {
	display: inline-block;
	font-weight: 500;
}

.modal-interview dt:after {
	content: "";
	display: block;
	background-color: #fff;
	height: 1px;
	width: 100%;
}

.modal-interview .mfp-close {
	font-size: 0;
	background: url("../images/ui/button/close.png") 0 0 / contain no-repeat;
	left: 50%;
	transform: translateX(-50%);
	top: inherit;
	opacity: 1;
}

@media screen and (max-width: 999px) {
	.modal-interview .bg {
		width: calc(720 * 100% / 768);
		padding-top: calc((50 - 12.5) * 100vw / 768);
		padding-bottom: calc((277 - 13) * 100vw / 768);
	}

	.modal-interview h2 {
		font-size: 9rem;
		padding-left: calc(7 * 100% / 720);
	}

	.modal-interview .box {
		margin-top: calc((32 - 12.5) * 100vw / 768);
		position: relative;
	}

	.modal-interview picture {
		width: calc(415 * 100% / 720);
		margin-left: auto;
	}

	.modal-interview h3 {
		position: absolute;
		z-index: 1;
		width: calc(348 * 100% / 720);
		height: calc(182 * 100vw / 768);
		top: calc(125 * 100vw / 768);
	}

	.modal-interview h3:after {
		border-width: calc(182 * 100vw / 768) calc(24 * 100vw / 768) 0 0;
	}

	.modal-interview h3 {
		padding-top: calc((20 - 5.5) * 100vw / 768);
		padding-left: calc(21 * 100% / 720);
	}

	.modal-interview h3 span {
		display: block;
	}

	.modal-interview h3 span:nth-of-type(1) {
		font-size: 5.5rem;
		line-height: 1.2;
	}

	.modal-interview h3 span:nth-of-type(2) {
		font-size: 2.4rem;
		line-height: 1.2;
		margin-top: calc(10 * 100vw / 768);
	}

	.modal-interview h3 span:nth-of-type(3) {
		font-size: 3rem;
		line-height: 1.2;
		margin-top: calc(20 * 100vw / 768);
	}

	.modal-interview dl {
		width: 100%;
		flex-shrink: 0;
		margin-top: calc((58 - 13) * 100vw / 768);
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
	}

	.modal-interview dt,
	.modal-interview dd {
		font-size: 2.6rem;
		line-height: 2;
	}

	.modal-interview dd {
		margin-top: calc(20 * 100vw / 768);
	}

	.modal-interview dd+dt {
		margin-top: calc(52 * 100vw / 768);
	}

	.modal-interview .mfp-close {
		bottom: calc(107 * 100vw / 768);
		height: calc(66 * 100vw / 768);
		width: calc(66 * 100% / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	.modal-interview .bg {
		max-width: 1410px;
		padding-top: calc(56px - 10px);
		padding-bottom: calc(184px - 9px);
	}

	.modal-interview h2 {
		font-size: 12rem;
	}

	.modal-interview .box {
		display: flex;
		flex-wrap: wrap;
	}

	.modal-interview h3 {
		order: 1;
		display: inline-flex;
		align-items: baseline;
		margin-top: calc(31px - 10px);
		padding-top: 29px;
		height: 92px;
		margin-bottom: 40px;
	}

	.modal-interview h3 span:nth-of-type(1) {
		font-size: 4rem;
	}

	.modal-interview h3 span:nth-of-type(2) {
		font-size: 2.5rem;
		margin-left: .5em;
	}

	.modal-interview h3 span:nth-of-type(3) {
		font-size: 4rem;
		margin-left: 1em;
	}

	.modal-interview h3:after {}

	.modal-interview picture {
		order: 3;
		margin-left: auto;
	}

	.modal-interview dl {
		order: 2;
	}

	.modal-interview dt {
		font-size: 2.4rem;
		line-height: 1.5;
	}

	.modal-interview dd {
		margin-top: 20px;
		font-size: 1.8rem;
		line-height: 2;
	}

	.modal-interview dd+dt {
		margin-top: 36px;
	}

	.modal-interview .mfp-close {
		bottom: 40px;
	}
}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	.modal-interview {
		padding-left: calc(15 * 100% / 1440);
		padding-right: calc(15 * 100% / 1440);
	}

	.modal-interview h2 {
		padding-left: calc(34 * 100% / 1410);
	}

	.modal-interview h3 {
		padding-left: calc(45 * 100% / 1410);
		width: calc(1200 * 100% / 1410);
		margin-left: calc(-5 * 100% / 1410);
	}

	.modal-interview h3:after {
		border-width: 92px calc(36 * 100vw / 1440) 0 0;
	}

	.modal-interview picture {
		width: calc(465 * 100% / 1410);
	}

	.modal-interview dl {
		width: calc(945 * 100% / 1410);
		padding-left: calc(44 * 100% / 1410);
		padding-right: calc(61 * 100% / 1410);
	}

	.modal-interview .mfp-close {
		height: calc(66 * 100vw / 1440);
		width: calc(66 * 100% / 1440);
	}
}

@media print,
screen and (min-width: 1440px) {
	.modal-interview {
		padding-left: 15px;
		padding-right: 15px;
	}

	.modal-interview h2 {
		padding-left: 34px;
	}

	.modal-interview h3 {
		padding-left: 45px;
		padding-right: 467px;
		margin-left: -5px;
	}

	.modal-interview h3:after {
		border-width: 92px 36px 0 0;
	}

	.modal-interview picture {
		width: 465px;
	}

	.modal-interview dl {
		width: 945px;
		padding-left: 44px;
		padding-right: 61px;
	}

	.modal-interview .mfp-close {
		width: 66px;
		height: 66px;
	}
}

/*--------------------------------------------
FEATURE
---------------------------------------------*/

#feature {
	position: relative;
	overflow: hidden;
	color: #fff;
}

#feature .triangle01:before,
#feature .triangle01:after,
#feature .triangle02:before,
#feature .triangle02:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: -1;
}

#feature .triangle01:before {
	left: 0;
	border-color: transparent transparent transparent #E0F2F0;
	z-index: 0;
}

#feature .triangle01:after {
	top: 0;
	left: 0;
	border-color: transparent transparent #00C5CD transparent;
	z-index: 1;
}

#feature .triangle02:before {
	bottom: 0;
	left: 0;
	border-color: #00C5CD transparent transparent transparent;
	z-index: 1;
}

#feature .triangle02:after {
	right: 0;
	border-color: transparent #E0F2F0 transparent transparent;
	z-index: 0;
}

#feature .bg {
	background-color: #00C5CD;
	position: relative;
	z-index: 2;
}

#feature h2 {
	position: relative;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .1em;
}

#feature h2:before {
	position: absolute;
	left: 0;
	font-family: "Montserrat", sans-serif;
	color: rgba(255, 255, 255, .3);
	letter-spacing: 0;
}

#feature .list02 {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 999px) {
	#feature {
		padding-top: calc(100 * 100vw / 768);
		padding-bottom: calc(102 * 100vw / 768);
	}

	#feature .triangle01:before {
		top: calc(25 * 100vw / 768);
		border-width: calc(239 * 100vw / 768) 0 0 calc(2570 * 100vw / 768);
	}

	#feature .triangle01:after {
		border-width: 0 0 calc(100 * 100vw / 768) 100vw;
	}

	#feature .triangle02:before {
		border-width: calc(102 * 100vw / 768) 100vw 0 0;
	}

	#feature .triangle02:after {
		border-width: 0 calc(2570 * 100vw / 768) calc(239 * 100vw / 768) 0;
		bottom: calc(17 * 100vw / 768);
	}

	#feature .wrap {
		padding-top: calc(66 * 100vw / 768);
		padding-bottom: calc(225 * 100vw / 768);
		position: relative;
	}

	#feature .wrap:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: calc(28 * 100vw / 768);
		background: url("../images/home/feature/bg_sp.png") 0 0 / contain no-repeat;
		width: 100%;
		height: calc(4258 * 100vw / 768);
	}

	#feature .list01 {
		margin-top: calc((161 - 2.6 - 10) * 100vw / 768);
	}

	#feature h2 {
		font-size: 4rem;
		line-height: 1.5;
	}

	#feature h2:before {
		line-height: 1;
		font-size: 16rem;
		top: calc(-.1em + (-72 * 100vw / 768));
	}

	#feature .row01 .text01 {
		margin-top: calc(30 * 100vw / 768);
	}

	#feature .row01 picture {
		margin-top: calc((33 - 13) * 100vw / 768);
		margin-left: auto;
		width: calc(607 * 100% / 768);
	}

	#feature .row02 {
		margin-top: calc((166 - 10) * 100vw / 768);
	}

	#feature .row02 .text01 {
		margin-top: calc(30 * 100vw / 768);
	}

	#feature .list02 {
		margin-top: calc((53 - 13) * 100vw / 768);
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
	}

	#feature .list02 li {
		width: calc(210 * 100% / 672);
	}

	#feature .list02 li:not(:nth-child(3n+1)) {
		margin-left: calc(21 * 100% / 672);
	}

	#feature .list02 li:nth-child(n+4) {
		margin-top: calc(21 * 100vw / 768);
	}

	#feature .row03 {
		margin-top: calc((181 - 10) * 100vw / 768);
	}

	#feature .row03 picture {
		margin-top: calc((38 - 13) * 100vw / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	#feature .wrap {
		padding-top: 68px;
		padding-bottom: 118px;
		position: relative;
	}

	#feature .wrap:before {
		content: "";
		display: block;
		position: absolute;
		background: url("../images/home/feature/bg_pc.png") 0 0 / contain no-repeat;
		width: 1982px;
		height: 1847px;
		top: -87px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}

	#feature .list01 {
		margin-top: calc(63px - 2.5px);
	}

	#feature h2 {
		font-size: 4rem;
	}

	#feature h2:before {
		font-size: 16rem;
		bottom: -.125em;
	}

	#feature .row01 h2 {
		padding-top: 57px;
	}

	#feature .row01 .text01 {
		margin-top: calc(29px - 9px);
	}

	#feature .row02 {
		margin-top: 161px;
	}

	#feature .row02 .text01 {
		margin-top: calc(30px - 9px);
	}

	#feature .list02 {
		justify-content: center;
		margin-top: calc(64px - 9px);
	}

	#feature .row03 {
		margin-top: 178px;
	}

	#feature .row03 h2 {
		padding-top: 78px;
	}

	#feature .row03 .text01 {
		margin-top: calc(33px - 9px);
	}
}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#feature {
		padding-top: calc(182 * 100vw / 1440);
		padding-bottom: calc(180 * 100vw / 1440);
	}

	#feature .triangle01:before {
		top: calc(40 * 100vw / 1440);
		border-width: calc(239 * 100vw / 1440) 0 0 calc(2570 * 100vw / 1440);
	}

	#feature .triangle01:after {
		border-width: 0 0 calc(182 * 100vw / 1440) 100vw;
	}

	#feature .triangle02:before {
		border-width: calc(180 * 100vw / 1440) 100vw 0 0;
	}

	#feature .triangle02:after {
		bottom: calc(40 * 100vw / 1440);
		border-width: 0 calc(2570 * 100vw / 1440) calc(239 * 100vw / 1440) 0;
	}

	#feature .list02 li {
		width: calc(210 * 100% / 1200);
	}

	#feature .list02 li:not(:nth-child(5n+1)) {
		margin-left: calc(30 * 100% / 1200);
	}

	#feature .list02 li:nth-child(n+6) {
		margin-top: calc(57 * 100vw / 1440);
	}
}

@media print,
screen and (min-width: 1440px) {
	#feature {
		padding-top: 182px;
		padding-bottom: 180px;
	}

	#feature .triangle01:before {
		top: 40px;
		border-width: 239px 0 0 2570px;
	}

	#feature .triangle01:after {
		border-width: 0 0 182px 100vw;
	}

	#feature .triangle02:before {
		border-width: 180px 100vw 0 0;
	}

	#feature .triangle02:after {
		bottom: 40px;
		border-width: 0 2570px 239px 0;
	}

	#feature .list02 li {
		width: 210px;
	}

	#feature .list02 li:not(:nth-child(5n+1)) {
		margin-left: 30px;
	}

	#feature .list02 li:nth-child(n+6) {
		margin-top: 57px;
	}
}

#photo {
	background-repeat: no-repeat;
}

#photo ul {
	display: flex;
	flex-wrap: wrap;
}

#photo a {
	display: block;
}

@media screen and (max-width: 999px) {
	#photo {
		background-position: 0 calc(37 * 100vw / 768);
		background-image: url("../images/home/photo/bg_sp.jpg");
		background-size: 100% auto;
	}

	#photo .wrap {
		padding-top: calc(111 * 100vw / 768);
		padding-bottom: calc(29 * 100vw / 768);
	}

	#photo ul {
		margin-top: calc((37 - 2.6) * 100vw / 768);
		justify-content: space-between;
	}

	#photo li {
		width: calc(348 * 100% / 720);
	}

	#photo li:nth-child(n+3) {
		margin-top: calc(24 * 100vw / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	#photo {
		margin-top: -30px;
		background-position: calc(50vw - 1051px) 0;
		background-image: url("../images/home/photo/bg_pc.png");
		background-size: auto 991px;
	}

	#photo .wrap {
		padding-top: 6px;
		padding-bottom: 48px;
	}

	#photo ul {
		margin-top: calc(45px - 2.5px);
	}
}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#photo .title01 span {
		white-space: nowrap;
	}

	#photo ul {
		padding-left: calc(15 * 100% / 1440);
		padding-right: calc(15 * 100% / 1440);
	}

	#photo li {
		width: calc(330 * 100% / 1410);
	}

	#photo li:not(:nth-child(4n+1)) {
		margin-left: calc(30 * 100% / 1410);
	}

	#photo li:nth-child(n+5) {
		margin-top: calc(31 * 100vw / 1440);
	}
}

@media print,
screen and (min-width: 1440px) {
	#photo ul {
		padding-left: 15px;
		padding-right: 15px;
	}

	#photo li {
		width: 330px;
	}

	#photo li:not(:nth-child(4n+1)) {
		margin-left: 30px;
	}

	#photo li:nth-child(n+5) {
		margin-top: 30px;
	}
}

#infographics .wrap {
	position: relative;
	z-index: 1;
}

#infographics h2 {
	font-style: italic;
	letter-spacing: .1em;
}

#infographics p.note {
	margin-top: 20px;
	padding-left: 90px;
	font-style: italic;
}

#infographics p strong {
	display: block;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	font-weight: 900;
	line-height: 1.2;
}

@media screen and (max-width: 999px) {
	#infographics .wrap {
		padding-top: calc(80 * 100vw / 768);
		padding-bottom: calc(104 * 100vw / 768);
	}

	#infographics ul {
		margin-top: calc((63 - 2.6) * 100vw / 768);
	}

	#infographics li.list+li.list {
		margin-top: calc(91 * 100vw / 768);
	}

	#infographics h2 {
		width: calc(500 * 100% / 720);
		font-size: 5rem;
		padding-bottom: calc(15 * 100vw / 768);
		border-bottom-width: calc(3 * 100vw / 768);
	}

	#infographics picture {
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
		margin-top: calc(80 * 100vw / 768);
	}

	#infographics li.list:nth-child(1) picture {
		width: calc(617 * 100% / 720);
		margin-left: auto;
		margin-right: auto;
	}

	#infographics li.list:nth-child(2) picture {
		width: calc(671 * 100% / 720);
	}

	#infographics li.list:nth-child(3) picture {
		width: calc(581 * 100% / 720);
	}

	#infographics li.list:nth-child(4) picture {
		width: calc(618 * 100% / 720);
	}

	#infographics p {}

	#infographics p strong {
		font-size: 5rem;
	}
}

@media print,
screen and (min-width: 1000px) {
	#infographics {
		margin-top: 42px;
	}

	#infographics .wrap {
		padding-top: 56px;
		padding-bottom: 110px;
	}

	#infographics .wrap:before {
		content: "";
		display: block;
		background: url("../images/home/infographics/bg_pc.png") 0 0 / contain no-repeat;
		width: 2000px;
		height: 1265px;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
		top: -120px;
		z-index: -1;
	}

	#infographics ul.list {
		margin-top: calc(93px - 2.5px);
	}

	#infographics li.list:nth-child(n+1) {
		margin-top: 90px;
	}

	#infographics li.list:nth-child(n+2) {
		margin-top: 90px;
		padding-left: 150px;
	}

	#infographics li.list:nth-child(n+3) {
		margin-top: 88px;
	}

	#infographics h2 {
		font-size: 5rem;
		border-bottom-width: 3px;
		padding-bottom: 15px;
	}

	#infographics picture {
		margin-top: 80px;
	}

	#infographics p {}

	#infographics p strong {
		font-size: 5rem;
	}

	#infographics .w-hiritsu {
		margin-top: 80px;
	}

}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#infographics li.list:nth-child(1) picture {
		width: calc(534 * 100% / 600);
	}

	#infographics li.list:nth-child(2) picture {
		width: calc(581 * 100% / 600);
	}

	#infographics li.list:nth-child(3) picture {
		width: calc(503 * 100% / 600);
	}

	#infographics li.list:nth-child(4) picture {
		width: calc(535 * 100% / 600);
	}
}

@media print,
screen and (min-width: 1440px) {
	#infographics li.list:nth-child(1) picture {
		width: 534px;
	}

	#infographics li.list:nth-child(2) picture {
		width: 581px;
	}

	#infographics li.list:nth-child(3) picture {
		width: 503px;
	}

	#infographics li.list:nth-child(4) picture {
		width: 535px;
	}
}

/*-- map ---*/
@media print,
screen and (max-width: 999px) {
	.map-wrap {
		position: relative;
		height: calc(600 * 100vw / 768);
	}

	.map-wrap h2 {
		left: 0px;
		white-space: nowrap;
		width: auto !important;
	}

	.map-wrap .map {
		z-index: 5;
	}

	.map-wrap .map li {
		position: absolute;
		top: 40px;
		left: 0px;
	}

	.map-wrap .map li img {
		height: calc(500 * 100vw / 768);
	}

	.map-wrap .area-text {
		font-size: calc(34 * 100vw / 768);
		font-style: italic;
		color: #464646;
		z-index: 7;
		position: absolute;
		bottom: 0px;
		right: 15px;
	}

	.map-wrap .area-text li {
		margin-bottom: 15px;
		display: flex;
		justify-content: flex-end;
	}

	.map-wrap .area-text li span:nth-child(1) {
		text-align: right;
	}

	.map-wrap .area-text li span:nth-child(2) {
		text-align: right;
		padding-left: .3em;
	}
}

@media print,
screen and (min-width: 1000px) {
	.map-wrap {
		position: relative;
		height: 650px;
	}

	.map-wrap h2 {
		position: absolute;
		top: 20px;
		left: 0px;
		white-space: nowrap;
		width: auto !important;
	}

	.map-wrap .map li {
		position: absolute;
		top: -50px;
		left: 0px;
	}

	.map-wrap .area-text {
		position: absolute;
		top: 120px;
		font-size: 36px;
		font-style: italic;
		color: #464646;
	}

	.map-wrap .area-text li {
		margin-bottom: 15px;
		display: flex;
		justify-content: flex-end;
	}

	.map-wrap .area-text li span:nth-child(1) {
		text-align: right;
	}

	.map-wrap .area-text li span:nth-child(2) {
		text-align: right;
		padding-left: .3em;
	}

}

@media screen and (min-width: 1000px) and (max-width:1200px) {
	.map-wrap .area-text {
		right: 100px;
	}
}

@media print,
screen and (min-width: 1201px) {
	.map-wrap .area-text {
		right: 200px;
	}
}



/*--------------------------------------------
RECRUIT
---------------------------------------------*/

#recruit {
	background-color: #f8f3f3;
}

#recruit div.slick-slide {
	background-color: #fff;
}

#recruit h2 {
	background-color: #00C5CD;
	color: #fff;
	letter-spacing: .1em;
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	align-items: center;
}

#recruit dt,
#recruit dd {
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.2;
}

#recruit dt {
	color: #4ea231;
}

#recruit span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #f19149;
	font-weight: 500;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	color: #fff;
}

#recruit .banner {
	justify-content: center;
	align-items: center;
	margin: auto;
	display: block;
	z-index: 100;
}


@media screen and (max-width: 999px) {
	#recruit {
		position: relative;
		overflow: hidden;
		background-image: url("../../wp-content/themes/sckaikei/assets/images/home/recruit/bg_sp.png");
		background-position: 0 calc(21 * 100vw / 768);
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	#recruit .wrap {
		padding-top: calc(96 * 100vw / 768);
		padding-bottom: calc(170 * 100vw / 768);
		padding-left: 0;
		padding-right: 0;
	}

	#recruit ul {
		margin-top: calc((85 - 2.6) * 100vw / 768);
	}

	#recruit div.slick-slide {
		width: calc(600 * 100vw / 768);
		margin-left: calc(18 * 100vw / 768);
		margin-right: calc(18 * 100vw / 768);
		padding-bottom: calc(30 * 100vw / 768);
	}

	#recruit h2 {
		font-size: 3rem;
		height: calc(160 * 100vw / 768);
		padding-left: calc(20 * 100% / 600);
		padding-right: calc(20 * 100% / 600);
	}

	#recruit dl {}

	#recruit dt,
	#recruit dd {
		font-size: 2.6rem;
	}

	#recruit dt+dd {
		margin-top: calc((14 - 2.6 - 2.6) * 100vw / 768);
	}

	#recruit dd+dt {
		margin-top: calc((41 - 2.6 - 2.6) * 100vw / 768);
	}

	#recruit span {
		font-size: 2.6rem;
		width: calc(400 * 100% / 600);
		height: calc(80 * 100vw / 768);
		margin-top: calc((48 - 2.6) * 100vw / 768);
	}

	#recruit .banner {
		justify-content: center;
		display: flex;
		margin-left: calc(24 * 100vw / 768);
		margin-right: calc(24 * 100vw / 768);
		margin-top: calc(24 * 100vw / 768);
	}

	#recruit .banner a {
		display: block;
	}

	#recruit .banner a img {
		width: 100% !important;
		height: auto;
	}
}

@media print,
screen and (min-width: 1000px) {
	#recruit {
		position: relative;
		overflow: hidden;
		padding-top: 105px;
	}

	#recruit ul {
		margin-top: calc(67px - 2.5px);
		display: flex;
		flex-wrap: wrap;
		position: relative;
		justify-content: center;
	}

	#recruit li {
		background-color: #fff;
	}

	#recruit li:nth-child(n+5) {
		margin-top: 30px;
	}

	#recruit li>a {
		width: 100%;
		padding-bottom: 16px;
		display: block;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	#recruit h2 {
		font-size: 2.2rem;
		height: 112px;
		padding-left: 14px;
		padding-right: 14px;
	}

	#recruit dl {
		padding-top: calc(17px - 1.8px);
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: calc(37px - 1.8px);
	}

	#recruit dt,
	#recruit dd {
		font-size: 1.8rem;
	}

	#recruit dt+dd {
		margin-top: calc(15px - 1.8px - 1.8px);
	}

	#recruit dd+dt {
		margin-top: calc(19px - 1.8px - 1.8px);
	}

	#recruit span {
		font-size: 1.6rem;
		height: 40px;
		margin-top: auto;
	}

	#recruit .banner {
		justify-content: center;
		display: flex;
	}

	#recruit .banner a {
		width: 960px !important;
		display: block;
		margin-top: 90px;
	}

}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#recruit li {
		width: calc(330 * 100% / 1440);
		margin-left: calc(15 * 100% / 1440);
		margin-right: calc(15 * 100% / 1440);
	}

	#recruit span {
		width: calc(240 * 100% / 330);
	}
}

@media print,
screen and (min-width: 1440px) {
	#recruit li {
		width: 330px;
		margin-left: 15px;
		margin-right: 15px;
	}

	#recruit span {
		width: 240px;
	}
}


/*--------------------------------------------
RECRUIT
---------------------------------------------*/

#recruit>h2 {
	display: flex;
	align-items: center;
	background-color: #00C5CD;
	color: #fff;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.2;
}

#recruit .box {
	background-color: #fff;
}

#recruit .box>p {
	letter-spacing: .1em;
}

#recruit .address h3 {
	font-weight: 700;
	letter-spacing: .1em;
	color: #00C5CD;
	font-style: italic;
}

#recruit .address p {
	letter-spacing: .1em;
}

#recruit .link-recruit {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background-color: #eb6877;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 999px) {
	#recruit>h2 {
		font-size: 3rem;
		padding-top: calc((50 - 3) * 100vw / 768);
		padding-bottom: calc((50 - 3) * 100vw / 768);
		padding-left: calc(25 * 100% / 720);
		padding-right: calc(25 * 100% / 720);
		margin-top: 2em;
		text-align: center;
	}

	#recruit .box {
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
		padding-bottom: calc(102 * 100vw / 768);
		padding-top: calc((34 - 9.1) * 100vw / 768);
	}

	#recruit .box>p {
		font-size: 2.6rem;
		line-height: 1.7;
	}

	#recruit .box>dl {
		margin-top: calc((49 - 9.1) * 100vw / 768);
	}

	#recruit .box>dl>div+div {
		margin-top: calc((79 - 9.1) * 100vw / 768);
	}

	#recruit .box>dl>div>dt,
	#recruit .box>dl>div>dd {
		font-size: 2.6rem;
	}

	#recruit .box>dl>div>dt {
		font-weight: 700;
		color: #00C5CD;
		line-height: 1.2;
		background-color: #e0f2f0;
		padding-top: calc((19.5 - 2.6) * 100vw / 768);
		padding-bottom: calc((19.5 - 2.6) * 100vw / 768);
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
	}

	#recruit .box>dl>div>dd {
		line-height: 1.7;
		margin-top: calc((23 - 9.1) * 100vw / 768);
	}

	#recruit .address h3 {
		font-size: 4rem;
		line-height: 1.105;
	}

	#recruit .address p {
		margin: calc(10 * 100vw / 768);
		font-size: 2.6rem;
		line-height: 1.7;
	}

	#recruit .link-recruit {
		margin-top: calc((100 - 9.1) * 100vw / 768);
		width: calc(400 * 100% / 672);
		height: calc(80 * 100vw / 672);
		font-size: 2.6rem;
	}
}

@media print,
screen and (min-width: 1000px) {
	#recruit {
		posiiton: relative;
		z-index: 1;
	}

	#recruit>h2 {
		font-size: 3.2rem;
		padding-top: calc(54px - 3.2px);
		padding-bottom: calc(62px - 3.2px);
		padding-left: 10px;
		padding-right: 10px;
	}

	#recruit .box {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 81px;
		padding-top: calc(32px - 1.8px);
	}

	#recruit .box>p {
		font-size: 1.8rem;
		line-height: 1.2;
	}

	#recruit .box>p.catch {
		font-size: 2.4rem;
		line-height: 1.2;
		padding-left: 10px;
	}

	#recruit .box>dl {
		margin-top: 20px;
	}

	#recruit .box>dl>div {
		display: flex;
		align-items: flex-start;
	}

	#recruit .box>dl>div+div {
		border-top: 1px dotted #ccc;
		margin-top: calc(31px - 7.2px - 7.2px);
		padding-top: calc(31px - 7.2px - 7.2px);
	}

	#recruit .box>dl>div>dt,
	#recruit .box>dl>div>dd {
		font-size: 1.8rem;
		line-height: 1.8;
	}

	#recruit .box>dl>div>dt {
		flex-shrink: 0;
		font-weight: 700;
		color: #00C5CD;
		width: 300px;
	}

	#recruit .address h3 {
		font-size: 2.8rem;
		line-height: 1.1571;
	}

	#recruit .address p {
		margin: 10px;
		font-size: 1.8rem;
		line-height: 1.8;
	}

	#recruit .link-recruit {
		margin-top: 40px;
		width: 500px;
		height: 80px;
		font-size: 3rem;
	}
}

#recruit .content p,
#recruit .content li {
	letter-spacing: .1em;
}

#recruit .content strong {
	font-weight: 700;
}

#recruit .content em {
	font-style: italic;
}

#recruit .content a {
	color: #00C5CD;
	text-decoration: underline;
}

#recruit .content li {
	display: flex;
	align-items: flex-start;
}

#recruit .content li:before {
	flex-shrink: 0;
}

#recruit .content h1 {
	font-style: italic;
	font-weight: 700;
	letter-spacing: .1em;
	color: #00C5CD;
}

#recruit .content h2 {
	border-bottom-style: solid;
	border-bottom-color: #00C5CD;
	font-weight: 500;
	letter-spacing: .1em;
}

#recruit .content h3 {
	font-weight: 700;
	letter-spacing: .1em;
	color: #00C5CD;
	font-style: italic;
}

@media screen and (max-width: 999px) {

	#recruit .content p,
	#recruit .content li {
		font-size: 2.6rem;
		line-height: 1.7;
	}

	#recruit .content h1 {
		margin-top: calc(30 * 100vw / 768);
		margin-bottom: calc(10 * 100vw / 768);
		font-size: 4rem;
		line-height: 1.105;
	}

	#recruit .content h2 {
		margin-top: calc(30 * 100vw / 768);
		margin-bottom: calc(10 * 100vw / 768);
		font-size: 3.2rem;
		line-height: 1.3813;
		border-bottom-width: calc(3 * 100vw / 768);
		padding-bottom: calc(6.1 * 100vw / 768);
	}

	#recruit .content h3 {
		margin-top: calc(30 * 100vw / 768);
		margin-bottom: calc(10 * 100vw / 768);
		font-size: 3.2rem;
		line-height: 1.3813;
	}
}

@media print,
screen and (min-width: 1000px) {

	#recruit .content p,
	#recruit .content li {
		font-size: 1.8rem;
		line-height: 1.8;
	}

	#recruit .content h1 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 2.8rem;
		line-height: 1.1571;
	}

	#recruit .content h2 {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 2.4rem;
		line-height: 1.35;
		border-bottom-width: 3px;
		padding-bottom: 4.2px;
	}

	#recruit .content h3 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 2.4rem;
		line-height: 1.35;
	}
}

.mynavi-banner {}

@media screen and (max-width: 999px) {
	.mynavi-banner {
		margin-top: 2em;
		text-align: center;
	}
}

@media print,
screen and (min-width: 1000px) {
	.mynavi-banner {
		margin-top: 2em;
		padding-bottom: 2em;
		text-align: center;

		img {
			width: 300px;
			height: auto;
		}
	}
}


/*--------------------------------------------
SIDEBAR
---------------------------------------------*/

#sidebar h4 {
	display: flex;
	align-items: center;
	background-color: #00C5CD;
	color: #fff;
	line-height: 1.2;
	letter-spacing: .1em;
	font-weight: 500;
}

#sidebar ul {
	background-color: #fff;
}

#sidebar li+li {
	border-top-style: dotted;
	border-top-color: #ccc;
}

#sidebar a {
	display: block;
	letter-spacing: .1em;
	font-weight: 500;
}

@media screen and (max-width: 999px) {
	#sidebar {
		margin-top: calc(91 * 100vw / 768);
	}

	#sidebar h4 {
		height: calc(120 * 100vw / 768);
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
		font-size: 3rem;
	}

	#sidebar ul {
		padding-left: calc(24 * 100% / 720);
		padding-right: calc(24 * 100% / 720);
	}

	#sidebar li+li {
		border-top-width: calc(3 * 100vw / 768);
	}

	#sidebar a {
		font-size: 2.6rem;
		line-height: 1.7;
		padding-top: calc((47 - 9.1) * 100vw / 768);
		padding-bottom: calc((47 - 9.1) * 100vw / 768);
	}

	#infographics p.note {
		margin-top: 20px;
		padding-left: 90px;
		font-style: italic;
	}
}

@media print,
screen and (min-width: 1000px) {
	#sidebar {
		posiiton: relative;
		z-index: 1;
	}

	#sidebar h4 {
		height: 60px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.8rem;
	}

	#sidebar ul {
		padding-left: 15px;
		padding-right: 15px;
	}

	#sidebar li+li {
		border-top-width: 1px;
	}

	#sidebar a {
		line-height: 1.2;
		font-size: 1.8rem;
		padding-top: calc(22px - 1.8px);
		padding-bottom: calc(22px - 1.8px);
	}
}

/*--------------------------------------------
ABOUT
---------------------------------------------*/

#about {
	z-index: 2;
}

#about .bg {
	background-color: #eaf3c7;
}

#about h2 {
	color: #259b3a;
	font-weight: 500;
	line-height: 1.2;
	font-style: italic;
}

#about h2 em {
	font-weight: 700;
	line-height: 1;
	font-style: italic;
}

#about li {
	background-color: #3c991b;
}

#about h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 500;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	color: #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

#about li:nth-child(1) h3 {
	background-image: url("../../wp-content/themes/sckaikei/assets/images/home/about/img01.png");
}

#about li:nth-child(2) h3 {
	background-image: url("../images/home/about/img02.jpg");
}

#about li:nth-child(3) h3 {
	background-image: url("../images/home/about/img03.png");
}

#about li:nth-child(4) h3 {
	background-image: url("../images/home/about/img04.png");
}

#about p {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: .1em;
}

@media screen and (max-width: 999px) {
	#about {
		margin-top: calc(-120 * 100vw / 768);
	}

	#about .wrap {
		padding-left: 0;
		padding-right: 0;
		padding-top: calc(100 * 100vw / 768);
		padding-bottom: calc(113 * 100vw / 768);
	}

	#about h2 {
		padding-left: calc(24 * 100% / 768);
		padding-right: calc(24 * 100% / 768);
		margin-top: calc((82 - 2.6 - 5) * 100vw / 768);
		font-size: 5rem;
	}

	#about h2 em {
		font-size: 6rem;
	}

	#about h2 span {
		display: block;
		text-align: right;
	}

	#about ul {
		margin-top: calc((41 - 6) * 100vw / 768);
	}

	#about div.slick-slide {
		width: calc(600 * 100vw / 768);
		margin-left: calc(17 * 100vw / 768);
		margin-right: calc(17 * 100vw / 768);
	}

	#about h3 {
		height: calc(484 * 100vw / 768);
		font-size: 4rem;
	}

	#about p {
		min-height: calc(160 * 100vw / 768);
		font-size: 2.6rem;
		padding-left: calc(20 * 100% / 600);
		padding-right: calc(20 * 100% / 600);
		padding-top: calc((23 - 2.6) * 100vw / 768);
		padding-bottom: calc((23 - 2.6) * 100vw / 768);
	}
}

@media print,
screen and (min-width: 1000px) {
	#about {
		margin-top: -117px;
	}

	#about .wrap {
		padding-top: 50px;
		padding-bottom: 115px;
		position: relative;
		z-index: 1;
	}

	#about .wrap:before {
		content: "";
		display: block;
		position: absolute;
		background: url("../images/home/about/bg_pc.png") 0 0 / contain no-repeat;
		width: 792px;
		height: 532px;
		top: -128px;
		left: calc(50% + 208px);
		z-index: -1;
	}

	#about h2 {
		margin-top: calc(32px - 4px);
		font-size: 4rem;
	}

	#about h2 em {
		font-size: 5rem;
	}

	#about ul {
		display: flex;
		justify-content: center;
		margin-top: calc(87px - 5px);
	}

	#about h3 {
		font-size: 2.6rem;
	}
}

@media screen and (min-width: 1000px) and (max-width:1439px) {
	#about li {
		width: calc(330 * 100% / 1440);
	}

	#about li:not(:nth-child(4n+1)) {
		margin-left: calc(30 * 100% / 1440);
	}

	#about h3 {
		height: calc(267 * 100vw / 1440);
	}

	#about p {
		min-height: calc(87 * 100vw / 1440);
		font-size: 1.8rem;
		padding-left: calc(15 * 100% / 330);
		padding-right: calc(15 * 100% / 330);
		padding-top: calc((14 - 1.8) * 100vw / 1440);
		padding-bottom: calc((14 - 1.8) * 100vw / 1440);
	}
}

@media print,
screen and (min-width: 1440px) {
	#about li {
		width: 330px;
	}

	#about li:not(:nth-child(4n+1)) {
		margin-left: 30px;
	}

	#about h3 {
		height: 267px;
	}

	#about p {
		min-height: 87px;
		font-size: 1.8rem;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: calc(14px - 1.8px);
		padding-bottom: calc(14px - 1.8px);
	}
}

/*--------------------------------------------
INFOGRAPHICS EXTRA (追加項目用スタイル)
---------------------------------------------*/

/* 共通：リストアイテムの間隔調整 */
#infographics li.list {
	margin-bottom: 60px;
}

/* 追加①：表形式のスタイル */
.info-table-wrap {
	margin-top: 29px;
	font-style: italic;
	margin-left: 80px;
}

.info-table-wrap .year {
	font-size: 1.4rem;
	color: #666;
	margin-bottom: 10px;
	text-align: right;
	font-weight: 700;
}

.info-table {
	width: 100%;

	tr {
		border-bottom: 1px solid #fff;
	}
}

.info-table th,
.info-table td {
	padding: 10px 5px;
	text-align: center;
}

.info-table thead th {
	justify-content: flex-end;

	span {
		display: block;
		text-align: center;
		padding-bottom: 10px;
	}

	span img {
		width: 100px;
		height: auto;
	}
}

.info-table tbody th {
	text-align: left;
}

.info-table td {}

.info-table td span {
	margin-left: 2px;
	color: #333;
}

/* 追加②：割合表示のスタイル */
.info-ratio-box {
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.info-ratio-box .main-ratio strong {
	font-size: 8rem;
	font-weight: 300 !important;
	line-height: 1;
}

.info-ratio-box .main-ratio span {
	font-size: 2.4rem;
	margin-left: 5px;
}

.info-ratio-box .sub-text {
	font-size: 1.8rem;
	margin: 30px 0 0 20px;
	font-style: italic;
}

.info-ratio-box .note {
	font-size: 1.2rem;
	line-height: 1.4;
	opacity: 0.9;
}

/* レスポンシブ調整(SP) */
@media screen and (max-width: 999px) {
	.info-table-wrap {
		margin-top: 29px;
		margin-left: 40px;
		margin-right: 20px;
	}

	.info-table tbody th {
		font-size: 4.1rem;
	}

	.info-table td {
		font-size: 4.5rem;
	}

	.info-table td span {
		font-size: 2.0rem;
		margin-left: 2px;
	}

	#infographics li.list {
		width: 100% !important;
		/* スマホでは横幅一杯に */
		padding-left: 0 !important;
		margin-top: 50px;
	}

	.info-table td {
		font-size: 4.5rem;
	}

	.info-ratio-box .main-ratio strong {
		font-size: 8rem;
	}

	.w-hiritsu {
		margin-top: calc(91 * 100vw / 768)
	}

	.info-table thead th {

		span {}

		span img {
			width: 60px;
		}
	}

	.info-ratio-box {
		margin-top: 29px;
		text-align: center;
		border-radius: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 40px;
	}
}

@media print,
screen and (min-width: 1000px) {
	.info-table-wrap {
		margin-top: 29px;
		margin-left: 40px;
	}

	.info-ratio-box {
		margin-top: 29px;
		text-align: center;
		border-radius: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 80px;
	}

	.info-table thead th {
		font-size: 2.4rem;

	}

	.info-table tbody th {
		font-size: 2.6rem;
	}

	.info-table td {
		font-size: 6rem;
	}

	.info-table td span {
		font-size: 2rem;
	}
}