/* ******************************************************************
 *	File name		: top.css
 *	Summary			: css base
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   main_img
----------------------------------------------------------------- */

#main_img{
	position:relative;
	width:100%;
	height:100vw;
	overflow:hidden;
	}
	#main_img > div{
		position:absolute;
		width:100%;
		height:100vw;
		padding:0 60px;
		background:url(../../image/top_animation/bg.webp) no-repeat center 0;
		background-size:cover;
		z-index:-1;
	}
	#main_img #pose_change{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100vw;
		animation:pose_set 1.5s linear 0s infinite;
		z-index:2;
	}
@keyframes pose_set{
	0%   {background:url(../../image/top_animation/pose_01.webp) no-repeat center 0;background-size:cover;}
	50%  {background:url(../../image/top_animation/pose_01.webp) no-repeat center 0;background-size:cover;}
	50.1%{background:url(../../image/top_animation/pose_02.webp) no-repeat center 0;background-size:cover;}
	100% {background:url(../../image/top_animation/pose_02.webp) no-repeat center 0;background-size:cover;}
}

	#main_img #fix_img{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100vw;
		background:url(../../image/top_animation/fix_img.webp) no-repeat center 0;
		background-size:cover;
		z-index:20;
	}
	#main_img #animation_box{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100vw;
		z-index:1;
		}
		#main_img #animation_box span{
			display:block;
			position:absolute;
			z-index:5;
	}

#main_img #animation_box span:nth-child(1){
	width:1.7vw;
	height:3.07vw;
	background:url(../../image/top_animation/animetion_01.png) no-repeat center 0;
	background-size:contain;
	animation:anim_01 2.5s linear 0s infinite;
}
@keyframes anim_01{
	0%   {top:75.89vw;left:32.13vw;opacity:1;}
	80%  {opacity:1;}
	100% {top:80.89vw;left:28.13vw;opacity:0;}
}
#main_img #animation_box span:nth-child(2){
	top:69.36vw;
	left:57.10vw;
	width:8.25vw;
	height:4.10vw;
	background:url(../../image/top_animation/animetion_02.png) no-repeat center 0;
	background-size:contain;
	/*animation:anim_02 0.1s linear 0s infinite;*/
}
@keyframes anim_02{
	0%   {transform: translate(0, 0);}
	100% {transform: translate(0, 1px);}
}


#main_img #animation_box span:nth-child(3){
	top:40.00vw;
	left:79.43vw;
	width:6.15vw;
	height:6.00vw;
	background:url(../../image/top_animation/animetion_03.png) no-repeat center 0;
	background-size:contain;
	animation:anim_03 6.0s linear 0s infinite;
}
@keyframes anim_03{
	0%   {transform: translate(0, -0.5vw);}
	50%  {transform: translate(0, 0.5vw);}
	100% {transform: translate(0, -0.5vw);}
}

#main_img #animation_box span:nth-child(4){
	top:67.46vw;
	left:35.31vw;
	width:5.71vw;
	height:4.49vw;
	background:url(../../image/top_animation/animetion_04.png) no-repeat center 0;
	background-size:contain;
	animation:anim_04 4.0s linear 0s infinite;
}
@keyframes anim_04{
	0%   {transform: translate(5vw, -3vw);opacity:0;}
	10%  {opacity:1;}
	70%  {opacity:1;}
	80%  {opacity:0;}
	100% {transform: translate(-2vw, 0);opacity:0;}
}

#main_img #animation_box span:nth-child(5){
	top:56.57vw;
	left:24.76vw;
	width:10.21vw;
	height:6.00vw;
	background:url(../../image/top_animation/animetion_05.png) no-repeat center 0;
	background-size:contain;
	animation:anim_05 2.0s linear 0s infinite;
}
@keyframes anim_05{
	0%   {transform: translate(0, 0);background:url(../../image/top_animation/animetion_05.png) no-repeat center 0;background-size:contain;}
	10%  {transform: translate(0, -1vw);background:url(../../image/top_animation/animetion_05.png) no-repeat center 0;background-size:contain;}
	11%  {transform: translate(0, -1vw);background:url(../../image/top_animation/animetion_05b.png) no-repeat center 0;background-size:contain;}
	20%  {transform: translate(0, 0);}
	70%  {transform: translate(0, 0);}
	80%  {transform: translate(0, -0.5vw);background:url(../../image/top_animation/animetion_05b.png) no-repeat center 0;background-size:contain;}
	81%  {transform: translate(0, -0.5vw);background:url(../../image/top_animation/animetion_05.png) no-repeat center 0;background-size:contain;}
	90%  {transform: translate(0, 0);background:url(../../image/top_animation/animetion_05.png) no-repeat center 0;background-size:contain;}
	100% {transform: translate(0, 0);}
}

#main_img #animation_box span:nth-child(6){
	top:44.60vw;
	left:67.36vw;
	width:4.83vw;
	height:1.51vw;
	background:url(../../image/top_animation/animetion_06.png) no-repeat center 0;
	background-size:contain;
	animation:anim_06 10.0s linear 0s infinite;
}
@keyframes anim_06{
	0%   {opacity:0;transform: translate(-1.5vw, 0);background:url(../../image/top_animation/animetion_06.png) no-repeat center 0;background-size:contain;}
	10%  {opacity:1;}
	30%  {opacity:1;}
	40%  {opacity:0;transform: translate(2vw, 0);background:url(../../image/top_animation/animetion_06.png) no-repeat center 0;background-size:contain;}
	50%  {background:url(../../image/top_animation/animetion_06b.png) no-repeat center 0;background-size:contain;}
	51%  {opacity:0;transform: translate(2vw, 0);}
	60%  {opacity:1;}
	80%  {opacity:1;}
	90%  {opacity:0;transform: translate(-1.5vw, 0);}
	100% {opacity:0;background:url(../../image/top_animation/animetion_06b.png) no-repeat center 0;background-size:contain;}
}

#main_img #animation_box span:nth-child(7){
	top:32.19vw;
	left:55.15vw;
	width:2.44vw;
	height:1.12vw;
	background:url(../../image/top_animation/animetion_07.png) no-repeat center 0;
	background-size:contain;
	animation:anim_07 6.0s linear 0s infinite;
}
@keyframes anim_07{
	0%   {transform: translate(0vw, 0vw);}
	25%  {transform: translate(2vw, -3vw);}
	50%  {transform: translate(-2vw, -3vw);}
	75%  {transform: translate(2vw, 0vw);}
	100% {transform: translate(0vw, 0vw);}
}

