@charset "UTF-8";
/*RESET*/
* {
	margin: 0 auto;
	padding: 0px;
	word-wrap: break-word;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}


html { font-size: 62.5%;/* 10px */ }

body {
	color: #282828;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
			font-feature-settings: "palt";
			-webkit-font-feature-settings: "palt";
}
a		{ text-decoration: none; text-decoration: underline; }
a:link		{ color: #282828; }
a:visited	{ color: #282828; }
a:hover		{ color: #0066aa; text-decoration: none; }
a:active	{ color: #0066aa; text-decoration: none; }

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.transition {
	transition: 0.3s;
}

/* ------------------------------------------------------------
　　 SPAN
------------------------------------------------------------ */
span.red {
	color: #ff0000;
}
span.text-small {
	font-size: 1.2rem;
	line-height: 1;
}

/* ------------------------------------------------------------
　　 PAGE
------------------------------------------------------------ */
#page {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
.pagewidth {
	margin: 0 auto;
	clear: both;
	width: 1000px;
}

/* ------------------------------------------------------------
　　 HEADER
------------------------------------------------------------ */
header {
	background: rgba(255,255,255,1) url(../image/header_deco.png) no-repeat left top;
	text-align: center;
	z-index: 999;
	height: 80px;
	width: 100%;
	position: fixed;
}
	header a 			{ text-decoration: none !important; }
	header a:link		{ color: #282828; }
	header a:visited	{ color: #282828; }
	header a:hover	{ color: #0066aa; }
	header a:active	{ color: #0066aa; }
	
	.haeder-title {
		box-sizing: border-box;
		background: url(../image/header_company_name.png) no-repeat 50% 50%;
		box-sizing: border-box;
		text-align: left;
		font-size: 3.0rem;
		font-weight: bold;
		margin-left: 60px;
		height: 80px;
		width: 300px;
		float: left;
		transition: .2s;
	}
	.haeder-title h1 span { display: none; }
	.haeder-title a {
		text-decoration: none;
		display: block;
		height: 80px;
	}
		.haeder-title:hover {
			opacity: 0.5;
			filter: Alpha(opacity=50);
		}

#menu {
	box-sizing: border-box;
	width: 600px;
	height: 80px;
	padding: 0 20px;
	float: right;
}
.menu-ul {
	list-style: none;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
}
.menu-ul__li {
	padding-top: 32px;
	font-size: 1.8rem;
	line-height: 1;
	text-align: right;
	height: 80px;
}
	.menu-btn__link {
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding-bottom: 8px;
		text-decoration: none;
		color: #67c5ff;
	}
	.menu-btn__link:before {
		position: absolute;
		content: '';
		width: 100%;
		height: 3px;
		top:100%;
		left: 0;
		border-radius: 3px;
		transition: .2s;
	}
	.menu-btn__link:hover:before {
		background:#67c5ff;
		top: -webkit-calc(100% - 3px);
		top: calc(100% - 3px);
	}

/* ------------------------------------------------------------
　　 PANKZ
------------------------------------------------------------ */
.pankz {
	font-size: 1.2rem;
	color: #ffffff;
	background: #0066aa;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 10px;
}
.pankz-box {
	margin: 0 auto;
	clear: both;
	width: 800px;
}
.pankz-ul {
	color: #ffffff;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	.pankz-ul__li {
		font-size: 1.2rem;
		display: inline;
		list-style: none;
	}
	.pankz-ul__li:after {
		content: '\0bb';
		padding: 0 0.2em 0 0.5em;
		color: #ffffff;
	}
	.pankz-ul__li:last-child:after {
		content: '';
	}
	.pankz-ul__li a {
		text-decoration: underline;
		color: #ffffff;
	}
	
	.pankz-ul__li a:hover {
		text-decoration: none;
	}

/* ------------------------------------------------------------
　　 MAIN VISUAL
------------------------------------------------------------ */
.main-visual {
	background: #ddeefa url(../image/header_mv01.png) no-repeat top center;
	width: 100%;
	height: 450px;
	position: relative;
}
.main-visual__cp {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
	.main-visual__cp img {
		position: absolute;
		top: 52px;
		right: 100px;
	}

/* ------------------------------------------------------------
　　 CONTENTS
------------------------------------------------------------ */
#contents {
	padding-top: 80px;
	width: 100%;
}
section {
	padding: 80px 0px 80px;
	font-size: 1.6rem;
	text-align: left;
	box-sizing: border-box;
}
.section-box {
	width: 800px;
}

h2 {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #ffffff;
	background: -moz-linear-gradient(left, rgba(0, 102, 170, 0), rgba(0, 102, 170, 1) 20%, rgba(0, 102, 170, 1) 80%, rgba(0, 102, 170, 0));
	background: -webkit-linear-gradient(left, rgba(0, 102, 170, 0), rgba(0, 102, 170, 1) 20%, rgba(0, 102, 170, 1) 80%, rgba(0, 102, 170, 0));
	background: linear-gradient(to right, rgba(0, 102, 170, 0), rgba(0, 102, 170, 1) 20%, rgba(0, 102, 170, 1) 80%, rgba(0, 102, 170, 0));
	padding: 10px 20px;
	margin: 0px auto 50px;
}
h3 {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #0066aa;
	margin: 0px auto 50px;
	padding-top: 80px;
}
h3.bl {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #282828;
	margin: 0px auto 50px;
}


/* section background */
.bg-flow {
	background: -moz-linear-gradient(top, rgba(221, 246, 255, 0.5), rgba(221, 246, 255, 0) 30%),url(../image/about_gifu_map.png) no-repeat center bottom;
	background: -webkit-linear-gradient(top, rgba(221, 246, 255, 0.5), rgba(221, 246, 255, 0) 30%),url(../image/about_gifu_map.png) no-repeat center bottom;
	background: linear-gradient(to bottom, rgba(221, 246, 255, 0.5), rgba(221, 246, 255, 0) 30%),url(../image/about_gifu_map.png) no-repeat center bottom;
}
.bg-point {
	background: #eefaff url(../image/background_point.png) repeat-x center bottom;
	padding-top: 0px;
}
.bg-common {
	background: url(../image/background_common.png) repeat-x center top;
	padding-top: 0px;
}

/* flow-system */
.flow-system__box {
	background: #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	padding: 35px 50px;
}
.intro__hd {
	font-size: 2.6rem;
	text-align: center;
	margin-bottom: 35px;
	padding: 0;
}
.intro__text {
	font-size: 1.6rem;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
.flow-system__image {
	margin: 80px auto 0px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}

/* POINT */
.point-box {
	widtj: 800px;
	margin-bottom: 40px;
}
.point-ul {
	box-sizing: border-box;
	background: url(../image/point_line.png) no-repeat top 75px center;
	list-style: none;
	overflow: hidden;
	margin-left: -10px;
}
.point-ul__li {
  box-sizing: border-box;
  width: 260px;
  padding: 10px;
  float: left;
  margin-left: 10px;
}
.point-ul__icon {
	text-align: center;
}
.point-ul__text {
	line-height: 1.8em;
	margin-top: 10px;
	text-align: center;
}


/* SERVICE*/
.service-box {
}
.service-ul {
	list-style: none;
	margin-bottom: -10px;
	overflow: hidden;
}
	.service-ul__li {
		font-size: 1.6rem;
		line-height: 1.2em;
		background: #ffffff;
		padding: 10px 10px 10px 30px;
		margin-bottom: 10px;
		position: relative;
	}
	.service-ul__li:before {
		content: "";
		position: absolute;
		top: 0.8em;
  		left: 10px;
		width: 12px;
		height: 12px;
		background-color: #0088cc;
		border-radius: 50%;
	}


/* COMPANY*/
.cp-box {
	box-sizing: border-box;
	margin-bottom: 50px;
}
.cp-box__info {
	box-sizing: border-box;
	float: left;
	width: 350px;
}
	.cp-outline {
		font-size: 1.2rem;
		text-align: left;
		list-style: none;
		overflow: hidden;
		border-bottom: 1px solid #282828;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0;
	}
	.cp-outline__category {
		box-sizing: border-box;
		border-top: 1px solid #666666;
		float: left;
		width: 70px;
		padding: 15px 0;
	}
	.cp-outline__detail {
		box-sizing: border-box;
		letter-spacing: 0.1em;
		border-top: 1px solid #666666;
		float: left;
		width: auto;
		padding: 15px 0;
		width: 280px;
	}

.cp-map {
	box-sizing: border-box;
	float: left;
	margin-left: 50px;
	width: 400px;
	height: 350px;
}
	.cp-map__iframe {
		border: none;
		width: 100%;
		height: 100%;
	}

.cp-mail {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
	.cp-mail a {
		display: block;
		box-sizing: border-box;
		font-size: 1.6rem;
		line-height: none;
		text-decoration: none;
		background: #0066aa;
		padding: 15px 10px;
		width: 30%;
	}
		.cp-mail a:link,.cp-mail a:visited {
			color: #ffffff;
		}
		.cp-mail a:visited { color: #ffffff; }
		.cp-mail a:hover,.cp-mail a:active {
			opacity: 0.6;
			filter: Alpha(opacity=60);
		}
	.cp-mail a:before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 18px;
		background-image: url(../image/mail_icon.svg);
		background-size: contain;
		vertical-align: middle;
		margin-right: 10px;
		margin-top: -2px;
	}

/* PRIVACY POLICY */
.privacy-policy {
	position: relative;
	text-align: justify;
	text-justify: inter-ideograph;
}
.privacy-text {
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.pp-ol {
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: -40px;
}
	.pp-ol li {
		font-size: 1.6rem;
		padding-left: 0;
		margin-bottom: 40px;
	}
		.pp-ol__count  {
			padding-left: 0;
			list-style: none;
			margin-bottom: -10px;
		}
		.pp-ol__count li  {
			font-size: 1.4rem;
			line-height: 1.5em;
			list-style: none; 
			counter-increment: pp-count01; 
			position: relative;
			padding-left: 3.5rem;
			margin-bottom: 5px;
		}
		.pp-ol__count li:before {
			content: "（"counter(pp-count01)"）"; 
			position: absolute;
			top: 0;
			left: 0;
		}
.pp-h {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.pp-text {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------
　　 FOOTER
------------------------------------------------------------ */
footer {
	font-size: 1.2rem;
	color: #ffffff;
	background: #0066aa;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 10px;
}
	footer a {
		color: #ffffff;
		text-decoration: none;
	}
		footer a:link		{ color: #ffffff; }
		footer a:visited	{ color: #ffffff; }
		footer a:hover		{ color: #eeffff; text-decoration: underline; }
		footer a:active	{ color: #eeffff; text-decoration: underline; }

.footer-box {
	margin: 0 auto;
	clear: both;
	width: 800px;
}

.ft-left {
	float: left;
	width: 50%;
	text-align: left;
}
.ft-right {
	float: right;
	width: 50%;
	text-align: right;
}


/* ------------------------------------------------------------
　　 MEDIA
------------------------------------------------------------ */
/* ##########  1099px 以下  ##########*/
@media (max-width: 1000px) {
	#page {
		width: 1000px;
	}
	.main-visual {
		width: 1000px;
		height: 450px;
	}
	.haeder-box {
		width: 1000px;
	}
}

@media print{
    /*printで適用する内容*/
	header {
		position: relative;
	}
	#page {
		width: 1000px;
	}
	#contents {
		padding-top: 0px;
	}
	#page-top {
		display: none;
	}
}

/* CSS Document */