@charset "utf-8";

/* common 
-------------------------------------------------------------------*/
.slick-slider .slick-track{
	display:flex;
}
.slick-slider .slick-slide{
	float: none;
	height: auto;
}
.slick-slider .slide-arrows {
	position: absolute;
	z-index: 10;
	display:flex;
	align-items:center;
	justify-content:center;
	content: "";
	width: 52px;
	aspect-ratio: 1/1;
	background:#cc4959;
	border:solid 1px #cc4959;
	border-radius: 50%;
	top: 50%;
	left: -100px;
	transform: translateY(-50%);
	transform-origin: center;
	cursor: pointer;
	transition: background .4s;
	--subcolor:#fff;
}
.slick-slider .slide-arrows.next-arrow {
	left: auto;
	right: -100px;
	transform: translateY(-50%);
}
.slick-slider .slide-arrows .icon-arrow{
	right:auto;
}
.slick-slider .slide-arrows.prev-arrow .icon-arrow{
	transform:rotate(-135deg)
}
@media (any-hover: hover) {
	.slick-slider .slide-arrows:hover,
	.slick-slider .slide-arrows:focus {
		background:#fff;
		--subcolor:#cc4959;
	}
}


@media screen and (max-width:767px) {
  .slick-slider .slide-arrows {
    width: 3.95rem;
  }
  .slick-slider .slide-arrows::before {
    left: 70%;
  }
  .slick-slider .slide-arrows.prev-arrow {
    left: -1.75rem ;
  }
  .slick-slider .slide-arrows.next-arrow {
    right: -1.75rem ;
  }
  .slick-slider .slide-dots li {
    margin: 0 5px;
  }
}

:root .style_lead{
	font-size:var(--f22);
	text-align:center;
	line-height:2.15;
	font-weight:600;
	letter-spacing:0.04em;
	margin-bottom:2.725em;
}
:root .btn,
:root .btn_wrap a{
	font-size:1.1875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:242px;
	min-height: 3.125em;
	border-radius:4em;
	--basecolor:var(--keycolor);
	--subcolor:#fff;
	color:var(--subcolor);
	background:var(--basecolor);
	text-decoration:none;
	border:solid 1px var(--keycolor);
	position:relative;
	z-index:1;
	padding:0.5em 2em;
	font-weight:600;
	margin-top:2em;
	transition:var(--hover);
	cursor:pointer;
}
:root .btn_wrap a{
	display:inline-flex;
}
:root .icon-arrow{
	display:flex;
	width:12px;
	aspect-ratio:1 / 1;
	border-top:solid 2px var(--subcolor);
	border-right:solid 2px var(--subcolor);
	transform:rotate(45deg);
	position:absolute;
	inset:auto;
	right:1.5em;
	align-items:center;
	justify-content:center;
	transition:var(--hover);
}
:root .btn.color:not(:hover){
	background:var(--subcolor);
	color:var(--basecolor);
}
:root .btn.color:not(:hover) .icon-arrow{
	border-color:var(--basecolor);
}
:root .btn.rehover:not(.once),
:root .btn.rehover:not(.once) .icon-arrow,
:root .btn.rehover:not(.once) .icon-arrow:after{
	transition-duration:0.6s;
}
:root .btn.rehover:not(.once){
	transform:translateY(0.5em);
	opacity:0;
}
:root .btn.rehover.once{
	transform:translateY(0em);
	opacity:1;
}

@media (any-hover: hover) {
	:root .btn:hover,
	:root .btn_wrap a:hover,
	.btn.rehover:not(.once){
		background:var(--subcolor);
		color:var(--basecolor);
		text-decoration:none;
	}
	:root .btn:hover .icon-arrow,
	.btn.rehover:not(.once) .icon-arrow{
		border-color:var(--basecolor);
	}
	:root .btn:hover .icon-arrow:after,
	:root .btn.rehover:not(.once) .icon-arrow:after{
		background:var(--basecolor);
	}
	:root .btn.color{
		background:var(--basecolor);
		color:#282828;
	}
	:root .btn.color .icon-arrow{
		border-color:var(--subcolor);
	}
	:root .btn.color .icon-arrow:after{
		background:var(--subcolor);
	}
}
:root .category_link{
	display:flex;
	gap:1em;
	font-size:1.1875rem;
	margin-bottom:1em;
}
:root .category_link a{
	border:solid 1px #cc4959;
	background:#fff;
	color:#cc4959;
	border-radius:2em;
	padding:0.65em 1em;
	min-width:9em;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:var(--hover);
	text-decoration:none;
}
:root .category_link a.current{
	background:#cc4959;
	color:#fff;
}
:root .news_wrap.fix > *{
	width:calc(100% - 900px);
	float:left;
}
:root .news_wrap.fix > .style_news{
	width:900px;
	float:right;
	margin-bottom: 0;
}
:root .style_news {
	margin-bottom:3em;
}
:root .style_news .article:not(:first-child){
	margin-top: 0.75em;
}
:root .style_news .article a{
	display:flex;
	width:100%;
	gap: 2em;
	flex-wrap:wrap;
	align-items:center;
	min-height:5em;
	padding: 1.75em 2em;
	text-decoration:none;
	transition:var(--hover);
	background:#f3f1f1;
}
:root .style_news .article a > *{
	transition:var(--hover);
}
:root .style_news .article :is(h2,h3,h4){
	font-weight:600;
	font-size: 1.11rem;
}
:root .style_news .article :is(h2,h3,h4,p){
	text-decoration: underline 1px transparent;
	flex-basis:100%;
	line-height: 1.8;
}
:root .style_news .img_fit{
	width:200px;

}
:root .style_news .img_fit img{
	aspect-ratio: 200 / 132;
	width: 100%;
	object-fit: cover;
	object-position: center 40%;
}
:root .style_news .data{
	width: calc(100% - 200px - 2em);
}
:root .article .data{
	display:flex;
	flex-wrap:wrap;
	gap:0.5em 1em;
}
:root .article time{
	text-decoration:none;
}
:root .article mark{
	display:flex;
	align-items:center;
	min-height:2em;
	border:solid 1px;
	justify-content:center;
	background:#fff;
	color:var(--basecolor);
	--basecolor:var(--keycolor);
	text-decoration:none;
	padding: 0em 0.5em;
	font-size:0.75rem;
}
:root article mark[data-category="event"]{
	--basecolor:#e0721e;
}
:root .style_news article a:has(.cover){
	position:relative;
	padding-left:calc(var(--tumb) + 1.5em);
	z-index:2;
	min-height:calc(200px + 2.5em);
	--tumb:300px;
}
:root .style_news article a .cover{
	position:absolute;
	left:0;
	width:var(--tumb);
	aspect-ratio:3 / 2;
	overflow:hidden;
	border-radius:1em;
	border:solid 1px #bfbfbf;
}

:root .style_blog article a{
	display:block;
	background:#fff;
	border:solid 1px #bfbfbf;
	border-radius:1.5em;
	width:300px;
	padding-bottom:1.5em;
	margin:0 auto 1em;
	overflow:hidden;
	text-decoration:none;
	transition:var(--hover);
	height:calc(100% - 1em)
}
:root .style_blog article a > *:not(.cover){
	padding-inline: 1rem;
	display:block;
	transition:var(--hover);
}
:root .style_blog article a > .cover{
	overflow:hidden;
	width:100%;
	aspect-ratio:3 / 2;
}
:root :is(.style_news,.style_blog) article a .cover img{
	width:100%;
	aspect-ratio:3 / 2;
	object-fit:cover;
	transition:var(--hover);
	overflow:hidden;
}
:root .style_blog article a > time{
	margin-block:1em 0.25em;
	color:#242424;
}
:root .style_blog article a > :is(h2,h3,h4){
	font-size:var(--f20);
	font-weight:600;
	margin-bottom:0.5em;
}
:root .style_blog article a > p{
	text-decoration: underline 1px transparent;
}

:root .card_wrap .style_blog{
	display:flex;
	flex-wrap:wrap;
	gap:3.5%;
	justify-content: flex-start;
}
:root .card_wrap .style_blog > article{
	flex-basis:31%;
}
:root .card_wrap .style_blog > article:nth-child(n+4){
	margin-top:3.5%;
}
:root .card_wrap .style_blog > article a{
	width: auto;
}

:root .style_pagenation{
	margin-block:4em;
}
:root .style_pagenation ul{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0.5em;
	font-size:1.5625rem;
}
:root .style_pagenation ul li:not(:has(:is(.next,.prev))){
	border-radius:50%;
	border:#cc4959 solid 2px;
	width:2.0em;
	aspect-ratio:1 / 1;
	display:flex;
	align-items: center;
	justify-content:center;
	overflow:hidden;
}
:root .style_pagenation ul a{
	display:flex;
	align-items: center;
	justify-content:center;
	width:100%;
	height:100%;
	transition:var(--hover);
	text-decoration:none;
	background:#fff;
}
:root .style_pagenation ul li:has(.next){
	margin-left:1em;
}
:root .style_pagenation ul li a:is(.next,.prev){
	color:#cc4959;
	font-weight:600;
	display:block;
	background:none;
}
:root .style_pagenation ul li:has(.prev){
	margin-right:1em;
}

:root .style_pagenation ul a.current{
	color:#fff;
	background:#cc4959;
}
@media (any-hover: hover) {
	:root .category_link a:hover{
		background:#cc4959;
		color:#fff;
	}
	:root .style_news article .cover a:hover{
		text-decoration:none;
		background:#fffee8;
	}
	:root .style_news article a:hover > *{
		transform:translateX(1rem);
	}
	:root .style_news article a:has(.cover):hover{
		background:#fff;
	}
	:root .style_news article a:has(.cover):hover > *{
		transform:translateX(0rem);
	}
	:root .style_news article a:has(.cover):hover > :is(h2,h3,h4){
		color:#cc4959;
		text-decoration-color:transparent;
	}
	:root .style_news article a:hover :is(h2,h3,h4,p){
		text-decoration-color:#59493f;
	}
	:root .style_blog article a:hover{
		text-decoration:none;
		background:#f9f8f2;
		transform:translateY(0.5em)
	}
	:root :is(.style_news,.style_blog) article a:hover .cover img{
		transform:scale(1.075);
	}
	:root .style_blog article a:hover > :is(h2,h3,h4){
		color:#cc4959;
	}
	:root .style_blog article a:hover p{
		text-decoration-color:#59493f;
	}
	:root .style_pagenation ul a:hover{
		color:#fff;
		background:#cc4959;
	}
	:root .style_pagenation ul li a.next:hover{
		transform:translateX(0.5em);
	}
}
:root .flex{
	display:flex;
}
:root .flex.revers{
	flex-direction:row-reverse;
}
:root .flex .order1{
	order:1;
}
:root .flex .order2{
	order:2;
}
@media screen and (max-width:1300px) {
	.slide_wrap {
		padding-inline:0;
	}
	.slick-slider .slide-arrows.prev-arrow {
		left: 15px;
	}
	.slick-slider .slide-arrows.next-arrow {
		right: 15px;
	}
	:root .style_blog article a{
		margin-inline:1em;
		width:280px;
	}
}
@media screen and (max-width:1220px) {
	:root .news_wrap.fix > *{
		width:auto;
		float:none;
	}
	:root .news_wrap.fix > .style_news{
		width:auto;
		float:none;
		margin-bottom: 0;
	}
	:root .news_wrap.fix > .btn{
		margin-inline:auto;
	} 
}

@media screen and (max-width:767px) {
	.slick-slider .slide-arrows{
		width:46px;
	}
	:root .style_lead{
		font-size:1.07rem;
		font-weight:500;
		letter-spacing:0;
	}
	:root .btn{
		font-size:0.928rem;
		width:200px;
		min-height: 3.5em;
		margin-top:4em;
	}
	:root a .icon-arrow{
		width:8px;
	}
	:root a .icon-arrow:after{
		width:11px;
		height:2px;
	}
	:root .category_link{
		gap:2%;
		font-size:0.94rem;
		flex-wrap:wrap;
	}
	:root .category_link li{
		flex-grow:1;
		flex-basis:32%;
	}
	:root .category_link a{
		border-radius:2em;
		padding:0.65em 0.25em;
		min-width:5em;
	}
	:root .style_news {
		margin-bottom:3em;
	}
	:root .style_news .article a{
		gap:1em;
		min-height:5em;
		padding:1em;
	}
	:root .style_news .article :is(h2,h3,h4,p){
		font-size:1rem;
	}
	:root .style_news .img_fit{
		width:132px;
	}
	:root .style_news .data{
		width:calc(100% - 132px - 1em);
	}
	:root .article :is(time,mark){
		font-size:0.857rem;
	}
	:root .style_news .article mark{
		padding:0.125em 0.5em;
		min-height:0;
	}
	:root .article time{
		flex-basis:100%;
	}
	:root .style_news .article a:has(.cover) {
	    padding-left:0;
	    min-height:0;
	    --tumb: 125px;
		gap:0.5em;
	}
	:root .style_news .article a .cover {
		border-radius:0.25em;
		position:static;
		order:2;
	}
	:root .news_wrap.fix > .btn{
		width:200px;
	}
	:root .style_pagenation ul {
	    font-size: 1.125rem;
	}
}

