.imgbutton	{
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 181px 43px;
	background-position: center top;
	margin: 0;
	padding: 0;
	width: 181px;
	height: 43px;
}
.imgbutton img	{
	display: block;
	width: 181px;
	height: 43px;
}

.imgbutton.vp	{
	background-image: url(images/person_r.svg);
}
.imgbutton.lm	{
	background-image: url(images/more_r.svg);
}

.imgbutton:hover img	{
	opacity: 0;
}

.box3	{
	display: flex;
	flex-wrap: wrap;
}

.box3 .box	{
	width: 32.333%;
	margin-right: 1.5%;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	align-content: space-evenly;
	transition: background-size 0.5s ease;
	position: relative;
}

.c_index .box3 .box:hover,.c_index .box2 .box:hover	{
	cursor: pointer;
}
.box3 .box:nth-child(3n)	{
	margin-right: 0;
}

.box3 .box:hover	{
	background-size: 105% auto;
}
.box.ono	{
	background-image: url(images/p1.png);
}

.box.oka	{
	background-image: url(images/p2.png);
}

.box.iwamoto	{
	background-image: url(images/p3.png);
}

.box.oikawa	{
	background-image: url(images/p4.png);
}

.box.takemura	{
	background-image: url(images/p5.png);
}

.box.saito	{
	background-image: url(images/p6.png);
}

.infoarea	{
	padding-top: 75%;
	padding-left: 33%;
	position: relative;
	padding-bottom: 45px;
}