#main_img #animation_box span:nth-child(8){
	top:50.65vw;
	left:76.44vw;
	width:2.14vw;
	height:4.05vw;
	background:url(../../image/top_animation/animetion_08.png) no-repeat center 0;
	background-size:contain;
	animation:anim_08 10.0s linear 0s infinite,anim_08_walk 1.0s linear 0s infinite;
}
@keyframes anim_08{
	0%   {opacity:1;transform: translate(-1.5vw, 0);}
	25%  {opacity:1;transform: translate(0vw, 0.5vw);}
	50%  {opacity:1;transform: translate(2vw, 0);}
	51%  {opacity:0;transform: translate(2vw, 0);}
	75%  {opacity:0;transform: translate(0vw, -0.5vw);}
	100% {opacity:0;transform: translate(-1.5vw, 0);}
}
@keyframes anim_08_walk{
	0%   {background:url(../../image/top_animation/animetion_08.png) no-repeat center 0;background-size:contain;}
	50%  {background:url(../../image/top_animation/animetion_08.png) no-repeat center 0;background-size:contain;}
	51%  {background:url(../../image/top_animation/animetion_08b.png) no-repeat center 0;background-size:contain;}
	100% {background:url(../../image/top_animation/animetion_08b.png) no-repeat center 0;background-size:contain;}
}

#main_img #animation_box span:nth-child(9){
	top:50.65vw;
	left:76.44vw;
	width:2.14vw;
	height:4.05vw;
	background:url(../../image/top_animation/animetion_08c.png) no-repeat center 0;
	background-size:contain;
	animation:anim_08b 10.0s linear 0s infinite,anim_08_walkb 1.0s linear 0s infinite;
}
@keyframes anim_08b{
	0%   {opacity:0;transform: translate(-1.5vw, 0);}
	25%  {opacity:0;transform: translate(0vw, 0.5vw);}
	50%  {opacity:0;transform: translate(2vw, 0);}
	51%  {opacity:1;transform: translate(2vw, 0);}
	75%  {opacity:1;transform: translate(0vw, -0.5vw);}
	100% {opacity:1;transform: translate(-1.5vw, 0);}
}
@keyframes anim_08_walkb{
	0%   {background:url(../../image/top_animation/animetion_08c.png) no-repeat center 0;background-size:contain;}
	50%  {background:url(../../image/top_animation/animetion_08c.png) no-repeat center 0;background-size:contain;}
	51%  {background:url(../../image/top_animation/animetion_08d.png) no-repeat center 0;background-size:contain;}
	100% {background:url(../../image/top_animation/animetion_08d.png) no-repeat center 0;background-size:contain;}
}

#main_img #animation_box span:nth-child(10){
	top:50.56vw;
	left:47.00vw;
	width:5.08vw;
	height:3.27vw;
	background:url(../../image/top_animation/animetion_10.png) no-repeat center 0;
	background-size:contain;
	animation:anim_10 10.0s linear 0s infinite;
	z-index:0;
}
@keyframes anim_10{
	0%   {transform: translate(0vw, 0);background:url(../../image/top_animation/animetion_10.png) no-repeat center 0;background-size:contain;}
	50%  {transform: translate(5vw, 0);background:url(../../image/top_animation/animetion_10.png) no-repeat center 0;background-size:contain;}
	51%  {transform: translate(5vw, 0);background:url(../../image/top_animation/animetion_10b.png) no-repeat center 0;background-size:contain;}
	100% {transform: translate(0vw, 0);background:url(../../image/top_animation/animetion_10b.png) no-repeat center 0;background-size:contain;}
}

#main_img #animation_box span:nth-child(11){
	top:63.70vw;
	left:77.87vw;
	width:20.51vw;
	height:5.66vw;
	background:url(../../image/top_animation/animetion_11.png) no-repeat center 0;
	background-size:contain;
	animation:anim_11 10.0s linear 0s infinite;
	z-index:0;
}
@keyframes anim_11{
	0%   {opacity:0;transform:scale(0.8,0.8) translate(0vw, -1vw);}
	10%  {opacity:1;transform:translate(0vw, 0vw);}
	90%  {opacity:1;transform:scale(1,1) translate(0vw, 0vw);}
	100% {opacity:0;transform:scale(1,1) translate(0vw, 0vw);}
}

#main_img #animation_box span:nth-child(12){
	top:48.59vw;
	left:5.76vw;
	width:3.76vw;
	height:1.8vw;
	background:url(../../image/top_animation/animetion_12.png) no-repeat center 0;
	background-size:contain;
	animation:anim_12 10.0s linear 0s infinite;
	z-index:0;
}
@keyframes anim_12{
	0%   {transform:scale(1,1) translate(0vw, 0vw);}
	50%  {transform:scale(1,1) translate(4vw, 0vw);}
	50.1%  {transform:scale(-1,1) translate(-4vw, 0vw);}
	100% {transform:scale(-1,1) translate(0vw, 0vw);}
}

#main_img #animation_box span:nth-child(13),
#main_img #animation_box span:nth-child(14),
#main_img #animation_box span:nth-child(15),
#main_img #animation_box span:nth-child(16),
#main_img #animation_box span:nth-child(17){
	top:52.0vw;
	width:0.68vw;
	height:0.68vw;
	background:url(../../image/top_animation/animetion_13.png) no-repeat center 0;
	background-size:contain;
	z-index:0;
}

#main_img #animation_box span:nth-child(13){
	top:52.0vw;
	left:89.32vw;
	animation:yuge 4.5s linear 0s infinite both;
}
#main_img #animation_box span:nth-child(14){
	top:52.0vw;
	left:93.32vw;
	animation:yuge 5.0s linear 1s infinite both;
}
#main_img #animation_box span:nth-child(15){
	top:52.0vw;
	left:94.32vw;
	animation:yuge 4.0s linear 2s infinite both;
}
#main_img #animation_box span:nth-child(16){
	top:52.0vw;
	left:90.32vw;
	animation:yuge 5.5s linear 3s infinite both;
}
#main_img #animation_box span:nth-child(17){
	top:52.0vw;
	left:91.82vw;
	animation:yuge 6.0s linear 4s infinite both;
}
@keyframes yuge{
	0%   {opacity:0;transform:scale(0,0) translate(0vw, 0vw);}
	10%  {opacity:1;}
	80%  {opacity:1;}
	100% {opacity:0;transform:scale(1,1) translate(0vw, -3vw);}
}