/* home
-------------------------------------------------------------------*/
body.home .kv_wrap{
	background:#000000;
	position:relative;
	z-index:1;
	height:100vh;
}
body.home .kv_wrap .sitewrap{
	position:absolute;
	inset:0;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content: center;
	text-shadow:0 0 2px rgba(0,0,0,0.75),0 0 15px rgba(0,0,0,0.75),0 0 30px rgba(0,0,0,0.5);
}
body.home .kv_wrap .sitewrap h1{
	color:#fff;
	font-size:6.5em;
	text-align:center;
	font-weight: 500;
	-webkit-text-stroke: 1px #fff;
	margin-top: 1em;
}
body.home .slide_container{
	display:flex;
	flex-wrap:wrap;
	gap:0;
	margin-inline: -20%;
	position: absolute;
	inset:0;
}
body.home .slide_container.container2{
	transform:translate(-12.5%,-15.0%)
}
body.home .slide_container .slide{
	width:calc(100% / 13);
	position: relative;
	aspect-ratio:236 / 333;
	background:#000;
}
body.home .slide_container img{
	aspect-ratio:236 / 333;
	display:block;
	object-fit:cover;
	opacity:0.45;
}
body.home main{
	background:var(--keycolor);
	transition:background .4s;
}
body.home main.half{
	background:var(--keycolor);
}
body.home main.active{
	background:#fff;
}
body.home #about{
	position:relative;
	z-index: 5;
	color:#fff;
	overflow: clip;
}
body.home #about .v-text.action01{
	position:absolute;
	z-index: 2;
	top:-3.25em;
	left:-3.25em;
}
body.home #about .v-text.action01 img{
	display:block;
}
body.home #about_lead{
	position:relative;
	z-index: 2;
	overflow: clip;
}
body.home #about_lead.stay{
	overflow:visible;
}
body.home #about_lead.stay .sitewrap{
	display:flex;
	gap: 4em;
	padding-block: 10em 0;
}
body.home #about_lead .sitewrap .flex-inner{
	display: flex;
	gap: 0em;
	padding-block: 10em 0;
	width:100%;
	justify-content: space-between;
	overflow: visible;
	align-items: stretch;
}
body.home #about_lead .texts{
	paint-order: stroke;
	-webkit-text-stroke: 3px var(--keycolor);
	left:calc(50% - var(--container)/2);
	transition:top .2s;
	overflow: visible;
}
body.home #about_lead.stay .texts{
	margin-top:5em;
	width: 56%;
}

body.home #about_lead .texts .sticky{
	position: sticky;
	top: 10em;
	z-index:5;
}
body.home #about_lead .comics{
	width:567px;
}
body.home #about_lead.is-fixed .texts{
}
body.home #about_lead .texts p{
	font-size: 1.25rem;
	line-height:2.75;
	font-weight:600;
}
body.home #about_lead .texts p ~ p{
	margin-top:4em;
}
body.home #about_lead .texts em{
	font-size:1.2em;
}
body.home #about_lead .texts .comics{
	margin-block: 6.75em;
	display:flex;
	position:absolute;
	left: -2em;
	gap:5em;
}
body.home #about_lead.stay .comics01{
	margin-top:5em;
}
body.home #about_lead.stay .comics05{
	position:absolute;
	top:0;
	right:-3em;
}
body.home #about_lead.stay .comics04{
	position:absolute;
	left:74%;
	margin-top:8.625em;
}
body.home #about_lead.stay .comics{
	width:auto;
}
body.home #about_lead .comics .wrap{
	width:fit-content;
}
body.home #about_lead .flex-inner .comics01{
	margin-block:12.5em 15em;
	margin-inline:2em auto;
}
body.home #about_lead .flex-inner .comics02{
	margin-block:5em;
	margin-inline:auto 3em;
}
body.home #about_lead .flex-inner .comics03{
	margin-block:0em 17.5em;
}
body.home #about_lead .flex-inner .comics05{
	position:absolute;
	top: 45em;
	right:-3em;
}
body.home #about_lead .flex-inner .comics04{
	position:static;
	margin-block:8.625em 5em;
	margin-inline:15em -15em;
}

body.home #about_strength{
	padding-block: 15em 8em;
	min-height: 150vh;
	position:relative;
	z-index: 2;
	display: flex;
	align-items: center;
}
body.home #about_strength h2{
	font-size:4.375rem;
	text-align:center;
	margin-bottom:2em;	
	-webkit-text-stroke: 1px #fff;
	line-height:1.5;
}
body.home #about_strength:after{
	content:"";
	display:block;
	inset:0;
	margin:auto;
	position:absolute;
	z-index:-1;
	transition:opacity .4s;
	opacity:1;
	background: rgba(248, 190, 188, 1);
	background: linear-gradient(180deg,rgba(248, 190, 188, 0) 50%, rgba(248, 190, 188, 1) 100%);
}
body.home #about_strength a.btn{
	max-width:405px;
	min-height: 4.5em;
}
body.home .ttl_set{
	display:flex;
	flex-direction:column-reverse;
	font-size:2.625rem;
	margin-bottom:1em;
	gap: 0.125em;
}
body.home .ttl_set :is(h1,h2,h3,h4,h5,h6){
	font-weight: 700;
}
body.home .ttl_set [lang="en"]{
	font-family: "Lato", sans-serif;
	font-weight:700;
	color:var(--keycolor);
	font-size:1.25rem;
}
body.home #recruit{
	padding-block: 15em 10em;
	margin-top: 0;
	position:relative;
	z-index:2;
}
body.home #recruit:after{
	content:"";
	display:block;
	position:absolute;
	inset:0;
	z-index:-1;
	opacity:1;
	background: rgba(248, 190, 188, 1);
	background: linear-gradient(180deg, rgba(248, 190, 188, 1) 0%,rgba(255, 255, 255, 1) 50%);
	transition: opacity 0.4s 0.4s;
}
body.home main.active #recruit:after{
	opacity:0;
}
body.home #recruit .ttl_set{
	font-size:3.25rem;
	width: fit-content;
	margin-inline: auto;
	text-align: center;
}
body.home #recruit .wide_card{
	display:flex;
	justify-content:center;
	padding-inline:var(--inner);
	gap:2%;
}
body.home #recruit .wide_card > *{
	flex-basis:49%;
	text-align:left;
	max-width:817px;
	position:relative;
	z-index:1;
	padding: 3em 3em 9em;
}
body.home #recruit .wide_card .left_area{
	background:url(../img/bg_position.jpg) no-repeat left / cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	gap: 1.5em;
	border: solid 2px transparent;
}
body.home #recruit .wide_card .left_area h3{
	font-size:2.375rem;
	color:#fff;
	font-weight:600;
}
body.home #recruit .wide_card .left_area h3 em{
	font-size:1.26em;
	display:block;
}
body.home #recruit .wide_card .left_area a:not(.btn){
	background:rgba(255,255,255,0.8);
	position:relative;
	z-index:2;
	padding:1em 5em 2em 2em;
	text-decoration:none;
	transition:var(--hover);
	backdrop-filter:blur(0.25em);
}
body.home #recruit .wide_card .left_area a .btn_line{
	display:flex;
	width:100%;
	gap: 1.5em;
	align-items:flex-end;
}
body.home #recruit .wide_card .left_area a h4{
	font-size:1.5rem;
	font-weight:700;
	display:flex;
	gap:0.35em;
	align-items:center;
	margin-bottom:0.5em;
}
body.home #recruit .wide_card .left_area a h4:before{
	content:"";
	display:block;
	width:0.35em;
	height:0.35em;
	background:var(--keycolor);
	border-radius:50%;
}
body.home #recruit .wide_card .icons{
	display:flex;
	align-items:flex-end;
	gap: 0.5em;
}
body.home #recruit .wide_card .icons:has(figure){
	gap: 1.5em;
}
body.home #recruit .wide_card .icons img{
	max-width:fit-content;
}
body.home #recruit .wide_card .icons figcaption{
	font-weight:600;
	margin-top:0.5em;
	text-align:center;
}
body.home #recruit .wide_card .left_area p{
	line-height:2;
}
body.home #recruit .wide_card .icons li{
	white-space:nowrap;
}
body.home #recruit .wide_card .left_area .arrow{
	background:var(--keycolor);
	height:2.25rem;
	border-radius:50%;
	align-items:center;
	justify-content:center;
	aspect-ratio:1 / 1;
	margin:auto;
	margin-right:0;
	position:absolute;
	right:2em;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border:solid 1px var(--keycolor);
	transition:var(--hover);
}
body.home #recruit .wide_card .left_area .arrow:after{
	content:"";
	display:block;
	width:0.5em;
	height:0.5em;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	transform:rotate(45deg);
	margin-right:2px;
	transition:var(--hover);
}
body.home #recruit .wide_card a.btn{
	margin: auto;
	position:absolute;
	bottom: 3em;
	top: auto;
	left:0;
	right:0;
}
body.home #recruit .wide_card .right_area{
	border: solid 3px var(--keycolor);
	background: #fff;
}
body.home #recruit .wide_card .right_area hgroup p{
	border:solid 1px;
	padding:0.25em 2em;
	font-size:1.125rem;
	font-weight:600;
	max-width:355px;
	border-radius:2em;
	text-align:center;
	margin-inline:auto;
}
body.home #recruit .wide_card .right_area hgroup h3{
	font-size:3.25rem;
	font-weight:900;
	text-align:center;
	margin-bottom:0.5em;
}
body.home #recruit .wide_card .right_area hgroup h3 em{
	color:var(--keycolor);
}

body.home #recruit .project_list{
	margin: 2em 0.75em;
}
body.home #recruit .project_list li{
	border-bottom:#eaeaea solid 1px;
}
body.home #recruit .project_list li a{
	text-decoration:none;
	display:block;
	transition:var(--hover);
	padding-block: 1em;
}
body.home #recruit .project_list li .project_ttl{
	font-size:1.125rem;
	font-weight:600;
	margin-bottom:0.5em;
	text-decoration:underline 1px var(--fontcolor);
}
body.home #recruit .project_list li p{
	font-size:0.875rem;
	margin-bottom: 0.75em;
	letter-spacing: 0;
}
body.home #recruit .project_list li mark{
	display:inline-block;
	padding:0.25em 0.5em;
	margin-right:0.5em;
	font-size:0.75rem;
	background:#eaeaea;
	transition:var(--hover)
}

@media (any-hover: hover) {
	body.home #recruit .wide_card .left_area a:not(.btn):hover{
		background:#fff;
		color:var(--keycolor);
	}
	body.home #recruit .wide_card .left_area a:hover .arrow {
		background:#fff;
	}
	body.home #recruit .wide_card .left_area a:hover .arrow:after{
		border-color:var(--keycolor)
	}
	body.home #recruit .project_list li a:hover{
		color:var(--keycolor);
		transform:translateX(0.75em)
	}
	body.home #recruit .project_list li a:hover mark{
		background:#ccc;
	}
	body.home #recruit .project_list li a:hover .project_ttl{
		text-decoration-color:var(--keycolor);
	}

}

body.home #works{
	/*margin-block: 10em 0;*/
	background:#fff;
	padding-block: 6em 0em;
	position:relative;
	z-index:2;
	overflow:hidden;
}
body.home #works:before{
	content:"";
	display:block;
	background:#f3f1f1;
	inset:0;
	width:895px;
	height:807px;
	position:absolute;
	right:auto;
	bottom:auto;
	z-index:-1;
	filter:blur(2em);
	transition:filter .4s;
}
body.home #works.once:before{
	filter:blur(0em);
}

body.home #works .slide_area{
	text-align:left;
	max-width:var(--wide);
	margin-inline:auto;
	position:relative;
	z-index:2;
	display:flex;	
}
body.home #works .slide_area .left_area{
	position: relative;
	z-index: 5;
	width:1010px;
}
body.home #works .slide_area .left_area .ttl_set{
	border-bottom:solid 1px;
	margin-top: 1.5em;
	padding-bottom: 1.25em;
	position:absolute;
	left: 0;
	right: 0;
	/* pointer-events: none; */
}
body.home #works .slide_area .left_area .slide {
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	gap:10%;
}
body.home #works .slide_area .left_area .slide .picture{
	min-width: 389px;
	position:relative;
	padding-top: 1.75em;
	/* margin-top: -7.5em; */
	/* pointer-events: none; */
}
body.home #works .slide_area .left_area .data{
	padding-top: 16.5em;
}
body.home #works .slide_area .left_area .data dl{
	display:flex;
	align-items:center;
	gap:1em;
	margin-bottom:1em;
}
body.home #works .slide_area .left_area .data dl dt{
	background:var(--fontcolor);
	color:#fff;
	padding:0.15em 0.5em;
}
body.home #works .slide_area .left_area .data dl dd{
	font-size:1.125rem;
}
body.home #works .slide_area .left_area .data .ttl{
	font-size:1.75rem;
	font-weight:600;
	margin-bottom:1em;
	letter-spacing:0.03em;
}
body.home #works .slide_area .left_area .data .texts p{
	font-weight: 500;
	line-height:2;
	font-size: 0.94rem;
}
body.home #works .slide_area .right_area{
	margin-top:4em;
}
body.home #works .slide_area .right_area .image_slider{
	overflow:hidden;
}
body.home #works .slide_area .controler{
	display:flex;
	gap:3em;
	align-items:center;
	margin:1.25em;
}
body.home #works .slide_area .appendArrows{
	display:flex;
	gap:1em;
	margin: 1.25em 0;
	width: fit-content;
	flex-direction:row;
}
body.home #works .slide_area .slide-arrows{
	width:6.25em;
	height:6.25em;
	border:solid 1px #b3b3b3;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	cursor:pointer;
	background:#fff;
	transition:background .2s;
}
body.home #works .slide_area .slide-arrows:hover{
	background:#e0e0e0;
}
body.home #works .slide_area .slide-arrows i.icon-arrow{
	width:12px;
	--subcolor:var(--fontcolor);
	position:static;
	caret-color:transparent;
}
body.home #works .slide_area .slide-arrows.prev-arrow i.icon-arrow{
	transform:rotate(-135deg);
}
body.home #works .slide_area .right_area .slick-list{
	overflow: hidden;
	margin-left: -256px;
}
body.home #works .slide_area .right_area .slide{
	position:relative;
	transition:transform .8s, opacity 0.8s;
}
body.home #works .slide_area .right_area .slide.animation{
	transform:scale(1.59);
	transform-origin:right;
	opacity:0;
}

