@charset UTF-8;

body {
    font-family:"游ゴシック体", "YuGothic", sans-serif, Verdana, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background-color:#fff;
	color:#284ef6;
	font-size:16px;
}

header{
	height:600px;
	width:100%;
	background-image:url(images/MVback.jpg);
	background-size:cover;
	position:relative;
}

h1{
	font-size:24px;
	font-family:"凸版文久見出しゴシックエクストラボールド", "ToppanbunkyumidashiGothic";
	padding-left:100px;
	padding-top:90px;
}

.MVtitle{
	padding-left:95px;
}

.name{
	font-weight:bold;
	font-size:24px;
	bottom:15%;
	right:8%;
	position:absolute;
}

.profile{
	margin-top:150px;
	position:relative;
	display:grid;
	grid-template-rows:85px  1fr;
	grid-template-columns:615px 1fr;

}

h2{
	font-size:24px;
	left:100px;
	padding-top:30px;
	text-decoration:underline;
	text-underline-offset:9px;
	z-index:1;
}

.profiletaitle{
	position:absolute;
	z-index:1;
}

.proname{
	text-align:left;
	grid-row:1/2;
	grid-column:2/3;
	padding-top:55px;
}	

.shokai{
	text-align:left;
	grid-row:2/3;
	grid-column:2/3;
}	

.HPLP{
	margin-top:250px;
	position:relative;
	display:grid;
	grid-template-rows:75px 82px 560px 1fr;
	grid-template-columns:640px 1fr;
}	

.tukuttataitle{
	position:absolute;
	z-index:1;
}

.midashi{
	padding-top:25px;
	padding-left:100px;
	grid-row:2/3;
	grid-column:1/2;
}

.midashi span{
	border:solid 2px;
	padding: 0.5em 1em;
	font-weight:bold;
	background-color:#fff;
	position:absolute;
	z-index:1;
}

.yogagazou{
	padding-left:100px;
	grid-row:3/4;
	grid-column:1/2;
}

.yogabun{
	text-decoration:none;
	padding-left:110px;
	grid-row:4/5;
	grid-column:1/2;
}

.yogabun p,.tosoubun p,.bagerbun p,.matchingbun p,.apribun p{
	font-weight:bold;
}

.tosougazou{
	padding-left:70px;
	grid-row:3/4;
	grid-column:2/3;
}

.tosoubun{
	text-decoration:none;
	padding-left:80px;
	grid-row:4/5;
	grid-column:2/3;
}


.banner{
	margin-bottom:230px;
}

.bannergazou{
	margin-top:150px;
	position:relative;
	display:grid;
	grid-template-rows:110px 350px 1fr;
	grid-template-columns:480px 395px 1fr;
	z-index:1;
}

.bannermidashi{
	padding-left:80px;
	padding-top:50px;
	grid-row:1/2;
	grid-column:1/2;
}

.bannermidashi span{
	border:solid 2px;
	padding: 0.5em 1em;
	font-weight:bold;
	background-color:#fff;
	position:absolute;
	z-index:1;
}

.bagergazou{
	padding-left:80px;
	padding-bottom:0;
	grid-row:2/3;
	grid-column:1/2;
}

.bagerbun{
	text-decoration:none;
	padding-left:80px;
	grid-row:3/4;
	grid-column:1/2;
}

.matchinggazou{
	padding-bottom:0;
	grid-row:2/3;
	grid-column:2/3;
}

.matchingbun{
	text-decoration:none;
	grid-row:3/4;
	grid-column:2/3;
}


.aprigazou{
	padding-left:15px;
	padding-bottom:0;
	grid-row:2/3;
	grid-column:3/4;
}

.apribun{
	text-decoration:none;
	grid-row:3/4;
	grid-column:3/4;
}

.bannerback{
	position:absolute;
	z-index:0;
}

footer{
	background-color: #dfe4f6;
	padding:40px;
	text-align:center;
}

a{
	transition-duration:.3S;
	line-height:1.5em;
}

a:hover{
	transform:scale(1.1);
}