@charset "utf-8";
/* -----------------------------------------------
	#global_header
----------------------------------------------- */
.global_header_wrap {
	position:absolute;
	width:100%;
	z-index:1001;
	border-bottom: 1px solid #ccc;
}
#global_nav .gn_menu {
	width: 980px;
}
#global_header .fn_buttons .inquiry-btn {
	padding: 4px 10px;
	height: 28px;
	transition: all 0.2s ease-out;
}
#global_header .fn_buttons .contact-btn {
	padding: 4px 10px;
	height: 28px;
	transition: all 0.2s ease-out;
}
@media only screen and (max-width: 769px) {
	#global_header .fn_buttons > li > .inquiry-btn,
	#global_header .fn_buttons > li > .contact-btn {
		height: 40px;
	}
}
/* -----------------------------------------------
	#global_footer
----------------------------------------------- */
#global_footer {
	margin-top: 0;
}
.gf_sitemap #solution_col {
	padding-right: 0;
	width: 75%;
}
@media only screen and (max-width: 767px) {
	.gf_sitemap #solution_col {
		width: 100%;
	}
}
/* #main */
#main {
	text-align:left;
	overflow:hidden;
}
/* -----------------------------------------------
	.tp_section
----------------------------------------------- */
/* .tp_section */
.tp_section {
	position: relative;
	padding: 100px 0;
}
.tp_section_header {
	font-size: 32px;
	font-weight: 400;
}
.tp_section_header_wrap {
	margin-bottom: 25px;
	text-align: center;
}
.tp_section_header_wrap .en {
	font-size: 16px;
	font-weight: 400;
}
.tp_section_lead {margin-bottom:35px;font-size:1.29em;text-align:center}
.tp_container {position:relative;max-width:980px;margin:0 auto;z-index:10}