body.home #works .slide_area .controler .btn{
	margin:0;
}

body.home #works .slide_area .slide .baloon{
	position:absolute;
	z-index:5;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	font-size:1.125rem;
	background:var(--keycolor);
	color:#fff;
	border-radius: 3em;
	padding:0.5em 1.5em;
	filter:drop-shadow(0px 2px 0px #fff);
	opacity:0;
	transform:translateY(0em);
	max-width:fit-content;
}
body.home #works .slide_area .slide.animation .baloon:after{
	content:"";
	display:block;
	width:0.75em;
	height:0.75em;	
	background:var(--keycolor);
	position:absolute;
	transform:rotate(45deg) skew(12deg,12deg);
	bottom:-0.25em;
	z-index:-1;
	left:0;
	right:0;
	margin:auto;
}
body.home #works .slide_area .slick-current .baloon{
	opacity:1;
	transform:translateY(-1.5em);
	transition:opacity .2s .2s,transform .2s .2s;
}
body.home #works .slide_area .right_area .img_wrap {
	width:244px;
	margin-inline: 0.75em;
	display:block;
}
body.home #works .slide_area .img_wrap img{
	aspect-ratio:236 / 333;
	object-fit:cover;
}
body.home #works .v-text{
	position:absolute;
	right: -1.5em;
	top:0;
	z-index:-2;
}

body.home #works .partners{
	margin-block: 13.75em 8em;
	display:flex;
	justify-content:space-between;
	max-width:var(--wide);
	margin-inline:auto;
	align-items:center;
}
body.home #works .partners h3{
	font-size:2rem;
	font-weight:600;
}
body.home #works .partners .logos{
	display:flex;
	flex-grow:1;
	justify-content:space-between;
	max-width:1460px;
	flex-wrap: wrap;
}
body.home #business{
	background:#f3f1f1;
	padding-block: 5em 7.0em;
	text-align:left;
}
body.home #business .inner{
	max-width:var(--wide);
	margin-inline:auto;
	z-index:2;
	position:relative;
	z-index: 1;
}
body.home #business .business_head{
	display:flex;
	gap:4em;
	padding-right:400px;
	align-items: flex-end;
	margin-bottom: 3em;
}
body.home #business .business_head .ttl_set{
	white-space:nowrap;
	margin-bottom: 0;
}
body.home #business .business_head > p{
	max-width:900px;
	line-height:2;
}
body.home #business .business_body ul{
	display:flex;
	justify-content:space-between;
	gap:2%;
}
body.home #business .business_body ul li{
	width: calc((100% - 6%) / 4);
	background:#fff;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding: 3.5em 2em;
	text-align:center;
}
body.home #business .business_body ul li h3{
	font-size:1.75rem;
	font-weight:600;
	margin-block:0.5em;
}
body.home #business .btn{
	position:absolute;
	right:0;
	top: 1.25em;
	margin:0;
}
body.home #news{
	padding-block: 6em 8.75em;
	background:#f3f1f1;
	background: linear-gradient(180deg,rgba(255 255 255) 50%, rgba(243 241 241) 100%);
}
body.home #news .links{
	margin-top: 12em;
	display:flex;
	justify-content: center;
	gap: 0.5em 4%;
}
body.home #news .links a{
	background:#fff;
	display: block;
	text-decoration-thickness:1px;
	width: 40%;
}
body.home #news .links a picture{
	display:block;
	overflow:hidden;
}
body.home #news .links a picture img{
	transition:transform .4s;
	object-fit: cover;
	width: 100%;
	max-height: 200px;
}
body.home #news .links .in_btn{
	display:flex;
	font-size:1.25rem;
	padding: 1em 1.5em;
	margin: 0;
	justify-content:space-between;
	align-items:center;
	font-weight:600;
	letter-spacing: -0.03em;
}
body.home #news .links .arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	height: 1.875rem;
	aspect-ratio:1 / 1;
	background:var(--keycolor);
	border-radius:50%;
	border:solid 1px var(--keycolor);
	transition:background .4s;
}
body.home #news .links .arrow:after{
	content:"";
	display:block;
	width:0.25em;
	height:0.25em;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	transform:rotate(45deg);
	margin-right:2px;	
	transition:border-color .4s;
}
@media (any-hover: hover) {
	body.home #news .links a:hover{
		background:#eaeaea;
	}
	body.home #news .links a:hover picture img{
		transform:scale(1.05);
	}
	body.home #news .links a:hover .arrow{
		background:#fff;
	}
	body.home #news .links a:hover .arrow:after{
		border-color:var(--keycolor)
	}
}
@media (max-width:1680px) {
	body.home .kv_wrap,
	body.home .slide_container {
		max-height:680px;
	}
	body.home .slide_container .slide{
		width:calc(100vw / 8)
	}
	body.home #about .v-text.action01{
		left:-100px;
		width:250px
	}
	body.home #about_lead .flex-inner .comics .comics01{
		width:75%;
	}
	body.home #about_lead .flex-inner .comics .comics02{
		width:70%;
		margin-inline: auto 5em;
	}
	body.home #about_lead .flex-inner .comics .comics03{
		width:95%;
	}
	body.home #about_lead .flex-inner .comics .comics04{
		width:70%;
	}
	body.home #about_lead .flex-inner .comics .comics05{
		width:15%;
		right:0;
		top:30%;
	}
	body.home #about_lead.stay .comics{
		margin-block:0 10em;
		left: 2em;
	}
	body.home #about_lead.stay .sitewrap{
		gap: 0;
	}
	body.home #about_lead.stay .comics01{
		width:50%;
	}
	body.home #about_lead.stay .comics02{
		width: 66%;
		margin-top: 15em;
	}
	body.home #about_lead.stay .comics02 img{
		max-width: 220px;
	}
	body.home #about_lead.stay .comics03{
		width: 70%;
	}
	body.home #about_lead.stay .comics04{
		margin-top:10%;
		left: 68%;
		right: 2em;
		width: auto;
	}
	body.home #about_lead.stay .comics05{
		width:15%;
		top: 0;
		right: -1em;
	}
	
	body.home #about_strength{
		padding-top: 22.5em;
	}
	body.home #recruit .wide_card > *{
	}
	body.home #recruit .wide_card .left_area a .btn_line{
		flex-direction:column;
		align-items:center;
	}
	body.home #recruit .wide_card .icons:has(figure){
		gap:0.5em;
	}
	body.home #recruit .wide_card .left_area p br{
		display:none;
	}
	body.home #works .slide_area{
		padding-left: var(--inner);
	}
	body.home #works .slide_area .left_area{
		width:850px;
	}
	body.home #works .slide_area .left_area .slide{
		gap:5%;
	}
	body.home #works .slide_area .right_area{
		width:calc(100% - 850px)
	}
	body.home #works .partners{
		padding-inline:var(--inner);
		justify-content:center;
		flex-wrap:wrap;
		gap:2em 2em;
	}
	body.home #business .inner{
		padding-inline:var(--inner);
	}
	body.home #business .btn{
		right:var(--inner)
	}
	body.home #works .slide_area .controler{
		flex-direction:column;
		gap:0;
	}
}
@media (max-width:1200px) {
	body.home #about .v-text.action01{
		left:-75px;
		width:200px;
		opacity:0.5;
	}
	body.home #about_strength h2{
		font-size:3.75rem;
	    paint-order: stroke;
	    -webkit-text-stroke: 3px var(--keycolor);
	}
	body.home .slide_container .slide{
		width:calc(100% / 10);
	}
	body.home .kv_wrap .sitewrap h1{
		font-size:min(7.65vw,5.5em);
	}
	body.home #about_lead.stay .comics{
		width:50%;
	}
	body.home #about_lead .texts {
		width:50%;
	}
	body.home #about_lead .texts p{
		font-size:min(1.95vw,1.15rem);
	}
	body.home #about_lead .texts br.display_wide{
		display:none;
	}
	body.home #about_lead .flex-inner .comics .comics01{
		width:75%;
	}
	body.home #about_lead .flex-inner .comics .comics02{
		width:65%;
		margin-inline: -2.5em 5em;
	}
	body.home #about_lead .flex-inner .comics .comics03{
		width:80%;
		margin-inline:auto ;
	}
	body.home #about_lead .flex-inner .comics .comics04{
		width:70%;
		margin-inline:auto 0;
	}
	body.home #about_lead .flex-inner .comics .comics05{
		width:20%;
		right:-2.5%;
		top:25%;
	}
	body.home #recruit .wide_card{
		flex-direction:column;
		gap:1em;
		align-items: center;
	}

	body.home #recruit .wide_card .left_area a .btn_line{
		flex-wrap:wrap;
		gap:0.5em;
	}
	body.home #recruit .wide_card .left_area a .btn_line br{
		display:none;
	}
	body.home #recruit .wide_card .icons{
		align-items:center;
		width:100%;
		padding-right:60px;
		justify-content: center;
	}
	body.home #recruit .wide_card .icons:has(figure){
		flex-wrap:wrap;
		justify-content:center;
	}
	body.home #recruit .wide_card .left_area a:not(.btn){
		padding-right:1em;
	}
	body.home #recruit .wide_card .icons img{
		max-width: 144px;
	}
	body.home #works .slide_area{
		flex-direction:column;
	}
	body.home #works .slide_area .left_area{
		width: calc(100%);
		padding-right:1em;
	}
	body.home #works .slide_area .left_area .slide{
		gap:2em;
	}
	body.home #works .slide_area .left_area .data{
		width:calc(100% - 2em - 300px)
	}
	body.home #works .slide_area .right_area{
		width:auto;
	}
	body.home #works .slide_area .right_area .slide.animation{
		opacity:1;
		transform:none;
	}
	body.home #works .slide_area .right_area .baloon{
		opacity:0;
	}
	body.home #works .slide_area .right_area .img_wrap{
		width:175px;
	}
	body.home #works .slide_area .right_area .slick-list{
		margin-left:calc(-175px - 2em);
	}
	body.home #works .slide_area .controler{
		flex-direction:column;
		gap:0;
	}
	body.home #works .slide_area .left_area .slide .picture{
		min-width: 300px;
	}
	body.home #works .partners .logos{
		gap: 1em;
		justify-content:space-around;
	}
	body.home #business .business_head{
		padding-right:0;
	}
	body.home #business .business_body ul{
		flex-wrap:wrap;
		gap:1em 2%;
	}
	body.home #business .business_body ul li{
		flex-basis:49%;
		padding:1em;
	}
	body.home #business .btn{
		position:relative;
		margin:2em auto 0;
	}
}
@media screen and (max-width:767px) {
	body.home .kv_wrap{
		height:calc(100vh - 60px);
	}
	body.home .kv_wrap .sitewrap h1{
		font-size:3rem;
		-webkit-text-stroke:0.5px;
		margin:0;
		padding-left: 1em;
	}
	body.home .slide_container{
		margin-inline: 0 -14.5%;
	}
	body.home .slide_container .slide{
		width:calc(100% / 4)
	}
	body.home .news{
		border-radius:4em 4em 0 0;
		padding-block:4em;
		margin-top:-4em;
		box-shadow:0 -1em 10px rgba(185,174,140,0.075);
	}
	body.home section.news h2{
		margin-bottom:1em;
	}
	body.home #about .v-text.action01{
		display:none;
	}
	body.home #about_lead .sitewrap .flex-inner{
		display:flex;
		gap: 2.5em;
		margin-block: 3.5em 0em;
		padding-block: 0;
		flex-direction:column-reverse;
	}
	body.home #about_lead .texts{
		margin-block: 0;
	}
	body.home #about_lead .texts .sticky{
		position:static;
	}
	body.home #about_lead.stay .texts{
		margin-block: 2.5em 2.5em;
		width: auto;
	}
	body.home #about_lead .texts p{
		font-size: min(3.65vw,1.25rem);
		text-align:center;
		font-weight:600;
		line-height: 2.8;
	}
	body.home #about_lead .texts p ~ p{
		margin-top:2em;
	}
	body.home #about_lead .texts br.display_wide:not(.pc){
		display:block;
	}
	body.home #about_lead .texts em{
		font-size:1em;
	}	
	body.home #about_lead .texts .comics{
		margin-block:8em;
		display:flex;
		position: relative;
		gap:2em;
		inset: auto;
	}
	body.home #about_lead .texts .display_sp .comics{
		padding-top: 8.5em;
		margin-block: 3em 8em;
	}
	body.home #about_lead .comics{
		display:flex;
		flex-wrap:wrap;
		gap:5%;
		width: auto;
	}
	body.home #about_lead.stay .comics{
		margin-block:0;
		width: auto;
	}
	body.home #about_lead.stay .sitewrap{
	    display: flex;
	    gap: 1em;
	    padding-block: 0;
	    margin-top: 3em;
	    flex-direction: column-reverse;
	}
	body.home #about_lead.stay .texts .comics{
        margin-block: 12em 4em;
        display: flex;
        position: static;
        gap: 2em;
        width: auto;
 }
	body.home #about_lead.stay .comics01{
		margin-top: 0;
		margin-left:-8%;
		width: 55%;
	}
	body.home #about_lead.stay .comics02{
		margin-top: 13.5em;
		width: 37.5%;
	}
	body.home #about_lead.stay .comics02 img{
		max-width:100%;
		
	}
	body.home #about_lead.stay .comics03{
		width:56.5%;
		margin-top:5em;
	}
	body.home #about_lead.stay .comics05{
		width:36%;
		top:0;
		right:-5%;
	}
	body.home #about_lead.stay .comics04{
		top: auto;
		left:auto;
		right:-5%;
		bottom: 27%;
		margin-top:0;
		position: absolute;
		width:37.8%;
	}

	body.home #about_lead .flex-inner .comics .comics01{
		margin-top: 0;
		margin-inline: -8% 0;
		width: 55%;
	}
	body.home #about_lead .flex-inner .comics .comics02{
		margin: 12.5em 0 0;
		width: 37.5%;
	}
	body.home #about_lead .flex-inner .comics .comics03{
		width: 62%;
		margin: 5em 0 0;
	}
	body.home #about_lead .flex-inner .comics .comics05{
		width:36%;
		top:0;
		right:-5%;
	}
	body.home #about_lead .flex-inner .comics .comics04{
		top:0;
		left:auto;
		right: -8.5%;
		bottom: auto;
		margin-top:0;
		width: 42.5%;
		position: absolute;
	}
	body.home #about_strength{
		padding-block: 0em 10em;
		min-height: 0;
	}
	body.home #about_strength h2{
		font-size:2.285rem;
		text-align:center;
		margin-bottom:1em;
	}
	body.home #about_strength:after{
		background: linear-gradient(180deg,rgba(204, 0, 11, 1) 0%, rgba(255, 255, 255, 1) 100%);
	}
	body.home #about_strength a{
		margin-inline:auto;
		max-width:250px;
	}
	body.home .ttl_set{
		font-size: 2rem;
	}
	body.home .ttl_set [lang="en"]{
		font-size: 1rem;
	}
	body.home #recruit{
		padding-block: 7.5em 5em;
	}
	body.home #recruit:after{
		background:#fff;
	}
	body.home #recruit .ttl_set{
		font-size: 2rem;
		margin-bottom: 0.75em;
	}
	body.home #recruit .wide_card{
		flex-direction: column;
		gap: 2em;
	}
	body.home #recruit .wide_card > *{
		flex-basis:100%;
		padding: 2em 1em 10em;
	}
	body.home #recruit .wide_card .left_area{
		background:url(../img/bg_position@sp.jpg) no-repeat left / cover;
		gap:2em;
	}
	body.home #recruit .wide_card .left_area h3{
		font-size:min(5.65vw,1.5rem);
		text-align:center;
	}
	body.home #recruit .wide_card .left_area h3 em{
		font-size:1.14em;
	}
	body.home #recruit .wide_card .left_area a:not(.btn){
		padding: 1em 1em 1.5em;
	}
	body.home #recruit .wide_card .left_area a .btn_line{
		gap: 1em;
	}
	body.home #recruit .wide_card .left_area a h4{
		font-size:1.25rem;
		margin-block:0.5em 1em;
	}
	body.home #recruit .wide_card .icons{
		display:flex;
		align-items: flex-end;
		gap: 0.5em;
		justify-content: center;
		padding:0;
	}
	body.home #recruit .wide_card .icons:has(figure){
		gap:0.5em;
		padding: 0;
		flex-wrap: nowrap;
	}
	body.home #recruit .wide_card .icons figure{
		flex-grow:1;
		text-align: center;
	}
	body.home #recruit .wide_card .icons img{
		max-width: 100%;
		width: 148px;
		height: auto;
	}
	body.home #recruit .wide_card .icons figcaption{
		font-size: min(3.25vw,0.875rem);
	}
	body.home #recruit .wide_card .left_area p{
		line-height:1.75;
	}
	body.home #recruit .wide_card .icons ul{
		font-size:min(3.25vw,0.875rem);
		font-weight:600;
		margin-bottom:auto 0;
		line-height:1.75;
	}
	body.home #recruit .wide_card .icons li{
		white-space:nowrap;
	}
	body.home #recruit .wide_card .left_area .arrow{
		display:none;
	}
	body.home #recruit .wide_card .left_area .arrow:after{
		content:"";
		display:block;
		width:0.5em;
		height:0.5em;
		border-top:solid 2px #fff;
		border-right:solid 2px #fff;
		transform:rotate(45deg);
		margin-right:2px;
	}
	body.home #recruit .wide_card a.btn{
		margin: 0 auto;
		position:absolute;
		bottom: 4.5em;
		left:0;
		right:0;
	}
	body.home #recruit .wide_card .right_area{
		border:solid 2px var(--keycolor);
		padding: 2.5em 0.5em 6em;
	}
	body.home #recruit .wide_card .right_area hgroup p{
		font-size:1rem;
		max-width:200px;
		padding-inline:1em;
	}
	body.home #recruit .wide_card .right_area hgroup h3{
		margin-block: 1em 0em;
		font-size: 1rem;
	}
	body.home #recruit .wide_card .right_area hgroup h3 img{
		max-width:258px;
	}
	body.home #recruit .wide_card .right_area a.btn{
		bottom:2.75em;
	}
	body.home #recruit .project_list{
		margin: 0 1em 2em;
	}
	body.home #recruit .project_list:not(:has(li)){
		margin-top:1em;
	}
	body.home #recruit .project_list li a{
		text-decoration:none;
		display:block;
	}
	body.home #recruit .project_list li .project_ttl{
		font-size:1.125rem;
		font-weight:600;
		margin-bottom:0.5em;
		text-decoration:underline 1px var(--fontcolor);
	}
	body.home #recruit .project_list li p{
		font-size:0.875rem;
		margin-bottom:0.5em;
	}
	body.home #recruit .project_list li mark{
		display:inline-block;
		padding:0.25em 0.5em;
		margin-right:0.5em;
		font-size:0.75rem;
		background:#eaeaea;
	}
	body.home #works{
		margin-block: 0;
		padding-block: 0em;
	}
	body.home #works:before{
		display:none;
	}
	body.home #works .slide_area{
		padding-block: 2em 4em;
		display:block;
	}
	body.home #works .slide_area:before{
	    background: #f3f1f1;
		content:"";
		display:block;
		z-index:-1;
		position:absolute;
		inset:0;
		right:1em;
	}
	body.home #works .slide_area .left_area{
		width: calc(100% - 1em);
	}
	body.home #works .slide_area .left_area .slick-track{
		display:block;
	}
	body.home #works .slide_area .left_area .slick-slider .slick-slide{
		float:left;
	}
	body.home #works .slide_area .left_area .ttl_set{
		position:static;
		padding-bottom: 1em;
		margin-right: 0;
		margin-bottom: calc(360px + 1em);
	}
	body.home #works .slide_area .left_area .slide {
		display:block;
	}
	body.home #works .slide_area .left_area .slide .picture{
		padding-top: 1.75em;
		display:none;
	}
	body.home #works .slide_area .left_area .data{
		padding-top: 3em;
		padding-right:1em;
		width: auto;
	}
	body.home #works .slide_area .left_area .data dl{
		gap:0.5em;
		margin-bottom:2em;
		font-size:0.75rem;
	}
	body.home #works .slide_area .left_area .data dl dt{
	}
	body.home #works .slide_area .left_area .data dl dd{
		font-size:1em;
	}
	body.home #works .slide_area .left_area .data .ttl{
		font-size:1.285rem;
		margin-bottom: 0.75em;
	}
	body.home #works .slide_area .right_area{
		width:auto;
		margin: 2em 0 0;
		margin-right:1em;
	}
	body.home #works .slide_area .right_area .image_slider{
		position:absolute;
		top: 200px;
		left:0;
		z-index:10;
	}
	body.home #works .slide_area .right_area .slick-list{
		margin:0;
	}
	body.home #works .slide_area .right_area .slide.animation{
		transform:none;
		opacity:1;
	}
	body.home #works .slide_area .controler{
		margin:0;
		display:block;
	}
	body.home #works .slide_area .appendArrows{
		position:absolute;
		top:325px;
		left:240px;
		z-index:15;
		display:none;
	}
	body.home #works .slide_area .appendArrows .next-arrow{
		background:#fff;
		width:3.5em;
		height:3.5em;
	}
	body.home #works .slide_area .appendArrows .slide-arrows.next-arrow i.icon-arrow{
		transform:rotate(45deg);
		margin-right: 4px;
	}
	body.home #works .slide_area .appendArrows .prev-arrow{
		display:none !important;
	}
	body.home #works .slide_area .controler .btn{
		margin:0 auto;
	}
	body.home #works .slide_area .slide .baloon{
		font-size:0.94rem;
		padding:0.5em 1.5em;
		transform:translateY(2em);
	}
	body.home #works .slide_area .slide.animation .baloon{
		opacity:1;
		transform:translateY(0em);
	}
	body.home #works .slide_area .right_area .img_wrap {
		width:244px;
		margin-inline: 0.75em;
		display:block;
		padding-top: 1.5em;
	}
	body.home #works .v-text{
		display:none;
	}	
	body.home #works .partners{
		margin-block: 5em 3.5em;
	}
	body.home #works .partners h3{
		font-size: 1.75rem;
		margin-right:auto;
	}
	body.home #works .partners .logos img{
		height: 42px;
	}
	body.home #business{
		background:#f3f1f1;
		padding-block:4em 4em;
		text-align:left;
	}
	body.home #business .inner{
		max-width:var(--wide);
		margin-inline:auto;
		z-index:2;
		position:relative;
		z-index: 1;
	}
	body.home #business .business_head{
		display:block;
		padding-right:0;
	}
	body.home #business .business_head .ttl_set{
		white-space:normal;
		margin-bottom: 1em;
	}
	body.home #business .business_head > p{
		margin-bottom:2em;
		line-height:1.8;
	}
	body.home #business .business_body ul li{
		padding: 1.5em 0.25em;
		text-align:center;
	}
	body.home #business .business_body ul li h3{
		font-size:1rem;
	}
	body.home #business .business_body ul li img{
		width:78px;
		height:auto;
	}
	body.home #business .business_body ul li p{
		font-size:min(3.125vw,0.85rem);
	}
	body.home #business .btn{
		position:static;
		margin: 3em auto 0;
	}
	body.home #news{
		padding-block:5em 5em;
		background: linear-gradient(180deg,rgba(255 255 255) 0%, rgba(243 241 241) 100%);
	}
	body.home #news .links{
		margin-top:4em;
		gap: 4%;
	}
	body.home #news .links a{
		width: 48%;
	}
	body.home #news .links .in_btn{
		font-size:1rem;
		padding: 0.75em 1.5em;
	}
	body.home #news .links .arrow{
		height: 1.25rem;
	}
	body.home #news .links .arrow:after{
		width:0.25em;
		height:0.25em;
		border-width:1px;
	}
}

