@charset "utf-8";

/* ----基本---------------------------------------------------------- */
.head_bg {
	display:block;
	height:180px;
	background-image: url("./images/top_bg.jpg");
	background-repeat: repeat-x;
	padding:0;
	margin:12px 0 10px;
	position: relative;
	overflow:hidden;
	z-index:10;
}
.head_bg::before {
	content: "";
	position: absolute;
	top: -190px;
	left: calc(50% - 280px);
	right: calc(50% + 280px);
	width: 560px;
	height: 560px;
	background-color: rgba(255,255,255,.7);
	border-radius: 50%;
	z-index:11;
}
.head_bg span {
	display:block;
	top: 65px;
	width:100%;
	font-size:36px;
	text-align:center;
	z-index:12;
	position: absolute;
}

.pankuzu {
	display:block;
	padding:0;
	margin:0px 0 60px;
	background-color: #fff;
	font-size:12px;
}
.pankuzu a, {
	color:#000;
}

.ancerbox {
	display:block;
	padding:15px;
	margin:0px 0 60px;
	background-color: #fff;
	border:solid 4px #96ebd7;
	border-radius:50px;
	text-align:center;
	font-size:16px;
}
.ancerbox a {
	display:inline;
	padding:0 20px 0 0;
}
.arrow-bottom {
	display: inline-block;
	top: 2px;
	margin:0px 0 0 4px;
	padding: 10px;
	background-color: #29c4a0;
	border-radius: 50%;
	position: relative;
}
.arrow-bottom::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	left: 6px;
	top: 7px;
	transform: rotate(135deg);
	top: 4px;
}
.ancerbox a:hover {
	opacity;.7;
}

.pagetitle {
	display:block;
	padding:10px 20px;
	margin:0px 0 20px;
	background-color: #29c4a0;
	color:#fff;
	font-size:24px;
	border-radius: 8px;
}
.catchcopy {
	display:block;
	margin:0px 0 15px;
	font-size:26px;
	color:#ee7800;
}
.copy {
	display:block;
	margin:0px 0 40px;
	font-size:16px;
}
.copy2 {
	display:block;
	margin:0px 0 20px;
	font-size:16px;
}
.box {
	display:block;
	margin:0px 0 40px;
	font-size:16px;
}

/* ----内容---------------------------------------------------------- */
.privacy_danraku {
	display:block;
	margin:0px 0 40px;
}
.privacy_danraku ul {
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
}
.privacy_danraku ul li {
	display:block;
	margin:0 0 6px 0 ;
	margin-left:1em;
	text-indent: -1em;
}

.pdficonbox {
	display:block;
	margin:0px 0 40px;
}
.pdficonbox ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.pdficonbox ul li {
	display:block;
	width:48%;
	padding:0px 0px 20px 0px;
}
.pdficonbox ul li img {
	width:100%;
	height:auto;
	padding-bottom:8px;
}
.pdficonbox a {
	display: block;
	text-align:left;
	padding:20px 0px 20px 15px;
	margin: 0 2px 2px 0;
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius:8px;
	color:#000;
	font-size:16px;
	line-height:18px;
}
.pdficonbox a:hover {
	background-color:#ededed;
}
.pdficon {
	display: block;
	position: relative;
}
.pdficon::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 23px;
	margin-right: 10px;
	background-image: url(../images/base/pdf.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
}
.subtitle {
	display: block;
	text-align:left;
	padding:6px 0px 6px 15px;
	margin: 30px 0px 20px 0;
	background-color:#fff;
	border-left:solid 8px #29c4a0;
	border-bottom:solid 2px #ddd;
	color:#000;
	font-size:20px;
	line-height:18px;
	font-weight:bold;
}
.subtitle2 {
	display: block;
	text-align:left;
	padding:6px 0px 6px 2px;
	margin: 30px 0px 20px 0;
	background-color:#fff;
	border-bottom:solid 2px #29c4a0;
	color:#29c4a0;
	font-size:20px;
	line-height:18px;
	font-weight:bold;
}
