@charset "utf-8";

/* TOP 共通タイトル
-------------------------------------------------- */
.top-cmn-ttl .en {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1;
}

.top-cmn-ttl .en em{
	color: var(--red);
}

.top-cmn-ttl .ja {
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0 0 0;
}

a.no-link{
	pointer-events:none;
}

@media screen and (max-width: 768px) {
	
	.top-cmn-ttl .ja {
		font-size: 1.5rem;
		margin: 13px 0 0 0;
	}

}

/* -------------------------------------------------------------
    mv-area
-------------------------------------------------------------- */
.mv-area .mv-wrap {
	min-width: 1280px;
	position: relative;
	/*height: 85vh;*/
	height: 780px;
	max-width: 1920px;
	margin: 0 auto;
	/*min-height: 720px;*/
}

.mv-area .mv-catch-inner {
	position: absolute;
	top: 15%;
	text-align: left;
	z-index: 2;
}

.mv-area .big-catch .big-txt {
	font-size: 5.8rem;
	font-weight: bold;
	letter-spacing: .1em;
	text-shadow:2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

.mv-area .big-catch .big-txt:first-of-type {
	margin: 0;
}

/*.mv-area .big-catch .big-txt:nth-of-type(2),
.mv-area .big-catch .big-txt:nth-of-type(4) {
	padding: 0 0 0 40px;
}*/

.mv-area .big-catch span {
	display: block;
	margin: 50px 0 0 0;
}

.mv-area .small-catch {
	margin: 150px 0 0 0;
}

.mv-area .small-catch .small-txt {
	font-weight: 500;
	letter-spacing: .05em;
	text-shadow:1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
	/*text-shadow:
				rgba(242,241,240,.3) 2px 0px 2px,
				rgba(242,241,240,.3) -2px 0px 2px,
				rgba(242,241,240,.3) 0px -2px 2px,
				rgba(242,241,240,.3) -2px 0px 2px,
				rgba(242,241,240,.3) 2px 2px 2px,
				rgba(242,241,240,.3) -2px 2px 2px,
				rgba(242,241,240,.3) 2px -2px 2px,
				rgba(242,241,240,.3) -2px -2px 2px,
				rgba(242,241,240,.3) 1px 2px 2px,
				rgba(242,241,240,.3) -1px 2px 2px,
				rgba(242,241,240,.3) 1px -2px 2px,
				rgba(242,241,240,.3) -1px -2px 2px,
				rgba(242,241,240,.3) 2px 1px 2px,
				rgba(242,241,240,.3) -2px 1px 2px,
				rgba(242,241,240,.3) 2px -1px 2px,
				rgba(242,241,240,.3) -2px -1px 2px,
				rgba(242,241,240,.3) 1px 1px 2px,
				rgba(242,241,240,.3) -1px 1px 2px,
				rgba(242,241,240,.3) 1px -1px 2px,
				rgba(242,241,240,.3) -1px -1px 2px;*/
}

.mv-area .small-catch .small-txt:first-of-type {
	margin: 0;
}

.mv-area .small-catch span {
	display: block;
	margin: 30px 0 0 0;
}

/*js用*/
.slide-topcatch {
	opacity: 0;
	transform: translateX(-60px);
	transition: all 0.8s 0s ease-out;
}

/*20231218 変更*/
.mv-area .mv-contents {
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 65%;
	/*min-height: 720px;*/
}

/*20231107 追加*/
.mv-area .mv-video {
	/*background: url("../img/top-mv-img.jpg")left top/cover no-repeat;*/
	/*height: 85vh;*/
	height: 750px;
	/*min-height: 720px;*/
	margin: auto 0 auto auto;
	width: 100%;
	/*width: auto;*/
}
.mv-area .mv-video.slide01 {
	background: url("../img/top-mv-img01.png")left top/cover no-repeat;
}
.mv-area .mv-video.slide02 {
	background: url("../img/top-mv-img02.png")left top/cover no-repeat;
}
.mv-area .mv-video.slide03 {
	background: url("../img/top-mv-img03.png")left top/cover no-repeat;
}
.mv-area .mv-video.slide04 {
	background: url("../img/top-mv-img04.png")left top/cover no-repeat;
}

/*20231218 変更*/
.mv-area .mv-video a {
	display: block;
	height: 750px;
	width: 100%;
	position: absolute;
	left: 0;
	/*height: 760px;*/
	/*right: 0;*/
}

.mv-area .mv-catch.black .mv-catch-inner {
	left: 5%;
}

.mv-area .mv-scroll {
	position: absolute;
	left: 5px;
	bottom: 0;
	padding-bottom: 155px;
}

.mv-area .mv-scroll span {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 13px;
	transform: rotate(-90deg);
	line-height: 1;
	letter-spacing: 0.1em;
}

.mv-area .mv-scroll::after {
	animation: scroll-mv 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
	background: #231815;
	bottom: 0;
	content: "";
	display: block;
	left: 49.2%;
	height: 130px;
	position: absolute;
	width: 1px;
}

@keyframes scroll-mv {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}


@media screen and (max-width: 1600px) {
	
	/*※※※※※※ 調整 ※※※※※※*/
	.mv-area .mv-wrap {
		height: 640px;
	}
	.mv-area .mv-video {
		height: 640px;
		justify-content: center;
	}
	
	.mv-area .big-catch .big-txt {
		font-size: 5.4rem;
		text-shadow:1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
	}
	
	.mv-area .big-catch span {
		margin: 35px 0 0 0;
	}
	
	.mv-area .small-catch {
		margin: 120px 0 0 0;
	}
	
	.mv-area .small-catch span {
		margin: 20px 0 0 0;
	}
	
	.mv-area .mv-catch-inner {
		top: 15%;
	}
	
	/*.mv-area .mv-scroll {
		bottom: 170px;
	}*/
}



@media screen and (max-width: 768px) {
	
	.mv-area .mv-wrap::before {
		display: none;
	}
	
	.mv-area .mv-wrap {
		min-height: auto!important;
		min-width: auto!important;
		/*height: calc( 100vw * 0.9 );*/
		height: 300px;
	}

	.mv-area .mv-contents {
		min-height: auto;
		width: 100%;
	}

	.mv-area .mv-video {
		background-image: url("../img/top-mv-imgsp.jpg");
		background-position: left bottom;
		height: 300px;
		margin: 15px 0 0 0;
		min-height: auto;
		position: relative;
		z-index: 0;
	}
	
	.mv-area .mv-catch-inner {
		font-size: 30px!important;
	}
	
	.mv-area .big-catch .big-txt {
		/*color: #fff;*/
		font-size: 2.4rem;
		line-height: 1.8;
		margin: 5px 0 0;
	}
	
	/*.mv-area .big-catch .big-txt:nth-of-type(2),
	.mv-area .big-catch .big-txt:nth-of-type(4) {
		padding: 0;
	}
	
	.mv-area .big-catch .big-txt:nth-of-type(1),
	.mv-area .big-catch .big-txt:nth-of-type(3) {
		margin: 0 0 0 -20px;
	}*/
	
	.mv-area .big-catch span {
		margin: 2px 0 0 0;
		/*text-shadow: 1px 1px 8px #231815;*/
		text-shadow: #3c3837 1px 1px 5px, #3c3837 -1px 1px 5px, #3c3837 1px -1px 5px, #3c3837 -1px -1px 5px;
	}
	
	.mv-area .small-catch {
		display: none;
	}
	
	/*20231107 変更*/
	.mv-area .mv-video a {
		display: block;
		height: 300px;
		width: 100%;
		position: static;
	}
	.mv-area .mv-catch.black .mv-catch-inner {
		/*top: calc( 100vw * 0.59 );*/
		/*top: 50%;
		left: 20px;*/
		top: 30px;
		left: 20px;
		/*top: 110px;*/
	}
	
	.mv-area .mv-scroll {
		bottom: -15px;
		left: auto;
		/*padding-bottom: 100px;*/
		padding-bottom: 60px;
		right: -5px;
		z-index: 1;
	}
	
	.mv-area .mv-scroll::after {
		background: #fff;
		/*height: 70px;*/
		height: 40%;
	}
	
	.mv-area .mv-scroll span {
		color: #fff;
		font-size: 1.2rem;
		text-shadow: #3c3837 1px 1px 5px, #3c3837 -1px 1px 5px, #3c3837 1px -1px 5px, #3c3837 -1px -1px 5px;
	}
}


/* -------------------------------------------------------------
    top h1
-------------------------------------------------------------- */
.mv-area h1 {
	bottom: 0;
	display: block;
	font-weight: 400;
	font-size: 1.2rem;
	color: #95918e;
	right: 0;
	position: absolute;
	z-index: 1;
}

@media screen and (max-width: 1600px) {
	/*※※※※※※調整※※※※※*/
	.mv-area h1 {
		bottom: -25px;
		right: 10px;
	}
}

@media screen and (max-width: 768px) {
	
	.mv-area h1 {
		background: #231815;
		bottom: auto!important;
		color: #fff;
		font-size: 0.9rem;
		top: 0;
		text-shadow: none;
		padding: 4px 10px 7px 10px;
		right: auto;
		left: 0;
		width: 100%;
	}
}





/* -------------------------------------------------------------
    sp-recbnr-area
-------------------------------------------------------------- */

.sp-recbnr-area .sp-recbnr {
	position: relative;
}

.sp-recbnr-area .sp-recbnr::before {
	content: "";
	background: var(--red);
	top: 40px;
	height: calc( 100% - 40px );
	width: 100%;
	left: 0;
	position: absolute;
	z-index: -1;
}

.sp-recbnr-area .sp-recbnr a {
	display: block;
	padding: 30px 0 20px 20px;
}


/* -------------------------------------------------------------
    about-area
-------------------------------------------------------------- */
.about-area {
	position: relative;
	padding: 80px 0 0 0;
}

.about-area::before,
.about-area::after {
	content: "";
	background: var(--beige);
	width: 100%;
	left: 0;
	position: absolute;
	z-index: -1;
}

.about-area::before {
	top: 0;
	height: calc( 100% + 100px );
}

.about-area::after {
	top: -300px;
	height: 300px;
}

.about-area .about-inner {
	background: #fff;
	position: relative;
	padding: 100px 0;
}

.about-area .about-inner::before,
.about-area .about-inner::after {
	content: "";
	background: #fff;
	height: 100%;
	position: absolute;
}

.about-area .about-inner::before {
	width: 100%;
	left: -100%;
	top: 0;
}

.about-area .about-inner::after {
	width: 80px;;
	right: -80px;
	top: 0;
	z-index: -1;
	border-radius: 0 20px 20px 0;
}
.about-area .about-inner .flex-box{
	display: flex;    
	gap: 100px;
}

.about-area .about-ttl .en {
	font-size: 7.2rem;
}

.about-area .about-ttl .ja {
	display: block;
	font-size: 2rem;
}

.about-area .about-head {
	align-items: center;
	display: flex;
	margin: 0px 0 0 0;
}

.about-area .about-head-catch {
	font-size: 4.0rem;
	font-weight: bold;
	flex-shrink: 0;
	line-height: 1.6;
	letter-spacing: .04em;
}

.about-area .about-head-txt {
	margin: 40px 0 0 0px;
	line-height: 2;
	white-space: nowrap;
}

.about-area .about-body {
	display: flex;
	justify-content: space-between;
	margin: 50px 0 0 0;
}

.about-area .about-body figure img {
	height: 260px;
	width: 390px;
	border-radius: 10px;
}

.about-area .about-body figcaption {
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin: 20px 0 0 0;
}

.about-area .basic-txt {
    margin: 40px 0 0 0px;
    line-height: 2;
}

.about-area .about-bg {
	position: absolute;
	top: 75px;
	right: 0;
}

.about-area .about-btn {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	bottom: -35px;
	right: 0;
}

.about-area .about-btn .cmn-btn {
	width: 322px;
}

.about-area .about-btn a {    
	width: 320px;
    height: 70px;
    background: var(--red);
    color: #fff;
    border-radius: 5px;  
	z-index: -1;
	
}

.about-area .cmn-btn::after{
	color: #fff;
}

.about-area .about-btn a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #e73405;
    border-radius: 5px;    
	z-index: -1;
    transition: all 0.3s ease;
}

