/* CSS Document */

#main{
	color: #000;
	}

#hero{
	padding-top: 0;
	text-align: center;
	}

#interview{
	padding: 0;
	}
	#interview h2{
		text-align: center;
		}
		#interview h2 img{
			max-width: 500px;
			}
	#interview h2+div{
		margin-top: 2em;
		}
	#interview header{
		padding-bottom: 2em;
		}
	#interview figure{}
		#interview figure img{
			width: 100%;
			}
	#interview figcaption{
		padding: 1em;
		background: #223a70;
		color: #fff;
		font-weight: bold;
		}
		#interview figcaption span{
			display: block;
			margin-top: 0.4em;
			font-size: 1.4em;
			}
	#interview section{}
		#interview section p+p{
			margin-top: 0;
			}
	#interview section+section{
		padding-top: 0;
		}
	#interview .wrap{
		border: 1px solid #000;
		}
	#interview .title{
		color: #223a70;
		}

#pageBack{
	padding-top: 2em;
	}
	#pageBack .buttonSet{
		padding: 0 1em;
		}
	#pageBack a{
		width: 100%;
		max-width: 500px;
		border-radius: 1em;
		font-weight: bold;
		font-size: 1.2em;
		}

#externalLink{
	padding-top: 0;
	}
	#externalLink h2{
		display: none;
		}
	#externalLink h3{}
		#externalLink h3:before{
			content: "◆";
			}
	#externalLink ul{
		display: flex;
		flex-wrap: wrap;
		}
	#externalLink li{
		display: flex;
		}
	#externalLink a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 1.4em;
		}
	#externalLink .text{
		min-height: 4em;
		padding: 0.5em 1em;
		background: #000;
		color: #fff;
		}
	#externalLink .banner{
		height: 5em;
		}




/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#hero{}
	#hero .wrap{
		width: 100%;
		}
#intervie{}
	#interview header,
	#interview section{
		margin: 0 1em;
		}
#externalLink{}
	#externalLink ul{
		justify-content: space-between;
		}
	#externalLink li{
		width: calc(50% - 0.5em);
		}
		#externalLink li:nth-of-type(n+3){
			margin-top: 1em;
			}
	#externalLink .wrap{
		padding: 0 1em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#hero{}
	#hero .wrap{
		border: 1px solid #000;
		}
#externalLink{}
	#externalLink li{
		width: calc(25% - 0.75em);
		margin-left: 1em;
		}
		#externalLink li:nth-of-type(n+5){
			margin-top: 1em;
			}
		#externalLink li:nth-of-type(4n+1){
			margin-left: 0;
			}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#intervie{}
	#interview header,
	#interview section{
		margin: 0 2em;
		}
#mapLead{}
	#mapLead dl{
		margin-top: 2em;
		}
.map{
	height: 75vw;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#intervie{}
	#interview header,
	#interview section{
		margin: 0 4em;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {

/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none) {
}