#main_img #bard_01,
#main_img #bard_02{
	position:absolute;
	z-index:6;
	}
	#main_img #bard_01 span,
	#main_img #bard_02 span{
		display:block;
		position:absolute;
}
#main_img #bard_01{
	top:24.42vw;
	left:32.09vw;
	animation:bard_01 7.0s linear 0s infinite;
}
#main_img #bard_01 span{
	width:2.39vw;
	height:2.88vw;
	animation:bard_01_img 0.5s linear 0s infinite;
}

#main_img #bard_02{
	top:28.23vw;
	left:23.54vw;
	animation:bard_02 8.0s linear 0s infinite;
}
#main_img #bard_02 span{
	width:2.39vw;
	height:2.88vw;
	animation:bard_02_img 0.5s linear 0s infinite;
}

@keyframes bard_01{
	0%   {transform: translate(-20vw, 0vw);opacity:0;}
	20%  {opacity:1;}
	80%  {opacity:1;}
	100% {transform: translate(40vw, -5vw);opacity:0;}
}
@keyframes bard_02{
	0%   {transform: translate(-10vw, 0vw);opacity:0;}
	20%  {opacity:1;}
	80%  {opacity:1;}
	100% {transform: translate(50vw, -5vw);opacity:0;}
}
@keyframes bard_01_img{
	0%   {background:url(../../image/top_animation/bard_01a.png) no-repeat center 0;background-size:contain;}
	49%  {background:url(../../image/top_animation/bard_01a.png) no-repeat center 0;background-size:contain;}
	50%  {background:url(../../image/top_animation/bard_01b.png) no-repeat center 0;background-size:contain;}
	100% {background:url(../../image/top_animation/bard_01b.png) no-repeat center 0;background-size:contain;}
}
@keyframes bard_02_img{
	0%   {background:url(../../image/top_animation/bard_02a.png) no-repeat center 0;background-size:contain;}
	49%  {background:url(../../image/top_animation/bard_02a.png) no-repeat center 0;background-size:contain;}
	50%  {background:url(../../image/top_animation/bard_02b.png) no-repeat center 0;background-size:contain;}
	100% {background:url(../../image/top_animation/bard_02b.png) no-repeat center 0;background-size:contain;}
}


#main_img #seiwa_icon{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100vw;
	z-index:7;
	}
	#main_img #seiwa_icon span{
		display:block;
		position:absolute;
		width:4.39vw;
		height:5.61vw;
		background:url(../../image/top_animation/seiwa_icon.png) no-repeat center 0;
		background-size:contain;
		opacity:0;
	}
	#main_img #seiwa_icon span:nth-child(1){
		top:28.48vw;
		left:22.22vw;
	}
	#main_img #seiwa_icon span:nth-child(2){
		top:33.17vw;
		left:58.47vw;
	}
	#main_img #seiwa_icon span:nth-child(3){
		top:45.23vw;
		left:23.30vw;
	}
	#main_img #seiwa_icon span:nth-child(4){
		top:44.69vw;
		left:75.76vw;
	}
	#main_img #seiwa_icon span:nth-child(5){
		top:68.53vw;
		left:20.81vw;
	}
	#main_img #seiwa_icon span:nth-child(6){
		top:67.22vw;
		left:49.97vw;
	}
	#main_img #seiwa_icon span:nth-child(7){
		top:63.31vw;
		left:70.98vw;
	}
	#main_img #seiwa_icon span:nth-child(8){
		top:76.16vw;
		left:84.17vw;
	}
	#main_img #seiwa_icon span:nth-child(1){animation:icon_move 5.0s ease-in-out 0s infinite;}
	#main_img #seiwa_icon span:nth-child(2){animation:icon_move 5.0s ease-in-out 0.3s infinite;}
	#main_img #seiwa_icon span:nth-child(3){animation:icon_move 5.0s ease-in-out 0.6s infinite;}
	#main_img #seiwa_icon span:nth-child(4){animation:icon_move 5.0s ease-in-out 0.9s infinite;}
	#main_img #seiwa_icon span:nth-child(5){animation:icon_move 5.0s ease-in-out 1.1s infinite;}
	#main_img #seiwa_icon span:nth-child(6){animation:icon_move 5.0s ease-in-out 1.4s infinite;}
	#main_img #seiwa_icon span:nth-child(7){animation:icon_move 5.0s ease-in-out 1.7s infinite;}
	#main_img #seiwa_icon span:nth-child(8){animation:icon_move 5.0s ease-in-out 2.0s infinite;}

@keyframes icon_move{
	0%   {transform: translate(0vw, 0vw);opacity:1;}
	10%  {transform: translate(0vw, -1vw);}
	15%  {transform: translate(0vw, 0vw);}
	22%  {transform: translate(0vw, -0.5vw);}
	25%  {transform: translate(0vw, 0vw);}
	27%  {transform: translate(0vw, -0.25vw);}
	30%  {transform: translate(0vw, 0vw);}
	100% {transform: translate(0vw, 0vw);opacity:1;}
}

/*
	#main_img p{
		display:inline-block;
		position:absolute;
		top:16.5vw;
		left:50%;
		transform:translate(-50%, -50%);
		font-weight:500;
		font-size:2.0vw;
		line-height:6.5vw;
		text-align:left;
		writing-mode:vertical-rl;
}
*/
	#main_img p{
		display:inline-block;
		position:absolute;
		top:16.5vw;
		left:50%;
		transform:translate(-50%, -50%);
/*		width:230px;*/
		width:13vw;
		line-height:1;
		text-align:left;
		writing-mode:vertical-rl;
		z-index:100;
	}

/* --- responsive --- */
@media screen and (max-width:767px){
	#main_img{
		position:relative;
		width:100%;
		height:calc(100vw + 100px);
		padding-top:30px;
	}
}
@media screen and (max-width:600px){
	#main_img{
		height:calc(100vw + 130px);
		padding-top:130px;
	}
	#main_img p{
		top:30px;
		width:130px;
	}
}
@media screen and (max-width:500px){
	#main_img{
		height:calc(100vw + 150px);
		padding-top:150px;
	}
	#main_img p{
		top:15px;
	}
}
@media screen and (max-width:400px){
	#main_img{
		height:calc(100vw + 160px);
		padding-top:160px;
	}
	#main_img p{
		top:0px;
	}
}