.about-area .about-btn a:hover::before {
    right: 0;
    width: 100%;   
	z-index: -1;
}

.about-area .about-btn .cmn-btn:last-of-type {
	margin: 0 0 0 20px;
}


@media screen and (max-width: 768px) {
	
	.about-area {
		padding: 30px 0 0 0;
	}
	
	.about-area::before {
		/*height: calc( 100% + 235px );*/
	}
	
	.about-area::after {
		display: none;
	}
	
	.about-area .about-inner {
		background: transparent;
		padding: 0 20px;
	}
	.about-area .about-inner::before {
		left: 0;
		top: 20px;
		height: 100%;
		width: calc( 100% - 20px );
		border-radius: 0 10px 10px 0;
	}
	
	.about-area .about-inner::after {
		display: none;
	}
	.about-area .about-inner .flex-box{
		display: block;
	}
	.about-area .about-ttl {
		position: relative;
		z-index: 1;
	}
	.about-area .about-ttl .en {
		font-size: 4.2rem;
	}
	
	.about-area .about-ttl .ja {
		font-size: 1.5rem;
	}
	
	.about-area .about-head {
		display: block;
		margin: 30px 0 0 0;
		padding: 0 20px 0 0;
		position: relative;
		z-index: 1;
	}
	
	.about-area .about-head-catch {
		font-size: 2.3rem;
	}
	
	.about-area .about-head-txt {
		display: none;
	}
	
	.about-area .about-body {
		display: block;
		margin: 30px 0 0 0;
		padding: 0 20px 0 0;
		position: relative;
		z-index: 1;
	}
	
	.about-area .about-body figure:not(:first-of-type) {
		margin: 20px 0 0 0;
	}
	
	.about-area .about-body figure img {
		height: auto;
		width: 100%;
		border-radius: 5px;
	}
	
	.about-area .about-body figcaption {
		background: #fff;
		display: inline-block;
		font-size: 2rem;
		text-align: left;
		margin: -10px 0 0 0;
		min-width: 270px;
		padding: 10px 10px 5px 0;
	}
	
	.about-area .about-btn {
		display: block;
		bottom: -125px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		right: auto;
	}
	
	.about-area .about-btn .cmn-btn {
		width: 295px;
		height: 65px;
	}
	
	.about-area .about-btn .cmn-btn:last-of-type {
		margin: 15px 0 0 0;
	}
	
	.about-area .about-btn .cmn-btn a {
		width: 295px;
		height: 65px;
		line-height: 65px;
	}
	
	.about-area .about-bg {
		top: 180px;
		right: auto;
		width: 318px;
		left: 20px;
		z-index: 0;
	}
}