/* article */


body:not(.home) .kv{
	max-width:1800px;
	height:300px;
	background:url(../img/kvArticle_bg.png) no-repeat top center / cover;
	border-radius:2rem;
	box-shadow:0 0 5px rgba(241,230,163,1),0 0 5px rgba(241,230,163,1);
	margin-inline:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:3rem;
}
body:not(.home) .kv .h1{
	font-weight:600;
}
:root .topicpath{
	margin-block:2em 3.5em;
}
:root .topicpath ol{
	display:flex;
	gap:1em;
	margin:0;
	padding:0;
	list-style:none;
	font-size:var(--f18);
	color:#737373;
	overflow-x:auto;
	padding-bottom:0.5em;
}
:root .topicpath ol::-webkit-scrollbar {
	height: 6px;
	width: 6px;
}
:root .topicpath ol::-webkit-scrollbar-track {
	border-radius: 6px;
	background: #ececec;
}
:root .topicpath ol::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #b3b3b3;
}
:root .topicpath ol li{
	display:flex;
	gap:1em;
	white-space:nowrap;
}
:root .topicpath ol li:not(:first-child):before{
	content:">";
	display:block;
	color:#ef8191;
}
:root .topicpath ol li a{
	color:#242424;
	text-decoration-color:inherit;
	text-decoration-thickness:1px;
}
@media (any-hover: hover) {
	:root .topicpath ol li a:hover{
		text-decoration-color:transparent;
	}
}
body:not(.home) .content_body{
	margin-bottom:6em;
}
body:not(.home) .content_body .sitewrap{
	--container:1000px;
}
:root .article_head{
	background:#fff;
	padding:2em;
	border-bottom: dotted 2px #a6a6a6;
	border-top: dotted 2px #a6a6a6;
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	margin-bottom:3em;
	align-items:center;
}
:root .article_head :is(h1,h2){
	font-weight:800;
	font-size:2.125rem;
	flex-basis:100%;
}
:root .edit_wrap {
	word-break:break-all;
}
:root .edit_wrap :is(h1,h2,h3,h4,h5,h6,p,ul,ol,table){
	margin-block:1.5em;
}
:root .edit_wrap h2:not(:first-of-type){
	margin-top:3em;
}
:root .edit_wrap h2{
	font-size:2.5rem;
	font-weight:600;
	width:fit-content;
	margin-inline:auto;
}
:root .edit_wrap h3{
	font-size:1.875rem;
	font-weight:600;
	color:#cc4959;
}
:root .edit_wrap h4{
	font-size:1.35rem;
	font-weight:600;
	padding:1em;
	background:#ffd2cd;
}
:root .edit_wrap h5{
	font-size:1.125rem;
	font-weight:600;
	padding:1em;
	border-top:dotted 2px#cc4959;
	border-bottom:dotted 2px#cc4959;
}
:root .edit_wrap p{
	font-size:var(--f18);
	line-height:1.8;
}
:root .edit_wrap hr{
	margin-block:2em;
	border:none;
	border-bottom:dotted 2px #a6a6a6;
}
:root .edit_wrap ul > li{
	list-style: disc;
}
:root .edit_wrap ul > li li{
	list-style:circle;
}
:root .edit_wrap :is(ul,ol){
	padding-inline:0;
	margin-inline:2em;
	line-height:1.25;
}
:root .edit_wrap :is(ul,ol) li:not(:first-child){
	margin-top:0.5em;
}
:root .edit_wrap :not(.btn_wrap) a{
	color:#cc4959;
	text-decoration-color:#cc4959;
}
:root .edit_wrap .bg-wrapper {
	padding:0.5em var(--inner);
	background:#fff6e6;
	margin-block:3em;
}
:root .edit_wrap .btn_wrap a{
	text-decoration-color:transparent;
	width:auto;
}
@media (any-hover: hover) {
	:root .edit_wrap :not(.btn_wrap) a:hover{
		color:#cc4959;
		text-decoration-color:transparent;
	}
	:root .edit_wrap .btn_wrap a:hover{
		color:#fff;
	}
}
@media screen and (max-width:1200px) {
	:root .topicpath{
		margin-inline:var(--inner) ;
	}
	:root .topicpath li{
		white-space:nowrap;
	}
}
@media screen and (max-width:767px) {
	body:not(.home) .kv{
		background-image:url(../img/kv_bg@sp.png);
		border-radius:1.0rem;
		height:200px;
		font-size:2.5rem;
		margin:0.15rem;
	}
	:root .topicpath{
		margin:2em var(--inner) 2em;
	}
	:root .topicpath ol{
		font-size:1rem;
		gap:0.75em;
	}
	:root .topicpath ol li{
		gap:0.75em;
	}
	:root .article_head{
		padding:1.0em;
		gap:0.5em;
		border-width:1px;
		margin-inline:-1em;
	}
	:root .article_head :is(h1,h2){
		font-size:1.25rem;
	}
	:root .edit_wrap :is(h1,h2,h3,h4,h5,h6,p,ul,ol){
		margin-block:1.25em;
	}
	:root .edit_wrap h2{
		font-size:1.875rem;
	}
	:root .edit_wrap h3{
		font-size:1.5rem;
	}
	:root .edit_wrap h4{
		font-size:1.15rem;
	}
	:root .edit_wrap h5{
		font-size:1rem;
		border-width:1px;
	}
	:root .edit_wrap p{
		font-size:1rem;
	}
}