/* -----------------------------------------------------------------
   section
----------------------------------------------------------------- */

section.fadein{
	transition:0.8s ease-in-out;
	transform:translateY(30px);
	opacity:0;
}
section.fadein.active{
	transform:translateY(0px);
	opacity:1;
}

/* -----------------------------------------------------------------
   h
----------------------------------------------------------------- */

.title_box{
	position:relative;
}
.section_title{
	position:relative;
	margin:0 0 50px;
	text-align:left;
	}
	.section_title *{
		color:var(--base-color);
	}
	.section_title p{
		font-size:1.1rem;
		margin:0 0 7px;
	}
	.section_title h2{
		margin:0 0 20px;
		font-weight:bold;
		font-size:4.0rem;
		line-height:1;
}
.bg_blue .section_title *{
	color:#FFF;
}

/* --- responsive --- */
@media screen and (max-width:1040px){
	.section_title{
		position:relative;
		margin:0 0 40px;
		text-align:left;
	}
	.section_title h2{
		font-size:2.8rem;
	}
}

#main_contents h3{
	position:relative;
	margin:0 0 80px;
	font-weight:bold;
	font-size:2.2rem;
	text-align:left;
	line-height:1.5;
}
.top_lead{
	margin-bottom: 60px;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#main_contents h3{
		margin:0 0 20px;
		font-size:2.2rem;
		text-align:center;
	}
}
		
/* -----------------------------------------------------------------
   arrow_btn
----------------------------------------------------------------- */

.arrow_btn{
	display:block;
	position:absolute;
	bottom:10px;
	left:calc(50% - 20px);
	width:40px;
	height:40px;
	border:2px solid #3C4183;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#3C4183;
	transition-duration:0.5s;
	}
	.arrow_btn::before,
	.arrow_btn::after{
		content:" ";
		position:absolute;
		}
		.arrow_btn::before{
			top:50%;
			left:10px;
			width:15px;
			height:1px;
			background:#FFF;
		}
		.arrow_btn::after{
			content:" ";
			position:absolute;
			top:calc(50% - 5px);
			left:14px;
			width:10px;
			height:10px;
			border-top:1px solid #FFF;
			border-right:1px solid #FFF;
			transform:rotate(45deg);
			}
			*:hover > .arrow_btn{
				background:#FFF;
		}
		*:hover > .arrow_btn::before{
			background:#3C4183;
		}
		*:hover > .arrow_btn::after{
			border-top:1px solid #3C4183;
			border-right:1px solid #3C4183;
}


/* -----------------------------------------------------------------
   more_btn
----------------------------------------------------------------- */
/*
.more_btn{
	display:inline-block;
	position:relative;
	height:56px;
	z-index:100;
	}
*/
.more_btn{
	display:inline-block;
	position:absolute;
	top:80px;
	right:calc(50% - 500px);
	height:56px;
	z-index:100;
	}
	.more_btn::before{
		content:" ";
		position:absolute;
		top:0px;
		right:0px;
		width:54px;
		height:54px;
		background:var(--base-color);
		border:1px solid var(--base-color);
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		z-index:0;
		transition-duration:0.5s;
	}
	.more_btn:hover::before{
		background:#FFF;
	}
	.more_btn a{
		display:block;
		position:relative;
		width:100%;
		height:54px;
		padding:17px 80px 0 20px;
		font-weight:bold;
		color:var(--base-color);
		z-index:10;
	}
	.more_btn a:hover{
		text-decoration:none;
	}
	.more_btn a::before,
	.more_btn a::after{
		content:" ";
		position:absolute;
	}
	.more_btn a::before{
		top:28px;
		right:16px;
		width:22px;
		height:1px;
		background:#FFF;
	}
	.more_btn a::after{
		top:22px;
		right:17px;
		width:12px;
		height:12px;
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
		transform:rotate(45deg);
	}
	.more_btn a:hover::before{
		background:var(--base-color);
	}
	.more_btn a:hover::after{
		border-top:1px solid var(--base-color);
		border-right:1px solid var(--base-color);
}

.bg_blue .more_btn::before{
		border:1px solid #FFF;
	}
	.bg_blue .more_btn a{
		color:#FFF;
	}
	.bg_blue .more_btn a{
		color:#FFF;
}

/* --- responsive --- */
@media screen and (max-width:1100px){
	.more_btn{
		display:inline-block;
		position:relative;
		top:40px;
		right:0px;
		padding-bottom:100px;
	}
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

#news{
	position:relative;
	padding-bottom:10vw;
	background:#3B4182;
}
#news object{
	position:absolute;
	top:-9.4vw;
	left:0px;
	width:100%;
	height:10.4vw;
}
#news .contents{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:1040px;
	max-width:100%;
	padding:0px 20px 50px;
	}
	#news .news_left{
		position:relative;
		width:250px;
		text-align:left;
	}
	#news .news_left .section_title{
		margin:-30px 0 180px;
		transition-duration:0.5s;
	}
	#news .more_btn{
		display:inline-block;
		position:relative;
		top:0px;
		right:0px;
}

/* #news_list */
#news_list{
	position:relative;
	top:10px;
	width:660px;
	max-width:100%;
	padding:50px 0px 40px;
	list-style:none;
	transition-duration:0.5s;
	}
	#news_list li{
		position:relative;
		padding:30px 0 30px 150px;
		margin:0px !important;
		font-size:1.0rem;
		text-align:left;
		border-bottom:1px solid #FFF;
		}
		#news_list li:first-child{
			border-top:1px solid #FFF;
	}
	#news_list li .date{
		display:inline-block;
		position:absolute;
		top:30px;
		left:0px;
		font-size:1.0rem;
		text-align:left;
		line-height:1.75;
		color:#FFF;
	}
	#news_list li p{
		display:block;
		margin:0px;
		font-size:1.1rem;
		line-height:1.75;
		color:#FFF;
	}
	#news_list li:has(a){
		padding:0px;
	}
	#news_list li a{
		display:block;
		position:relative;
		padding:30px 80px 30px 150px;
		transition-duration:0.5s;
		color:#FFF;
	}
	#news_list li a:hover{
		text-decoration:none;
		background:rgba(255,255,255,0.1);
	}
	#news_list li a::before,
	#news_list li:has(a)::after{
		content:" ";
		position:absolute;
		top:calc(50% - 12px);
		right:10px;
		width:60px;
		height:24px;
	}