.infoarea .ib {
	height: 24px;
	position: relative;
	display: block;
	line-height: 1;
}
.infoarea .ib span	{
	display: block;
	position: absolute;
	font-size: 24px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.infoarea .ib img	{
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.infoarea p,.info p	{
	font-size: 14px;
}

.infoarea .vp	{
	position: absolute;
	right: 0;
	bottom: 0;

}

.box2	{
	display: flex;
}
.sec2 .box2 .box	{
	width: 50%;
	position: relative;
}

.box3 .box .boxlink,.box2 .box .boxlink	{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.sec2:not(.i) .box2 .box	{
	width: 49%;
	padding: 0.5%;
}

.sec2:not(.i)	{
	background-color: #EFEFEF;
	padding: 50px 30px 30px;
}

.box2 .box .info	{
	text-align: left;
	position: relative;
	padding-top: 30px;
}

.box2 .box .info .imgbutton	{
	position: absolute;
	right: 0;
	bottom: 0;
}

.box2 .box .info .ib span	{
	margin-right: 30px;
	font-size: 24px;
}

.i .box2 .box .info	{
	padding: 30px 30px 0;
}
.person .key h1	{
	position: absolute;
	top: 30%;
	left: 30%;
}
.person.cp .key:not(.sec_fluid) h1	{
	left: 200px;
	width: 30%;
	font-size: 24px;
	color: #231815 !important;
	padding: 30px;
	background-color: rgba(255,255,255,.5);
}
.person .key h1.white	{
	color: white;
}

.person .key h1.black	{
	color: #231815;
}

.p_p	{
	position: absolute;
	top: 27%;
	left: 10%;
	z-index: 9;
	height: calc(100vw * 0.5625);
}

@media screen and (min-width: 2000px)	{
	.p_p	{
		height: calc(100vw * 0.5);
		max-height: 1800px;
	}
}
.person .lead	{
	background-image: url(../images/sw_back.svg);
	background-position: center top;
	background-size: auto 150%;
	background-repeat: repeat;
	padding: 100px 0;
	background-color: white;
}
.box_name	{
	display: flex;
	margin-left: 25%;
	width: 75%;
}

.box_name .name	{
	padding: 0 15px;
	width: 33.333%;
}
.box_name .name img	{
	height: 10px;
	margin-left: 15px;
}
.box_name p	{
	font-size: 14px;
}

.box_name .person	{
	width: 66.666%;
	padding: 0 15px;

}
.cp .box_name	{
	width: 100%;
	margin-left: 0;
}

.cp .box_name .name,.cp .box_name .person	{
	width: 50%;
}
.cp .box_name .name h2.ib span	{
	font-size: 20px;
}
.cp.person .lead	{
	background: none;
	padding: 25px 0;
}

.sec_fluid	{
	position: relative;
	background-image: url(images/blueback.svg);
	background-size: 100vw auto;
	background-repeat: no-repeat;
}

.sec_fluid .inner	{
	margin: 0 auto;
	width: calc(100% - 100px);
	padding: 50px;
}

.sec_fluid .box2 .box	{
	width: 50%;
}
.sec_fluid h1	{
	position: static !important;
	margin-left: -2px;
	color: white;
}

.sec_fluid p	{
	color: white;
	font-size: 14px;
}
.lead_en_21	{
	height: 21px;
	margin-bottom: 25px;
}

.sec_fluid .box2 .box .lead_en	{
	display: inline-block;
	width: auto !important;
}


.i .box2	{
	position: relative;
	margin-bottom: 50px;
}
.i .box2:after	{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + (100vw - 100%)/2);
	height: 100%;
	z-index: -1;
}

.i .box2:nth-child(2n+1):after	{
	width: 100vw;
	background-image: url(../images/sw_back.svg);
	background-position: center top;
	background-size: auto 150%;
	background-repeat: repeat;
	left: calc((-100vw + 100%) / 2);
	background-color: white;
}
.i .box2:nth-child(2n) p	{
	color: white;
}
.i .box2:nth-child(2n):after	{
	background-color: #00479D;
}

.noback	{
	background: none !important;
}
.noback *	{
	color: #231815 !important;
}
.noback:after	{
	display: none;
}
.lead.noback	{
	background: none;
	padding: 50px 0;
	position: relative;
}

.lead.noback:after	{
	position: absolute;
	content: '';
	background-color: #00479D;
	height: 50px;
	width: 100vw;
	left: calc((-100vw + 100%) / 2);
}

.sec3.i img.num	{
	height: 17px;
}

.sec3.i p	{
	border: 1px solid rgba(0,71,157,0.25);
	background-color: white;
	padding: 15px 5px 10px 10px;
	font-size: 14px;
}

.sec3.i p img,.sec3.i p span	{
	display: inline-block;
	vertical-align:top;
}
.sec3.i p img	{
	margin-right: 10px;
}
.sec3.i p span	{
	position: relative;
	top: -3px;
}

.sec4 .box3	{
	justify-content: top;
}
.sec4 .box3 .box	{
	line-height: 0;
}
.sec4 .box3 .box:nth-child(1)	{
	text-align: left;
}

.sec4 .box3 .box:nth-child(3)	{
	text-align: right;
}
.sec4 .box3 .box:nth-child(2) img	{
	width: 64.15px;
}
.sec4 .box3 .box:nth-child(1) img,.sec4 .box3 .box:nth-child(3) img	{
	height: 16.5px;
}
.noback .sec2.i .box2:nth-child(2n) .box.sp_order1	{
	margin-left: 100px;
}
.aaaaa	{
	width: calc((100vw - 400px) / 2) !important;
}

.key .text	{
	width: calc(100vw - 400px);
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.key .text .inner	{
	width: 50%;
	margin-left: 50px;
	padding: 0 0 0 100px;
	margin-right: 50%;
}

.key .text .inner p	{
	font-size: 14px;
}

.inner.half	{
	display: flex;
	width: 50%;
	margin: 0 auto;
}
.inner.half div	{
	width: 50%;
}
.inner.half h2	{
	font-size: 20px;
}

.inner.half .ib img	{
	height: 10px !important;
	margin-left: 15px;
}

.inner.half p	{
	font-size: 11px;
}

.inner.half .imgbutton	{
	display: block;
	margin: 0 auto;
}

.hashtag	{
	color: #00A4AC;
}

@media screen and (max-width: 1024px)	{
	.person .key h1	{
		top: 15%;
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
	.sec_fluid p	{
		font-size: 3vw;
	}
	.box h2.ib span	{
		font-size: 5vw !important;
	}
	
	.infoarea p, .info p	{
		font-size: 3vw;
		margin-bottom: 0;
	}
	.infoarea	{
		padding-bottom: 6.75vw;
	}
	.box .ib img.lead_en	{
		height: 2.4vw !important;
	}
	.infoarea .vp	{
		zoom: 50%;
	}
	
	.sec2:not(.i)	{
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding: 13.5vw 13.5vw 6.75vw;
	}
	
	.sec2:not(.i) .info	{
		padding-bottom: 6.75vw;
	}
	.sec2:not(.i) .vp	{
		zoom: 50%;
	}
	
	.p_p	{
		width: 20%;
		height: auto;
	}
	
	.person .key h1	{
		left: 32%;
		top: 45%;
		width: 68%;
		font-size: 4vw;
		text-shadow: 0 0 2px rgba(127,127,127, 0.5);
	}
	
	.person .key	{
		margin-bottom: 0;
	}
	
	.person .lead	{
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding: 6.75vw 0;
	}
	
	.box_name	{
		flex-direction: column;
		padding-right: 13.5vw;
	}
	
	.box_name .name	{
		width: 100%;
		padding: 0 0 0 6vw;
	}
	.box_name .name h2.ib span	{
		font-size: 5vw !important;
	}
	
	.box_name .name h2.ib .lead_en	{
		height: 2.4vw;
	}
	
	
	.box_name .person	{
		width: 100%;
		padding: 0 0 0 6vw;
	}
	
	.box_name p	{
		font-size: 3vw;
	}
	.box_name .name p,.inner.half p	{
		line-height: 170%;
	}
	.person .i .box2 .box .info	{
		padding: 0;
	}
	
	.i .box2:nth-child(2n):after	{
		width: 100%;
	}
	.i .box2:nth-child(2n) .box	{
		padding-top: 0 !important;
	}
	
	.i .box2:nth-child(2n) .box.sp_order2	{
		padding: 0 6.75vw 6.75vw !important;
	}
	.i .box2:nth-child(2n+1) .box.sp_order1	{
		padding-bottom: 0 !important;
	}
	
	.i .box2:nth-child(2n+1) .box.sp_order2	{
		padding-top: 0 !important;
	}
	.sec3.i .box2:nth-child(2n+1):after	{
		background-size: auto 120%;
	}
	.sec3.i img.num	{
		height: 3vw;
	}
	
	.sec3.i p span	{
		font-size: 3vw !important;
		width: 70%;
		line-height: 160%;
		margin-top: .5vw;
	}
	
	.sec3.i p:last-child	{
		
	}
	.person .sec3.i .box2 .box .info	{
		margin-top: 3vw; 
	}
	.sec3.i p	{
		margin-bottom: 3vw;
		line-height: 0;
		padding: 3vw 3vw 1.5vw;
		display: block;
		height: auto;
	}
	
	.sec4 .box3	{
		flex-direction: row !important;
	}
	
	.sec4 .box3 .box	{
		width: 32.333% !important;
	}
	.sec4 .box3 .box:nth-child(1)	{
		text-align: left;
	}
	
	.sec4 .box3 .box:nth-child(3)	{
		text-align: right;
	}
	.sec4 .box3 .box:nth-child(2) img	{
		width: 64.15px;
		zoom: 50%;
	}
	.sec4 .box3 .box:nth-child(1) img,.sec4 .box3 .box:nth-child(3) img	{
		height: 16.5px;
		zoom: 50%;
	}
	.cp .box_name	{
		width: calc(100% - 27vw);
		padding-right: 0;
		margin-left: 13.5vw;
		margin-right: 13.5vw;
	}
	.person.cp .key:not(.sec_fluid)	{
		position: relative;
	}
	.person.cp .key:not(.sec_fluid) h1	{
		width: calc(100vw - 27vw);
		left: 0;
		font-size: 4.5vw;
		top: auto;
		bottom: 3vw;
		transform: none;
		padding: 30px 0 30px 30px;
	}
	
	.cp .box_name .name, .cp .box_name .person	{
		width: 100%;
		padding: 0;
	}
	
	.sec_fluid	{
		width: 100vw;
		margin-left: calc(50% - 50vw);
		background-size: cover;
	}
	
	.sec_fluid .inner	{
		padding: 6.75vw 0;
	}
	
	.cp .sec2.i	{
		width: calc(100% - 27vw);
		margin: 0 13.5vw;
	}
	.cp main	{
		background: none;
	}
	.cp footer	{
		background-color: white;
	}
	.cp	{
		margin: 0 auto;
		/*background-image: url(/images/body_back_sp.svg) !important;*/
		background-size: 59.5vw auto !important;
		background-position: center top!important;
		background-color: transparent!important;
	}

	.cp .key .sec2.i h1	{
		width: 100%;
		margin: 0;
		left: auto;
	}
	.noback .sec2.i .box2:nth-child(2n) .box.sp_order1	{
		margin-left: 0;
	}
	
	.noback .sec2.i .box2:nth-child(2n) .box.sp_order2	{
		padding: 0 !important;
	}
	
	.c01_3.noback	{
		padding: 0 13.5vw;
	}
	
	.c01_3.noback.key .text,.c01_3.noback.key .text .inner	{
		width: 100%;
		position: static;
		top: auto;
		left: auto;;
		padding: 0;
		margin: 0;
		transform: none;
	}
	
	.c01_3.noback.key .text .inner p	{
		font-size: 3vw;
	}
	
	.inner.half	{
		width: 100%;
		flex-direction: column;
	}
	
	.inner.half .imgarea	{
		order: 1;
		width: 66.666%;
	}
	
	.inner.half .info	{
		order: 2;
		width: 100%;
	}
	
	.inner.half .imgbutton	{
		margin: 6.75vw auto 13.5vw -2vw;
		padding: 0;
		zoom: 75%;
	}
	.c01_3.noback.key .text .inner p	{
		margin-bottom: 0;
		padding-bottom: 1rem;
	}
}