/** pagas_common 
-------------------------------------------------------------------*/
.pages .pages_h2,
.content_desc h2{
	font-size: 2.25rem;
	font-weight: 700;
	text-align: left;
	margin-bottom: 1.25em;
	position: relative;
	padding: 0.5em 0 0 0;
	border-top: 3px solid #e6e6e6;
}
.pages .pages_h2 .sub{
	font-size: 0.65em;
}
.pages .pages_h2::after,
.content_desc h2::after{
	position: absolute;
	z-index: 0;
	content: "";
	margin: auto;
	inset: -3px auto auto 0;
	width: 100px;
	height: 3px;
	display: block;
	background: #d3222c;
}
.pages .pages_h3,
.entry-body h3,
.content_desc h3{
	font-size: 1.65rem;
	font-weight: 600;
	text-align: left;
	margin-bottom: 1.125em;
	position: relative;
	padding: 0 0 0 0.75em;
}
.pages .pages_h3::after,
.entry-body h3::after,
.content_desc h3::after{
	position: absolute;
	z-index: 0;
	content: "";
	margin: auto;
	inset: 0 auto 0 0;
	width: 3px;
	height: 100%;
	display: block;
	background: #d3222c;
}
.pages .pages_h4,
.entry-body h4,
.content_desc h4{
	font-size: 1.5rem;
	font-weight: 600;
}
.pages .pages_h5,
.entry-body h5,
.content_desc h5{
	font-size: 1.25rem;
	font-weight: 600;
}

