﻿@charset "utf-8";



p{
	font-size:14px;
	line-height:24px;
	text-align: center;
	letter-spacing: 2px;
	font-feature-settings : "palt";

}

.every{
	display:none;
}

#mainvisual{
	background-image:url(../images/common/back3.jpg);
	background-size:cover;
	font-size:4em;
}

#interview{

	background-image: url(../images/parts/sec2bg.svg);
	background-size: cover;
	background-position: top;
}

footer{
	width:100%;
	height:40px;
	position: absolute;
	background-color:#fff;
	z-index:99999;
	top:100%;
	margin-top:-40px;
	position:fixed;
}

footer p{
	position: absolute;
	right:30px;
	font-size:12px;
	top:15px;

	margin-top:-5px;
	letter-spacing: 0;
	font-family: "proxima-nova";
	font-feature-settings : "palt";
}

.hhh1{
	position: absolute;
	top:0px;
	width:100%;
	text-align: center;
	height:110px;
	background-image:url(../images/common/Unknown.jpg);
	color:#fff;
	font-size: 35px;
	font-family: "ryo-gothic-plusn";
	padding-top: 85px;
}

h2{
	position: absolute;
	left:50%;
	top:32%;
	transform: translateX(-50%);
	width:370px;
	color:#fff;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
	font-family: "meirio";
	font-weight: 500;
	font-size:80px;
	letter-spacing: 2px;
	z-index:10;
}

.rec_bun{
	position: absolute;
	left:50%;
	top:32%;
	margin-top: 52px;
	transform: translateX(-50%);
	background-color: #fff;
	width:80%;
	min-width:1100px;
	z-index:1;
	height:500px;
}

.more{
	position: absolute;
	width:60px;
	top:32%;
	margin-top:460px;
	left:50%;
	transform: translateX(-50%);
	z-index: 11;
}

.rec_ue{
	width:550px;
	margin-top:60px;
	display: inline-block;
	font-size:18px;
	font-weight:bold;
	background: linear-gradient(transparent 50%, #ffff00 50%);
	font-family: "ryo-gothic-plusn";
}

.rec_sita{
	width:800px;
	transform: translateY(-26px);
	display: inline-block;
	font-size:18px;
	font-weight:bold;
	background: linear-gradient(transparent 50%, #ffff00 50%);
	font-family: "ryo-gothic-plusn";
}

.ue{
	position: absolute;
	left:50%;
	width:800px;
	transform: translateX(-50%);
	text-align: center;
}

.sita{
	margin-top:170px;
}

.more img:hover{
	transform: scale(1.2);
	transition-duration: 0.5s;
}

.secbg{
	position:absolute;
	bottom:0px;
	z-index: 9;
}

#interview h2{
	position: absolute;
	left:50%;
	top:15%;
	transform: translateX(-50%);
	width:330px;
	color:#fff;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
	font-family: "meirio";
	font-weight: 500;
	font-size:54px;
	letter-spacing: 2px;
	z-index:10;
}

.honbun{
	padding:30px 0 25px 0;
	margin:0 auto;
	margin-top:80px;
	width:1200px;
	height:480px;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.9);
}

.honbun p{
	width:850px;
	text-align: left;
	line-height:28px;
	margin-left:270px;
}

.honbun h3{
	font-size: 26px;
	letter-spacing: ２px;
	margin-bottom: 24px;
}

.y_but{
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	margin-top:30px;
	filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));

}

.signature{
	margin-top:60px;
}



.honbun img{
		border: 5px #ff0 solid;
		float:left;
		margin-left:-20px;
		margin-right:20px;
		margin-top:-50px;
}


/*//////////////////////////////////////////////////*/


.aaa {
	background-image: url(../images/parts/you1.svg);
	background-size: cover;
	background-position:bottom right;
}

.aaa a{
	color:#999;
	font-size:17px;
}

.wrapp1{
	text-align:center;
	top:50px;
}

.ah3{
	font-size:22px;
	color:#000;
	margin:0 auto;
	margin-bottom: 20px;
	padding-bottom: 15px;
	width:700px;
	border-bottom: #999 2px solid;
}

.haikei{
	position: absolute;
	height:1100px;
	top:-2%;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-lr;
	font-size:255px;
	left:-50px;
	color:rgba(0, 0, 0, 0.2)
}

.tsugi{
	position:absolute;
	font-size: 22px;
	top:50%;
	left:30.8%;
	font-weight: 900;
	color:#999;
}

.bbb{
	background-image: url(../images/parts/you2.svg);
	background-position: bottom;
	background-size: cover;
}

.bbb p, .ccc p{
	text-align: left;
	margin-bottom: 20px;
}


.bbb h3{
	font-size:20px;
	margin-bottom:40px;
	transform: translateX(150px);
}

h4{
	background-color:#999;
	color:#fff;
	width:80px;
	height:15px;
	font-size:15px;
	text-align: center;
	padding:5px;
}

.b2left{
	position: absolute;
	width:600px;
	height:350px;
	border-right:#aaa 1px solid;
	left:50%;
	margin-left:-600px;
	top:17%;
}

.b2right{
	position: absolute;
	width:600px;
	height:350px;
	left:50%;
	margin-left:100px;
	top:17%;
}

.b2bottom{
	position: absolute;
	width:900px;
	height:300px;
	left:50%;
	top:17%;
	margin-top:500px;
	transform: translateX(-50%);
}

.b2bottom h3{
	transform: translateX(408px);
}


.ccc{
	background-image: url(../images/parts/you3.svg);
	background-position: bottom;
	background-size: cover;
	
}


.ccc h3{
	position:absolute;
	width:100px;
	right:16%;
	font-size:20px;
	top:220px;
}

.b3left{
	position: absolute;
	width:600px;
	height:350px;
	right:16%;
	margin-left:-320px;
	top:30%;
}

.b3right{
	position: absolute;
	width:600px;
	height:350px;
	right:16%;
	margin-right:-680px;
	top:30%;
}



.oucoo{
	background-image: url(../images/common/Unknown.jpg);
	background-position: bottom;
	background-size: cover;
}


.oubo{
	position: absolute;
	width:1100px;
	height:150px;
	left:50%;
	transform: translateX(-50%);
	top:45%;
}

.oubo img{
	margin-left:30px;
	margin-left:60px;
}

.cover{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../images/parts/you1.svg);
	background-position: bottom;
	background-size: cover;
}

.oubo h3{

	position: absolute;
	top:-160px;
	width:100%;
	text-align: center;
	height:110px;
	color:#fff;
	font-size: 45px;
	font-family: "ryo-gothic-plusn";
}




