@charset "UTF-8";
/*
 * privacy.css
 *
 */

/* !プライバシーポリシー
---------------------------------------------------------- */
.privacy {
	width:100%;
	padding:0 50px 50px 50px;
}
	.privacy div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.privacy div.inner p.intro {
			margin-bottom: 60px;
		}
		.privacy div.inner h2 {
			font-size:20px;
			font-weight: 600;
			color: #004E8A;
			padding-bottom:0.6em;
			border-bottom:1px solid #dbe8ef;
			margin-bottom: 20px;
		}
		.privacy div.inner p.read {
			margin-bottom: 30px;
		}
		.privacy div.inner p.readEnd {
			margin-bottom: 70px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 70px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 70px;
		}
		.privacy div.inner div.box {
			width:100%;
			padding:40px 50px;
			background:#eff7fc;
			border-radius: 4px;
		}
			.privacy div.inner div.box h2 {
				font-size:20px;
				font-weight: 600;
				color: #004E8A;
				padding-bottom:0;
				border-bottom:0;
				margin-bottom: 30px;
			}
			.privacy div.inner div.box p.read {
				margin-bottom: 20px;
			}

a.linkBtn {
	display:block;
	position: relative;
	width:220px;
	height:70px;
	line-height:68px;
	color:#22282C;
	transition:.4s;
	overflow:hidden;
	z-index:1;
}
	a.linkBtn div {
		position:relative;
		font-family: "Shippori Mincho", serif;
		font-weight:600;
		color:#22282C;
		z-index:2;
		transition:0.4s;
	}
		a.linkBtn div span {
			display: block;
			position: absolute;
			content:"";
			width:30px;
			height: 30px;
			background: #007EC0;
			border-radius: 50%;
			top:20px;
			right:5px;
			transition: .3s;
		}
			a.linkBtn div span i {
				position: absolute;
				font-size:11px;
				color: #FFF;
				text-align: center;
				transform: rotate(-45deg);
				top:10px;
				left:10px;
				transition: .3s;
			}
			a.linkBtn:hover div span {
				display: block;
				position: absolute;
				content:"";
				width:40px;
				height: 40px;
				border-radius: 50%;
				top:15px;
				right:0;
			}
				a.linkBtn:hover div span i {
					position: absolute;
					font-size:11px;
					text-align: center;
					top:15px;
					left:15px;
				}
	a.linkBtn::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background: #007EC0;
		content: '';
		opacity: 1;
		-webkit-transition: width 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: width 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: width 0.3s, opacity 0.3s, -moz-transform 0.3s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
		z-index:0;
	}
		a.linkBtn:hover::after {
			height: 1px;
			width:100%;
			opacity: 1;
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
		}

@media screen and (max-width:1039px){
.privacy {
	padding:0 30px 40px 30px;
}
		.privacy div.inner p.intro {
			margin-bottom: 50px;
		}
		.privacy div.inner h2 {
			font-size:18px;
		}
		.privacy div.inner p.readEnd {
			margin-bottom: 60px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 60px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 60px;
		}
			.privacy div.inner div.box h2 {
				font-size:18px;
			}

a.linkBtn {
	width:220px;
	height:60px;
	line-height:58px;
}
		a.linkBtn:hover div {
			color:#22282C;
		}
		a.linkBtn div span {
			top:15px;
			right:15px;
		}
			a.linkBtn:hover div span {
				width:30px;
				height: 30px;
				background: #007EC0;
				top:15px;
				right:15px;
			}
				a.linkBtn:hover div span i {
					color: #FFF;
					top:10px;
					left:10px;
				}
	a.linkBtn::after {
		display: none;
	}
}

@media screen and (max-width:767px){
.privacy {
	padding:0 25px 30px 25px;
}
		.privacy div.inner p.intro {
			margin-bottom: 40px;
		}
		.privacy div.inner h2 {
			font-size:16px;
		}
		.privacy div.inner p.read {
			margin-bottom: 30px;
		}
		.privacy div.inner p.readEnd {
			margin-bottom: 50px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 50px;
		}
		.privacy div.inner ul.circle {
			margin-bottom: 50px;
		}
		.privacy div.inner div.box {
			padding:30px 20px;
		}
			.privacy div.inner div.box h2 {
				font-size:16px;
				margin-bottom: 25px;
			}

a.linkBtn {
	width:210px;
}
}