@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
	position: relative;
	z-index: 1;
}

.con_main .box_slide {
	position: relative;
	z-index: 1;
}

.con_main .box_slide .slide {
	height: 530px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (max-width: 767px) {
	.con_main .box_slide .slide {
		height: 400px;
	}
}

.con_main .box_slide .slide.slide01 {
	background-image: url(../images/home/img_main01-pc.jpg);
}

@media only screen and (max-width: 767px) {
	.con_main .box_slide .slide.slide01 {
		background-image: url(../images/home/img_main01-sp.jpg);
	}
}

.con_main .catch {
	color: #fff;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 215%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	white-space: nowrap;
	text-align: center;
	line-height: 2.2;
	text-shadow: 0px 0px 16px #034b10, 0px 0px 16px #034b10, 0px 0px 16px #034b10, 0px 0px 16px #034b10;
}

@media only screen and (max-width: 767px) {
	.con_main .catch {
		font-size: 129%;
		text-align: center;
		line-height: 1.6;
	}
}

.con_main .catch span {
	display: block;
	font-size: 67%;
}

@media only screen and (max-width: 767px) {
	.con_main .catch span {
		margin-top: 5px;
	}
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	margin: 25px 0;
	padding: 70px 0;
}

@media only screen and (max-width: 767px) {
	.con_intro {
		min-height: 0;
		padding-bottom: 60px;
		margin-top: 0;
	}
}

.con_intro h2 {
	font-family: "Times New Roman", serif;
	font-weight: normal;
	width: 36.84211%;
	text-align: center;
	font-size: 322%;
	float: left;
	line-height: 1.1;
	color: #000;
	padding-top: 12px;
}

@media only screen and (max-width: 1024px) {
	.con_intro h2 {
		font-size: 286%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro h2 {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		font-size: 229%;
	}
}

.con_intro .box_content {
	float: right;
	width: 63.15789%;
}

@media only screen and (max-width: 767px) {
	.con_intro .box_content {
		float: none;
		width: 100%;
	}
}

.con_intro .box_content .catch {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 286%;
	margin-bottom: 20px;
	color: #000;
}

@media only screen and (max-width: 1024px) {
	.con_intro .box_content .catch {
		font-size: 229%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_content .catch {
		font-size: 143%;
		text-align: center;
	}
}

.con_intro .box_content .txt {
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8);
	line-height: 2;
}

@media only screen and (max-width: 767px) {
	.con_intro .box_content .txt {
		width: 90%;
		margin: 0 auto;
	}
}

/* -----------------------------------------------------------
	.con_points
----------------------------------------------------------- */
.con_points ul {
	overflow: hidden;
}

.con_points ul li {
	float: left;
	width: 33.33333333%;
	height: 427px;
	position: relative;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {
	.con_points ul li {
		height: 0;
		padding-top: 40%;
	}
}

@media only screen and (max-width: 767px) {
	.con_points ul li {
		float: none;
		width: 100%;
		padding-top: 80%;
	}
}

.con_points ul li:after {
	content: " ";
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	z-index: 1;
	background-size: auto;
}

.con_points ul li:nth-child(1):after {
	background-image: url(../images/home/img_course.png);
}

.con_points ul li:nth-child(1) .box_title {
	background: #004100;
}

.con_points ul li:nth-child(2):after {
	background-image: url(../images/home/img_weather.png);
}

.con_points ul li:nth-child(2) .box_title {
	background: #063f74;
}

.con_points ul li:nth-child(3):after {
	background-image: url(../images/home/img_access.png);
}

.con_points ul li:nth-child(3) .box_title {
	background: #bb5918;
}

.con_points ul li .box_title {
	position: absolute;
	bottom: 0;
	height: 125px;
	left: 0;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 1024px) {
	.con_points ul li .box_title {
		font-size: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.con_points ul li .box_title {
		font-size: 100%;
		height: 35%;
	}
}

.con_points ul li .box_title .inner {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center;
}

.con_points ul li .box_title .inner h2 {
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
}

.con_points ul li .box_title .inner h2 span {
	display: block;
}

.con_points ul li .box_title .inner h2 span.jp {
	font-size: 250%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}

@media only screen and (max-width: 767px) {
	.con_points ul li .box_title .inner h2 span.jp {
		font-size: 158%;
	}
}

.con_points ul li .box_title .inner h2 span.en {
	font-family: "Times New Roman", serif;
	font-size: 122%;
}

.con_points ul li .box_title .inner .box_content {
	opacity: 0;
	height: 0;
}

@media only screen and (max-width: 1024px) {
	.con_points ul li .box_title .inner .box_content {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

.con_points ul li .box_title .inner .box_content .txt {
	color: #fff;
	font-size: 108%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.con_points ul li .box_title .inner .box_content .btn {
	margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_points ul li .box_title .inner .box_content .btn a {
		min-width: 0;
	}
}

.con_points ul li:hover .box_title {
	height: 100%;
}

.con_points ul li:hover .box_title .inner .box_content {
	margin-top: 15px;
	opacity: 1;
	height: auto;
	-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

/* -----------------------------------------------------------
	.con_rsrv
----------------------------------------------------------- */
.con_rsrv {
	margin-top: 70px;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.con_rsrv {
		margin-top: 50px;
	}
}

.con_rsrv .box_l {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.con_rsrv .box_l {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
}

.con_rsrv .box_r {
	float: right;
	width: auto;
}

@media only screen and (max-width: 767px) {
	.con_rsrv .box_r {
		float: none;
		width: 100%;
	}
}

.con_rsrv .box_tel > * {
	color: #000000;
}

.con_rsrv .box_tel dt {
	font-size: 122%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}

@media only screen and (max-width: 1024px) {
	.con_rsrv .box_tel dt {
		font-size: 108%;
	}
}

.con_rsrv .box_tel dd {
	border-left: 5px solid #002400;
	padding-left: 12px;
	line-height: 0.8;
	margin-top: 10px;
	display: inline-block;
	font-family: "Times New Roman", serif;
	font-size: 229%;
}

@media only screen and (max-width: 1024px) {
	.con_rsrv .box_tel dd {
		font-size: 186%;
	}
}

@media only screen and (max-width: 767px) {
	.con_rsrv .box_tel dd {
		font-size: 158%;
	}
}

.con_rsrv .box_tel dd strong {
	font-size: 166%;
	font-weight: normal;
}

.con_rsrv .box_tel dd a {
	text-decoration: none;
	color: #000;
}

/* -----------------------------------------------------------
	.con_access
----------------------------------------------------------- */
.con_access {
	margin-top: 70px;
}

@media only screen and (max-width: 767px) {
	.con_access {
		margin-top: 50px;
	}
}

.con_access #map {
	height: 450px;
	background: #ccc;
	margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
	.con_access #map {
		height: 260px;
	}
}

.con_access .box_access {
	overflow: hidden;
}

.con_access .box_access .img {
	float: left;
	width: 28.94737%;
}

@media only screen and (max-width: 767px) {
	.con_access .box_access .img {
		float: none;
		width: 100%;
	}
	.con_access .box_access .img img {
		width: 100%;
	}
}

.con_access .box_access .box_content {
	width: 67.54386%;
	float: right;
}

@media only screen and (max-width: 767px) {
	.con_access .box_access .box_content {
		float: none;
		width: 100%;
	}
}

.con_access .box_access .box_content h3 {
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	font-size: 179%;
	padding-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
	.con_access .box_access .box_content h3 {
		font-size: 158%;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_access .box_content h3 {
		font-size: 129%;
		margin-top: 15px;
	}
}

.con_access .box_access .box_content .box_address {
	float: left;
	width: calc(100% - 320px);
}

@media only screen and (max-width: 1024px) {
	.con_access .box_access .box_content .box_address {
		float: none;
		width: 100%;
	}
}

.con_access .box_access .box_content .box_address address {
	font-size: 115%;
	font-weight: bold;
}

.con_access .box_access .box_content .box_address .txt_tel {
	font-family: "Times New Roman", serif;
	line-height: 1.4;
	font-size: 200%;
}

.con_access .box_access .box_content .box_address .txt_tel a {
	text-decoration: none;
	display: block;
}

.con_access .box_access .box_content .box_address .txt_fax, .con_access .box_access .box_content .box_address .txt {
	font-size: 115%;
}

.con_access .box_access .box_content .btns {
	float: right;
	width: 310px;
}

@media only screen and (max-width: 1024px) {
	.con_access .box_access .box_content .btns {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_access .box_content .btns {
		text-align: center;
	}
}

.con_access .box_access .box_content .btns li {
	margin-top: 10px;
}

.con_access .box_access .box_content .btns li:first-child {
	margin-top: 0;
}

.con_access .box_access .box_content .btns li:first-child a {
	background-color: #bb5918;
	color: #fff !important;
}

/*# sourceMappingURL=../maps/homepage.css.map */