@charset "utf-8";
.mv{
	position: relative;
}
.mv-container{
	overflow: hidden;
}
.mv-slide{
	position: relative;
}
.mv-slide:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, transparent 0%, var(--black10) 20%, var(--black30) 60%, var(--black50) 100%);
	mix-blend-mode: multiply;
}
.mv-slide:nth-child(odd){
	overflow: hidden;
	clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 85%);
}
.mv-slide:nth-child(even){
	overflow: hidden;
	clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);
}
.mv-slide:before{
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: var(--red);
}
.mv-slide:before {
    content: "";
    display: block;
    width: 107%;
    height: 10px;
    position: absolute;
    top: 0; 
	z-index: 10;
}
.mv-slide:nth-child(odd):before{
	transform: rotate(18.7deg);
	transform-origin: left;
	left: 0;
}
.mv-slide:nth-child(even):before{
	transform: rotate(-18.7deg);
	transform-origin: right;
	right: 0;
}
.mv-slide:nth-child(3n+1):before{
	background: var(--red);
}
.mv-slide:nth-child(3n+2):before{
	background: var(--yellow);
}
.mv-slide:nth-child(3n+3):before{
	background: var(--gray);
}
/*
.mv-guardians{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	color: var(--yellow);
	z-index: 2;
}
.mv-guardians b{
	color: var(--red);
}
.mv-guardians,
.mv-guardians b{
	font-family: "oswald", sans-serif;
	font-optical-sizing: auto;
	font-size: clamp(48px, 11vw, 280px);
	font-weight: 900;
	line-height: 0.8;
	font-style: normal;
	filter: drop-shadow(0 2px 1px rgba(0,0,0,0.2));
}*/
.mv-catch{
	position: absolute;
	bottom: 9vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 3;
}