/* --- responsive --- */
@media screen and (max-width:1150px){
	#news .news_left .section_title{
		margin:0px 0 150px;
	}
}

@media screen and (max-width:980px){
	#news .news_left{
		width:200px;
	}
	#news_list{
		width:calc(100% - 200px);
		max-width:100%;
	}
}
@media screen and (max-width:767px){
	section#news{
		transform:translateY(0px);
		opacity:1;
	}

	#news .news_left{
		width:100%;
	}
	#news .news_left .section_title{
		margin:0px 0 0px;
	}
	#news .more_btn{
		position:absolute;
		right:0px;
		bottom:20px;
	}

	#news .contents{
		padding:50px 40px 50px;
		}
		#news .contents #news_list{
			width:100%;
			padding:0px 0px 0px;
			}
			#news .contents #news_list li{
				padding:20px 0;
			}
			#news .contents #news_list li:has(a){
				padding:0px;
			}
			#news_list li a{
				padding:20px 0;
		}
		#news_list li .date{
			display:block;
			position:relative;
			top:0px;
			font-size:0.87rem;
		}
		#news_list li p{
			font-size:0.95rem;
			line-height:1.6;
		}
		#news_next{
			position:absolute;
			bottom:20px;
			right:0px;
	}
}

/* -----------------------------------------------------------------
   service
----------------------------------------------------------------- */

#service{
	position:relative;
	padding-bottom:15vw;
	background:#F2F2F2;
}
#service object{
	position:absolute;
	top:-9.4vw;
	left:0px;
	width:100%;
	height:10.4vw;
}
#service_lrbox{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction: row-reverse;
	}
	#service_lrbox > div{
		width:calc(100% - 500px);
	}
	#service_lrbox figure{
		position:relative;
		right:-50px;
		width:500px;
		max-width:100%;
}

#service_lrbox > div p{
	font-weight:500;
	font-size:1.2rem;
	text-align:left;
	line-height:2.0;
}

/* --- responsive --- */
@media only screen and (max-width:1100px){
	#service_lrbox > div{
		width:calc(100% - 46vw);
	}
	#service_lrbox figure{
		width:46vw;
		max-width:100%;
	}
	#service_lrbox > div h3{
		font-size:3.20vw;
	}
	#service_lrbox > div p{
		font-size:1.75vw;
	}
}
@media only screen and (max-width:767px){
	#service_lrbox{
		display:block;
	}
	#service_lrbox > div{
		width:100%;
	}
	#service_lrbox figure{
		right:0px;
		width:100%;
		max-width:100%;
		margin:0 0 50px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow:hidden;
	}
	#service_lrbox > div h3{
		font-size:1.7rem;
		text-align:center;
	}
	#service_lrbox > div p{
		margin:0 0 20px;
		font-size:0.95rem;
		text-align:center;
	}
}

/* -----------------------------------------------------------------
   service_business
----------------------------------------------------------------- */

#service_business{
	width:1124px;
	max-width:100%;
	margin:0 auto 50px;
	padding:0 50px;
	}
	#service_business > div{
		width:100%;
		background:#3C4183;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
	}
	#service_business > div ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:60px 60px 20px;
		}
		#service_business > div ul li{
			position:relative;
			width:186px;
			max-width:24%;
			margin:0 0 40px;
			padding:5px;
			background:#FFF;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
			text-align:center;
		}
		#service_business > div ul li *{
			font-weight:500;
			color:#3C4183;
		}
		#service_business > div ul li p{
			color:#000;
		}
		#service_business > div ul li a{
			display:block;
			padding:15px 15px 55px;
			-moz-border-radius:16px;
			-webkit-border-radius:16px;
			border-radius:16px;
			transition-duration:0.5s;
			}
			#service_business > div ul li a:hover{
				text-decoration:none;
				background:#ECECF4;
		}
		#service_business > div ul li a > span,
		#service_business > div ul li a > div >span{
			display:inline-block;
			margin:0 0 7px;
			padding-bottom:0px;
			font-size:0.8rem;
			border-bottom:1px solid #3C4183;
			line-height:1;
			}
			#service_business > div ul li a h4{
				font-weight:bold;
				font-size:1.00rem;
				margin:0 0 15px;
		}
		#service_business > div ul li p{
			margin:0 0 15px;
			font-size:0.87rem;
			text-align:justify;
			line-height:1.6;
		}
		#service_business > div ul li figure{
			width:145px;
			max-width:100%;
			margin:0 auto;
			}
			#service_business > div ul li figure img{
				width:100%;
				height:auto;
		}


		/* cets */
		#service_business > div ul li.cets{
			width:100%;
			max-width:100%;
		}
		#service_business > div ul li.cets a{
			display:-webkit-flex;
			display:flex;
			-webkit-box-pack:justify;
			-ms-flex-pack:justify;
			justify-content:space-between;
			flex-wrap:wrap;
			padding:20px 30px;
		}
		#service_business > div ul li.cets div{
			width:350px;
			text-align:justify;
			}
			#service_business > div ul li.cets a h4{
				margin:10px 0 20px;
				font-size:2.00rem;
			}
			#service_business > div ul li.cets figure{
				width:300px;
		}
		#service_business > div ul li.cets a span.arrow_btn{
			left:35px;
	}

@media only screen and (max-width:1000px){
	#service_business{
		width:100%;
		margin:0 auto 0px;
		padding:0 10px;
	}
	#service_business > div ul{
		padding:20px 20px 0px;
		}
		#service_business > div ul li{
			width:49%;
			max-width:49%;
			margin:0 0 20px;
			padding:5px;
		}
		#service_business > div ul li figure{
			width:290px;
			margin:0 auto;
	}
}
@media only screen and (max-width:800px){
	#service_business > div ul li.cets a{
		padding:20px 15px;
	}
	#service_business > div ul li.cets div{
		width:100%;
		text-align:justify;
	}
}
@media only screen and (max-width:500px){
	#service_business{
		margin:0 auto;
	}
	#service_business > div ul li{
		width:100%;
		max-width:100%;
	}
	#service_business > div ul li.cets a{
		padding:20px 15px 55px;
	}
	#service_business > div ul li.cets a span.arrow_btn{
		left:calc(50% - 20px);
	}
}

/* -----------------------------------------------------------------
   recruit
----------------------------------------------------------------- */