@media screen and (max-width:767px){
	.pages .pages_h2,
	.content_desc h2{
		font-size: 1.6rem;
		margin-bottom: 1em;
		border-top: 2px solid #e6e6e6;
	}
	.pages .pages_h2::after,
	.content_desc h2::after{
		inset: -2px auto auto 0;
		width: 80px;
		height: 2px;
	}
	.pages .pages_h3,
	.entry-body h3,
	.content_desc h3{
		font-size: 1.45rem;
	}
	.pages .pages_h4,
	.entry-body h4,
	.content_desc h4{
		font-size: 1.25rem;
	}
}
.pages main,
main.pages{
	background: #f3f1f1;
	padding-bottom: 1em;
	text-align: center;
}
.pages .page_content{
	margin-top: 100px;
	padding-top: 2.5em;
	background: url(../img/common/page_mv.jpg) no-repeat;
	background-position: left 0;
}
.pages .page_content .pages_mv{
	color: #fff;
}
.pages .page_content .pages_mv .pages_h1{
	font-weight: 600;
	font-size: 2rem;
	letter-spacing: 0.05em;
	margin-bottom: 1.75em;
}
.pages .page_content .pages_mv .pages_subh1{
	font-weight: 600;
	font-size: min(16rem , 14vw);
	font-family: 'lato';
	line-height: 0.75;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.pages .page_content_area{
	background: #fff;
	margin: 0 auto 10em;
	max-width: 1600px;
	padding-block: 8em 1em;
}
.pages .page_content_area section{
	margin-bottom: 8em;
	overflow: visible;
}
@media screen and (max-width: 1680px) {
	.pages .page_content_area{
		margin: 0 2% 6em;
	}
}
@media screen and (max-width:767px){
	.pages main,
	main.pages{
		padding-bottom: 0;
	}
	.pages .page_content{
		margin-top: 0px;
		padding-top: 4.5em;
		background: url(../img/common/page_mv_sp.jpg) no-repeat;
		background-size: 100%;
		margin-bottom: 6em;
	}
	.pages .page_content .pages_mv .pages_h1{
		font-size: 1.25rem;
		margin-bottom: 1em;
	}
	.pages .page_content .pages_mv .pages_subh1{
		font-size: min(6rem , 17vw);
	}
	.pages .page_content_area{
		background: #fff;
		margin: 0 auto;
		max-width: 1600px;
		padding-block: 4em 0;
	}
	.pages .page_content_area section{
		margin-bottom: 4em;
	}
}


/* pagas_table */
.pages .pages_table{
	width: 100%;
}
.pages .pages_table tr{
	border-top: 2px solid #e6e6e6;
}
.pages .pages_table tr:last-child{
	border-bottom: 2px solid #e6e6e6;
}
.pages .pages_table tr th{
	width: 12%;
	min-width: 9em;
	padding: 1.5em;
	font-weight: 600;
	vertical-align: top;
}
.pages .pages_table tr td{
	padding: 1.5em 2em;
}
@media screen and (max-width:767px) {
	.pages .pages_table tr{
		display: flex;
		flex-direction: column;
	}
	.pages .pages_table tr th{
		width: 100%;
		padding: 1em 1em 0;
	}
	.pages .pages_table tr td{
		width: 100%;
		padding: 0 1em 1em;
		display: block;
	}
}
/* pagas_list */
.pages .pages_list{
	font-size: 1.125rem;
	font-weight: 500;
}
.pages .pages_list li{
	position: relative;
	z-index: 0;
	padding-left: 1em;
	margin-bottom: 1em;
}
.pages .pages_list li::before{
	position: absolute;
	z-index: 0;
	display: block;
	content: "";
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	margin: auto;
	inset: 0.45em auto auto 0;
	background: var(--keycolor);
}

/* recruit_bnr */
.recruit_bnr{
	position: relative;
	z-index: 0;
	width: fit-content;
	margin-inline: auto;
	padding-bottom: 1em;
}
.recruit_bnr span{
	position: absolute;
	z-index: 0;
	color: #fff;
	margin: auto;
	inset: 1.8em auto auto 20%;
	font-size: 1.125rem;
	font-weight: 600;
	height: fit-content;
}
.recruit_bnr span em{
	font-size: 1.5rem;
	display: block;
	padding-left: 0.5em;
}
@media screen and (max-width:767px) {
	.recruit_bnr{
		padding-bottom: 0;
	}
	.recruit_bnr span{
		inset: 0 auto 0 20%;
	}
	.recruit_bnr span em{
		font-size: 1.25rem;
	}
}
/* company
-------------------------------------------------------------------*/
.company .greeting_inner{
	display: flex;
	gap: 6%;
}
.company .greeting_wrap .img_area{
	width: 38%;
}
.company .greeting_wrap .text_area{
	width: 56%;
	line-height: 1.6;
}
.company .greeting_wrap .text_area .greeting_lead{
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 1em;
}
.company .greeting_wrap .text_area .greeting_signature{
	text-align: right;
	font-size: 1.125rem;
	margin-block: 2em;
}
.company .access_wrap iframe{
	width: 100%;
}
.company .history_wrap .history_area{
	padding-bottom: 0.5em;
}
.company .history_wrap .history_area .history_item{
	display: flex;
	gap: 0 2em;
	position: relative;
	z-index: 0;
	margin: 0 2em 2em;
}
.company .history_wrap .history_area .history_item::before{
  position: absolute;
  z-index: 0;
  display:inline-block;
  content:"";
  width:2px;
  height: calc(100% + 1.5em);
  background:#e6e6e6;
  top: 30px;
  left: -1.5em;
}
.company .history_wrap .history_area .history_item::after{
	position:absolute;
	z-index:1;
	display:inline-block;
	content:"";
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 2px solid var(--keycolor);
	background:#ffffff;
	inset: 1.25em auto auto -2.05em;
	margin:auto;
}
.company .history_wrap .history_area .history_item .history_num{
	font-size: 2.375rem;	
}
.company .history_wrap .history_area .history_item .history_text{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 2;
	padding-top: 0.5em;
}
@media screen and (max-width:767px) {
	.company .greeting_inner{
		flex-direction: column;
	}
	.company .greeting_wrap .img_area{
		width: 70%;
		margin: 0 auto 1em;
	}
	.company .greeting_wrap .text_area{
		display: contents;
	}
	.company .greeting_wrap .text_area .pages_h2{
		order: -1;
	}
	.company .greeting_wrap .text_area .greeting_lead{
		font-size: 1.25rem;
	}
	.company .greeting_wrap .text_area .greeting_signature{
		margin-block: 2em 0;
	}
	.company .access_wrap iframe{
		height: 14em;
	}
	.company .history_wrap .history_area .history_item{
		flex-direction: column;
	}
	.company .history_wrap .history_area .history_item::before{
	  top: 1em;
	}
	.company .history_wrap .history_area .history_item::after{
		inset: 0.5em auto auto -2.05em;
	}
	.company .history_wrap .history_area .history_item .history_num{
		font-size: 1.5rem;	
	}
	.company .history_wrap .history_area .history_item .history_text{
		line-height: 1.6;
	}
}


/* business
-------------------------------------------------------------------*/
.business .manga_col{
	display: flex;
	gap: 4%;
}
.business .manga_col .col_item{
	border: 2px solid #e6e6e6;
	padding: 2em;
	width: 48%;
	display: flex;
	gap: 1em 6%;
}
.business .manga_col .col_item .img{
	width: 38%;
}
.business .manga_col .col_item .text_area{
	width: 56%;
}
.business .manga_col .col_item .text_area .col_title{
	font-size: 1.25rem;
	font-weight: 600;
	margin-block: 1em;
}
.business .manga_col .col_item .text_area .col_text{
	line-height: 1.8;
}
.business .manga_col .col_item .text_area .btn{
	font-size: 1rem;
}
.business .img_in{
	display: flex;
	justify-content: space-between;
	gap: 2em 4%;
	margin-bottom: 4em;
}
.business .img_in .pages_list{
	width: 60%;
}
.business .img_in .img{
	margin-top: -4em;
	margin-right: 3em;
}
@media screen and (max-width:1150px) {
	.business .img_in .img{
		margin-top: -2em;
		margin-right: 2em;
	}
}
@media screen and (max-width: 767px) {
	.business .pages_h2 .sub{
		font-size: 0.65em;
		display: block;
	}
	.business .manga_col{
		flex-direction: column;
		gap: 1em;
	}
	.business .manga_col .col_item{
		padding: 2em 1em;
		width: 100%;
		gap: 1em 6%;
		flex-direction: column;
	}
	.business .manga_col .col_item .img{
		width: 60%;
		margin-inline: auto;
	}
	.business .manga_col .col_item .text_area{
		width: 100%;
		text-align: center;
	}
	.business .manga_col .col_item .text_area .col_title{
		font-size: 1.25rem;
		font-weight: 600;
		margin-block: 0 0.5em;
	}
	.business .manga_col .col_item .text_area .col_text{
		line-height: 1.6;
	}
	.business .manga_col .col_item .text_area .btn{
		font-size: 1rem;
		margin: 1em auto 0;
	}
	.business .img_in{
		display: flex;
		gap: 2em 4%;
		margin-bottom: 3em;
		flex-direction: column-reverse;
	}
	.business .img_in .pages_list{
		width: 100%;
	}
	.business .img_in .img{
		margin: 0 auto;
		width: 80%;
	}
}
/* webtoon
-------------------------------------------------------------------*/
.webtoon .webtoon_inner{
	display: flex;
	flex-direction: row-reverse;
	gap: 4%;
	margin-bottom: 6em;
}
.webtoon .webtoon_inner.rev{
	flex-direction: row;
}
.webtoon .webtoon_inner .img_area,
.webtoon .webtoon_inner .text_area{
	width: 48%;
}
.webtoon .webtoon_inner .text_area .page_text{
	line-height: 2;
}
@media screen and (max-width:767px){
	.webtoon .webtoon_inner{
		flex-direction: column !important;
		margin-bottom: 4em;
	}
	.webtoon .webtoon_inner.rev{
		flex-direction: row;
	}
	.webtoon .webtoon_inner .img_area{
		width: 100%;
		margin-bottom: 1em;
	}
	.webtoon .webtoon_inner .text_area{
		display: contents;
	}
	.webtoon .webtoon_inner .text_area .pages_h2{
		order: -1;
	}
	.webtoon .webtoon_inner .text_area .page_text{
		line-height: 1.6;
	}
}
/* recruit
-------------------------------------------------------------------*/
.recruit .recruit_cont01{
	margin-bottom: 8em;
}
.recruit .recruit_cont01 .img_area{
	display: flex;
	gap: 1.5em 2%;
}
.recruit .recruit_cont02{
	margin-bottom: 6em;
}
.recruit .recruit_cont02 .icon_area{
	margin-bottom: 6em;
	display: flex;
	gap: 1.5em 3%;
	justify-content: center;
	align-items: center;
}
.recruit .recruit_cont02 .icon_area .icon{
	background: #f4f2f2;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	width: max(20% , 240px);
	display: flex;
	gap: 0.5em;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.25rem;
	font-weight: 500;
}
.recruit .recruit_cont02 .img_area{
	display: flex;
	gap: 5%;
	align-items: center;
	margin-bottom: 8em;
}
.recruit .recruit_cont02 .img_area .img{
	width: 42.5%;
}
.recruit .recruit_cont02 .img_area .text_area{
	width: 52.5%;
}
.recruit .recruit_cont02 .img_area .text_area .page_text{
	font-size: 1.125rem;
	line-height: 2;
	margin-bottom: 1.5em;
}
.recruit .entry_lead{
	font-size: 1.25rem;
	margin-block: 5em 2em;
}
@media screen and (max-width:767px) {
	.recruit .recruit_cont01{
		margin-bottom: 4em;
	}
	.recruit .recruit_cont01 .img_area{
		flex-direction: column;
		padding-inline: 1em;
	}
	.recruit .recruit_cont02{
		margin-bottom: 4em;
	}
	.recruit .recruit_cont02 .icon_area{
		margin-bottom: 2em;
		gap: 1.5em 2%;
	}
	.recruit .recruit_cont02 .icon_area .icon{
		width: calc(98% / 3);
		padding: 0.75em;
		font-size: 1rem;
		text-align: center;
	}
	.recruit .recruit_cont02 .icon_area .icon img{
		width: 3em;
	}
	.recruit .recruit_cont02 .img_area{
		gap: 1em;
		flex-direction: column;
		margin-bottom: 0;
	}
	.recruit .recruit_cont02 .img_area .img{
		width: 100%;
	}
	.recruit .recruit_cont02 .img_area .text_area{
		width: 100%;
	}
	.recruit .recruit_cont02 .img_area .text_area .page_text{
		line-height: 1.8;
		margin-bottom: 1em;
		font-size: 1rem;
	}
	.recruit .entry_lead{
		margin-block: 3em 2em;
	}
}
/* strength
-------------------------------------------------------------------*/
.strength .red{
	color: var(--keycolor); 
}
.strength .page_content_area .concept_wrap{
	margin-bottom: 7em;
}
.strength .concept_wrap .concept_title{
	font-size: min(3.875rem , 5vw);
	font-weight: 500;
	margin-bottom: 0.75em;
	text-shadow: 1px 1px 2px #fff;
}
.strength .concept_wrap .concept_title span{
	font-weight: 600;
}
.strength .concept_wrap .concept_text{
	font-size: 1.125rem;
	line-height: 2.2;
	margin-bottom: 4em;
	text-shadow: 1px 1px 2px #fff;
	letter-spacing: -0.5px;
	max-width: 700px;
	margin-inline: auto;
}
.strength .concept_wrap .concept_inner{
	position: relative;
	z-index: 0;
}
.strength .concept_wrap .img{
	position: absolute;
	z-index: -2;
	margin: auto;
}
.strength .concept_wrap .img01{
	inset: -10% 4% auto auto;
}
.strength .concept_wrap .img02{
	inset: auto auto -12% 74%;
}
.strength .concept_wrap .img03{
	inset: 4% auto auto 4%;
}
.strength .concept_wrap .img04{
	z-index: -1;
	inset: 40% auto auto 8%;
}
.strength .point_wrap .point_list{
	display: flex;
	justify-content: center;
	gap: 1em 2.5%;
	margin-bottom: 6em;
}
.strength .point_wrap .point_list .point_item{
	width: calc((100% - 5%) / 3);
	max-width: 16em;
	font-weight: 600;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 2px solid  var(--keycolor);
	padding: 0.5em;
	list-style: none;
	height: 100%;
	overflow: hidden;
}
.strength .point_wrap .point_list .point_item::marker{
	content: none;
}
.strength .point_wrap .point_list .point_item .item_inner{
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px solid  var(--keycolor);
	text-align: center;
	padding: 3em 1em;
	max-height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.strength .point_wrap .point_list .point_item .point_title{
	font-size: min(1.375rem , 2.2vw);
	font-weight: 600;
}
.strength .point_wrap .point_list .point_item .point_title b{
	color: var(--keycolor); 
	font-size: 1rem;
	display: block;
	margin-bottom: 1em;
}
.strength .point_wrap .point_col{
	display: flex;
	flex-direction: row-reverse;
	gap: 4%;
	margin-bottom: 6em;
}
.strength .point_wrap .point_col.rev{
	flex-direction: row;
}
.strength .point_wrap .point_col .img_area,
.strength .point_wrap .point_col .text_area{
	width: 48%;
}
.strength .point_wrap .point_col .text_area .point_title{
	font-size: 2.125rem;
	font-weight: 600;
	margin-bottom: 0.5em;
}
.strength .point_wrap .point_col .text_area .point_title b{
	color: var(--keycolor);
	font-size: 1.125rem;
	margin-bottom: 0.5em;
	display: block;
}
.strength .point_wrap .point_col .text_area .page_text{
	line-height: 2;
	margin-bottom: 1.5em;
	letter-spacing: -0.5px;
}
.strength .point_wrap .massage_text{
	font-size: 1.125rem;
	text-align: center;
	margin-bottom: 1em;
	line-height: 1.8;
}
.strength .point_wrap .massage_lead{
	font-size: 1.375rem;
	text-align: center;
	margin-bottom: 3em;
}
.strength .point_wrap .bnr_area{
	display: flex;
	justify-content: center;
	gap: 1.5em 2%;
	padding-bottom: 1em;
}
@media screen and (max-width:1350px) {
	.strength .concept_wrap .img01{
		inset: -2% 4% auto auto;
		width: 16%;
	}
	.strength .concept_wrap .img02{
		inset: auto auto -16% 83%;
		width: 14%;
	}
	.strength .concept_wrap .img03{
		inset: 10% auto auto 1%;
		width: 12%;
	}
	.strength .concept_wrap .img04{
		inset: 40% auto auto 2%;
		width: 20%;
	}
}
@media screen and (max-width:1150px){
	.strength .point_wrap .point_list .point_item .item_inner{
		padding: 2em 1em;
		align-items: center;
	}
	.strength .concept_wrap .img01{
		inset: -10% 4% auto auto;
		width: 16%;
	}
	.strength .concept_wrap .img02{
		inset: 46% auto auto 86%;
		width: 12%;
	}
	.strength .concept_wrap .img03{
		inset: 2% auto auto 1%;
		width: 16%;
	}
	.strength .concept_wrap .img04{
		inset: 40% auto auto 6%;
		width: 12%;
	}
}




@media screen and (max-width:767px) {
	.strength .page_content_area .concept_wrap{
		margin-bottom: 3em;
	}
	.strength .concept_wrap .concept_title{
		font-size: 1.65rem;
	}
	.strength .concept_wrap .concept_text{
		font-size: 1rem;
		margin-bottom: 2em;
	}
	.strength .concept_wrap .img_area .img01{
		width: 40%;
		position: relative;
		inset: unset;
		margin-bottom: 2em;
		margin-left: 2em;
	}
	.strength .concept_wrap .img_area .img02{
		width: 30%;
		inset: 10% -1% auto auto
		
	}
	.strength .concept_wrap .img_area .img03{
		inset: auto auto 4% 8%;
		width: 30%;
	}
	.strength .concept_wrap .img_area .img04{
		position: relative;
		width: 38%;
		margin: 0 3em 0 auto;
	}
	.strength .concept_wrap .sp_img_area .img{
		display: none;
		position: relative;
		padding-inline: 1em;
	}
	.strength .point_wrap .point_list{
		margin-bottom: 4em;
		gap: 0 4%;
		flex-wrap: wrap;
		padding: 0;
	}
	.strength .point_wrap .point_list .point_item{
		width: 48%;
		max-width: none;
		padding: 0.5em;
	}
	.strength .point_wrap .point_list .point_item:first-child{
		margin-inline: 20%;
	}
	.strength .point_wrap .point_list .point_item .item_inner{
		padding: 1em 0.5em;
		border: 1px solid #e4777d;
	}
	.strength .point_wrap .point_list .point_item .point_title{
		font-size: 1.125rem;
		font-weight: 600;
	}
	.strength .point_wrap .point_list .point_item .point_title b{
		margin-bottom: 0.25em;
	}
	.strength .point_wrap .sp_img_area{
		padding-inline: 1em;
		margin-bottom: 4em;
	}
	.strength .point_wrap .point_col{
		margin-bottom: 1.5em;
		flex-direction: column !important;
	}
	.strength .point_wrap .point_col .text_area{
		display: contents;
	}
	.strength .point_wrap .point_col .img_area{
		width: 100%;
		margin-bottom: 1em;
	}
	.strength .point_wrap .point_col .text_area .point_title{
		font-size: 1.65rem;
		order: -1;
	}
	.strength .point_wrap .point_col .text_area .page_text{
		line-height: 1.8;
	}
	.strength .point_wrap .massage_text{
		font-size: 1.125rem;
		text-align: left;
		line-height: 1.6;
	}
	.strength .point_wrap .massage_lead{
		font-size: 1.25rem;
		margin-bottom: 2em;
	}
	.strength .point_wrap .bnr_area{
		flex-direction: column;
		padding-inline: 2em;
	}
}
/* policy
-------------------------------------------------------------------*/
.policy .privacy_wrap .privacy_item{
	margin-bottom: 4em;
}
.policy .privacy_wrap .privacy_item .pages_h3{
	margin-bottom: 0.5em;
}
.policy .privacy_wrap .privacy_item .privacy_text{
	margin-bottom: 0.5em;
	line-height: 1.8;
}
.policy .privacy_wrap .privacy_item ul{
	margin-bottom: 1em;
	line-height: 1.8;
}
@media screen and (max-width:767px) {
	.policy .privacy_wrap .privacy_item{
		margin-bottom: 3em;
	}
	.policy .privacy_wrap .privacy_item .privacy_text{
		line-height: 1.6;
	}
	.policy .privacy_wrap .privacy_item ul{
		margin-bottom: 1em;
		line-height: 1.6;
	}
}
/* creator_recruit
-------------------------------------------------------------------*/
.creator_recruit .apply_wrap{
	position: relative;
	z-index: 0;
}
.creator_recruit .apply_inner{
	display: flex;
	gap: 1em 4%; 
}
.creator_recruit .apply_wrap .text_area{
	width: 60%;
	margin-top: 2em;
}
.creator_recruit .apply_wrap .text_area .apply_title{
	font-size: 2.625rem;
	font-weight: 600;
	margin-bottom: 1em;
	word-break: auto-phrase;
	line-height: 1.8;
	letter-spacing: -0.5px;
}
.creator_recruit .apply_wrap .text_area .apply_text{
	line-height: 2;
	margin-bottom: 2em;
	letter-spacing: -0.5px;
}
.creator_recruit .apply_wrap .text_area .apply_btn_area{
	display: flex;
	gap: 1.5em;
	margin-top: 4em;
}
.creator_recruit .apply_wrap .text_area .apply_btn_area a.btn{
	font-size: 1.125rem;
	border-radius: unset;
	max-width: 330px;
	padding-block: 1.5em;
	justify-content: flex-start;
}
.creator_recruit .apply_wrap .text_area .apply_btn_area a.btn .icon-arrow{
	transform: rotate(135deg);
}
.creator_recruit .apply_wrap .text_area .apply_btn_area a.btn:first-child{
	--keycolor: #fff;
	--subcolor: #cc000b;
	border: 1px solid;
}
.creator_recruit .apply_wrap .img_area{
	width: 36%;
}
.creator_recruit .about_wrap .studio_area{
	display: flex;
	gap: 1em 4%;
	margin-bottom: 6em;
}
.creator_recruit .about_wrap .studio_area .text_area{
	width: 48%;
}
.creator_recruit .about_wrap .studio_area .text_area .about_lead{
	font-weight: 600;
	font-size: 1.75rem;
	margin-bottom: 1em;
}
.creator_recruit .about_wrap .studio_area .text_area .about_text{
	line-height: 2;
	margin-bottom: 4em;
}
.creator_recruit .about_wrap .studio_area .text_area a.btn{
	max-width: 260px;
	font-size: 1em;
	padding-block: 1.125em;
}
.creator_recruit .about_wrap .studio_area .img_area{
	width: 48%;
}
.creator_recruit .about_wrap .field_area .field_text{
	line-height: 1.8;
	margin-bottom: 3em;
}
.creator_recruit .field_area ul{
	display: flex;
	gap: 1em 2.5em;
}
.creator_recruit .field_area ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f3f1f1;
	padding: 1em 2.5em;
	font-size: 1.125rem;
	position: relative;
	z-index: 0;
	text-align: center;
}
.creator_recruit .field_area ul li:not(:last-child):after {
	display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent var(--keycolor);
    position: absolute;
    margin: auto;
    inset: 0 -1.4em 0 auto;
}
.creator_recruit .field_area ul li .icon{
	display: block;
}
.creator_recruit .position_wrap .position_list{
	display: flex;
	gap: 1em 2%;
}
.creator_recruit .position_wrap .position_list .position_item{
	width: calc(96% / 4);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f3f1f1;
	padding: 1.75em 2.25em 2.5em;
}
.creator_recruit .position_wrap .position_list .position_item .position_title{
	font-size: 1.5rem;
	font-weight: 600;
	padding-bottom: 0.5em;
}
.creator_recruit .position_wrap .position_list .position_item .position_icon{
	background: #fff;
	border-radius: 50%;
	padding: 1.5em;
} 
.creator_recruit .position_wrap .position_list .position_item a.btn{
	font-size: 1em;
	word-break: auto-phrase;
	text-align: center;
} 
.creator_recruit .position_wrap .modal-content{
	background: #fff;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	padding: 3em 1em;
	text-align: left;
}
.creator_recruit .position_wrap .modal-content .position_modal{
    height: 80vh;
    overflow-y: auto;
    padding: .5em 3em;
    overscroll-behavior: contain
}
.creator_recruit .position_wrap .modal-content .position_modal::-webkit-scrollbar {
    transform: translateX(20px);
    height: 6px;
    width: 6px
}
.creator_recruit .position_wrap .modal-content .position_modal::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff
}