.mv-copy{
	color: #fff;
	font-size: clamp(16px, 2vw, 24px);
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 0.5em;
	white-space: nowrap;
}
.mv-name{
	font-size: clamp(28px, 6vw, 74px);
	font-weight: 900;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 0.1em;
	white-space: nowrap;
}
.mv-topcopy{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.mv-topcopy,
.mv-topcopy b,
.mv-topcopy span{
	font-size: clamp(18px, 3.4vw, 48px);
	font-weight: 900;
	line-height: 1.3;
	margin-bottom: 0.5em;
	white-space: nowrap;
}
.mv-topcopy b{
	color: var(--red);
}
.mv-topcopy span{
	color: var(--yellow);
}

.mv-link{
	display: flex;
	justify-content: center;
}
.mv-link a{
	background: var(--red);
	color: #fff;
	line-height: 0.7;
	padding: 0.7em 0;
	width: 12em;
	font-size: clamp(14px, 1.5vw, 24px);
	font-weight: 700;
	text-align: center;
	display: inline-block;
	border-radius: 4em;
	margin: 0 5px;
}
.mv-link a:hover{
	background: var(--yellow);
	color: var(--black);
}
@media screen and (max-width: 680px) {
	.mv-guardians, .mv-guardians b {
		font-size: 16vw;
	}
	.mv-link a{
		width: 11em;
	}
	.mv-catch {
		bottom: 4em;
	}
}

/*HOME CONTENT*/
.home-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.home-content_summary,
.home-content_h2{
	font-size: clamp(34px, 4vw, 56px);
	font-weight: 700;
	line-height: 1.2;
}
.home-content_summary{
	width: 11em;
	margin-left: 1em;
}
.home-content_text{
	margin-left: -6em;
	background: #fff;
	padding: 2em 0 2em 2em;
}
.home-content_img{
	flex: 1;
}
@media screen and (max-width: 1280px) {
	.home-content_summary{
		width: 9em;
	}
	.home-content_text{
		padding-bottom: 0;
	}
}
@media screen and (max-width: 980px) {
	.home-content_summary{
		width: 100%;
		margin: 0 0 1em;
	}
	.home-content_h2 {
		font-size: clamp(34px, 6.4vw, 56px);
	}
	.home-content_text{
		width: 80%;
		margin: 0;
		padding: 0;
	}
	.home-content_img{
		flex: inherit;
		width: 80%;
		order: 1;
		margin: 0 0 0 auto;
	}
}
@media screen and (max-width: 680px) {
	.home-content_text,
	.home-content_img{
		width: 100%;
	}
}

/*HOME SERVICE*/
.home-service{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.home-service_item{
	width: 32%;
	position: relative;
}
.home-service_img{
	position: relative;
}
.home-service_img:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
.home-service_img img{
	object-fit: cover;
	aspect-ratio: 1 / 1.3;
}
.home-service_name{
	position: absolute;
	top: 1em;
	left: 1em;
}
.home-service_name span,
.home-service_name small,
.home-service_name b{
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
}
.home-service_name small{
	display: block;
	font-size: clamp(16px, 1.4vw, 21px);
}
.home-service_name b{
	display: block;
	font-size: clamp(21px, 6vw, 98px);
}
.home-service_a {
	position: absolute;
	bottom: 1em;
	right: 1em;
}
@media screen and (max-width: 980px) {
	.home-service_item{
		display: flex;
		width: 100%;
		margin-bottom: 1em;
		justify-content: space-between;
		align-items: flex-end;
	}
	.home-service_img{
		width: 80%;
	}
	.home-service_img img{
		aspect-ratio: 2 / 1;
	}
	.home-service_name span,
	.home-service_name small{
		font-size: clamp(16px, 3vw, 21px);
	}
	.home-service_name b{
		font-size: clamp(21px, 9vw, 98px);
	}
	.home-service_a{
		position: relative;
		bottom: inherit;
		right: inherit;
		width: 8em;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 580px) {
	.home-service_a{
		position: absolute;
		bottom: 0.5em;
		right: 0;
	}
	.home-service_img{
		width: 95%;
	}
}

/*HOME RECRUIT*/
.home-recruit{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.home-recruit_slide{
	width: 25%;
	position: relative;
}

.splide__slide{
	position: relative;
}
.splide__slide:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
}
.home-recruit_p{
	color: #fff;
    writing-mode: vertical-rl;
    position: absolute;
    top: 50%;
    right: -0.5em;
    transform: translateY(-50%);
    font-size: 3vw;
    white-space: nowrap;
    line-height: 1;
    z-index: 1;
}
.home-recruit_content{
	width: 50%;
	padding: 0 3em;
}
.home-recruit_table{
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	border-collapse: collapse;
}
.home-recruit_table th,
.home-recruit_table td{
	font-size: clamp(15px, 1.3vw, 18px);
	line-height: 1.4;
	text-align: left;
	padding: 1.5em 0;
	border-bottom: 1px solid var(--black);
}
.home-recruit_table th {
    width: 7em;
}
@media screen and (max-width: 1280px) {
	.home-recruit_content .lead{
		text-align: left !important;
	}
	.home-recruit_content .lead br{
		display: none;
	}
	.home-recruit_p {
		font-size: 4vw;
	}
}
@media screen and (max-width: 980px) {
	.home-recruit_content .lead{
		text-align: center !important;
	}
	.home-recruit_content .lead br{
		display: block;
	}
	.home-recruit_content{
		width: 100%;
	}
	.home-recruit_slide{
		width: 50%;
	}
	.home-recruit_slide{
		order: 3;
	}
	.home-recruit_p {
		font-size: 3.4vw;
	}
}
@media screen and (max-width: 680px) {
	.home-recruit_content .lead{
		text-align: left !important;
	}
	.home-recruit_content .lead br{
		display: none;
	}
	.home-recruit_content{
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.home-recruit_p {
		font-size: 5vw;
	}
}

/*HOME PEOPEL*/
.home-people{
	background: var(--blue);
}
.home-people .title-h3{
	color: #fff;
}

/*HOME CLIENT*/
.home-client{
	background: var(--gray20);
}
.home-client_ol{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0.5em;
}

/*HOME INFORMATION*/
.home-information{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.home-information .title-h5{
	width: 7em;
	font-weight: 700;
	font-size: clamp(24px, 2vw, 34px);
}


/*PHILOSOPHY*/
.philosophy-sentence p{
	font-size: clamp(18px, 3vw, 48px);
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	z-index: 2;
}
.philosophy-sentence:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/bk_logo.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.3;
}
.philosophy-service_bk{
	background: 
	  linear-gradient(to bottom, white 0%, white 30%, transparent 30%, transparent 100%),
	  url("../img/bk_night.jpg") no-repeat top center;
	background-size: cover;
	padding-bottom: 10em;
}
.philosophy-service{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.philosophy-service_item{
	width: 32%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1em;
}
.philosophy-service_h5{
	font-size: clamp(21px, 2vw, 28px);
	font-weight: 700;
	text-align: center;
}
.philosophy-service p{
	text-align: left;
	margin: 1em 0 1.5em;
	line-height: 1.5;
}
.philosophy-service_item:nth-child(1){
	background: var(--gray);
}
.philosophy-service_item:nth-child(2){
	background: var(--yellow);
}
.philosophy-service_item:nth-child(3){
	background: var(--red);
}
.philosophy-service_item:nth-child(1) h5,
.philosophy-service_item:nth-child(3) h5,
.philosophy-service_item:nth-child(1) p,
.philosophy-service_item:nth-child(3) p{
	color: #fff;
}
.philosophy-action{
	background: var(--gray20);
}
.philosophy-message_ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.philosophy-message_ul li{
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 10em;
	height: 10em;
	border-radius: 50%;
	background: var(--blue);
	color: #fff;
	margin: 0 0.5em;
	font-size: clamp(15px, 2.4vw, 28px);
	line-height: 1.3;
}
.philosophy-message_ul li:before{
	content: "";
	display: block;
	text-align: center;
	width: 100%;
	height: 1.5em;
	background: url("../img/icon.png") no-repeat center;
	background-size: contain;
	margin-top: -0.5em;
}
.philosophy-message{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.philosophy-message_summary{
	width: 40%;
	margin-right: 7%;
	position: relative;
	z-index: 3;
}
.philosophy-message_summary b{
	color: var(--red);
	font-weight: 900;
}
.philosophy-message_img{
	flex: 1;
	position: relative;
	z-index: 2;
}
.philosophy-message:after{
	content: "";
	display: block;
	width: 40%;
	height: 100%;
	background: var(--red);
	position: absolute;
	top: 0;
	right: 5vw;
	clip-path: polygon(40% 0%, 100% 0%, 60% 100%, 0% 100%);
	z-index: 0;
}
@media screen and (max-width: 1280px) {
	.philosophy-message{
		display: block;
	}
	.philosophy-message_summary{
		width: 100%;
		max-width: 680px;
		margin-bottom: 3em;
	}
	.philosophy-message_img{
		width: 90%;
		max-width: 980px;
		margin: 0 0 0 auto;
	}
}
@media screen and (max-width: 980px) {
	.philosophy-service_item{
		width: 100%;
		flex-direction: row;
		margin-bottom: 1em;
		flex-wrap: wrap;
	}
	.philosophy-service_head{
		flex: 1;
	}
	.philosophy-service_img{
		width: 45%;
		margin-left: 1em;
	}
	.philosophy-service_bk{
		background: 
		  linear-gradient(to bottom, white 0%, white 10%, transparent 10%, transparent 100%),
		  url("../img/bk_night.jpg") no-repeat top center;
		background-size: cover;
	}
	.philosophy-message:after{
		display: none;
	}
	.philosophy-message_ul li{
		margin: 0 0.2em;
	}
}
@media screen and (max-width: 680px) {
	.philosophy-sentence p br{
		display: none;
	}
	.philosophy-sentence p{
		text-align: left !important;
	}
	.philosophy-service_img img{
		object-fit: cover;
		aspect-ratio: 1.3 / 1;
	}
	.philosophy-message_img{
		width: 100%;
	}
}
@media screen and (max-width: 580px) {
	.philosophy-service_img{
		width: 100%;
		margin-left: 0;
	}
	.philosophy-service_img img{
		aspect-ratio: 2 / 1;
	}
	.philosophy-message_ul li:last-child{
		margin-top: -0.7em;
	}
}

/*ABOUT*/
.about-nav{
	display: flex;
	justify-content: center;
}
.about-nav a{
	line-height: 1;
	padding: 1em;
	width: 8em;
	background: var(--blue);
	color: #fff;
	text-align: center;
	margin: 0 -0.3%;
	clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.about-nav a:hover{
	background: var(--yellow);
	color: var(--black);
}
.about-nav a.current{
	background: var(--red);
	color: #fff;
}
.about-h4_small{
	font-size: clamp(16px, 1.5vw, 24px);
	line-height: 1.2;
}
.about-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.about-content_summary{
	width: 40%;
	margin-right: 5%;
	padding-bottom: 5em;
}
.about-content_summary:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/bk_logo.png") no-repeat top center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.3;
}
.about-content_item{
	position: relative;
	z-index: 1;
}
.about-sign small{
	font-size: clamp(13px, 1.2vw, 16px);
	padding-right: 1em;
}
.about-sign b{
	display: inline-block;
	width: clamp(120px, 15vw, 150px);
}
.about-sign b.about-sign_niigata{
	display: inline-block;
	width: clamp(90px, 12vw, 120px);
}
.about-table{
	flex: 1;
	margin: 0 auto;
	border-collapse: collapse;
}
.about-table th,
.about-table td{
	font-size: clamp(15px, 1.3vw, 18px);
	line-height: 1.4;
	text-align: left;
	padding: 1.5em 0;
	border-bottom: 1px solid var(--black);
}
.about-table td a{
	color: var(--red);
	text-decoration: underline;
}
.about-table td a:hover{
	color: var(--blue);
}
.about-table td a.tel{
	text-decoration: none;
}
.about-table th {
    width: 8em;
}
.about-content:nth-of-type(2) .about-table th{
	width: 12em;
}
.about-access{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.about-access{
	background: var(--black10);
	padding: 1em;
}
.about-access_info{
	flex: 1;
	padding: 2em;
}
.about-access_info dl{
	display: grid;
	grid-template-columns: 11em 1fr;
	gap:1em;
}
.about-access_info dt{
	font-size: 120%;
	font-weight: 700;
}
.about-access_info dt:before{
	content: "■";
	color: var(--red);
}
.about-access_info dd{
	flex: 1;
	border-bottom: 2px dotted var(--black);
	padding-bottom: 1em;
	font-size: clamp(13px, 1.2vw, 16px);
}
.about-access_map{
	width: 45%;
	display: block;
}
.about-access_niigata{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5em;about-sign
}
.about-access_niigata .about-access{
	flex-direction: column;
}
.about-access_niigata .about-access_info {
    padding: 1em;
	width: 100%;
}
.about-access_h5{
	text-align: center;
	font-weight: 700;
	font-size: clamp(21px, 1.4vw, 28px);
	margin-bottom: 0.5em;
	background: var(--red);
	color: #fff;
}
.about-access_niigata .about-access_info dl {
    grid-template-columns: 1fr;
	gap: 0.1em !important;
}
.about-access_niigata .about-access_info dt{
	padding-top: 0.5em;
}
.about-access_niigata .about-access_map {
    width: 100%;
}
@media screen and (max-width: 1280px) {
	.about-content{
		flex-direction: column;
	}
    .about-content_summary {
        width: 100% !important;
        max-width: 780px;
        margin: 0 auto !important;
        padding: 8vw 0;
    }
	.about-table {
		flex: initial;
		margin: 0 auto;
		max-width: 780px;
		width: 100%;
	}
	.about-access{
		align-items: flex-start;
	}
	.about-access_info dl{
		grid-template-columns: 1fr;
		gap: 0.5em;
	}
	.about-access_info dt{
		padding-top: 0.5em;
	}
	.about-access_map{
		width: 55%;
		padding-top: 2em;
	}
}
@media screen and (max-width: 980px) {
	.about-access{
		flex-direction: column;
	}
	.about-access_info,
	.about-access_map{
		width: 100%;
		padding: 1em 1em 2em;
	}
	.about-access_niigata{
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 680px) {
	.about-nav a{
		width: 6.5em;
	}
	.about-table,
	.about-table tbody,
	.about-table tr,
	.about-table th,
	.about-table td{
		display: block;
		width: 100% !important;
		padding: 0 !important;
		border: none !important;
	}
	.about-table tr{
		padding: 1em 0 !important;
		border-bottom: 1px solid var(--black) !important;
	}
	.about-table th{
		font-weight: 900;
	}
	.about-table td{
		padding-left: 2em !important;
	}
	.about-access_info,
	.about-access_map{
		padding: 0;
		margin-bottom: 1em !important;
	}
	.about-access_niigata .about-access_info {
		padding: 0;
	}
}
@media screen and (max-width: 1480px) {
	.about-content_summary{
		width: 45%;
	}
}

/*HISTORY*/
.history-ol:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/bk_logo.png") no-repeat top center;
	background-size: 80%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.3;
}
.history-ol:before{
	content: "";
	display: block;
	width: 3px;
	height: 100%;
	background: var(--blue20);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.history-ol li{
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	margin-bottom: 1em;
	position: relative;
	z-index: 1;
}
.history-ol li:has(.history-img) {
	align-items: flex-start;
}
.history-ol li:nth-child(odd){
	margin: 0 0 1em auto;
}
.history-ol li:nth-child(even){
	justify-content: flex-end;
	text-align: right;
}
.history-year{
	width: 2.4em;
	height: 2.4em;
	background: var(--blue);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	font-size: clamp(21px, 5vw, 68px);
}
.history-ol li:nth-child(odd) .history-year{
	margin-left: -1.2em;
}
.history-ol li:nth-child(even) .history-year{
	order: 1;
	margin-right: -1.2em;
}
.history-detail{
	flex: 1;
}
.history-ol li:nth-child(odd) .history-detail{
	margin-left: 1em;
}
.history-ol li:nth-child(even) .history-detail{
	margin-right: 1em;
}
.history-img{
	width: 80%;
	max-width: 400px;
	margin-top: 0.5em;
}
.history-ol li:nth-child(even) .history-img{
	margin: 0.5em 0 0 auto;
}
.history-month{
	display: inline-block;
	background: var(--red);
	line-height: 1;
	padding: 0.5em 1em;
	color: #fff;
}
.history-summary{
	line-height: 1.4;
	margin: 0.2em 0;
}
@media screen and (max-width: 680px) {
	.history-ol li{
		width: 100%;
		margin: 0 0 1em !important;
	}
	.history-ol li:nth-child(even){
		justify-content: flex-start;
		text-align: left;
	}
	.history-ol li:nth-child(odd) .history-year{
		margin-left: 0;
	}
	.history-ol li:nth-child(even) .history-year{
		order: 0;
		margin-right: 0;
	}
	.history-ol:before{
		left: 1.2em;
		transform: none;
		font-size: clamp(21px, 5vw, 68px);
	}
	.history-ol li:nth-child(even) .history-detail {
		margin-right: 0;
		margin-left: 1em;
	}
	.history-detail{
		padding-top: 0.5em;
	}
	.history-ol li:nth-child(even) .history-img {
		margin: 0.5em 0 0 0;
	}
}
@media screen and (max-width: 480px) {
	.history-img{
		width: 100%;
	}
	.history-ol:after{
		display: none;
	}
	.history-year{
		width: 2.8em;
		height: 2.8em;
	}
	.history-ol:before{
		left: 1.4em;
	}
}

/*sERVICE*/
.service-header{
	background: url(../img/service.jpg) 10% center / cover no-repeat;
	padding: 5em 2em;
	position: relative;
}
.service-h4{
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 900;
	line-height: 1.3;
}
.service-h4 small{
	display: block;
	line-height: 1;
	font-size: clamp(14px, 1.4vw, 18px);
}
.service-header_message{
	width: 52%;
	margin: 0 0 0 auto;
}
.service-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3em;
    padding-bottom: 3em;
}
.service-item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service-summary{
	width: 45%;
	margin-right: -10vw;
	z-index: 2;
	position: relative;
	background: #fff;
	padding: 2em 3em 3em 0;
}
.service-h5{
	font-size: clamp(24px, 3vw, 48px);
	font-weight: 900;
	line-height: 1;
}
.service-img{
	flex: 1;
	position: relative;
	z-index: 1;
}
.service-link{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.service-link .btn{
	width: 16em;
	margin: 0 5px 0.5em !important;
}
.service-link small{
	display: block;
	letter-spacing: 0;
	color: #fff;
}
.service-link .btn.red:hover small{
	color: var(--black);
}
@media screen and (max-width: 1280px) {
	.service-header{
		width: 100% !important;
		padding: 3em 2em 0 !important;
	}
	.service-header_message{
		top: 3em;
		right: 2em;
		transform: none;
		width: 54%;
	}
	.service-summary{
		width: 50%;
		margin-right: 2em;
		padding: 0;
	}
	.service-content{
        border-bottom: 1px solid var(--black);
	}
}
@media screen and (max-width: 980px) {
	.service-header{
		background: url("../img/service.jpg") no-repeat left 17% top;
		background-size: 100%;
		padding: 3em 2em;
		margin-top: 2em;
	}
	.service-header_message{
		width: 55%;
	}
	.service-img img{
		object-fit: cover;
		aspect-ratio: 1 / 1;
	}
}
@media screen and (max-width: 680px) {
	.service-header{
		background: none;
		padding: 0 !important;
	}
	.service-header:before{
		content: "";
		display: block;
		width: 100%;
		height: 45vw;
		background: url(../img/service.jpg) left center / 100% no-repeat;
	}
	.service-header_message{
		width: 90%;
		margin: 2em auto 0;
		border: 1px solid var(--black);
		padding: 2em 1em;
	}
	.service-h4{
		text-align: center;
	}
	.service-content {
		flex-direction: column;
	}
	.service-summary {
        width: 100%;
        margin: 0 0 1em 0;
    }
	.service-img img{
		aspect-ratio: 2 / 1;
	}
}

/*SERVICE ITME*/
.service-mv img{
	object-fit: cover;
	aspect-ratio: 2.5 / 1;
}
.service-lead_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service-lead_summary{
	width: 50%;
	margin-right: 5%;
}
.service-lead_img{
	flex: 1;
}
.service-points{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: linear-gradient(180deg, var(--blue) 0%, var(--blue) 80%, var(--blue20) 80%, var(--blue20) 100%);
	padding: 3em 0 5em;
}
.service-points_h4{
	width: 100%;
	font-size: clamp(24px, 3vw, 34px);
	color: #fff;
	font-weight: 700;
}
.service-points_h4 b{
	font-size: 200%;
	color: var(--yellow);
}
.service-point{
	background: var(--yellow);
	width: 6.5em;
	height: 6.5em;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px -0.5em;
	font-size: clamp(18px, 3vw, 38px);
}
.service-point small,
.service-point i,
.service-point b{
	display: block;
	line-height: 1.2;
	text-align: center;
}
.service-point b{
	font-size: clamp(18px, 3vw, 38px);
}
.service-point small{
	font-size: clamp(12px, 1.8vw, 18px);
}
.service-point i{
	font-size: 250%;
	display: block;
}
.service-point:first-of-type{
	background: var(--gray);
}
.service-point:last-of-type{
	background: var(--red);
}
.service-point:first-of-type small,
.service-point:first-of-type i,
.service-point:first-of-type b,
.service-point:last-of-type small,
.service-point:last-of-type i,
.service-point:last-of-type b{
	color: #fff;
}
.service-point_ol{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:1em;
	margin: 3em 0 0;
}
.service-point_ol li{
	background: #fff;
	padding: 1.5em 1em;
}
.service-point_h5{
	text-align: center;
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 700;
	margin-bottom: 0.5em;
	color: var(--blue);
	background: var(--gray30);
}
.service-column_h4{
	width: 100%;
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.3;
}
.service-column_h4 br{
	display: none;
}
.service-column_h4 small{
	display: block;
	font-size: clamp(16px, 1.4vw, 21px);
}
.service-column_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.service-column_img{
	width: 50%;
	position: relative;
	z-index: 0;
}
.service-column_summary{
	flex: 1;
	background: #fff;
	padding: 3em 3em 3em 0;
	margin-right: -5em;
	position: relative;
	z-index: 2;
}
.service-column_h5{
	display: inline-block;
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 700;
    background: var(--red);
    color: #fff;
    line-height: 1.2;
    padding: 0.5em 2em;
    text-align: center;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.service-column_h5 br{
	display: none;
}
.service-column_img img{
	object-fit: cover;
	aspect-ratio: 1.3 / 1;
}
.service-column_wrap:nth-child(odd) .service-column_summary{
	order: 1;
	padding: 3em 0 3em 3em;
	margin-right: 0;
	margin-left: -5em;
}
@media screen and (max-width: 980px) {
	.service-lead_img img{
		object-fit: cover;
		aspect-ratio: 1 / 1;
	}
	.service-point_ol{
		grid-template-columns: repeat(2, 1fr);
	}
	.service-column_summary{
		padding: 3em 2em 0 0;
		margin: 0 !important;
	}
	.service-column_summary{
		flex: initial;
		width: 100%;
		padding: 0;
		margin-bottom: 2em !important;
	}
	.service-column_img{
		width: 100%;
	}
	.service-column_img img{
		aspect-ratio: 1.6 / 1;
	}
	.service-column_wrap:nth-child(odd) .service-column_summary{
		order: 0;
		padding: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 780px) {
	.service-lead_summary{
		width: 100%;
		margin: 0 0 2em !important;
	}
	.service-lead_img{
		flex: initial;
		width: 100%;
	}
	.service-mv img,
	.service-lead_img img{
		aspect-ratio: 2 / 1;
	}
}
@media screen and (max-width: 680px) {
	.service-points{
		padding: 1em 0 3em;
	}
	.service-point_ol{
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 480px) {
	.service-column_h5{
		width: 100%;
	}
	.service-column_h5 br{
		display: block;
	}
	.service-column_h4 br{
		display: block;
	}
}

/*SERVICE COST*/
.service-cost{
	border: 1px solid var(--black);
}
.service-cost_h4,
.service-cost_h4 b{
	font-size: clamp(24px, 2vw, 34px);
	font-weight: 700;
}
.service-cost_h4 b{
	color: var(--red);
}
.service-calc{
	max-width: 780px;
	margin: 0 auto;
}
.service-cost_lead b{
	color: var(--blue);
	font-weight: 700;
	font-weight: 150%;
}
.service-calc_item{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
}
.service-calc_item b{
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 700;
	padding: 0.5em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7em;
	background: var(--yellow);
}
.service-calc_item small{
	font-size: clamp(16px, 1.4vw, 18px);
	flex: 1;
	background: var(--blue);
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 1em;
	color: #fff;
}
.service-calc_item span{
	font-size: clamp(16px, 1.4vw, 18px);
	color: #fff;
}
.service-calc_item span:before{
	content: "【"
}
.service-calc_item span:after{
	content: "】"
}
.service-calc_item span br{
	display: none;
}
.service-calc_item span:nth-of-type(2){
	font-size: clamp(16px, 1.4vw, 18px);
	color: var(--yellow);
}
.service-cost p{
	max-width: 780px;
	margin: 0 auto 1em;
}
.service-calc_item02{
	margin-bottom: 0;
}
.service-calc_item02 small{
	padding: 1em;
	display: block;
}
.service-calc_item02 small em{
	font-size: 120%;
	color: var(--yellow);
	padding-left: 0.2em;
}
.service-cost_point{
	max-width: 780px;
	margin: 0 auto 1em;
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 700;
	background: var(--black10);
	padding: 1em;
	line-height: 1.3;
}
.service-cost_point b,
.service-cost_point em{
	font-size: clamp(18px, 2vw, 28px);
	line-height: 1.4;
	font-weight: 700;
	color: var(--red);
	display: inline-block;
}
.service-calc_att{
	margin-top: 0.5em;
	display: block;
	padding-left: 1em;
	text-indent: -1em !important;
	line-height: 1.3;
}
.service-point_lead{
	color: #fff;
}
.service-point_ol.e2dp{
	margin-top: 0;
}
.service-e2dp_data{
	display: flex;
	justify-content: center;
	gap: 1em;
}
.service-flow{
	overflow-x: hidden;
	padding-top: 3em;
}
.service-flow_slide{
	border: 1px solid var(--black);
	position: relative;
	height: auto;
	padding: 2em 1em 1em;
}
.service-flow_slide span{
	display: block;
	width: 5em;
	background: var(--blue);
	color: #fff;
	line-height: 1;
	padding: 0.2em 1em 0.5em;
	position: absolute;
	top: -1em;
	left: 1em;
}
.service-flow_slide span:after{
	content: "";
	display: block;
	width: 1em;
	height: 100%;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	background: var(--blue);
	position: absolute;
	top: 0;
	right: -0.95em;
}
.service-flow_slide span b{
	font-size: 150%;
	color: #fff;
	vertical-align: -2px;
	line-height: 1;
}
.service-flow_slide span small{
	color: #fff;
}
.service-flow_slide p{
	line-height: 1.4;
}
.service-flow_img img{
	object-fit: cover;
	aspect-ratio: 1.7 / 1;
}
@media screen and (max-width: 780px) {
	.service-calc_item b{
		width: 100%;
	}
	.service-calc_item small{
		padding: 1em;
	}
	.service-cost_point{
		text-align: left !important;
	}
	.service-cost_point br{
		display: none;
	}
}
@media screen and (max-width: 580px) {
	.service-calc_item small{
		text-align: center;
		justify-content: center;
	}
	.service-calc_item span:before,
	.service-calc_item span:after{
		display: none;
	}
	.service-calc_item span br{
		display: block;
	}
	.service-calc_item span {
		margin: 0 5px;
	}
	.service-calc_item02 small{
		text-align: left !important;
	}
	.service-calc_item02 small br{
		display: none;
	}
	.service-e2dp_data{
		display: flex;
		flex-direction: column;
	}
	.service-flow {
		padding-top: 2em;
	}
}

.service-pps_table--wrap{
	overflow: scroll;
}
.service-pps_table{
	min-width: 580px;
	border-collapse: collapse;
	width: 100%;
}
.service-pps_table th{
	background: var(--blue);
	color: #fff;
	padding: 0.7em 0;
	line-height: 1.2;
	border: 1px solid #fff;
}
.service-pps_table th:first-child{
	border-left: 1px solid var(--blue);
}
.service-pps_table th:last-child{
	border-right: 1px solid var(--blue);
}
.service-pps_table td{
	border: 1px solid var(--blue);
	padding: 0.3em;
	text-align: right;
}
.service-pps_table td:first-child{
	text-align: center;
}
.service-pps_table td b{
	font-size: 130%;
}
.service-pps_table td:nth-child(5) b,
.service-pps_table td:nth-child(5) small{
	color: var(--red);
}
.service-pps_table td:nth-child(5) small{
	vertical-align: 1px;
}
.service-faq_h4{
	font-size: clamp(24px, 2.1vw, 38px);
	font-weight: 700;
}
.service-faq_h5{
	font-size: clamp(21px, 2vw, 28px);
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.service-faq_h5:after{
	content: "";
	display: block;
	flex: 1;
	height: 1px;
	background: var(--black);
}
.service-faq_item{
	flex: 1;
	padding-left: 5em;
}
.service-faq_item dt{
    font-weight: 700;
    background: var(--black10);
    padding: 1em;
    line-height: 1.3;
	margin-bottom: 0.5em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.service-faq_item dt:before{
	content: "Q";
	font-size: 34px;
	width: 40px;
	font-weight: 700;
	color: var(--red);
	margin-right: 0.2em;
	justify-content: flex-start;
}
.service-faq_item dd{
	width: 90%;
	margin: 0 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.service-faq_item dd:before{
	content: "A";
	font-size: 34px;
	font-weight: 700;
	color: var(--yellow);
	margin-right: 0.5em;
}
@media screen and (max-width: 780px) {
	.service-faq_item{
		padding-left: 0;
	}
	.service-faq_item dd {
		width: 95%;
		padding: 0 !important;
	}
}

/*INFORMATION POST*/
.information{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.information-title{
	font-size: clamp(21px, 2vw, 28px);
	font-weight: 700;
}
.information-header{
    width: 100%;
	border-top: 1px solid var(--black);
	text-align: right;
}
.information-cat a{
	display: inline-block;
	background: var(--black);
	font-size: clamp(12px, 1.1vw, 14px);
	margin-left: 5px;
	line-height: 1;
	padding: 0.3em 1em 0.5em;
	color: #fff;
}
.information-cat a:hover{
	background: var(--red);
}
.information-post{
    flex: 1;
}
.information-editor{
    border: 1px solid var(--black);
}
.information-editor p a{
    color: var(--red);
    text-decoration: underline;
}
.home-info .information-archive_ol li{
	margin-bottom: 2em !important;
}
@media screen and (max-width: 1280px){	
	.information-side {
		margin-left: 1em;
	}
}	
@media screen and (max-width: 980px){	
	.information-post{
		flex: inherit;
		width: 100%;
	}
}	

/*INFORMATION SIDE*/
.information-side{
    width: 25%;
    margin-left: 3em;
}
.information-h4{
    background: #eee;
    padding: 0.2em 0.5em;
    margin-bottom: 1em;
}
.information-h4:before{
    content: "■";
    color: var(--red);
}
.information-cat_ol{
    padding-left: 2.5em;
}
.information-cat_ol li{
    list-style: disc outside;
}
.information-cat_ol li a:hover,
.information-cat_ol li.current-cat a{
	color: var(--gold);
}
.information-cat_ol li a:hover{
	text-decoration: underline;
}
.information-latest_ol li{
    border-bottom: 1px solid var(--black);
}
.information-latest_date{
    display: block;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1;
}
.information-latest_a{
    display: block;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.3;
	margin-top: 0.5em;
}
.information-latest_a:hover{
    text-decoration: underline;
	color: var(--red);
}
@media screen and (max-width: 980px) {
	.information-side{
		flex: 1;
		width: 100%;
		margin: 2em 0 0;
	}
}

/*INFORMATION ARCHIVE*/
.information-archive{
    flex: 1;
}
.information-archive_li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 1.5em 0;
	border-bottom: 1px solid var(--black);
}
.information-archive_li:first-of-type{
	padding-top: 0 !important;
}
.information-archive_date{
	width: 5em;
	font-size: clamp(16px, 1.5vw, 24px);
}
.information-archive_title{
	flex: 1;
	display: block;
	line-height: 1.3;
}
@media screen and (max-width: 1280px) {
	.information-archive_header{
		margin-right: 1em;
	}
}
@media screen and (max-width: 980px) {
	.information-archive{
		flex: inherit;
		width: 100%;
		margin-bottom: 3em;
	}
}
@media screen and (max-width: 680px) {
	.information-archive{
		margin-bottom: 2em;
	}
	.information-archive_text{
		flex: inherit;
		width: 100%;
		margin-top: 0.5em;
	}
	.information-archive_header{
		width: 100%;
	}
	.information-archive_cat,
	.information-archive_cat a{
		display: inline-block;
		margin-right: 5px;
	}
	.information-archive_li{
		border: 1px solid var(--black);
		padding: 1em;
	}
}
@media screen and (max-width: 480px) {
	.information-archive_cat{
		display: block;
		margin-left: 0;
	}
}

/*INFORMATION PAGENATION*/
.information-nav .pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}
.information-nav span:first-of-type{
    margin-right: 0.5em;
}
.information-nav span.current,
.information-nav a,
.information-nav span{
	font-optical-sizing: auto;
}
.information-nav span.current,
.information-nav a{
    width: 1.5em;
    height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--purple);
    margin: 0 2px;
}
.information-nav a:hover{
    background: var(--gold);
	border: 1px solid var(--gold);
    color: #fff;
}
.information-nav span.current{
    background: var(--purple);
	border: 1px solid var(--purple);
    color: #fff;
}


/*INFORMATION PAGE NAVI*/
.page-nav{
	width: 100%;
	margin: 1em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-nav_back,
.page-nav_btn,
.page-nav_last{
	width: 33%;
	border: 1px solid var(--black);
	padding: 0.7em;	
	display: flex;
	align-items: center;
}
.page-nav_last{
	background: #eee;
	border: none;
}
.page-nav_back{
	justify-content: center;
}
.page-nav a b{
	display: block;
	font-size: clamp(13px, 1.2vw, 15px);
	line-height: 1.2;	
	transition: 0.2s all;
}
.page-nav a small{
	display: block;
	font-size: clamp(12px, 1.1vw, 14px);
	margin-bottom: 0.2em;
}
.page-nav a:hover {	
	background: var(--red);
	border: 1px solid var(--red);
	color: #fff !important;	
}	
.page-nav a:hover b,
.page-nav a:hover small{	
	color: #fff !important;	
}	
@media screen and (max-width: 780px){	
	.page-nav_back,
	.page-nav_btn,
	.page-nav_last{
		width: 100%;
		margin-bottom: 5px;
	}
}	

/*BLOG POST*/
.blog-h3 {
	position: relative;
}
.blog-h3 span{
    font-size: clamp(58px, 5vw, 68px);
	position: relative;
	z-index: 1;
}
.blog-h3:after {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
    background: var(--yellow);
	position: absolute;
	top: 1.8em;
	left: 0;
	z-index: 0;
}
.blog{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3em;
	z-index: 2;
	position: relative;
}
.blog-side{
	width: 17em;
}
.blog-post{
	flex: 1;
}
.blog-title {
    font-size: clamp(21px, 1.7vw, 28px);
    font-weight: 700;
	line-height: 1.3;
	background: var(--yellow);
	padding: 0.5em;
}
.blog-header {
    width: 100%;
    text-align: right;
}
.blog-editor {
    border: 1px solid var(--black);
	padding: 3em;
}
@media screen and (max-width: 1480px){	
	.blog-editor{
		padding: 2em;
	}
}	
@media screen and (max-width: 1380px){	
	.blog{
		gap: 2em;
	}
	.blog-editor{
		padding: 1em;
	}
}	

/*BLOG SIDE*/
.blog-side_h4 {
    display: block;
    font-weight: 700;
    background: var(--red);
    color: #fff;
    line-height: 1.2;
    padding: 0.3em 2em;
    text-align: center;
    clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
	margin-bottom: 1em;
}
.blog-cat_ol li {
	margin-bottom: 0.5em;
}
.blog-cat_ol li a{
	display: block;
	border: 1px solid var(--black);
	border-left: 7px solid var(--yellow);
	padding: 0.5em 0.5em 0.5em 1em;
	line-height: 1;
}
.blog-cat_ol li a:hover{
	border-left: 7px solid var(--red);
}
.blog-latest_li{
	display: flex;
	justify-content: space-between;
	gap: 1em;
}
.blog-latest_thumb{
	width: clamp(80px, 20vw, 120px);
	border: 1px solid var(--black);
	padding: 0.5em;
}
.blog-latest_thumb img{
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.blog-latest_item{
	flex: 1;
}
.blog-latest_a {
    display: block;
    font-size: clamp(15px, 1.2vw, 16px);
    line-height: 1.3;
    margin-top: 0.3em;
}
@media screen and (max-width: 1180px){	
	.blog-side_cat{
		width: 100%;
		order: 2;
		margin-bottom: 2em;
	}
}	
@media screen and (max-width: 980px){	
	.blog-side_latest {
		width: 12em;
	}
	.blog-latest_li {
		display: block;
	}
	.blog-latest_thumb{
		width: 100%;
		margin-bottom: 0.5em;
	}
	.blog-latest_thumb img{
		aspect-ratio: 2 / 1;
	}
}	
@media screen and (max-width: 680px){
	.blog-side_latest {
		width: 100%;
	}
	.blog-latest_li {
		display: flex;
	}
	.blog-latest_thumb{
		width: clamp(80px, 20vw, 120px);
		margin-bottom: 0;
	}
	.blog-latest_thumb img{
		aspect-ratio: 1 / 1;
	}
}


/*BLOG ARCHIVE*/
.blog-archives{
	z-index: 2;
	position: relative;
}
.blog-archive_ol{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2em;
}
.blog-archive_thumb{
	display: block;
	width: 100%;
	border: 1px solid var(--black);
	padding: 1em;
	background: #fff;
}
.blog-archive_thumb img{
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.blog-archive_date{
	font-weight: 700;
}
.blog-archive_title{
	display: block;
	line-height: 1.3;
	font-weight: 500;
	font-size: clamp(13px, 1.2vw, 16px);
}
@media screen and (max-width: 1380px){	
	.blog-archive_ol{
		gap: 1em;
	}
}
@media screen and (max-width: 980px){	
	.blog-archive_ol{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 680px){	
	.blog-archive_ol{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 480px){	
	.blog-archive_ol{
		gap: 0.5em;
	}
	.blog-archive_thumb{
		padding: 5px;
	}
}

/*PEOPLE POST*/
.people-mv{
		background: linear-gradient(180deg, transparent 0%, transparent 20%, var(--blue) 20%, var(--blue) 100%);
}
.people-mv_img:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--black);
	opacity: 0.2;
	mix-blend-mode: multiply;
	z-index: 1;
}
.people-mv_img img{
	object-fit: cover;
	aspect-ratio: 2.2 / 1;
}
.people-catch{
	position: absolute;
	left: 5vw;
	bottom: 5vw;
	z-index: 2;
}
.people-name{
	font-size: clamp(24px, 3vw, 38px);
	font-weight: 700;
	color: #fff;
}
.people-year{
	display: inline-block;
	background: var(--red);
	color: #fff;
	line-height: 1;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	padding: 0.4em 1.5em 0.5em;
	font-size: clamp(12px, 1.2vw, 18px);
}
.people-motto small{
	color: #fff;
	font-size: clamp(16px, 1.4vw, 21px);
	display: block;
	line-height: 1;
}
.people-motto_p{
	font-size: clamp(21px, 5vw, 68px);
	color: #fff;
	line-height: 1.3;
	padding-left: 0.5em;
	text-indent: -0.5em;
	font-weight: 700;
}
.people-important{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.people-h4{
	color: #fff;
	width: 10em;
	font-size: clamp(21px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.2;
	border-right: 5px solid var(--yellow);
	margin-right: 1em;
}
.people-h4 b{
	color: var(--yellow);
	font-size: clamp(28px, 3.2vw, 38px);
	font-weight: 700;
}
.people-important_text{
	flex: 1;
}
.people-important_text p{
	color: #fff;
	font-size: clamp(21px, 2vw, 28px);
	line-height: 1.2;
}
.people-important_text small{
	display: block;
	color: #fff;
	font-size: clamp(13px, 1.2vw, 15px);
	line-height: 1.4;
}
.people-reason{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3em;
}
.people-reason_img{
	width: 45%;
}
.people-reason_summary{
	flex: 1;
}
.people-reason_h4{
	background: var(--red);
	display: inline-block;
	padding: 0.5em 2em;
	line-height: 1.2;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	color: #fff;
}
.people-reason_h4 br{
	display: none;
}
.people-slide01,
.people-slide02{
	overflow: hidden;
	margin-bottom: 5px;
}
.people-swiper img{
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.people-day{
	background: var(--black10);
}
.people-day .title-h3 {
    font-size: clamp(28px, 4vw, 48px);
}
.people-day_wrap{
	max-width: 980px;
	position: relative;
}
.people-day_wrap:after{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 2em);
	background: var(--blue);
	position: absolute;
	top: 1em;
	left: 6.6em;
	z-index: 0;
}
.people-day_dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
.people-day_dl dt{
	width: 5em;
	position: relative;
	z-index: 2;
}
.people-day_dl dt span{
	display: block;
	background: var(--blue);
	color: #fff;
	line-height: 1;
	padding: 0.3em 0 0.4em;
	text-align: center;
	margin-top: 1em;
}
.people-day_dl dt:after{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--blue);
	position: absolute;
	top: 1.8em;
	right: -2.5em;
	transform: translateY(-50%);
}
.people-day_dl dd{
	flex: 1;
	background: #fff;
	padding: 1em;
	margin-left: 3em;
}
.people-day_img{
	width: clamp(300px, 30vw, 480px);
}
@media screen and (max-width: 780px){	
	.people-mv_img img{
		aspect-ratio: 1.6 / 1;
	}
	.people-reason_h4 {
		font-size: clamp(18px, 2vw, 28px);
	}
	.people-reason_h4 br{
		display: block;
	}
}
@media screen and (max-width: 680px){	
	.people-h4{
		width: 100%;
		border-right: none;
		border-left: 5px solid var(--yellow);
		padding-left: 0.5em;
		margin-bottom: 1em;
		line-height: 1;
	}
	.people-h4 br{
		display: none;
	}
	.people-reason_img{
		width: 100%;
		order: 1;
	}
	.people-reason_h4 br{
		display: none;
	}
	.people-day_img{
		width: 100%;
	}
	.people-important_text{
		flex: initial;
		width: 100%;
	}
}
@media screen and (max-width: 480px){	
	.people-reason_h4,
	.people-reason_h4 br{
		display: block;
		text-align: center;
	}
	.people-day_dl dt{
		width: 4em;
	}
	.people-day_dl dt:after {
		width: 1em;
		height: 1em;
		right: -1.5em;
	}
	.people-day_wrap:after {
		left: 4.85em;
		height: calc(100% - 3em);
	}
	.people-day_dl dd {
		margin-left: 2em;
	}
}

/*PEOPLE ARCHIVE*/
.people{
	background: var(--blue);
}
.people .title-h3{
	padding-top: 1em;
	color: #fff;
}
.people-h5{
	display: flex;
	align-items: center;
}
.people-h5 span{
	color: #fff;
	font-weight: 700;
	font-size: clamp(24px, 2.1vw, 38px);
}
.people-h5 small{
	color: #fff;
	font-weight: 700;
	font-size: clamp(16px, 1.4vw, 21px);
	padding-right: 0.5em;
}
.people-h5:after{
	content: "";
	display: block;
	flex: 1;
	height: 1px;
	background: #fff;
	margin-top: 0.7em;
}
.people-archive_ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2em;
}
.people-archive_thumb{
	display: block;
	margin-bottom: 0.5em;
}
.people-archive_thumb img{
	object-fit: cover;
	aspect-ratio: 1.5 / 1;
}
.people-archive_summary{
	display: block;
	padding: 1em;
	background: #fff;
	position: relative;
}
.people-archive_summary:before{
	content: "▲";
	color: #fff;
	transform: translateX(-50%) scale(1,2);
	position: absolute;
	top: -1em;
	left: 50%;
}
.people-archive_p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;  
    overflow: hidden;
	line-height: 1.3;
}
.people-archive_p p{
    display: inline;
	font-size: clamp(13px, 1.2vw, 16px);
	line-height: 1.3;
}
.people-archive_a{
	display: block;
	text-align: right;
	color: var(--red);
}
@media screen and (max-width: 1280px){	
	.people-archive_ul{
		gap: 1em;
	}
}
@media screen and (max-width: 980px){	
	.people-archive_ul{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 480px){	
	.people-archive_ul{
		gap: 0.5em;
	}
	.people-archive_summary{
		padding: 0.5em;
	}
}

/*CONTACT*/
.contact{
	max-width: 980px;
	margin: 0 auto;
}

.terms{
	max-width: 980px;
	margin: 0 auto;
}
.terms h3{
	font-size: 120%;
	margin: 2em 0 0.5em;
}
.terms p,
.terms li,
.terms a{
	font-size: clamp(13px, 1.2vw, 15px);
}
.terms ol,
.terms ul{
	padding-left: 1.5em !important;
}
.terms li{
	list-style: disc outside;
	padding: 0.5em 0;
}
.terms a{
	color: var(--red);
	text-decoration: underline;
}
.terms a:hover{
	color: var(--blue);
}