/* -----------------------------------------------------------
    cmn-top-work  サービス＆プロダクト共有
-------------------------------------------------------------- */
.cmn-top-work .work-links-wrap .work-links {
	border: 1px solid #cfcbc8;
	transition: .5s;
	min-height: 500px;
}

.cmn-top-work .work-links-wrap .work-links:hover {
	color: #231815;
}

.cmn-top-work .work-links-wrap .work-links-arrow {
	background: var(--red);
	bottom: 10px;
	color: #fff;
	position: absolute;
	height: 55px;
	width: 55px;
	right: 10px;
	z-index: 1;
	font-size: 2.8rem;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}

.cmn-top-work .service-area .work-links-wrap .work-links-arrow.printing {
	background: var(--yellow);
}
.cmn-top-work .service-area .work-links-wrap .work-links-arrow.plan-design {
	background: var(--blue);
}
.cmn-top-work .service-area .work-links-wrap .work-links-arrow.card {
	background: var(--green);
}
.cmn-top-work .service-area .work-links-wrap .work-links-arrow.package {
	background: var(--purple);
}

/*20230804　河野変更*/
.cmn-top-work .work-links-wrap .work-links-ttl {
	font-size: 4.8rem;
	font-weight: bold;
	letter-spacing: .05em;
	position: relative;
	line-height: 1.2;
}

/*※※※ 調整 ※※※*/
@media screen and (max-width: 1700px) {
	.cmn-top-work .work-links-wrap .work-links-ttl {
		font-size: 4.5rem;
	}
}

.cmn-top-work .work-links-wrap .work-links-body {
	margin: 35px 0 0 0;
	position: relative;
}

.cmn-top-work .work-links-wrap .work-links-body::before {
	content: "";
	position: absolute;
	width: 1px;
}

.cmn-top-work .work-links-wrap .work-links-body dl:last-of-type {
	margin: 30px 0 0 0;
}

/*20230804　河野変更*/
.cmn-top-work .work-links-wrap .work-links-body dt {
	font-weight: bold;
	/*font-size: 2.3rem;*/
	font-size: 1.8rem;
	padding: 12px 5px 12px 20px;
	position: relative;
	letter-spacing: .05em;
	line-height: 1.2;    
	border-radius: 5px;
}

.cmn-top-work .work-links-wrap .work-links-body dt::before,
.cmn-top-work .work-links-wrap .work-links-body dt::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cmn-top-work .work-links-wrap .work-links-body dt::before {
	height: 1px;
	width: 15px;
	left: -15px;
}

.cmn-top-work .work-links-wrap .work-links-body dt::after {
	content: '●';
    height: 16px;
    width: 0;
    left: -27px;
    font-size: 1.4rem;
}

.cmn-top-work .work-links-wrap .work-links-body dd {
	margin: 13px 0 0 0;
	padding: 0 0 0 25px;
	line-height: 1.75;
	font-size: 1.5rem;
}