.creator_recruit .position_wrap .modal-content .position_modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #868686
}
.creator_recruit .position_wrap .modal-content .close_btn {
    position: absolute;
    z-index: 20;
    top: -25px;
    right: -15px;
    color: #282828;
    background: #0000009e;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%
}
.creator_recruit .position_wrap .modal-content .close_btn span:nth-of-type(1) {
    position: absolute;
    top: 28.5px;
    right: 16.5px;
    width: 25px;
    height: 3px;
    background-color: #fff;
    transform: rotate(45deg)
}
.creator_recruit .position_wrap .modal-content .close_btn span:nth-of-type(2) {
    position: absolute;
    top: 17.5px;
    right: 28.5px;
    width: 3px;
    height: 25px;
    background-color: #fff;
    transform: rotate(45deg)
}
.creator_recruit .position_wrap .modal-content .close_btn:hover {
    opacity: .7
}
.creator_recruit .individual_inner .page_text{
	margin-bottom: 3em;
	line-height: 1.8;
}
.creator_recruit .individual_inner .pages_table{
	margin-bottom: 6em;
}
.creator_recruit .individual_inner .field_col{
	display: flex;
	flex-wrap: wrap;
	gap: 1em 2%;
	margin-bottom: 5em;
	align-items: end;
}
.creator_recruit .individual_inner .field_col .field_flow{
	
}
.creator_recruit .individual_inner .field_col .field_text{
	width: 38%;
	min-width: 28em;
	line-height: 1.8;
}
.creator_recruit .individual_inner .field_area ul li{
	padding: 1em 0.5em;
	width:200px;
	flex:1;
	justify-content:flex-start;
}
.creator_recruit .individual_inner .field_area ul li img{
	aspect-ratio: 6 / 4;
	height:75px;
	width:auto;
}
@media screen and (max-width:1350px){
	.creator_recruit .individual_inner .field_col .field_flow{
		width: 100%;
	}
}
@media screen and (max-width:1200px){
	.creator_recruit .position_wrap .modal-content .position_modal{
	    padding: .5em 1em;
	}
	.creator_recruit .individual_inner .field_col .field_flow{
		width: 100%;
		gap:1em 2.0em;
	}
	.creator_recruit .individual_inner .field_area ul li{
		font-size: min(1.75vw,1.125rem);
	}
}
@media screen and (max-width:1050px){
	.creator_recruit .apply_wrap .text_area{
		width: 100%;
		margin-top: 0;
	}
	.creator_recruit .apply_wrap .text_area .apply_title{
		width: 80%;
		font-size: min(2rem , 4vw);
	}
	.creator_recruit .apply_wrap .text_area .apply_btn_area{
		margin-top: 2em;
	}
	.creator_recruit .apply_wrap .img_area{
		width: 28%;
		position: absolute;
		z-index: -1;
		margin: auto;
		inset: -4em 2% auto auto;
	}
	.creator_recruit .position_wrap .position_list .position_item{
		width: calc(96% / 4);
		padding: 1.5em 1.25em 2em;
	}

	.creator_recruit .position_wrap .position_list .position_item .position_title{
		font-size: 2.5vw;
	}
	.creator_recruit .position_wrap .position_list .position_item a.btn{
		font-size: 1em;
		text-align: left;
	} 
}
@media screen and (max-width:767px){
	.creator_recruit .apply_inner{
		gap: 0em; 
		flex-direction: column;
	}
	.creator_recruit .apply_wrap .text_area{
		display: contents;
	}
	.creator_recruit .apply_wrap .text_area .apply_title{
		font-size: 1.625rem;
		word-break: unset;
		width: auto;
	}
	.creator_recruit .apply_wrap .text_area .apply_text{
		line-height: 1.8;
		margin-bottom: 1em;
	}
	.creator_recruit .apply_wrap .text_area .apply_btn_area{
		display: flex;
		gap: 2%;
		margin-top: 0;
		order: 1;
	}
	.creator_recruit .apply_wrap .text_area .apply_btn_area a.btn{
		font-size: 1rem;
		padding-block: 1em;
	}
	.creator_recruit .apply_wrap .img_area{
		width: 80%;
		margin-inline: auto;
		position: relative;
		inset: 0 auto;
	}
	.creator_recruit .about_wrap .studio_area{
		display: flex;
		gap: 0;
		margin-bottom: 6em;

		flex-direction: column;
	}
	.creator_recruit .about_wrap .studio_area .text_area{
		display: contents;
	}
	.creator_recruit .about_wrap .studio_area .text_area .about_lead{
		font-size: 1.5rem;
		margin-bottom: 1em;
	}
	.creator_recruit .about_wrap .studio_area .text_area .about_text{
		line-height: 1.8;
		order: 1;
		margin-bottom: 1em;
	}
	.creator_recruit .about_wrap .studio_area .text_area a.btn{
		max-width: 260px;
		margin: 1em auto 0;
		order: 2;
	}
	.creator_recruit .about_wrap .studio_area .img_area{
		width: 100%;
		margin-bottom: 1em;
	}
	.creator_recruit .about_wrap .field_area .field_text{
		margin-bottom: 2em;
	}
	.creator_recruit .field_area ul{
		flex-direction: column;
		gap: 2em;
	}
	.creator_recruit .field_area ul li{
		flex-direction: row;
		gap: 1em;
		padding: 1em 2.25em;
	}
	.creator_recruit .field_area ul li:not(:last-child):after {
		border-width: 12px 12px 0 12px;
		border-color: var(--keycolor) transparent transparent transparent;
	    inset: auto 0 -1.25em;
	}
	.creator_recruit .field_area ul li .icon img{
		max-height: 60px;
		width: auto;
	}
	.creator_recruit .position_wrap .position_list{
		gap: 1em 4%;
		flex-wrap: wrap;
	}
	.creator_recruit .position_wrap .position_list .position_item{
		width: calc(96% / 2);
		padding: 1.5em 1em 1.5em;
	}
	.creator_recruit .position_wrap .position_list .position_item .position_title{
		font-size: 1.35rem;
	}
	.creator_recruit .position_wrap .position_list .position_item .position_icon{
		width: 70%;
	} 
	.creator_recruit .position_wrap .position_list .position_item a.btn{
		font-size: 1em;
		margin: 1em auto 0;
		width: auto;
		text-decoration: none;
	} 
	.creator_recruit .position_wrap .modal-content{
		padding: 2em 0.5em 1em;
		width: calc(100% - 2em);
		margin-block: 1em;
	}
	.creator_recruit .position_wrap .modal-content .position_modal{
	    padding: 1.5em 1em;
	    margin-block: auto;
	    height: 74vh;
	}
	.creator_recruit .position_wrap .modal-content .position_modal::-webkit-scrollbar {
	    width: 4px
	}
	.creator_recruit .position_wrap .modal-content .close_btn{
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        background: #000000db
    }
    .creator_recruit .position_wrap .modal-content .close_btn span:nth-of-type(1) {
        top: 19.5px;
        right: 7.5px
    }
    .creator_recruit .position_wrap .modal-content .close_btn span:nth-of-type(2) {
        top: 9.5px;
        right: 18.5px
    }
	.creator_recruit .individual_inner .page_text{
		margin-bottom: 2em;
		line-height: 1.6;
	}
	.creator_recruit .individual_inner .pages_table{
		margin-bottom: 4em;
	}
	.creator_recruit .individual_inner .field_col{
		margin-bottom: 3em;
		align-items: flex-start;
		flex-direction: column;
	}
	.creator_recruit .individual_inner .field_area ul li{
		width:auto;
		font-size:1.125rem;
		padding-inline: 2em;
		justify-content:center;
	}
	.creator_recruit .individual_inner .field_col .field_flow{
		width: 100%;
		gap: 2.0em;;
	}
	.creator_recruit .individual_inner .field_col .field_text{
		width: 100%;
		min-width: unset;
		line-height: 1.6;
	}
}



/** archive-common
-------------------------------------------------------------------*/
.pages .archive_area{
	display: flex;
	gap: 2em 6%;
	margin-bottom: 6em;
}
.pages .archive_area .content_desc p{
	line-height: 1.8;
}
.pages .archive_area .content_desc a{
	color: var(--keycolor);
	font-weight: 500;
	text-decoration: underline;
}
@media (any-hover: hover) {
	.pages .archive_area .content_desc a:hover{
		text-decoration-color: transparent;
	}
}
.pages .archive_area .archive_area_sub{
	width: 20%;
}
.pages .archive_area .archive_area_sub .archive_category_lead{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--keycolor);
}
.pages .archive_area .archive_area_main{
	width: 74%;
}
.wp-singular .content_desc ul li{
	position: relative;
}
.wp-singular .content_desc ul li:before{
	display: block;
	content: "";
	width: .4em;
	height: .4em;
	position: absolute;
	z-index: 1;
	background: var(--keycolor);
	border-radius: 1em;
	inset: 0.5em auto auto -0.5em;
}
@media screen and (max-width:767px) {
	.pages .archive_area{
		margin-bottom: 4em;
		flex-direction: column-reverse;
		gap: 4em;
	}
	.pages .archive_area .archive_area_sub,
	.pages .archive_area .archive_area_main{
		width: 100%;
	}
	.pages .archive_area .archive_area_sub .archive_category_lead{
		font-size: 1.75rem;
	}
}
.pages .detail_more_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
	margin-top: 4em;
}
.pages .detail_more_btn .btn{
	margin-top: 0;
	background: #fff;
	color: #282828;
	font-size: 1rem;
}
@media (any-hover: hover){
	.pages .detail_more_btn .btn:hover{
		background: var(--keycolor);
		color: #ffffff;
	}
}
.pages .detail_more_btn .prev-link,
.pages .detail_more_btn .next-link{
	position: absolute;
	z-index: 1;
	margin: auto;
	height: fit-content;
	font-weight: 600;
}
.pages .detail_more_btn .prev-link{
	inset: 0 calc(50% + 13em) 0 auto;
}
.pages .detail_more_btn .next-link{
	inset: 0 calc(50% - 18em) 0 auto;
}
.pages .detail_more_btn .prev-link span,
.pages .detail_more_btn .next-link span{
	position: relative;
	z-index: 0;
}
.pages .detail_more_btn .prev-link span::before,
.pages .detail_more_btn .next-link span::before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: 0 -20px 0 auto;
	width: 10px;
	height: 10px;
	border-top: solid 2px #282828;
	border-right: solid 2px #282828;
	transform: rotate(45deg);
}
.pages .detail_more_btn .prev-link span::before{
	inset: 0 auto 0 -20px;
	transform: rotate(-135deg);
}
@media screen and (max-width:900px) {
	.pages .detail_more_btn{
		margin-top: 4em;
		flex-wrap: wrap;
	}
	.pages .detail_more_btn .btn{
		margin-bottom: 3em;
		margin-inline: 20%;
	}
	.pages .detail_more_btn .prev-link,
	.pages .detail_more_btn .next-link{
		position: relative;
	}
	.pages .detail_more_btn .prev-link,
	.pages .detail_more_btn .next-link{
		inset: unset;
		width: 50%;
		text-align: center;
	}
}
ul.page-numbers{
	margin-block: 6em 4em;
}
ul.page-numbers li{
    border-radius: 2em;
    margin-inline: 0.5em;
}
ul.page-numbers li a,
ul.page-numbers li span.page-numbers{
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	text-decoration: none;
	font-weight: 600;
	font-family: "lato";
	border: none;
	text-decoration-line: none !important;
}
ul.page-numbers li span.page-numbers.current{
	background: none;
}
ul.page-numbers li:has(span.page-numbers.current){
	background: var(--keycolor);
}