#recruit{
	position:relative;
	padding-bottom:80px;
	}
	#recruit object{
		position:absolute;
		top:-9.4vw;
		left:0px;
		width:100%;
		height:10.4vw;
}
#recruit_lrbox{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction: row-reverse;
	}
	#recruit_lrbox > div{
		width:calc(100% - 500px);
	}
	#recruit_lrbox figure{
		position:relative;
		right:-50px;
		width:500px;
		max-width:100%;
}
#recruit_lrbox > div p{
	font-weight:500;
	font-size:1.2rem;
	text-align:left;
	line-height:2.0;
}

#recruit_points{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:1124px;
	max-width:100%;
	margin:0 auto 50px;
	padding:0 50px;
	}
	#recruit_points > div{
		position:relative;
		width:47%;
		border:6px solid #3C4183;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		border-radius:12px;
	}
	#recruit_points > div a{
		display:block;
		position:relative;
		padding-bottom:50px;
		text-decoration:none;
		color:#000;
		z-index:1;
		}
		#recruit_points > div a:hover{
			text-decoration:none;
			transition-duration:0.5s;
		}
		#recruit_points > div::before{
			content:" ";
			position:absolute;
			top:5px;
			left:5px;
			width:calc(100% - 10px);
			height:calc(100% - 10px);
			text-decoration:none;
			transition-duration:0.5s;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			border-radius:8px;
		}
		#recruit_points > div:hover::before{
			background:#ECECF4;
	}
	#recruit_points > div .title_box{
		margin:0 0 20px;
		padding:20px 0 35px;
		background:#3C4183;
		color:#FFF;
	}
	#recruit_points > div .title_box span{
		display:inline-block;
		margin:0 0 10px;
		font-size:0.8rem;
		color:#FFF;
		border-bottom:1px solid #FFF;
		line-height:1;
	}
	#recruit_points > div .title_box h4{
		font-size:1.8rem;
		color:#FFF;
	}
	#recruit_points > div figure{
		width:135px;
		margin:0 auto;
		}
		#recruit_points > div figure img{
			width:100%;
			height:auto;
	}
	#recruit_points > div p{
		padding:20px;
		font-size:1.05rem;
		text-align:justify;
		line-height:1.75;
}

/* --- responsive --- */
@media only screen and (max-width:1100px){
	#recruit_lrbox > div{
		width:calc(100% - 46vw);
	}
	#recruit_lrbox figure{
		width:46vw;
		max-width:100%;
	}
	#recruit_lrbox > div h3{
		font-size:3.20vw;
	}
	#recruit_lrbox > div p{
		font-size:1.75vw;
	}

	#recruit_points{
		padding:0 20px;
	}
}
@media only screen and (max-width:767px){
	#recruit{
		padding-bottom:30px;
	}
	#recruit_lrbox{
		display:block;
	}
	#recruit_lrbox > div{
		width:100%;
	}
	#recruit_lrbox figure{
		right:0px;
		width:100%;
		max-width:100%;
		margin:0 0 50px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow:hidden;
	}
	#recruit_lrbox > div h3{
		font-size:1.7rem;
	}
	#recruit_lrbox > div p{
		margin:0 0 20px;
		font-size:0.95rem;
		text-align:center;
	}

	#recruit_points > div{
		position:relative;
		width:100%;
		margin:0 0 20px;
	}
	#recruit_points > div .title_box{
		padding:10px 0 25px;
	}
	#recruit_points > div figure{
		width:270px;
		max-width:100%;
		}
		#recruit_points > div p{
			font-size:0.95rem;
	}
}
@media only screen and (max-width:400px){
	#recruit_points > div figure{
		max-width:70%;
	}
}

/* -----------------------------------------------------------------
   seiwano_hito
----------------------------------------------------------------- */

#seiwano_hito{
	position:relative;
	padding-bottom:70px;
	background:#E2E2EC;
	overflow:hidden;
}
#seiwano_hito .title_box{
	margin:0 0 50px;
}
#seiwano_hito .section_title{
	position:relative;
	padding:0 20px;
	text-align:center;
	}
	#seiwano_hito .section_title p{
		display:inline-block;
		font-size:1.1rem;
		margin:0 0 7px;
		border-bottom:1px solid #3C4183;
		line-height:1.1;
	}
	#seiwano_hito .section_title h2{
		width:100%;
	}
	#seiwano_hito .section_title h2 img{
		width:425px;
		max-width:100%;
		height:auto;
}

#seiwano_hito_list{
	padding-bottom:100px;
}
#seiwano_hito_list > ul{
	position:relative;
	min-height:580px;
}
#seiwano_hito_list > ul > li{
	position:absolute;
	top:0px;
	left:50%;
	width:380px;
	height:580px;
	padding:15px;
	opacity:0;
	transition-duration:0.5s;
}
#seiwano_hito_list > ul > li a{
	display:block;
	position:relative;
	height:100%;
	padding:15px;
	background:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#000;
}
#seiwano_hito_list > ul > li figure{
	position:relative;
	margin:0 auto 40px;
	width:100%;
}
#seiwano_hito_list > ul > li .hito_info{
	position:relative;
	text-align:left;
}
#seiwano_hito_list > ul > li .hito_info .hito_name{
	margin:0 0 20px;
	font-size:1.8rem;
}
#seiwano_hito_list > ul > li .hito_info .hito_year{
	margin:0 0 20px;
	font-size:1.2rem;
}

#seiwano_hito_list > ul > li .tag{
	text-align:left;
}
#seiwano_hito_list > ul > li .tag p{
	display:inline-block;
	height:30px;
	margin:0 10px 0 0;
	padding:3px 15px 0;
	font-size:0.87rem;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:#000;
	color:#FFF
}

#seiwano_hito_list > ul > li .interviewer{
	position:absolute;
	right:15px;
	bottom:15px;
	width:115px;
	height:160px;
	padding:10px 0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:#196C1A;
	}
	#seiwano_hito_list > ul > li .interviewer figure{
		position:relative;
		margin:0 auto 0px;
		width:94px;
	}
	#seiwano_hito_list > ul > li .interviewer p{
		display:inline-block;
		font-size:0.8rem;
		color:#FFF;
		border-bottom:1px solid #fFF;
		text-align:center;
		line-height:1.1;
	}
	#seiwano_hito_list > ul > li .interviewer p:last-child{
		display:block;
		font-size:1.4rem;
		border-bottom:none;
}

