@charset "UTF-8";
/* PCの場合 */
@media screen and (min-width: 768px) {
	#about_main{
		width: 100%;
		height:600px;
		position:relative;
		background: url(../../img/about_main.png) no-repeat top center;
	}

	#about_main #in{
		padding-top:70px;
		text-align:center;
		margin:0 auto;
		width:900px;
		font-size:105%;
		display: block;
	}
	#old_page {
		margin-top: 93px;
		margin-left: 0px;
		margin-right: 0px;
		width:100% !important;
	}
	.touroku {
		padding: 20px 40px;
		font-size:180%;
	}
	.bigfont {
		font-size:250%;	
		text-align:center;
		color:#1898D9;
	}

}

/* スマホの場合 */
@media screen and (max-width: 767px) {
	#about_main{
		height:620px;
		position:relative;
		background: url(../../img/about_main.png) no-repeat top center;
		background-size:contain;
		background-position: center bottom;
	}

	#about_main img{
		display: none;
	}

	#about_main #in{
		padding-top:180px;
		text-align:center;
		margin:0 auto;
		width:100%;
		font-size:90%;
	}

	#old_page {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width:100% !important;
	}
	.touroku {
		padding: 20px 40px;
		font-size:130%;
	}
	.bigfont {
		font-size:130%;	
		line-height: 140%;
		font-weight: bold;
		text-align:center;
		color:#1898D9;
	}
}

#about_main p{
	font-size:105%;	
	color:#555;
	text-align: center;
	line-height: 1.7857;
	box-sizing: border-box;
	margin-top: 16px;
	margin-bottom: 16px;

}

.m-t3 {	margin-top:30px;}



.btndiv-white a {	text-decoration:none;}
.btndiv-white a:link {	color:#fff;}
.btndiv-white a:visited {	color:#fff;}
.btndiv-white a:active {	color:#fff;}
.btndiv-white a:hover {	color:#fff; }
.alignCenter{text-align:center;}
.alignCenter > * {margin: 0 auto;}


.container {
  position: relative;
  width: 100%;
  height: 100%;
}

.old_page,
.new_page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.old_page {
  z-index: 1;
}

.new_page {
  z-index: 0;
  display: none;
}

.arrow-area {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.arrow {
  z-index: 1;
  background: #1b9ad7;
  border-radius: 50%;
  width: 43px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 16px;
}