@media screen and (max-width: 767px) {
	ul.page-numbers li{
	    margin-inline: 0.15em;
	}
	ul.page-numbers li a,
	ul.page-numbers li span.page-numbers{
		width: 40px;
		height: 40px;
		font-size: 1.125rem;
	}
}

/* news
-------------------------------------------------------------------*/
.pages.news .archive_area .archive_area_sub ul{
	padding: 0;
}
.pages.news .archive_area .archive_area_sub a.tab_item{
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 1rem;
	display: block;
}
.pages.news .archive_area .archive_area_sub a.tab_item{
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 1rem;
	display: inline-block;
	padding: 0.15em 0.75em;
	border-radius: 2em;
	text-decoration: none;
}
@media (any-hover: hover){
	.pages.news .archive_area .archive_area_sub a.tab_item:hover{
		color: #fff;
		background: #cc000b;
	}
}
.pages.news .archive_area .archive_area_sub a.tab_item.item01,
.category-books .pages.news .archive_area .archive_area_sub a.tab_item.item02,
.category-info .pages.news .archive_area .archive_area_sub a.tab_item.item03,
.category-stream .pages.news .archive_area .archive_area_sub a.tab_item.item04{
	color: #fff;
	background: #cc000b;
}
.pages.news .news_items{
	display: flex;
	flex-wrap: wrap;
	gap: 2em 6%;
}
.pages.news .news_items .news_item{
	width: 47%; 
}
.pages.news .news_items .news_item a{
	text-decoration: none;
}
.pages.news .news_items .news_item .news_thumbnail{
	margin-bottom: 1em;
	overflow: hidden;
}
.pages.news .news_items .news_item .news_thumbnail img{
	object-fit: cover;
	aspect-ratio: 424 / 282;
	object-position: 50% 30%;
	width: 100%;
	transition: transform .4s;
}
@media (any-hover: hover){
	.pages.news .news_items .news_item a:hover .news_thumbnail img {
		transform:scale(1.05);
	}
}
.pages.news .news_items .news_item time,
.pages.news .news_detail_info time{
	font-size: 0.875rem;
	font-family: "Poppins";
	font-weight: 600;
	display: inline-block;
	margin-bottom: 0.75em;
}
.pages.news .news_items .news_item .news_cat,
.pages.news .news_detail_info .cat{
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--keycolor);
	margin-left: 1em;
	padding: 0.15rem 0.5em;
	border: 1px solid;
}
.pages.news .news_items .news_item .news_title{
	font-size: 1.25rem;
	font-weight: 600;
}
.pages.news .content_desc{
	margin-block: 2em 6em;
}
@media screen and (max-width:767px) {
	.pages.news .archive_area .archive_area_sub .archive_category_item{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
		gap: 0.5em;
	}
	.pages.news .archive_area .archive_area_sub .archive_category_item li{
		width: auto;
		margin: 0;
	}
	.pages.news .archive_area .archive_area_sub a.tab_item{
		border: 1px solid #e4e4e4;
		padding: 0.25em 1em;
	}
	.pages.news .news_items{
		display: flex;
		flex-wrap: wrap;
		gap: 2em 6%;
		padding-inline: 1em;
	}
	.pages.news .news_items .news_item{
		width: 100%;
	}
	.pages.news .news_items .news_item a{
		text-decoration: none;
	}

	.pages.news .news_items .news_item time{
		font-size: 1rem;
	}
	.pages.news .news_items .news_item .news_cat{
		font-size: 0.875rem;
	}
	.pages.news .news_items .news_item .news_title{
		font-size: 1.25rem;
	}	
}

/* works
-------------------------------------------------------------------*/
.pages.works .works_list{
	overflow: visible;
}
.pages.works .works_items{
	display: flex;
	flex-wrap: wrap;
	gap: 4em 4%;
	width: 100%;
	margin-bottom: 4em;
}
.pages.works .works_items .works_item{
	width: calc((100% - 8%) / 3);
}
.pages.works .works_items .works_item a{
	display: block;
	padding: 2em 2em 1em;
	border: 2px solid #e6e6e6;
	text-align: center;
	text-decoration: none;
	position: relative;
	height: 100%;
}
.pages.works .works_items .works_item a .works_thumbnail{
	max-width: 190px;
	margin: 0 auto 1.25em;
}
.pages.works .works_items .works_item a .works_thumbnail{
	aspect-ratio: 190 / 270;
	overflow: hidden;
}
.pages.works .works_items .works_item a .works_thumbnail img{
	object-fit: cover;
	width: 100%;
	transition: transform .4s;
}
@media (any-hover: hover){
	.pages.works .works_items .works_item a:hover .works_thumbnail img {
		transform:scale(1.05);
	}
}
.pages.works .works_items .works_item a .works_comment_item{
	position: absolute;
	z-index: 1;
	margin: auto;
	width: fit-content;
	height: fit-content;
	inset: auto 0 calc(100% - 0.5em);
	background: var(--keycolor);
	color: #fff;
	font-weight: 500;
	padding: 0.5rem 1.5em;
	border-radius: 2em;
}
.pages.works .works_items .works_item a .works_comment_item span {
    position: relative;
    z-index: 1;
    display: block;
}
.pages.works .works_items .works_item a .works_comment_item span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent var(--keycolor);
    transform: rotate(90deg);
    position: absolute;
    margin: auto;
    inset: auto 0 -1.125em;
    z-index: -1;
}
.pages.works .works_items .works_item a .works_media_item{
	margin-bottom: 0.75em;
}
.pages.works .works_items .works_item a .works_media_lead{
	font-size: 0.875rem;
	background: #282828;
	color: #fff;
	padding: 0.1em 0.5em;
	margin-right: 0.5em;
}
.pages.works .works_items .works_item a .works_media_text{
	font-weight: 500;
}
.pages.works .works_items .works_item a .works_title{
	font-weight: 600;
	font-size: 1.25rem;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 1050px){
	.pages.works .works_items .works_item{
		width: calc((100% - 8%) / 2);
	}
}
@media screen and (max-width: 767px){
	.pages.works .works_items{
		gap: 3em 2%;
		margin-bottom: 2em;
	}
	.pages.works .works_items .works_item{
		width: 49%;
	}
	.pages.works .works_items .works_item a{
		padding: 1.5em 0.5em 1em;
		border: 1px solid #e6e6e6;
	}
	.pages.works .works_items .works_item a .works_thumbnail{
		max-width: 70%;
		margin: 0 auto 1.125em;
	}

	.pages.works .works_items .works_item a .works_comment_item{
		padding: 0.25rem .75em;
		font-size: 0.875rem;
	}
	.pages.works .works_items .works_item a .works_comment_item span::after {
	    border-width: 8px 0 8px 12px;
	}
	.pages.works .works_items .works_item a .works_media_lead{
		font-size: 0.875rem;
		padding: 0.1em 0.5em;
		margin-right: 0.5em;
	}
}
/* works-detail
-------------------------------------------------------------------*/
.pages.works .archive_area{
	width: 100%;
	display: block;
}
.pages.works .works_detail_area{
	display: flex;
	gap: 2em 8%;
	margin-bottom: 12em;
}
.pages.works .works_detail_area .img_area{
	width: 36%;
}
.pages.works .works_detail_area .img_area .fan_btn{
	margin-inline: 0;
	display: flex;
	justify-content: center;
}
.pages.works .works_detail_area .img_area .fan_btn a{
	margin-inline: 0;
	text-align: center;
	width: fit-content;
	font-size: 1rem;
	display: flex;
	justify-content: center;
	--keycolor: #ffffff;
	--subcolor: #cc000b;
	border: 1px solid;
	border: 1px solid;
}
.pages.works .works_detail_area .text_area{
	width: 56%;
}
.pages.works .works_detail_area .text_area .works-detail-group-dt{
	width: fit-content;
	
}
.pages.works .works_detail_area .text_area .works_detail_btn_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-block: 4em 2em;
}
.pages.works .works_detail_area .text_area .works_detail_btn_area .btn{
	margin: 0;
	font-size: 1rem;
	min-width: 240px;
}
.pages.works .works_detail_area .text_area .works_detail_btn_area .sns_btns{
	display: flex;
	gap: 1em;
	margin-inline: auto 0;
}
.pages.works .works_detail_area .text_area .works_detail_btn_area .sns_btns a{
	display: block;
	transition: opacity 0.3s;
}
@media (any-hover: hover) {
	.pages.works .works_detail_area .text_area .works_detail_btn_area .sns_btns a:hover{
		opacity: 0.8;
	}
}
@media screen and (max-width:767px) {
	.pages.works .archive_area{

	}
	.pages.works .works_detail_area{
		gap: 0 8%;
		margin-bottom: 4em;
		flex-direction: column;
	}
	.pages.works .works_detail_area .img_area{
		width: 74%;
		margin-inline: auto;
		margin-bottom: 2em;
	}
	.pages.works .works_detail_area .img_area .fan_btn a{
		margin-top: 1.5em;
	}
	.pages.works .works_detail_area .text_area{
		display: contents;
	}
	.pages.works .works_detail_area .text_area .pages_h2{
		order: -1;
		margin-inline: 0;
	}
	.pages.works .works_detail_area .text_area .works_detail_btn_area{
		margin-block: 2em 2em;
		gap: 1.5em;
		flex-direction: column;
		align-items: center;
	}
	.pages.works .works_detail_area .text_area .works_detail_btn_area .btn{
		margin: 0;
	}
	.pages.works .works_detail_area .text_area .works_detail_btn_area .sns_btns{
		margin-inline: 0;
	}	
}

/* project
-------------------------------------------------------------------*/
.pages.project .archive_area_sub .archive_category_item{
	padding: 0;
}
.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat) a{
	font-size: 1.125rem;
	font-weight: 600;
	display: inline-block;
	font-size: 1.125rem;
	font-weight: 600;
	display: inline-block;
	padding: 0.15em 0.75em;
	border-radius: 2em;
	text-decoration: none;
}
.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat.project_man) a{
	color: #2241a6;
}
.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat.project_woman) a{
	margin-top: 0.5em;
	color: #d12461;
}
@media (any-hover: hover){
	.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat) a:hover{
		color: #fff !important;
		background: #282828;
	}
	.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat.project_man) a:hover{
		background: #2241a6;
	}
	.pages.project .archive_area_sub .archive_category_item li:has(.project_maincat.project_woman) a:hover{
		background: #d12461;
	}
}
.pages.project .archive_area_sub .archive_category_item li:has(.project_subcat) a{
	display: inline-block;
	margin-left: 1.25em;
	text-indent: -1em;
	padding-left: 0.5em;
}
.pages.project .project_list_area{
	
}
.pages.project .project_list_area .project_item:first-child{
	border-top: 2px solid #e6e6e6;
}
.pages.project .project_list_area .project_item{
	border-bottom: 2px solid #e6e6e6;
}
.pages.project .project_list_area .project_item a{
	display: block;
	padding: 1.5em 0.1em;
	text-decoration: none;
}
@media (any-hover: hover) {
	.pages.project .project_list_area .project_item a:hover{
		color:var(--keycolor);
		transform:translateX(0.75em)	
	}
}
.pages.project .project_detail{
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
}
.pages.project .project_detail time{
	font-size: 0.875rem;
	font-family: "Poppins";
	font-weight: 600;
	display: inline-block;
	margin-top: 0.25em;
}
.pages.project .project_detail .project_cat{
	font-size: 0.75rem;
	font-weight: 600;
	display: inline-block;
	margin-left: 0.5em;
	margin-bottom: 0.25em;
	color: #282828 !important;
	padding: 0.15rem 0.5em;
	background: #eaeaea;
	text-decoration: none;
	border: 1px solid #eaeaea;
}
.pages.project .project_detail .project_cat.man{
	background: #2241a6;	
	color: #fff !important;
	border: 1px solid;
}
.pages.project .project_detail .project_cat.woman{
	background: #d12461;
	color: #fff !important;
	border: 1px solid;
}
@media (any-hover: hover){
	.pages.project .project_detail a.project_cat:hover{
		background: #ffffff;
	}
	.pages.project .project_detail a.project_cat.man:hover{
		color: #2241a6 !important;
	}
	.pages.project .project_detail a.project_cat.woman:hover{
		color: #d12461 !important;
	}
}
.pages.project .project_list_area .project_item a .project_title{
	margin-bottom: 0.5em;
}
.pages.project .project_list_area .project_item a .project_title span{
	font-size: 1.25rem;
	font-weight: 600;
	border-bottom: 1px solid;
	line-height: 2;
}
.pages.project .project_list_area .project_item a .project_title .end_tag{
	font-size: 0.875rem;
	font-weight: 600;
	margin-left: 0.5em;
	color: var(--keycolor) !important;
	padding: 0.15rem 0.5em;
	border: 1px solid;
	display: inline-block;
	line-height: 1.4;
}
.pages.project .project_list_area .project_item a .project_title .end_tag.end_on{
	color: #282828 !important;
	background: #eaeaea;
}
.pages.project .project_list_area .project_item a .project_lead{
	margin-bottom: 0;
	font-size: 0.875rem;
}


/* project_detail
-------------------------------------------------------------------*/
 .pages.project .project_detail_area .project_detail{
	 margin-bottom: 4em;
 }
 .pages.project .project_detail_area .content_desc{
	 margin-bottom: 8em;
 }
 .pages.project .project_detail_area  h1{
	 margin-bottom: 0.5em;
 }