@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:900&display=swap');
/* CSS Document */
@media screen and (min-width: 769px){
	*{
		margin:0;
		padding:0;
		box-sizing:border-box;
		font-size:25px;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"游ゴシック Medium","Yu Gothic Medium", Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	/*a:hover{
		opacity:0.6;
	}*/

	a img{
		/*margin:0 10px;*/
	}
	body{
		text-align:center;
		border-top:15px #000 solid;
	}
	header{
		width:980px;
		margin:0 auto;
		padding:0 0 0 50px;
		text-align:left;
		height:90px;
	}
	header img:first-child{
		margin-top:15px;
	}
	header img:nth-child(2){
		float:right;
	}
	iframe{
		width:880px;
		height:500px;
	}
	.main_img{
		padding:0;
		clear:both;
		font-size: 0;
	}
	header+.main_img{
		background:#000;
	}
	header+.main_img img{
		width:100%;
	}
	.w980{
		width:980px;
		margin:0 auto;
	}
	.w880{
		width:880px;
		margin:0 auto;
	}
	.w490{
		width:490px;
	}
	.left{
		text-align:left;
	}
	.grid{
		/*background-image:
		linear-gradient(
		  transparent 95%,
		  rgba(3, 110, 184, 0.5) 5%
		),
		linear-gradient(
		  90deg,
		  transparent 95%,
		  rgba(3, 110, 184, 0.5) 5%
		);
		background-size: 20px 20px;
		background-repeat: repeat;*/
		padding:60px 0;
	}

	.black{
		position: relative;
		display: block;
		margin: 0;
		padding: 40px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #fff;
		font-size: 33px;
		background: #000;
		 -webkit-filter: drop-shadow(5px 5px 5px #333);
		 z-index:10;

	}

	.black:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 30px solid #000;
	}

	.black h3{
		color:#000;
		background:#fff;
		border-radius:20px;
		width:450px;
		height:50px;
		margin:0 auto 20px;
		font-size:33px;
	}

	.blue{
		position: relative;
		display: block;
		margin: 0;
		padding: 70px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #fff;
		font-size: 33px;
		background: #0e6eb8;
		 -webkit-filter: drop-shadow(5px 5px 5px #333);
		 z-index:9;

	}

	.blue:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 30px solid #0e6eb8;
	}
	
	.blue h3{
		color:#0e6eb8;
		background:#fff;
		border-radius:20px;
		width:450px;
		height:50px;
		margin:0 auto 20px;
		font-size:33px;
	}
	.blue h2, .black h2{
		font-size:36px;
	}

	.tour{
		/*background:url(../img/haikei01.jpg) 50% 0 no-repeat;*/
		padding:100px 0 70px;
		background-size:cover;
	}

	.tour div{
		display:inline-block;
		font-size:33px;
		text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
				 #fff 1px -1px 0px, #fff -1px -1px 0px;
	}

	.tour div img{
		box-shadow:5px 5px 5px #333;
	}

	.meister{
		padding:70px 0;
	}

	.meister div img:nth-child(2){
		margin:0 20px;
	}
	.meister h2{
		font-size:36px;
		color:#036eb8;
	}
	.meister h3{
		text-align:left;
		font-size:36px;
	}
	.meister p{
		text-align:left;
		font-size:25px;
	}
	.imp{
		color:#000;
		width:880px;
		text-align:left;
		margin:0 auto;
		padding:25px;
		font-size:25px;
	}
	.imp p{
		margin-top:25px;
	}
	.imp img{
		position:relative;
		left:-75px;
	}

	.imp01{
		background:#fff url(../img/office_silhouette01.png) right bottom no-repeat;
	}
	.imp02{
		background:#fff url(../img/office_silhouette02.png) right bottom no-repeat;
		margin-top:85px;
	}
	.imp03{
		background:#fff url(../img/office_silhouette03.png) right bottom no-repeat;
		margin-top:85px;
		margin-bottom:70px;
	}

	h4{
		font-size:36px;
	}
	.interview{
		padding-top:70px;
	}
	.interview h3{
		margin-top:50px;
		font-size:36px;
		color:red;
		border-bottom:2px solid #000;
		padding:0 30px;
		display: inline-block;
	}
	.interview h6{
		background: #0d6eb8;
		color: #fff;
		display: inline-block;
		margin:20px 0 0 50px;
	}
	.interview p{
		margin:30px auto 1em;
		border-bottom: 1px dashed #000;
		padding-bottom: 1em;
	}
	.interview p span{
		display: block;
		font-size: 30px;
		font-weight: bold;
	}
	.interview .w880+.w880+p{
		border: none;
		margin-bottom: 3em;
	}
	footer{
		text-align:center;
	}
	footer img{
		display:inline-block;
	}
	footer .main_img{
		margin-bottom:80px;
	}

	footer .main_img{
		
		border-top: 5px solid #000;
		border-bottom: 15px solid #000;
	}

	#page-top {
		font-size: 0;
		position: fixed;
		bottom: 16px;
		right: 16px;
		opacity: 0;
		z-index:999;
	}
	#page-top.fade-in {
		color: #000;
		font-size: 18px;
		opacity: 1.0;
		text-decoration: none;
		transition: opacity 1s;
	}
	.btn{
		display: inline-block;
		position: relative;
		text-decoration: none;
		width:100px;
		height:100px;
	}

	.btn:active{
		-ms-transform: translateY(2px);
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	.btn img{
		width:100%;
	}


	.mb50{
		margin:0 auto 50px;
		display: block;
		}
	.kaiketsu{
		padding: 100px 0;
	}
	.kaiketsu h2{
		color: #e60012;
		font-size: 57px;
		font-family: 'Noto Sans JP';
	}
	.flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 40px;
	}
	.flex div{
		width: 50%;
		text-align: left;
		padding-bottom: 2em;
	}
	.flex div:nth-child(1){
		background: url(../img/icon1.jpg) 0 1em no-repeat;
		padding-top: 1em;
	}
	.flex div:nth-child(2){
		background: url(../img/icon2.jpg) 1em 1em no-repeat;
		border-left: 2px solid #a0a0a0;
		padding-top: 1em;
	}
	.flex div:nth-child(3){
		background: url(../img/icon3.jpg) 0 1em no-repeat;
	}
	.flex div:nth-child(4){
		background: url(../img/icon4.jpg) 1em 1em no-repeat;
		border-left: 2px solid #a0a0a0;
	}
	.flex div h3{
		font-size: 30px;
		padding-left: 100px;
		line-height: 36px;
	}
	.flex div p{
		font-size: 23px;
		line-height: 30px;
		margin-top: 2em;
	}
	.flex div:nth-child(2) p,
	.flex div:nth-child(4) p{
		padding-left: 1em;
	}
	.flex div:nth-child(2) h3,
	.flex div:nth-child(4) h3{
		padding-left: 130px;
	}
	hr{
		width:95%;
		margin: 0 auto 1em;
		border:1px solid #a0a0a0;
	}
	.support{
		background: #86b6db url(../img/support_bg.png) center bottom no-repeat;
		padding: 100px 0 200px;
		margin: 70px 0 0 0;
	}
	.support h2{
		font-size: 60px;
		font-family: 'Noto Sans JP';
		margin-bottom: 45px;
	}
	.support h2 span{
		display: block;
		font-size: 36px;
		font-family: 'Noto Sans JP';
	}
	.grid2{
		background: #0d6eb8;
		padding-bottom: 100px;
	}
	.photo{
		width: 1000px;
		margin: 70px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.photo img{
		width: 325px;
		margin-bottom: 30px;
	}
	footer .blue{
		margin-top: 70px;
	}
	footer .blue:before{
		display: none;
	}
	
}