@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* Copyright (C) 2017 VERSION3 LLC.                             */
/*--------------------------------------------------------------*/
/* policy */
.policy {
	max-width: 1000px;
	margin: 50px auto;
}

.policy h1 {
	font-size: 24px;
}
.policy h2 {
	font-size: 20px;
	margin-top: 30px;
}
.policy p {
	font-size: 16px;
	margin-top: 20px;
}
.policy p.right {
	font-size: 16px;
	text-align: right;
	margin-top: 30px;
}


/* section5 */
#section5 {
	opacity: 0;
	position: relative;
	margin-top: 80px;
	width: 100%;
	height: 654px;
	overflow: hidden;
}
#section5:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
	background: url("../img/sec5_bg.png") top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
	z-index: 0;
}
#section5.bg_scale:after {
	transform: scale(1.1);
}
#section5 .title {
	position: absolute;
	top: 212px;
	left: 0;
	right: 0;
	margin: auto;
	width: 433px;
	height: 53px;
	z-index: 10;
}
#section5 .title img {
	position: absolute;
	top: 53px;
}
#section5 p {
	display: none;
	position: absolute;
	top: 300px;
	left:0;
	right: 0;
	margin: auto;
	font-size: 16px;
	color: #fff;
	text-align: center;
	z-index: 10;
}
#section5 .btn {
	position: absolute;
	top: 400px;
	left:0;
	right: 0;
	margin: auto;
	width: 420px;
	height: 64px;
	z-index: 10;
}
#section5 .btn a {
	position: absolute;
	top: 64px;
	display: block;
	width: 420px;
	height: 64px;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	z-index: 10;
}
#section5 .btn a img {
	position: relative;
	margin-top: 22px;
	z-index: 10;
}
/*
#section5 .btn a:hover {
	background-color: #6fba2c;
}
*/
#section5 .btn span {
	position: absolute;
	top: 0;
	left: -50%;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	background-color: #eccf61;
	transition: all .5s ease;
	z-index: 0;
}
#section5 .btn.btn_scale span {
	transform: scaleX(2);
}
/* common */
.hide{
	overflow: hidden;
}
.orange {
	position: absolute;
	top:0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #eccf61;
}
.white {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: #fff;
}

.orange2 {
	position: absolute;
	top:0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: #eccf61;
}
.white2 {
	position: absolute;
	top: -50px;
	right: 0;
	width: 100%;
	height: 120%;
	background-color: #fff;
}
/* opening　*/
#loading {
	position: absolute;
	width: 729px;
	height: 70px;
	top: 321px;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
}
#loading .gray {
	position: absolute;
	width: 0;
	height: 100%;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	margin:auto;
	background-color: #ddddd7;
}
#loading .yellow {
	position: absolute;
	width: 0;
	height: 100%;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	margin:auto;
	background-color: #fef000;
}
#loading .init {
	position: absolute;
	top:70px;
}
.center {
	left:0;
	right:0;
	margin:auto;
}

#container div {
	display: none;
}

/*************************
SP
*************************/
@media screen and (max-width: 960px){
	.policy {
		max-width: 100%!important;
		padding: 50px 15px;
	}
}