body{
	font-family:'メイリオ', sans-serif;			/*フォント設定*/
	margin:0;						/*余白消し*/
	background-color:#f5fffa;		/*色：ベース背景*/

}
.height{
	min-height:100vh;
}
header a:-webkit-any-link {
	display:none;
}
header a{
	display:none;
}

header h1{
	background-color: #19448e;		/*色：メイン1*/
	margin:0;						/*外の余白 削除*/
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	font-size:20px;
}

h2,h3{
	text-align:center;
	color:#19448e;		/*色：メイン2*/
	font-size:24px;

}

h3{
margin:0;
}

.profile{
	display:inline-block;
	width:60%;
	position:absolute;
	/*left:40%;*/
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
	position:absolute;
	top:50%;
}


.DivLink img{
	width:35%;
}

img{
	padding-left:0px;
	padding-top:0px;
}

/*
.Img{
	width:26px;	小さいアイコンを大きいほうに合わせる

}*/

footer{
	background-color:#19448e;		/*色：メイン2*/
	height:75px;
	text-align: center;				/*ロゴと著作を真ん中*/
	padding:1em;
	color:#fff;
	margin-top:0;
	font-size:13px;

}


/*↓interview_pc.css用↓*/

main{
	background-color:#f5fffa;		/*色：ベース背景*/
	height:auto;
	/*padding-top:0px;*/				/*内余白：↑10px*/
	padding-bottom:100px;			/*内余白：↓100px*/
	
}


.interview{
	background-color: #19448e;		/*メイン2*/
	height: 200px;
	width: 200px;
	margin-top:100px;
	margin-bottom:100px;
	margin-left:20px;
	margin-right:20px;
	padding:10px;
	text-align:center;
}

.Name {
	font-weight:bold;
}

.kanri{
	text-indent:3em;
}

/*各先輩のインタビューに飛ぶリンク*/

/*
.DivLink.Link{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
}*/

.content{
	max-width:1000px;
	height:auto;
	display:block;
	display:flex;
	justify-content: center;
	margin:0 auto;
}

.parent {
 	display:block;
 	/*display:inline;*/
 	position: relative;
    background-color: #FFFFFF;   /* 背景色指定 */
    border:solid 3px #66ccff;
    border-radius:41px;
    /*justify-content: center;*/
    margin:  20px;               /* 要素と要素の間を開ける */
    padding:  20px;             /* 余白指定 */
    width:600px;
    height:auto;
}

.DivLink a{				/*枠全体のリンク化（まだ文字のみ）*/
	position: absolute;
	border-radius:38px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.UnderDivLink a{				/*枠全体のリンク化（まだ文字のみ）*/
	position: absolute;
	border-radius:20px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color:black;
}

.DivLink a:hover { 
	background-color: #fcc800;
	opacity:0.5;
	color:#222222; }

.head{
	font-weight:bold;
	text-align:center;
	color:#000;
	font-family: 'メイリオ', sans-serif;
	margin-bottom:30px;
	margin-top: 30px;
	font-size:24px;

}

 
/*↑intervew_pc.css用↑*/





/*KN's css コメントアウト中
footer{
	height: 50px;
	padding : 1em;
	font-size: 85%;
	text-align: center;
	background-color:#19448e;
	color: #ffffff;
	margin-top: 0;
}

li{
	display: inline-block;
	width:16%;
	float:left;
	height:100px;
}
.japanese{
	font-size:14px;
	text-align: center;
}
.Nav_Title{
	font-weight:bold;
	font-size:20px;
	text-align: center;
}

.top {
  position:relative;
}

.Nav_Common {
	width:100%;
 position: fixed;
  bottom: 0;
  
}

.top img {
  width: 100%;
  	
}
.Image_TOP_s{
display:none;
}
ul{
	width:100%;
	padding:0;
	margin:0;
	
}
li a{
color:#ffffff;
text-decoration:none;
}
li {
	color:#ffffff;
	background-color:rgba(102,204,255,0.7);
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #ffffff
}
li:hover{
	background-color:rgba(252,200,0,0.7);
}
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
#ooo {
	position: fixed;
	left: 75%;
	top: 70%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	font-size:500%;
}
#ooo {
color:blue
}
.Image_TOP img{
	width:100%;
	max-height:75%;
}
html,body { max-height:100%; }

.menuBtn{
	position:fixed;
	bottom:0px;
}
.menuBtn:before{
	position:absolute;
}
.wrapper{
position:relative;
}

*/

.menuBtn{
	box-sizing: border-box;
	width:100%;
	margin:0;
}

.menuBtn li{
	box-sizing: border-box;
	display: inline-block;
	width : calc(100% / 6) ;
	float:left;
	height:100px;
}

.japanese{
	font-family: 'メイリオ', sans-serif;
	font-size:14px;
	text-align: center;
}

.Nav_Title{
	font-weight:bold;
	font-size:20px;
	text-align: center;
	font-family: 'Cabin', sans-serif;
}

.Nav_Common ul{
	width:100%;
	padding:0;
	margin:0;	
}

.menuBtn a{
	color:#ffffff;
	text-decoration:none;
}

.menuBtn a li {
	color:#ffffff;
	background-color:rgba(102,204,255,0.7);
	margin-bottom: 0px;
	margin-top: 10px;
	border: 1px solid #ffffff
}

.menuBtn a:hover{
	background-color:rgba(252,200,0,0.7);
}

.menuBtn a li:hover{
	background-color:rgba(252,200,0,0.7);
}

.menuBtn{
	position:fixed;
	bottom:0px;
}

.list .active{
	background-color:rgba(252,200,0,0.7);
}

body {
	position: relative;
}