/*
	.tp_section_service .solution-list
----------------------------------------------- */
.solution_wrap{width:81.63%;margin:0 auto}
.solution_wrap:after,
.solution_wrap:before{display:table;content:" "}
.solution_wrap:after{clear:both}
.list_solution{margin:0 -2.88%}
.list_solution a {
	display: block;
	color: #1a1a1a;
}
.list_solution .slick-list {
	overflow: hidden;
}
.list_solution .slick-arrow {
	position: absolute;
	top: 50%;
	display: block;
	width: 55px;
	height: 0;
	padding: 55px 0 0;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.list_solution .slick-prev {left:0;background-image:url(../img/top/arr_prev_square_w.png)}
.list_solution .slick-next {right:0;background-image:url(../img/top/arr_next_square_w.png)}
.list_solution .solution_item {
	float: left;
	width: 50%;
	padding: 20px;
	margin: 0 10px;
	min-height: 170px;
	border-bottom: 4px solid rgba(0,0,0,0.1);
	background-color: #f4f4f4;
}
.list_solution .solution_item .title {
	margin-bottom: 10px;
}
.list_solution .solution_item .title .text {
	font-weight: 400;
	font-size: 20px;
}
.list_solution .solution_item .discription-text {
	font-size: 14px;
}
@media only screen and (max-width: 767px) {
		.list_solution .slick-arrow {
			width: 28px;
			top: 50%;
			padding-top: 28px;
			-webkit-background-size: 28px auto;
			background-size: 28px auto;
		}
}
/*
	.tp_section_service
----------------------------------------------- */
/* .tp_section_service */
.tp_section_service {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 225px;
}
.tp_section_service::before {
	content: "";
	position: absolute;
	top: 150px;
	left: 0;
	display: block;
	height: 90%;
	width: 100%;
	background-color: #fff;
}
.tp_section_service .tp_container {
	padding-top: 50px;
	background-color: #fff;
}
@media only screen and (max-width: 767px) {
	.tp_section_service {
		border-top: none;
	}
}
/*
	.tp_section_service .list_item_wrap
----------------------------------------------- */
.tp_section_service .wrap {
	position: relative;
}
.tp_section_service .list_item_wrap .list_item .slick-prev {
	left: 0;
	top: 30%
}
.tp_section_service .list_item_wrap .list_item .slick-next {
	right: 0;
	top: 30%
}
.tp_section_service .list_item_wrap .list_item .name {
	font-weight: 400;
	font-size: 14px;
}
.tp_section_service .list_item_wrap .logo {
	border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
	.tp_section_service .list_item_wrap .list_item .slick-arrow {
		width: 28px;
		top: 25%;
		padding-top: 28px;
		-webkit-background-size: 28px auto;
		background-size:28px auto;
	}
}
/*
	.tp_section_service
----------------------------------------------- */
.tp_section_service {
	padding-top: 50px;
}
.tp_section_service .list_item_wrap {
	width: 100%;
}
.tp_section_service .list_item_wrap .list_item .item {
	width: 33.3333333333333333%;
}
.tp_section_service .list_item_wrap .list_item .item a {
	margin: 0 20px;
}
.tp_section_service .list_item_wrap .list_item .logo img {
	width: 100%;
}
.tp_section_service .list_item_wrap .list_item .item .category {
	width: 100%;
	margin: 0 auto 10px auto;
}
.tp_section_service .list_item .item {
	min-height: 320px;
}
#service.tp_section_service .list_item_wrap .list_item .name {
	font-size: 16px;
}
@media only screen and (max-width: 767px) {
	.tp_section_service .list_item_wrap .list_item .item {
		width: 100%;
		float: none;
		clear: both;
	}
}
/*
	.tp_section_whatsnew
----------------------------------------------- */
.tp_section_whatsnew {
	padding-top: 0;
	padding-bottom: 0;
}
.tp_section_whatsnew::before {
	content: "";
	position: absolute;
	top: -120px;
	left: 0;
	display: block;
	height: 400px;
	width: 100%;
	background-color: #ffb700;
}
.tp_section_whatsnew:after{
	content:"";
	position:absolute;
	top:80px;
	left:0;
	display:block;
	height:410px;
	width:100%;
	background-color:#ffb700;
	z-index:10;
}
.tp_section_whatsnew .tp_container{top:-70px;z-index:20}
.tp_section_whatsnew .button_link{margin-top:15px}
.tp_section_whatsnew .button_link > a {
	background-color: #ffb700;
	color: #333;
	text-decoration: none;
}
.tp_section_whatsnew .button_link > a:hover {
	background-color: #1D1D1D;
	color: #ffb700;
}
.list_whatsnew_wrap{padding:5.1%;background-color:#fff}
.list_whatsnew{display:table;width:100%}
.list_whatsnew a{
	color:#1a1a1a;
	transition: all 0.2s ease-out;
}
.list_whatsnew .category,.list_whatsnew .date,.list_whatsnew .title{display:table-cell;padding-top:25px;padding-bottom:25px}
.list_whatsnew > li:first-child .category,.list_whatsnew>li:first-child .date,.list_whatsnew>li:first-child .title{padding-top:0}
.list_whatsnew li {
	border-top: 1px dotted #ccc;
}
.list_whatsnew li:first-child {
	border-top: none;
}
.list_whatsnew .date{
	padding-right: 20px;
	font-size: 1.14em;
	white-space: nowrap;
	color: #999;
	min-width: 150px;
}
.list_whatsnew .category{width:161px;padding-right:16px;white-space:nowrap}
.list_whatsnew .category>.inner {
	display:block;
	padding:3px 5px;
	text-align:center;
	color:#fff;
	background-color: #ffb700;
}
.list_whatsnew .title{font-size:1.14em}

/* blog */
.tp_section_blog {
	padding-top: 0;
	background-color: #ffb700;
	padding-bottom: 50px;
}
.tp_section_blog::before {
	content: "";
	position: absolute;
	top: -120px;
	left: 0;
	display: block;
	height: 400px;
	width: 100%;
	background-color: #ffb700;
	-webkit-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	transform: skewY(5deg);
}
.tp_section_blog::after {
	content: "";
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	height: 400px;
	width: 100%;
	background-color: #ffb700;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
	z-index: 10;
	display: none;
}
.tp_section_blog .tp_container {
	top: -70px;
	z-index: 20;
}
/* .tp_section_blog */
.tp_section_blog .button_link {
	margin-top: 15px;
}
.tp_section_blog .button_link > a {
	background-color: #ffb700;
	color: #333;
	text-decoration: none;
}
.tp_section_blog .button_link > a:hover {
	background-color: #1D1D1D;
	color: #ffb700;
}
.list_blog_wrap {
	padding: 5.1%;
	background-color: #fff;
}
.list_blog {
	display: table;
	width: 100%;
}
.list_blog > li {
	border-top: 1px dotted #ccc;
}
.list_blog > li:first-child {
	border-top: none;
}
.list_blog > li:first-child .category,
.list_blog > li:first-child .date,
.list_blog > li:first-child .title {
	padding-top: 0;
}
.list_blog .category,
.list_blog .date,
.list_blog .title {
	display: table-cell;
	padding-top: 25px;
	padding-bottom: 25px;
}
.list_blog .date {
	padding-right: 20px;
	font-size: 1.14em;
	white-space: nowrap;
	color: #999;
}
.list_blog .category {
	width: 161px;
	padding-right: 16px;
	white-space: nowrap;
}
.list_blog .category > .inner {
	display: block;
	padding: 3px 5px;
	border: 1px solid #ffb700;
	text-align: center;
	color: #ffb700;
}
.list_blog .title {
	font-size: 1.14em;
}
.list_blog a {
	color: #1a1a1a;
}
@media (max-width: 767px) {
	.tp_section_blog {
		padding-bottom: 0;
	}
	.list_blog li {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.list_blog .title {
		display: block;
		margin-top: 5px;
		font-size: 1em;
	}
	.list_blog .category,
	.list_blog .date,
	.list_blog .title {
		padding-top: 0;
		padding-bottom: 0;
	}
	.list_blog .date {
		display: inline-block;
		padding-right: 10px;
		font-size: 1em;
	}
	.list_blog .category >.inner {
		padding: 2px 5px;
	}
	.list_blog .category {
		position: relative;
		top: -2px;
		display: inline-block;
		font-size: 0.93em;
		padding-right: 0;
	}
}

/* abouts */
.tp_section_aboutus {
	margin-top: -400px;
	padding-top: 430px;
	padding-bottom: 140px;
	color: #fff;
}
.tp_section_aboutus .tp_section_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	z-index: -10;
	background: url(../img/top/bg_about_us.jpg) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
	-webkit-transform:translate3d(-50%,-47.47%,0);
	transform:translate3d(-50%,-47.47%,0);
}
.tp_section_aboutus .message {
	font-size: 1.29em;
	line-height: 1.94;
	text-align: center;
}
.tp_section_aboutus .button_link {
	margin-top: 60px;
}
.tp_section_aboutus .button_link > a {
	background-color: #fff;
	border: 1px solid #333;
	color:#1a1a1a;
}
.tp_section_aboutus .button_link::after {
	display: block;
	clear: both;
	content: "";
}
.tp_section_aboutus .button_link .btn_company {
	float: left;
}
.tp_section_aboutus .button_link .btn_recruit {
	float: right;
}
@media only screen and (max-width: 767px) {
	.tp_section_aboutus .tp_container {
		padding-top: 40px;
	}
}

/*
	.tp_section_case
----------------------------------------------- */
/* case */
.tp_section_case {
	padding-top: 60px;
	padding-bottom: 25px;
	background-color: #ffb700;
}
.tp_section_case:before {
	content: "";
	position: absolute;
	top: -120px;
	left: 0;
	display: block;
	height: 400px;
	width: 100%;
	background-color: #ffb700;
	-webkit-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	transform: skewY(5deg);
}
.tp_section_case .wrap {
	position:　relative;
	margin-right:　-20px;
	margin-left:　-20px;
}
.tp_section_case .tp_container {
	position: relative;
	top: -55px;
}
.tp_section_case .tp_container a {
	text-decoration: none;
	color: #fff;
}
.tp_section_case .tp_container a:hover {
	text-decoration: underline;
}
.tp_section_case .tp_container .slick-slide a {
	color: #333;
}
.tp_section_case .button_link {
	margin-top: 45px;
}
.tp_section_case .button_link > a {
	background-color:#fff;
	color:#333;
	text-decoration: none;
}
.list_item_wrap {
	width: 81.63%;
	margin: 0 auto;
}
.list_item_wrap:after,.list_item_wrap:before{display:table;content:" "}
.list_item_wrap:after{clear:both}
.list_item{margin:0 -2.88%}
.list_item a{display:block;color:#1a1a1a;margin-right:8.16%;margin-left:8.16%}
.list_item .item{float:left;width:33.33%}
.list_item .logo{display:table;margin:0 auto 20px;background-color:#fff}
.list_item .logo img{display:block;max-width:100%;height:auto;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}
.list_item a:hover .logo img{opacity:.6}
.list_item .category{margin-bottom:10px;padding:3px 5px;background-color:#000;border-radius:10px;font-size:.79em;color:#fff;text-align:center}
.list_item .name {
	font-size: 1.14em;
	font-weight: 400;
	text-align: center;
	line-height: 1.35;
}
.list_item .slick-list {
	overflow: hidden;
}
.list_item .slick-arrow {
	position: absolute;
	top: 50%;
	display: block;
	width: 55px;
	height: 0;
	padding: 55px 0 0;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.list_item .slick-prev{left:0;background-image:url(../img/top/arr_prev_square_w.png)}
.list_item .slick-next{right:0;background-image:url(../img/top/arr_next_square_w.png)}
/*
	.tp_section_contact
----------------------------------------------- */
/* contact */
.tp_section_contact {
	padding-top: 50px;
	padding-bottom: 0;
}
.contact_wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.contact_header{
	font-size: 18px;
	font-weight: 400;
}
.contact_mail,.contact_tel{display:table-cell;text-align:center;padding:40px;vertical-align:top}
.contact_mail .icon,.contact_tel .icon{width:108px;margin:0 auto}
.contact_tel .icon img {
	display: block;
	max-width: 100%;
	height: auto;
}
.contact_mail .icon a {
	display: block;
	width: 108px;
	height: 108px;
	background-image: url(/common/img/img_contact_mail.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contact_mail .icon a:hover {
	background-position: 0 -108px;
}
.contact_mail .icon a img {
	display: none;
}
.contact_mail {
	background-color: #393939;
	color: #fff;
}
.contact_mail .contact_header {
	margin-bottom: 30px;
}
.contact_mail .icon {
	margin-bottom: 30px;
}
.contact_mail .caption {
	font-size: 1.14em;
}
.contact_tel {
	background-color: #ffb700;
}
.contact_tel .contact_header {
	margin-bottom: 15px;
}
.contact_tel .icon {
	margin-bottom:18px;
}
.contact_tel .tel {
	margin-bottom: 8px;
	font-size: 2.14em;
	font-weight: 400;
	line-height: 1;
}
.contact_tel .tel a {
	color: #222;
}
.contact_tel .tel img {
	width: auto;
	height: 24px;
}
.contact_tel .info {
	font-size: 1.14em;
}
/*
	.tp_section_contact
----------------------------------------------- */
.tp_section_contact .map {
	position: relative;
	height: 360px;
	overflow: hidden;
}
.tp_section_contact .map_canvas {
	height: 360px;
}
.tp_section_contact .company_info {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0;
	max-width: 980px;
	font-size: 1.14em;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.tp_section_contact .company_info a {
	color: #ff8d00;
}
.tp_section_contact .company_info a:hover {
	color: #ff8d00;
}
.tp_section_contact .company_info > dl {
	position: absolute;
	top: 0;
	right: -20px;
	width: 43.47%;
	padding: 40px;
	background-color: rgba(0,0,0,0.43);
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.tp_section_contact .company_info dt {
	margin-bottom: 10px;
	font-size: 1.38em;
	font-weight: 400;
}
.tp_section_contact .company_info dd + dd {
	margin-top: 5px;
}
.tp_section .button_link > a {
	display:block;width: 45.45%;
	padding: 20px;
	margin: 0 auto;
	font-size: 1.14em;
	font-weight: 400;
	text-align: center;
	-webkit-transition: opacity 0.25s ease-out;
	transition: all 0.25s ease-out;
	text-decoration: none;
}
.tp_section .button_link > a:hover {
	background-color: #2B2B2B;
	color: #ffb700;
}
@media (min-width:768px) and (max-width:979px) {
	.tp_container {
		margin-right: 20px;
		margin-left: 20px;
	}
}
@media screen and (min-width:768px) {
	.tp_section_service .service {
		width: 29.5%;
		padding: 0 2.87%;
	}
	.tp_section_service .service:nth-child(3n+1) {
		clear: left;
		padding-left: 0;
	}
	.tp_section_service .service:nth-child(3n) {
		padding-right: 0;
	}
	.tp_section_service .service:nth-child(n+4) {
		margin-top: 20px;
	}
}
@media (max-width:767px) {
	.global_header_wrap {
		position: relative;
	}

	.tp_section_header{font-size:1.57em}
	.tp_section_header_wrap{margin-bottom:13px}
	.tp_section_header_wrap .en{font-size:1em}
	.tp_section_lead{margin-bottom:16px;font-size:1em;font-weight:400}
	.tp_container{max-width:none;padding-right:20px;padding-left:20px}
	.tp_section_service{margin-top:-120px;padding-bottom:120px}
	.tp_section_service:before{top:60px}
	.tp_section_service .tp_container{padding:20px 0 0;margin-right:20px;margin-left:20px}
	.tp_section_service .services{width:auto}
	.tp_section_service .service{width:47.14%}
	.tp_section_service .service:nth-child(2n){padding-left:2.86%}
	.tp_section_service .service:nth-child(2n+1){clear:left;padding-right:2.5%}
	.tp_section_service .service:nth-child(n+3){margin-top:15px}
	.tp_section_service .tp_section_lead{width:auto;margin:0 0 30px;padding:0 20px}
	.tp_section_service .service_header{margin-bottom:7px;font-size:1.14em}
	.tp_section_service .icon{margin-bottom:15px}
	.tp_section_whatsnew{background-color:#ffb700}
	.tp_section_whatsnew:before{top:-60px}
	.tp_section_whatsnew .tp_container{top:-30px}
	.list_whatsnew_wrap{padding:25px 15px}
	.list_whatsnew{display:block}
	.list_whatsnew .date {
		margin-bottom: 10px;
		min-width: auto;
	}
	.list_whatsnew .category,.list_whatsnew .date,.list_whatsnew .title{padding-top:0;padding-bottom:0}
	.list_whatsnew>li{display:block;padding-top:15px;padding-bottom:15px}
	.list_whatsnew>li:first-child{padding-top:0}
	.list_whatsnew>li+li .category,.list_whatsnew>li+li .date,.list_whatsnew>li+li .title{border:none}
	.list_whatsnew>li+li{border-top:1px dotted #ccc}
	.list_whatsnew .date {
		display: inline-block;
		padding-right: 10px;
		font-size: 1em;
	}
	.list_whatsnew .category {
		position: relative;
		top: -2px;
		display: block;
		font-size: 0.93em;
		padding-right: 0;
		width: 100%;
	}
	.list_whatsnew .category >.inner {
		padding:2px 5px;
		text-align: center;
	}
	.list_whatsnew .title{display:block;margin-top:5px;font-size:1em}
	.tp_section_aboutus {margin-top:-240px;padding-top:250px;padding-bottom:150px;}
	.tp_section_aboutus .message{width:88%;margin:0 auto;font-size:1em;line-height:1.75;text-align:left}
	.tp_section_aboutus .button_link {
		margin-top:30px;
	}
	.tp_section_aboutus .button_link .btn_company {
		float: none;
	}
	.tp_section_aboutus .button_link .btn_recruit {
		float: none;
		margin-top: 20px;
	}
	.tp_section_case {
		padding-bottom :0;
		padding-bottom :30px;
	}
	.tp_section_case:before{top:-60px}
	.tp_section_case .tp_container {
		top:-20px;
	}
	.tp_section_case .button_link {
		margin-top:20px;
	}
	.list_item .logo{margin-bottom:12px}
	.list_item .category{margin-bottom:5px}
	.list_item .name{font-size:1em}
	.tp_section_case .list_item .slick-arrow {
		width: 28px;
		top: 55%;
		padding-top: 28px;
		-webkit-background-size: 28px auto;
		background-size:28px auto;
	}
	.tp_section_column .list_item .slick-arrow {
		width: 28px;
		top: 55%;
		padding-top: 28px;
		-webkit-background-size: 28px auto;
		background-size:28px auto;
	}
	.tp_section_column .button_link {
		margin-top:20px;
	}
	.tp_section_column .list_item .name {
		font-size: 1em;
	}
	.tp_section_contact{padding-top:35px}
	.contact_header{font-size:1.14em}
	.contact_mail,.contact_tel{display:block;padding:20px}
	.contact_mail .icon,
	.contact_tel .icon {
		width: 52px;
	}
	.contact_mail .icon a {
		width: 52px;
		height: 52px;
		background-size: 100%;
	}
	.contact_mail .contact_header{margin-bottom:15px}
	.contact_mail .icon{margin-bottom:15px}
	.contact_mail .caption{font-size:1em}
	.contact_tel .icon{margin-bottom:15px}
	.contact_tel .tel{margin-bottom:4px;font-size:1.43em}
	.contact_tel .info{font-size:1em}
	.tp_section_contact .map{height:auto}
	.tp_section_contact .map_canvas{height:180px}
	.tp_section_contact .company_info{position:static;height:auto;max-width:none;-webkit-transform:none;-ms-transform:none;transform:none;font-size:1em}
	.tp_section_contact .company_info>dl{position:static;width:auto;padding:20px 20px 30px;background:0 0;border:none;-webkit-transform:none;-ms-transform:none;transform:none;color:#1a1a1a}
	.tp_section_contact .company_info dt{margin-bottom:6px;font-size:1.14em}
	.tp_section_contact .company_info dd+dd{margin-top:0}
	.tp_section .button_link>a{width:80%;padding:12px 10px;font-size:1em;-webkit-transition:none;transition:none}
	.tp_section .button_link>a:hover{opacity:1}
}

/* -----------------------------------------------
	footer-btn-area
----------------------------------------------- */
.tp_section_contact {
	padding-top: 0;
}
.tp_section_contact .tp_container,
.tp_section_contact .contact_wrap {
	display: none;
}
.footer-btn-area {
	background-color: #393939;
	padding: 40px 0;
}
.footer-btn-area .main {
	max-width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
}
.footer-btn-area .main::after {
	display: block;
	content: "";
	clear: both;
}
.footer-btn-area .main .headline {
	color: #fff;
	text-align: center;
}
.footer-btn-area .main .headline span {
	font-size: 24px;
}
.footer-btn-area .main .btn-area {
	padding: 20px 0 0 0;
}
.footer-btn-area .main .btn-area .read {
	color: #fff;
	padding: 10px 0 0 0;
}
.footer-btn-area .main .btn-area .contact-area {
	float: left;
	width: auto;
	padding: 0 10px 0 0;
	margin: 0;
}
.footer-btn-area .main .btn-area .inquiry-area {
	float: right;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0;
}
.footer-btn-area .main .btn-area .inquiry-area .click-area {
	background-color: #fff;
	transition: all 0.2s ease-out;
}
.footer-btn-area .main .btn-area .contact-area .click-area {
	background-color: #FFB700;
	transition: all 0.2s ease-out;
}
.footer-btn-area .main .btn-area .inquiry-area .click-area:hover,
.footer-btn-area .main .btn-area .contact-area .click-area:hover {
	background-color: #262626;
}
.footer-btn-area .main .btn-area .inquiry-area .click-area:hover span {
	color: #fff;
}
.footer-btn-area .main .btn-area .contact-area .click-area:hover span {
	color: #FFB700;
}
.footer-btn-area .main .btn-area .click-area {
	display: block;
	width: 480px;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
}
.footer-btn-area .main .btn-area .click-area span {
	font-size: 20px;
	color: #333;
}
@media only screen and (max-width:  769px) {
	.footer-btn-area .main {
		max-width: 100%;
	}
	.footer-btn-area .main .headline span {
		font-size: 20px;
	}
	.footer-btn-area .main .btn-area .contact-area {
		float: none;
		padding: 0 0 20px 0;
	}
	.footer-btn-area .main .btn-area .inquiry-area {
		float: none;
		padding: 0;
	}
	.footer-btn-area .main .btn-area .read {
		font-size: 16px;
	}
	.footer-btn-area .main .btn-area .read .sp {
		display: none;
	}
	.footer-btn-area .main .btn-area .click-area {
		width: 100%;
	}
}
@media only screen and (max-width:  767px) {
	.footer-btn-area .main .btn-area .read {
		font-size: 12px;
	}
}