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

 file name  : concept.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_concept, .con_intro .wrap, .con_main .box_main .img_catch, .con_main .box_txt, .name_info .wrap {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.con_concept, .con_intro .wrap, .con_main .box_main .img_catch, .con_main .box_txt, .name_info .wrap {
		width: 95%;
	}
}

.con_intro .wrap:after, .con_main .box_txt:after, .name_info:after, .name_info .wrap:after {
	content: "";
	display: table;
	clear: both;
}

#bg_page {
	background-image: url(../concept/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../concept/images/bg_title-sp.jpg);
	}
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	padding-bottom: 90px;
	position: relative;
}

.con_intro:before {
	content: '';
	z-index: -5;
	position: absolute;
	right: -6%;
	top: -102%;
	width: 505px;
	height: 352px;
	background: no-repeat url(../access/images/bg_right.png) top left;
}

@media only screen and (max-width: 1140px) {
	.con_intro:before {
		display: none;
	}
}

.con_intro:after {
	content: '';
	z-index: -5;
	position: absolute;
	left: -6%;
	top: 0;
	width: 505px;
	height: 352px;
	background: no-repeat url(../access/images/bg_left.png) top left;
}

@media only screen and (max-width: 1140px) {
	.con_intro:after {
		display: none;
	}
}

.con_intro .wrap {
	position: relative;
}

.con_intro .wrap .st_high_sec {
	padding-bottom: 0.5em;
}

.con_intro .wrap .txt {
	text-align: center;
}

.con_intro .wrap .img01 {
	position: absolute;
	top: -14%;
	left: -2%;
}

@media only screen and (max-width: 1140px) {
	.con_intro .wrap .img01 {
		display: none;
	}
}

.con_intro .wrap .img02 {
	position: absolute;
	bottom: 2%;
	right: -1%;
}

@media only screen and (max-width: 1140px) {
	.con_intro .wrap .img02 {
		display: none;
	}
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
	padding-bottom: 60px;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.con_main {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_main {
		padding-bottom: 40px;
	}
}

.con_main:before {
	content: '';
	z-index: -5;
	position: absolute;
	right: -10%;
	bottom: 48%;
	width: 505px;
	height: 352px;
	background: no-repeat url(../access/images/bg_right.png) top left;
}

@media only screen and (max-width: 1140px) {
	.con_main:before {
		display: none;
	}
}

.con_main .box_main {
	position: relative;
	margin-bottom: 20px;
}

.con_main .box_main .img img {
	max-width: none;
}

@media only screen and (max-width: 767px) {
	.con_main .box_main .img img {
		max-width: 100%;
	}
}

.con_main .box_main .img_catch02 {
	position: absolute;
	top: -40px;
	left: 0;
	width: 45%;
}

.con_main .box_main .img_catch {
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_main .box_main .img_catch {
		display: none;
	}
}

.con_main .box_main .img_catch img {
	display: block;
	position: absolute;
	top: -660px;
	left: 0;
}

.con_main .box_txt .txt {
	margin-bottom: 20px;
}

/* -----------------------------------------------------------
	.name_info
----------------------------------------------------------- */
.name_info {
	padding-bottom: 40px;
	position: relative;
	z-index: -5;
	background: transparent url(../concept/images/bg_light_brown.png) top left;
}

.name_info:before {
	content: '';
	position: absolute;
	z-index: -4;
	left: 0;
	top: 0px;
	width: 100%;
	height: 115px;
	background: no-repeat url(../concept/images/bg_wave04.png) top left;
}

.name_info:after {
	content: '';
	position: absolute;
	z-index: -3;
	left: -6%;
	top: -58%;
	width: 505px;
	height: 352px;
	background: no-repeat url(../access/images/bg_left.png) top left;
}

@media only screen and (max-width: 1140px) {
	.name_info:after {
		display: none;
	}
}

.name_info .wrap {
	padding-top: 100px;
	width: 75%;
	margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.name_info .wrap {
		padding-top: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.name_info .wrap {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.name_info .wrap {
		width: 95%;
	}
}

.name_info .wrap .box_right {
	float: right;
	width: 77%;
	padding-top: 20px;
}

@media only screen and (max-width: 767px) {
	.name_info .wrap .box_right {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
}

.name_info .wrap .box_right h3 {
	font-size: 215%;
	font-weight: normal;
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	color: #845548;
}

@media only screen and (max-width: 767px) {
	.name_info .wrap .box_right h3 {
		font-size: 186%;
		line-height: 1.2;
		padding-bottom: 20px;
	}
}

.name_info .wrap .box_left {
	float: left;
	width: 20%;
}

@media only screen and (max-width: 767px) {
	.name_info .wrap .box_left {
		float: none;
		width: 100%;
		text-align: center;
	}
}

#footer {
	margin-top: 0;
}

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