.cmn-top-work .work-links-wrap .work-links-img {
	background-size: cover;
	background-repeat: no-repeat;
}


@media screen and (max-width: 768px) {
	
	.cmn-top-work .work-links-wrap .work-links-box {
		margin: 20px 0 0 0;
		padding: 0 20px;
	}
	
	.cmn-top-work .work-links-wrap .work-links {
		/*background: url("../img/top-product-workbg-btm.jpg") right bottom/157px auto no-repeat, url("../img/top-product-workbg-top.jpg") right top 125px/150px auto no-repeat;*/
		height: auto;
		padding: 5px 5px 45px 5px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-arrow {
		font-size: 1.5rem;
		height: 40px;
		line-height: 40px;
		width: 40px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-ttl {
		font-size: 2.8rem;
		margin: 20px 0 0 0;
	}
	
	.cmn-top-work .work-links-wrap .work-links-elements {
		padding: 0 5px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body {
		margin: 25px 0 0 0;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body::before {
		left: 12px;
		height: 268px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dl:last-of-type {
		margin: 15px 0 0 0;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dl {
		width: 100%;
		padding: 0 0 0 27px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dt {
		font-size: 1.7rem;
		padding: 8px 2px 10px 11px;
		letter-spacing: 0;
		line-height: 1.4;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dt::before {
		width: 10px;
		left: -10px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dt::after {
		left: -20px;
	}
	
	.cmn-top-work .work-links-wrap .work-links-body dd {
		margin: 8px 0 0 0;
		padding: 0 0 0 10px;
		line-height: 1.6;
	}
	
	.cmn-top-work .work-links-wrap .work-links-img {
		background-position: center top;
		padding: 36.9% 0 0 0;
	}
	
}


/* -------------------------------------------------------------
    service-area
-------------------------------------------------------------- */
/*jsで使用*/
@media screen and (min-width: 769px) {
	.follow-fix {
		position: fixed!important;
		top: 140px!important;
	}
	.follow-fade {
		opacity: 0;
		position: absolute!important;
	}
}




.service-area {
	margin: 110px 0 0 0;
}

.service-area .service-ttl-wrap {
	width: 470px;
	position: relative;
}

.service-area .service-inner {
	/*background: url("../img/top-service-bg.png") left 20px top 20px/auto no-repeat;*/
	padding: 100px 0 0 0;
	position: relative;
}

.service-area .service-inner::before {
    content: '';
    position: absolute;
    width: 362px;
    height: 260px;    
	top: 60px;
    right: 8%;
    background: url(../img/top-service-bg.png) no-repeat top center / contain;
}

.service-area .service-ttl-inner {
	top: 0;
	transition: .4s;
	position: absolute;
}

.service-area .top-cmn-ttl .en {
	font-size: 7.2rem;
	letter-spacing: .05em;
}

.service-area .service-catch {
	font-size: 3.8rem;
	font-weight: bold;
	letter-spacing: .05em;
	margin: 45px 0 0 0;
}

.service-area .service-txt {
	line-height: 2.7;
	margin: 40px 0 0 0;
}

.service-area .work-links-wrap {
	padding: 80px 0 0 44%;
}

.service-area .work-links-box {
	margin: 40px 0 0 auto;
	position: relative;
}
.service-area .work-links {
	display: flex;
	flex-direction: row-reverse;
	/*background: #fff url("../img/top-service-bg02.jpg") no-repeat left 2px top 2px/auto;*/
	background: #fff;
	min-height: 445px;
	padding: 50px 0 50px 45px;
	position: relative;
	max-width: 1020px;
	width: 100%;
}
.service-area .work-links.special-links,
.service-area .work-links.acrylic-links {
	padding: 50px 0 76px 45px;
}
.service-area .work-links.special-links.general-printing:hover {
	background: #fffbea;    
	border: 1px solid var(--yellow);
}
.service-area .work-links.special-links.plan-design:hover {
	background: #eff9fa;    
	border: 1px solid var(--blue);
}
.service-area .work-links.special-links.package-production:hover {
    background: #F0ECFA;
	border: 1px solid var(--purple);
}
.service-area .work-links-img {
	background-position: left center;
	margin: 0 0 0 3%;
	width: calc(100% - 450px);
}

.service-area .work-links-body::before {
	top: -15px;
	height: 265px;
	left: 20px;
}
.service-area .work-links-body dl {
	width: 420px;
	padding: 0 0 0 40px;
}

/*acrylic-wrap*/
.service-area .acrylic-wrap .work-links-img {
	background-image: url("../img/top-service-img04.jpg");
}

.service-area .acrylic-wrap .work-links-body::before {
	background: var(--white02);
}

.service-area .acrylic-wrap .work-links-body dt {
	border: 1px solid var(--purple);
	background: #F0ECFA;
}

.service-area .acrylic-wrap .work-links-body dt::before {
	background: var(--purple);
}

.service-area .acrylic-wrap .work-links-body dt::after {
	color: var(--purple);
}

/*special-wrap*/
.service-area .special-wrap .work-links-img {
	background-image: url("../img/top-service-img01.jpg");
}

.service-area .special-wrap .work-links-body::before {
	background: var(--white02);
}

.service-area .special-wrap .work-links-body dt {
	background: #fffbea;    
	border: 1px solid var(--yellow);
}

.service-area .special-wrap .work-links-body dt::before {
	background: var(--yellow);
}

.service-area .special-wrap .work-links-body dt::after {
	color: var(--yellow); 
}


/*pillow-wrap*/
.service-area .pillow-wrap .work-links-img {
	background-image: url("../img/top-service-img02.jpg");
}

.service-area .pillow-wrap .work-links-body::before {
	background: var(--white02);
}

.service-area .pillow-wrap .work-links-body dt {
	background: #eff9fa;
	border: 1px solid var(--blue);
}

.service-area .pillow-wrap .work-links-body dt::before {
	background: var(--blue);
}

.service-area .pillow-wrap .work-links-body dt::after {
	color: var(--blue);
}


/*asse-wrap*/
.service-area .asse-wrap .work-links-img {
	background-image: url("../img/top-service-img03.jpg");
}

.service-area .asse-wrap .work-links-body::before {
	background: var(--white02);
}

.service-area .asse-wrap .work-links-body dt {
	background: #ebf7f0;
	border: 1px solid var(--green);
}

.service-area .asse-wrap .work-links-body dt::before {
	background: var(--green);
}

.service-area .asse-wrap .work-links-body dt::after {
	color: var(--green);
}

/*20240814 レイアウト修正*/
.service-area .service-ttl-inner {
    position: relative;
}
.service-area .service-ttl-wrap {
    width: 100%;
    position: relative;
}
.service-area .work-links-wrap {
    padding: 10px 0 0 0;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*gap: 20px;*/
	/*max-width: 1300px;*/
}

.service-area .work-links-box {
    margin: 0 0 0 0;
    position: relative;
	/*width: calc( ( 100% - 20px ) /2 );*/
	width: 50%;
}
/*.service-area .work-links {
    display: block;
    background: #fff url(../img/top-service-bg02.jpg) no-repeat left 2px top 2px / auto;
    min-height: 445px;
    padding: 50px 0 50px 45px;
    position: relative;
    max-width: 850px;
    width: 100%;
}*/
.service-area .work-links {
	justify-content: flex-end;
}
.service-area .work-links-img {
    background-position: center center;
	/*padding: 36.9% 0 0 0;*/
    width: calc(100% - 400px);
	margin: 0 0 0 20px;
}
.service-area .work-links-body dl {
	width: 400px;
	padding: 0 0 0 40px;
}
/*20240814 レイアウト修正 end*/

@media screen and (max-width: 768px) {
	
	.service-area {
		margin: 170px 0 0 0;
	}
	
	.service-area .service-ttl-wrap {
		width: 100%;
		padding: 0 20px;
		position: static;
	}
	
	.service-area .service-inner {
		background-size: 269px 273px;
		background-position: left 10px top 10px;
		padding: 30px 0 0 0;
	}
	
	.service-area .service-inner::before{
		width: 122px;
        height: 96px;
        right: 30px;
        top: 0px;
	}
	
	.service-area .service-ttl-inner {
		position: static;
	}
	
	.service-area .top-cmn-ttl .en {
		font-size: 4.2rem;
	}
	
	.service-area .service-catch {
		font-size: 2.3rem;
		margin: 20px 0 0 0;
	}
	
	.service-area .service-txt {
		margin: 20px 0 0 0;
	}
	
	.service-area .work-links-wrap {
		padding: 0;
		margin: 0;
		gap: 0;
	}
	
	.service-area .work-links {
		display: block;
	}
	
	.service-area .work-links.special-links,
	.service-area .work-links.acrylic-links {
		padding: 5px 5px 45px 5px;
	}
	
	.service-area .work-links-img {
		margin: 0 !important;
		width: 100%;
	}
	
	/*acrylic-wrap*/
	.service-area .acrylic-wrap .work-links-img {
		background-image: url("../img/top-service-img04-sp.jpg");
		width: 100%;
	}
	
	/*special-wrap*/
	.service-area .special-wrap .work-links-img {
		background-image: url("../img/top-service-img01-sp.jpg");
		width: 100%;
	}
	
	/*pillow-wrap*/
	.service-area .pillow-wrap .work-links-img {
		background-image: url("../img/top-service-img02-sp.jpg");
		width: 100%;
	}
	
	/*asse-wrap*/
	.service-area .asse-wrap .work-links-img {
		background-image: url("../img/top-service-img03-sp.jpg");
		width: 100%;
	}
	
	/*20240814 レイアウト修正*/
	.service-area .work-links-wrap {
		max-width: 100%;
	}
	.service-area .work-links-box {
		margin: 40px 0 0 0;
		position: relative;
		width: 100%;
	}
	/*20240814 レイアウト修正 end*/
}



/* -------------------------------------------------------------
    product
-------------------------------------------------------------- */
.product-area {
	margin: 110px 0 0 0;
}

.product-area .product-head {
	background: url("../img/top-product-bg.jpg") center center/cover no-repeat;
	padding: 46px 0;
}

.product-area .product-ttl-wrap {
	margin: -80px 0 0 0;
}

.product-area .product-ttl .en {
	font-size: 7.2rem;
}

.product-area .product-catch {
	font-size: 3.8rem;
	font-weight: bold;
	margin: 30px 0 0 0;
	letter-spacing: .05em;
}

.product-area .product-txt {
	margin: 20px 0 0 0;
	line-height: 2.1;
}

.product-area .work-links-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 1600px;
	margin: 0 auto;
}

.product-area .work-links {
	background: url("../img/top-product-workbg-btm.jpg") right bottom/240px auto no-repeat;
	display: block;
	height: 100%;
	padding: 15px 15px 50px 15px;
	position: relative;
	width: 100%;
}

/*20230804　河野変更*/
/*.product-area .work-links-box {
	width: calc(100% / 4);
}*/

.product-area .work-links-img {
	background-position: center top;
	padding: 59.64% 0 0 0;
	width: 100%;
}

.product-area .work-links-elements {
	margin: 30px 0 0 0;
}

.product-area .work-links-ttl {
	padding: 0 5px 0 10px;
}

/*20230804　河野変更*/
.product-area .work-links-body {
	padding: 0 0 0 0;
}

.product-area .work-links-body::before {
	top: -15px;
	height: 295px;
	left: 30px;
}

/*20230804　河野変更*/
/*.product-area .work-links-body dl {
	max-width: 390px;
	min-width: 285px;
	padding: 0 0 0 30px;
	width: 90%;
}*/

/*20241022 プロダクト レイアウト修正*/
.product-area .work-links-box {
	width: calc(100% / 3);
}
.product-area .work-links-body dl {
    padding: 0 0 0 30px;
    width: 100%;
}

@media screen and (max-width: 1600px) {
	.product-area .work-links-wrap {
		width: 1200px;
	}
}
/*20241022 プロダクト レイアウト修正 end*/

/*card-wrap*/
.product-area .card-wrap .work-links-img {
	background-image: url("../img/top-product-img01.jpg");
}

.product-area .card-wrap .work-links-body::before {
	background: #ffb1d9;
}

.product-area .card-wrap .work-links-body dt {
	background: linear-gradient(to right, #ffb1d9, #e87db3);
}

.product-area .card-wrap .work-links-body dt::before {
	background: #ffb1d9;
}

.product-area .card-wrap .work-links-body dt::after {
	background: #ffb1d9;
}

/*20230804　河野変更*/
/*card-game-wrap*/
.product-area .card-game-wrap .work-links-img {
	background-image: url("../img/top-product-img04.jpg");
}

.product-area .card-game-wrap .work-links-body::before {
	background: #80eebb;
}

.product-area .card-game-wrap .work-links-body dt {
	background: linear-gradient(to right, #80eebb, #3acc8d);
}

.product-area .card-game-wrap .work-links-body dt::before {
	background: #80eebb;
}

.product-area .card-game-wrap .work-links-body dt::after {
	background: #80eebb;
}

/*pack-wrap*/
.product-area .pack-wrap .work-links-img {
	background-image: url("../img/top-product-img02.jpg");
}

.product-area .pack-wrap .work-links-body::before {
	background: #8bb4ff;
}

.product-area .pack-wrap .work-links-body dt {
	background: linear-gradient(to right, #8bb4ff, #5e88d5);
}

.product-area .pack-wrap .work-links-body dt::before {
	background: #8bb4ff;
}

.product-area .pack-wrap .work-links-body dt::after {
	background: #8bb4ff;
}


/*goods-wrap*/
.product-area .goods-wrap .work-links-img {
	background-image: url("../img/top-product-img03.jpg");
}

.product-area .goods-wrap .work-links-body::before {
	background: #ffa08b;
}

.product-area .goods-wrap .work-links-body dt {
	background: linear-gradient(to right, #ffa08b, #f17357);
}

.product-area .goods-wrap .work-links-body dt::before {
	background: #ffa08b;
}

.product-area .goods-wrap .work-links-body dt::after {
	background: #ffa08b;
}

/*acrylic-wrap 20241022*/
.product-area .acrylic-wrap .work-links-img {
	background-image: url("../img/top-product-img05.jpg");
}

.product-area .acrylic-wrap .work-links-body::before {
	background: #9796f0;
}

.product-area .acrylic-wrap .work-links-body dt {
	background: linear-gradient(to right, #fbc7d4, #9796f0);
}

.product-area .acrylic-wrap .work-links-body dt::before {
	background: #9796f0;
}

.product-area .acrylic-wrap .work-links-body dt::after {
	background: #9796f0;
}


@media screen and (min-width: 769px) {
	/*pc only*/
	.product-area .work-links::before {
		left: -1px;
	}
}

/*※※※ 調整 ※※※*/
@media screen and (max-width: 1700px) {
	.product-area .work-links-ttl {
		font-size: 3.5rem!important;
		letter-spacing: unset;
	}
}




@media screen and (max-width: 768px) {
	
	.product-area {
		margin: 76px 0 0 0;
	}
	
	.product-area .product-head {
		background-image: url("../img/top-product-bg-sp.jpg");
	}
	
	.product-area .product-ttl-wrap {
		margin: -70px 0 0 0;
	}
	
	.product-area .product-ttl .en {
		font-size: 4.2rem;
	}
	
	.product-area .product-catch {
		font-size: 2.3rem;
		margin: 20px 0 0 0;
	}
	
	.product-area .product-txt {
		display: none;
	}
	
	.product-area .work-links-wrap {
		display: block;
		width: 100%;
	}
	
	.product-area .work-links-box {
		width: 100%;
	}
	
	.product-area .work-links-img {
		width: 100%;
	}
	
	.product-area .work-links-elements {
		margin: 15px 0 0 0;
	}
	
	.product-area .work-links-ttl {
		padding: 0;
	}
	
	.product-area .work-links-body {
		padding: 0;
	}
	
	.product-area .work-links-body dl {
		max-width: unset;
		min-width: unset;
		width: 100%;
	}
	
	/*card-wrap*/
	.product-area .card-wrap .work-links-img {
		background-image: url("../img/top-product-img01-sp.jpg");
		width: 100%;
	}
	
	.product-area .card-wrap .work-links-ttl {
		font-size: 2.7rem !important;
	}
	
	/*pack-wrap*/
	.product-area .pack-wrap .work-links-img {
		background-image: url("../img/top-product-img02-sp.jpg");
		width: 100%;
	}
	
	.product-area .pack-wrap .work-links-ttl {
		font-size: 3rem !important;
	}
	
	/*goods-wrap*/
	.product-area .goods-wrap .work-links-img {
		background-image: url("../img/top-product-img03-sp.jpg");
		width: 100%;
	}
	
	.product-area .goods-wrap .work-links-ttl {
		font-size: 3rem !important;
	}
	
	/*acrylic-wrap 20241022*/
	.product-area .acrylic-wrap .work-links-img {
		background-image: url("../img/top-product-img05-sp.jpg");
		width: 100%;
	}
	
	.product-area .acrylic-wrap .work-links-ttl {
		font-size: 3rem !important;
	}
}


/* -----------------------------------------------------------
    agency-area
-------------------------------------------------------------- */
.agency-area {
	background: url(../img/top-agency-bg.jpg) center center/cover no-repeat;
	height: 380px;
	margin: 110px 0 0 0;
	position: relative;
}

.agency-area::before {
	background-color: rgba(50, 47, 43, 0.4);
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
}

.agency-area .agency-inner {
	/*align-items: center;
	display: flex;
	justify-content: center;*/
	height: 100%;
	position: relative;
	padding: 75px 0 0 0;
}

.agency-area .agency-ttl {
	color: #fff;
	text-align: center;
}

.agency-area .agency-ttl .en {
	font-size: 6rem;
	font-weight: bold;
}

.agency-area .agency-ttl .ja {
	font-size: 1.5rem;
}

.agency-area .agency-catch {
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin: 30px 0 0 0;
	letter-spacing: .05em;
}

.agency-area .agency-txt {
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 5px 0 0 0;
}

.agency-area .agency-btn {
	position: relative;
	z-index: 2;
}

.agency-area .agency-btn .cmn-btn {
	margin: 65px auto 0 auto;
	width: 280px;
}


@media screen and (max-width: 768px) {
	
	.agency-area {
		background-image: url(../img/top-agency-bg-sp.jpg);
		height: 280px;
		margin: 40px 0 0 0;
	}
	
	.agency-area .agency-inner {
		padding: 60px 0 0 0;
	}
	
	.agency-area .agency-ttl .en {
		font-size: 3.8rem;
	}
	
	.agency-area .agency-ttl .ja {
		margin: 10px 0 0 0;
	}
	
	.agency-area .agency-catch {
		font-size: 2.2rem;
	}
	
	.agency-area .agency-txt {
		display: none;
	}
	
	.agency-area .agency-btn .cmn-btn {
		margin: 25px auto 0 auto;
		width: 295px;
	}
	
}




/* -----------------------------------------------------------
    company-area
-------------------------------------------------------------- */
.company-area {
	background: url(../img/top-company-bg1.png) center top/100% auto no-repeat;
	padding: 190px 0 0 0;
	position: relative;
}

.company-area::before {
	content: "";
	background: url(../img/top-company-img.jpg) center center/contain no-repeat;
	height: 600px;
	width: 900px;
	left: 43.75%;
	top: 170px;
	position: absolute;
	border-radius: 20px;
}

.company-area .company-ttl .en {
	font-size: 7.2rem;
	font-weight: bold;
	letter-spacing: .05em;
}

.company-area .company-catch {
	font-size: 3.4rem;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.52;
	margin: 40px 0 0 0;
}

.company-area .company-list-wrap {
	margin: 40px 0 0 0;
}

.company-area .company-list-wrap li {
	margin: 25px 0 0 0;
}

.company-area .company-list-wrap a {
	height: 42px;
	width: 400px;
}

.company-area .company-list-wrap .company-item {
	height: 100%;
	font-weight: 500;
	padding: 0 0 0 10px;
}


@media screen and (max-width: 768px) {
	
	.company-area {
		padding: 100px 0 0 0;
	}
	
	.company-area::before {
		background-position: left top;
		height: 144px;
		/*opacity: 0.6;*/
		top: 60px;
		left: 51%;
		width: 180px;    
		border-radius: 10px;
	}
	
	.company-area .company-ttl .en {
		font-size: 4.2rem;
	}
	
	.company-area .company-catch {
		display: none;
		font-size: 2.2rem;
		margin: 20px 0 0 0;
	}
	
	.company-area .company-list-wrap {
		margin: 40px 0 0 0;
	}
	
	.company-area .company-list-wrap a {
		width: 100%;
	}
	
	.company-area .company-list-wrap a.red-line-wrap::before {
		font-size: 2rem;
		top: 5px;
	}
	
	.company-area .company-list-wrap .company-item {
		font-size: 1.7rem;
	}

}




/* -----------------------------------------------------------
    recruit-area
-------------------------------------------------------------- */
.recruit-area {
	margin: 50px 0 100px 0;
}

.recruit-area .slider-logo {
    position: relative;
    background: url(../img/slider-recruit.png) repeat-x 0 0;
    background-size: 1200px auto;
    width: 100%;
    height: 150px;
    overflow: hidden;
    -moz-animation: slider-loop 50s linear infinite;
    animation: slider-loop 50s linear infinite;
    top: 35px;
    z-index: 0;
}


@keyframes slider-loop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -3000px 0;
	}
}


.recruit-area .inner {
	position: relative;
	width: 1100px;
}

.recruit-area .recruit-inner {
	background: url(../img/top-recruit-img00.png) no-repeat center top / 100%;
    text-align: center;
    padding: 140px 0 0;
	margin: 80px auto 0;
    height: 500px;
}

/*.recruit-area .recruit-flex {
	align-items: center;
	background: var(--beige);
	display: flex;
	justify-content: center;
}*/

/*.recruit-area .recruit-img01 {
	height: 360px;
	width: calc((100% - 450px) / 2);
	position: relative;
	overflow: hidden;
}

.recruit-area .recruit-img01::before {
	content: "";
	background: url("../img/top-recruit-img01.jpg") center center/contain no-repeat;
	height: 438px;
	width: 400px;
	left: 0px;
	top: 0px;
	position: absolute;
}

.recruit-area .recruit-img02 {
	height: 360px;
	width: calc((100% - 450px) / 2);
	position: relative;
	overflow: hidden;
}*/

/*
.recruit-area .recruit-img02::before {
	content: "";
	background: url("../img/top-recruit-img02.jpg") center center/contain no-repeat;
	height: 438px;
	width: 400px;
	right: 0;
	top: 0;
	position: absolute;
}
*/

.recruit-area .recruit-elements {
	height: 100%;
	margin: -20px auto 0 auto;
	text-align: center;
	width: 450px;
}

.recruit-area .recruit-ttl .en {
	font-size: 7.2rem;
	letter-spacing: .05em;
}

.recruit-area .recruit-ttl .ja {
	margin: 15px 0 0 0;
}

.recruit-area .recruit-catch {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 35px 0 0 0;
	letter-spacing: .05em;
}

.recruit-area .recruit-btn .cmn-btn {
	width: 280px;
	margin: -40px auto 0 auto;
}

.recruit-area .recruit-btn a { 
    background: var(--red);
    color: #fff;
    border-radius: 5px;
	position: relative;
	
}

.recruit-area .cmn-btn::after{
	color: #fff;
}

.recruit-area .cmn-btn a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #e73405;
    border-radius: 5px;  
    transition: all 0.3s ease;
}

.recruit-area .cmn-btn a:hover::before {
    right: 0;
    width: 100%;  
}

.recruit-area .recruit-textimg {
	top: -55px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}


@media screen and (max-width: 768px) {
	
	.recruit-area {
		margin: 0px auto 40px;
	}
	
	.recruit-area .inner {
		width: 100%;
	}
	.recruit-area .slider-logo {
		background-size: 800px auto;
		width: 100%;
		height: 100px;
	}
	
	.recruit-area .recruit-inner {
		background: none;
		height: auto;
		padding: 0;
		margin: 50px auto 0;
	}
	
	.recruit-area .recruit-flex {
		display: block;
	}
	
	.recruit-area .recruit-img01 {
		position: relative;
		background-size: cover;
		background-image: url("../img/top-recruit-img01-sp.png");
		height: 29.3vw;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	.recruit-area .recruit-img02 {
		/*background-size: cover;
		background-image: url("../img/top-recruit-img02-sp.jpg");
		background-position: left bottom;
		height: 42.624vw;
		width: 100%;
		top: 0;
		left: 0;*/
		display: none;
	}
	
	.recruit-area .recruit-elements {
		height: calc(100% - 270px);
		margin: 0 auto;
		padding: 30px 5px 60px 5px;
		width: 100%;
		background: var(--beige);
		border-radius: 0 0 10px 10px;
	}
	
	.recruit-area .recruit-ttl {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	
	.recruit-area .recruit-ttl .en {
		font-size: 4.2rem;
	}
	
	.recruit-area .recruit-ttl .ja {
		font-size: 1.6rem;
		margin: 2px 0 0 13px;
	}
	
	.recruit-area .recruit-catch {
		font-size: 1.8rem;
		margin: 5px 0 0 0;
	}
	
	.recruit-area .recruit-btn .cmn-btn {
		/*width: 295px;*/
		margin: -35px auto 0 auto;
	}
	
	.recruit-area .recruit-textimg {
		top: -33px;
		width: 320px;
	}
	
}




/* -------------------------------------------------------------
    news-area
-------------------------------------------------------------- */
#top .news-area {
	padding: 90px 0 120px 0;
}

#top .news-area .news-box {
	display: flex;
	position: relative;
}

#top .news-area .news-head {
	width: 180px;
}

#top .news-area .news-head-ttl {
	font-size: 3rem;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

#top .news-area .news-head-link a {
	align-items: center;
	display: flex;
	margin: 18px 0 0 0;
	padding: 0 0 0 15px;
	position: relative;
}

#top .news-area .news-head-link a::before {
	content: '\f105';
	color: var(--red);
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-size: 1.7rem;
	margin: 0 4px 0 0;
	left: 0;
	position: absolute;
}

#top .news-area .news-list {
	display: flex;
}

#top .news-area .news-item {
	width: 510px; 
}

#top .news-area .news-list .news-item:first-child {
	margin: 0 40px 0 0;
}

#top .news-area .news-list .news-item:nth-child(n+3) {
	display: none;
}

#top .news-area .news-item .red-line {
	padding: 0 0 20px 0;
}

#top .news-area .news-item a.red-line-wrap::before {
	bottom: 45px;
}

#top .news-area .news-elements {
	display: flex;
}