#hi_arrow_box{
	position:absolute;
	right:30px;
	bottom:150px;
	width:90px;
}
#seiwano_hito #pre_shl,
#seiwano_hito #next_shl{
	display:block;
	position:absolute;
	bottom:0px;
	width:40px;
	height:40px;
	background:#3C4183;
	border:1px solid #FFF;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	transition-duration:0.5s;
	cursor:pointer;
	}
	#seiwano_hito #pre_shl{
		left:calc(50% - 45px);
		transform:rotate(180deg);
	}
	#seiwano_hito #next_shl{
		left:calc(50% + 5px);
	}
	#seiwano_hito #pre_shl::before,
	#seiwano_hito #next_shl::before,
	#seiwano_hito #pre_shl::after,
	#seiwano_hito #next_shl::after{
		content:" ";
		position:absolute;
	}
	#seiwano_hito #pre_shl::before,
	#seiwano_hito #next_shl::before{
		top:50%;
		left:11px;
		width:14px;
		height:1px;
		background:#FFF;
	}
	#seiwano_hito #pre_shl::after,
	#seiwano_hito #next_shl::after{
		content:" ";
		position:absolute;
		top:calc(50% - 4px);
		left:16px;
		width:8px;
		height:8px;
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
		transform:rotate(45deg);;
}

#seiwano_hito_list .position_00{
	left:calc(50% - 545px);
	transform:scale(0.7,0.7);
	z-index:9;
	opacity:1;
}
#seiwano_hito_list li.position_01{
	left:calc(50% - 190px);
	background:#3C4183;
	z-index:10;
	opacity:1;
}
#seiwano_hito_list .position_02{
	left:calc(50% + 170px);
	transform:scale(0.7,0.7);
	z-index:9;
	opacity:1;
}

/* --- responsive --- */
@media screen and (max-width:1100px){
	#seiwano_hito{
		padding-bottom:70px;
	}
	#seiwano_hito_list{
		padding-bottom:0px;
	}
	#hi_arrow_box{
		bottom:-50px;
	}
}
@media screen and (max-width:700px){
	#seiwano_hito{
		position:relative;
		background:#E2E2EC;
		overflow:hidden;
	}
	#seiwano_hito .section_title{
		position:relative;
		margin:0 0 0px;
		padding:0 20px;
		text-align:center;
		}
		#seiwano_hito .section_title p{
			display:inline-block;
			font-size:1.1rem;
			margin:0 0 7px;
			border-bottom:1px solid #3C4183;
			line-height:1.1;
		}
		#seiwano_hito .section_title h2{
			width:100%;
		}
		#seiwano_hito .section_title h2 img{
			width:425px;
			max-width:100%;
			height:auto;
		}
		#seiwano_hito .more_btn{
			position:relative;
			margin:0 0 50px;
	}

	#seiwano_hito_list{
		margin:-50px 0 0;
		padding-bottom:0px;
		transform:scale(0.7,0.7);
	}
	#seiwano_hito_list > ul{
		position:relative;
		min-height:430px;
	}
	#seiwano_hito_list > ul > li{
		position:absolute;
		top:0px;
		left:50%;
		width:380px;
		height:580px;
		padding:15px;
		opacity:0;
		transition-duration:0.5s;
	}
	#seiwano_hito_list > ul > li a{
		display:block;
		position:relative;
		height:100%;
		padding:15px;
		background:#FFF;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:#000;
	}
	#seiwano_hito_list > ul > li figure{
		position:relative;
		margin:0 auto 40px;
		width:100%;
	}
	#seiwano_hito_list > ul > li .hito_info{
		position:relative;
		text-align:left;
	}
	#seiwano_hito_list > ul > li .hito_info .hito_name{
		margin:0 0 20px;
		font-size:1.8rem;
	}
	#seiwano_hito_list > ul > li .hito_info .hito_year{
		margin:0 0 20px;
		font-size:1.2rem;
	}

	#seiwano_hito_list > ul > li ul.tag{
		text-align:left;
	}
	#seiwano_hito_list > ul > li ul.tag li{
		display:inline-block;
		height:30px;
		margin:0 15px 0 0;
		padding:3px 15px 0;
		font-size:0.87rem;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		background:#000;
		color:#FFF
	}

	#seiwano_hito_list > ul > li .interviewer{
		position:absolute;
		right:15px;
		bottom:15px;
		width:115px;
		height:160px;
		padding:10px 0;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		background:#196C1A;
		}
		#seiwano_hito_list > ul > li .interviewer figure{
			position:relative;
			margin:0 auto 0px;
			width:94px;
		}
		#seiwano_hito_list > ul > li .interviewer p{
			display:inline-block;
			font-size:0.8rem;
			color:#FFF;
			border-bottom:1px solid #fFF;
			text-align:center;
			line-height:1.1;
		}
		#seiwano_hito_list > ul > li .interviewer p:last-child{
			display:block;
			font-size:1.4rem;
			border-bottom:none;
	}

	#hi_arrow_box{
		position:absolute;
		right:0px;
		bottom:270px;
		width:100%;
		margin:0px 0 0;
		}
		#seiwano_hito #pre_shl{
			left:15px;
		}
		#seiwano_hito #next_shl{
			left:auto;
			right:15px;
	}

	#seiwano_hito_list .position_00{
		left:calc(50% - 545px);
		transform:scale(0.7,0.7);
		z-index:9;
		opacity:1;
	}
	#seiwano_hito_list li.position_01{
		left:calc(50% - 190px);
		background:#3C4183;
		z-index:10;
		opacity:1;
	}
	#seiwano_hito_list .position_02{
		left:calc(50% + 170px);
		transform:scale(0.7,0.7);
		z-index:9;
		opacity:1;
	}
}

/* -----------------------------------------------------------------
   works
----------------------------------------------------------------- */