#top .news-area .news-list .date {
	color: #9a9692;
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	flex-shrink: 0;
	margin: 0 20px 0 0;
}

#top .news-area .news-list .cate-wrap {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.3;
	padding: 3px 0 0 0;
}

#top .news-area .news-list .cate {
	font-size: 1.3rem;
	color: #9a9692;
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap;
}

#top .news-area .news-list .cate::before {
	background: #9a9692;
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	height: 1px;
	width: 5px;
}

#top .news-area .news-list .cate:not(:first-child) {
	margin: 0 0 0 10px;
}

#top .news-area .news-list .cate:nth-child(n+4) {
	display: none;
}

#top .news-area .news-list .title {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 13px 0 0 0;
	height: 51px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.7;
	padding: 0 53px 0 0;
}

#top .news-area .news-link {
	position: absolute;
	top: 0;
	right: 0;
}

#top .news-area .news-link .cmn-t-link {
	padding: 0 30px 0 0;
}

#top .news-area .news-link .cmn-t-link::before {
	top: 45%;
	-webkit-transform: translateY(-45%);
	transform: translateY(-45%);
}


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

	#top .news-area {
		padding: 60px 0 50px 0;
	}
	
	#top .news-area .news-head {
		align-items: flex-end;
		display: flex;
		width: auto;
	}
	
	#top .news-area .news-head-link a {
		font-size: 1.4rem;
		margin: 0 0 0 25px;
		padding: 0 0 4px 14px;
	}
	
	#top .news-area .news-list-wrap {
		margin: 25px 0 0 0;
	}
	
	#top .news-area .news-list {
		display: block;
	}
	
	#top .news-area .news-item {
		width: 100%;
	}
	
	#top .news-area .news-list .news-item:first-child {
		margin: 0 0 25px 0;
	}
	
	#top .news-area .news-box {
		display: block;
	}
	
	#top .news-area .news-ttl {
		font-size: 1.8rem;
	}
	
	#top .news-area .news-list .date {
		margin: 0 17px 0 0;
		padding: 0;
	}
	
	#top .news-area .news-list .cate {
		padding: 0 0 0 8px;
	}
	
	#top .news-area .news-list .title {
		-webkit-box-orient: unset;
		display: block;
		font-size: 1.6rem;
		text-overflow: ellipsis;
		height: auto;
		white-space: nowrap;
		margin: 6px 0 0 0;
		padding: 0;
	}
	
	#top .news-area .news-item a.red-line-wrap::before {
		display: none;
	}
	
	#top .news-area .news-item .red-line {
		border: none;
		padding: 0;
	}
	
	#top .news-area .news-item .red-line::before,
	#top .news-area .news-item .red-line::after {
		display: none;
	}

}