#works{
	position:relative;
	padding-bottom:250px;
	background:#F2F2F2;
}
#works object{
	position:absolute;
	top:-9.4vw;
	left:0px;
	width:100%;
	height:10.4vw;
}
#works_list{
	overflow:hidden;
}/*
#works_list ul{
	position:relative;
	width:99999px;
	text-align:left;
	}
	#works_list ul li{
		display:inline-block;
		position:relative;
		top:0px;
		width:414px;
		height:540px;
		margin-left:50px;
		padding:20px;
		}
		#works_list ul li::before{
			content:" ";
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:#F2F2F2;
			transition-duration:0.5s;
		}
		#works_list ul li.active::before{
			background:#196C19;
		}
		#works_list ul li a{
			display:block;
			position:relative;
			width:100%;
			height:100%;
			padding:15px;
			text-align:left;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			background:#FFF;
			color:#484E8A;
	}
	#works_list ul li figure{
		display:block;
		position:relative;
		width:100%;
		margin:0 0 15px;
		-moz-border-radius:15px 15px 0 0;
		-webkit-border-radius:15px 15px 0 0;
		border-radius:15px 15px 0 0;
		overflow:hidden;
		}
		#works_list ul li figure img{
			transform:scale(1,1);
			transition-duration:0.5s;
		}
		#works_list ul li.active figure img{
			transform:scale(1.1,1.1);
	}
	#works_list ul li p{
		padding:0 10px;
		font-size:1.35rem;
		line-height:1.5;
	}
	#works_list ul li .w_category{
		position:relative;
		width:100%;
		margin:0 0 10px;
		text-align:left;
		}
		#works_list ul li .w_category span{
			display:inline-block;
			position:relative;
			padding:5px 15px;
			background:#196C19;
			color:#FFF;
	}
	#works_list ul li .num{
		display:inline-block;
		margin:0 10px 7px;
		padding:0px;
		font-size:0.9rem;
		border-bottom:1px solid #196C19;
		line-height:1;
	}
	#works_list ul li .date{
		position:absolute;
		bottom:25px;
		right:25px;
		font-size:0.9rem;
		color:#999;
}
*/
#works .title_box,
#works .section_title{
	margin:0 0 0px !important;
}
#works_list ul{
	position:relative;
	width:2270px;
	text-align:left;
	}
	#works_list ul li{
		display:inline-block;
		position:relative;
		top:0px;
		width:414px;
		height:540px;
		margin-left:40px;
		padding:20px;
		}
		#works_list ul li::before{
			content:" ";
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:#F2F2F2;
			transition-duration:0.5s;
		}
		#works_list ul li:hover::before{
			background:#196C19;
		}
		#works_list ul li a{
			display:block;
			position:relative;
			width:100%;
			height:100%;
			padding:15px;
			text-align:left;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			background:#FFF;
			color:#484E8A;
	}
	#works_list ul li figure{
		display:block;
		position:relative;
		width:100%;
		height:0px;
		margin:0 0 15px;
		padding-top:66%;
		-moz-border-radius:15px 15px 0 0;
		-webkit-border-radius:15px 15px 0 0;
		border-radius:15px 15px 0 0;
		overflow:hidden;
		}
		#works_list ul li figure img{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			transform:scale(1,1);
			transition-duration:0.5s;
		}
		#works_list ul li:hover figure img,
		#works_list ul li.active figure img{
			transform:scale(1.1,1.1);
	}
	#works_list ul li p{
		padding:0 10px;
		font-size:1.2rem;
		line-height:1.5;
	}
	#works_list ul li .w_category{
		position:relative;
		width:100%;
		margin:0 0 10px;
		text-align:left;
		}
		#works_list ul li .w_category span{
			display:inline-block;
			position:relative;
			margin:0 7px 0 0;
			padding:5px 15px;
			font-size:1.0rem;
			background:#196C19;
			color:#FFF;
	}
	#works_list ul li .num{
		display:inline-block;
		margin:0 10px 7px;
		padding:0px;
		font-size:0.9rem;
		border-bottom:1px solid #196C19;
		line-height:1;
	}
	#works_list ul li .date{
		position:absolute;
		bottom:25px;
		right:25px;
		font-size:0.9rem;
		color:#999;
}

/* --- responsive --- */
@media only screen and (max-width:1100px){
	#works{
		padding-bottom:100px !important;
	}
	#works .section_title{
		margin:0 0 0px;
	}
	#works .contents{
		padding:50px 40px 0px;
	}
}
@media screen and (max-width:767px){
	#works_list ul{
		position:relative;
		width:1085px;
		text-align:left;
	}
	#works_list ul li{
		width:207px !important;
		height:auto;
		margin-left:10px;
		padding:10px;
		}
		#works_list ul li a{
			padding:10px 10px 40px;
	}
	#works_list ul li p{
		padding:0px;
		font-size:0.9rem;
	}
	#works_list ul li .w_category{
		position:relative;
		width:100%;
		margin:0 0 10px;
		text-align:left;
	}
	#works_list ul li .num{
		margin:0 0px 7px;
	}
	#works_list ul li .date{
		bottom:10px;
		right:10px;
		font-size:0.8rem;
	}
}

/* -----------------------------------------------------------------
   daily_life
----------------------------------------------------------------- */

#daily_life{
	position:relative;
	padding-bottom:80px;
	background:#FFF;
	}
	#daily_life object{
		position:absolute;
		top:-9.4vw;
		left:0px;
		width:100%;
		height:10.4vw;
}
#daily_life .section_title{
	margin:0 0 -10px !important;
}
#daily_life .section_title h2{
	margin:0px !important;
}

#sns_list{
	position:absolute;
	right:50px;
	top:75px;
	}
	#sns_list h3{
		position:relative;
		margin:0 0px;
		font-size:1.1rem;
		color:var(--base-color);
	}
	#sns_list ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		width:183px;
	}
	#sns_list ul li{
		display:inline-block;
		position:relative;
		width:35px;
	}
	#sns_list ul li img{
		width:100%;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	.title_box{
		margin:0 0 20px;
	}
	#sns_list{
		position:relative;
		right:0px;
		top:0px;
	}
}

/* -----------------------------------------------------------------
   daily_life_photo
----------------------------------------------------------------- */

#daily_life_photo{
	position:relative;
	width:100%;
	height:404px;
	overflow-x:hidden;
}
#daily_life_photo ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:absolute;
	left:-3633px;
	transform:translate(0, 0);
/*	width:3648px;*/
/*	width:7266px;*/
	width:10944px;
	padding:0px;
	margin:0px;
	}
	#daily_life_photo ul:nth-child(1){
		top:0px;
		margin:0 2px;
		animation:ul_01 100s linear 0s infinite;
	}
	#daily_life_photo ul:nth-child(2){
		bottom:0px;
		animation:ul_02 100s linear 0s infinite;
}
#daily_life_photo ul li{
	position:relative;
	width:300px;
	height:auto;
}

@keyframes ul_01{
	0%   {margin-left:0px;}
	100% {margin-left:calc(-3633px);}
}
@keyframes ul_02{
	0%   {margin-left:0px;}
	100% {margin-left:calc(3633px);}
}

/* --- responsive --- */
@media screen and (max-width:767px){
}