@charset "utf-8";

.mt5 {
	margin: 5px 0 0 0;
}
.mt30 {
	margin: 30px 0 0 0;
}

/* !diy
---------------------------------------------------------- */
.diy {
	display: flex;
	align-items: center;
}
.diy .diyimg {
}
.diy .diycont {
	flex: 1;
	padding: 0 20px 0 80px;
}
.diy .diyhd {
	font-weight: 700;
	font-size: 28px;
	line-height: 1.7;
	margin-bottom: 25px;
}
.diy .diytxt {
	font-size: 16px;
	margin-bottom: 30px;
}
.diy .diybtn {
	text-align: center;
	margin: 0 auto;
}
.diy .diybtn a {
	display: block;
	width: 360px;
	padding: 20px 30px;
	background: #00b5d3;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.diy .diybtn a span {
	background: url("../img/arrow_btn.png") right center no-repeat;
	display: block;
	padding-right: 30px;
}


.diy .itembtn3 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn3 a {
	display: block;
	width: 360px;
	padding: 20px 30px;
	background: #8fbc8f;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.diy .itembtn3 a span {
	background: url("../img/arrow_btn.png") right center no-repeat;
	display: block;
	padding-right: 30px;
}
.diy .itembtn6 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn6 a {
	display: block;
	width: 360px;
	padding: 20px 30px;
	background: #3cb371;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.diy .itembtn6 a span {
	background: url("../img/arrow_btn.png") right center no-repeat;
	display: block;
	padding-right: 30px;
}
.diy .itembtn12 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn12 a {
	display: block;
	width: 360px;
	padding: 20px 30px;
	background: #228b22;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.diy .itembtn12 a span {
	background: url("../img/arrow_btn.png") right center no-repeat;
	display: block;
	padding-right: 30px;
}

@media screen and (max-width: 1024px) {
.diy {
	display: block;
}
.diy .diybtn {
	text-align: center;
	margin: 0 auto;
}
.diy .diyimg img {
	width: 100%;
}
.diy .diycont {
	padding: 30px 20px;
}

.diy .itembtn3 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn6 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn12 {
	text-align: center;
	margin: 0 auto;
}

}
@media screen and (max-width: 767px) {
.diy .diybtn {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn3 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn6 {
	text-align: center;
	margin: 0 auto;
}
.diy .itembtn12 {
	text-align: center;
	margin: 0 auto;
}
.diy .diyhd {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.diy .diytxt {
	font-size: 14px;
	margin-bottom: 20px;
}
.diy .diybtn a {
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
}
.diy .diybtn a span {
	background-size: 25px 15px;
	padding-right: 25px;
}

.diy .itembtn3 a {
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
}
.diy .itembtn3 a span {
	background-size: 25px 15px;
	padding-right: 25px;
}
.diy .itembtn6 a {
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
}
.diy .itembtn6 a span {
	background-size: 25px 15px;
	padding-right: 25px;
}
.diy .itembtn12 a {
	width: 100%;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
}
.diy .itembtn12 a span {
	background-size: 25px 15px;
	padding-right: 25px;
}
}


/* !take
---------------------------------------------------------- */
.take {
	background: #99e1ed;
	padding: 60px 20px 70px;
}
.take .takein {
	max-width: 1140px;
	margin: 0 auto;
}
.take .takehd {
	font-size: 18px;
	margin-bottom: 20px;
}
.take .takelogo {
	margin: 0 -18px -30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.take .takelogo li {
	width:16%;
	margin: 0 18px;
	margin-bottom: 30px;
}
.take .takelogo li img{

}
.take .takelogo li a {
	display: block;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

@media screen and (max-width: 767px) {
.take {
	padding: 50px 20px;
}
.take .takehd {
	font-size: 16px;
}
.take .takelogo {
	margin: 0 -2% -20px;
}
.take .takelogo li {
	margin: 0 2%;
	width: 46%;
	margin-bottom: 20px;
}
}



/* !select
---------------------------------------------------------- */
.select {
	padding: 140px 20px 80px;
}
.select .selectin {
	max-width: 1140px;
	margin: 0 auto;
}
.selectimg {
	text-align: center;
}
.selectbox {
	max-width: 760px;
	margin: -40px auto 60px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
}
.selectbox:before {
	position: absolute;
	content: "";
	background: #231815;
	width: 100%;
	height: 2px;
	left: 0;
	top: 84px;
	z-index: 1;
}
.selectbox li {
	max-width: 170px;
	position: relative;
	z-index: 2;
}
.selectbox li+li:before {
	position: absolute;
	content: "";
	background: url("../img/or_select.png") 0 0 no-repeat;
	width: 50px;
	height: 50px;
	left: -87px;
	top: 60px;
	z-index: 2;
}
.selectbox .selectboximg {
	text-align: center;
	margin-bottom: 15px;
}
.selectbox .selectboxtxt {
	text-align: center;
	margin: 0 -15px;
}
.selectnote {
	text-align: center;
	margin-bottom: 60px;
}
.selectcheck {
	margin-bottom: 60px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.selectcheck .checkin {
	width: 48.5%;
	padding: 30px 10px 30px 0;
	background: #f1f3f3;
	display: flex;
	align-items: center;
}
.selectcheck .checkimg {
	width: 46%;
	text-align: center;
}
.selectcheck .checkcont {
	flex: 1;
	font-size: 18px;
	font-weight: 700;
}
.selectcheck .checkcont li {
	display: flex;
	align-items: center;
}
.selectcheck .checkico {
	margin-right: 15px;
}
.selectcheck .checkcont li+li {
	margin-top: 20px;
}
.select .combtn a {
	margin: 0 auto;
}
.select .combtn2 a {
	margin: 0 auto;
}
.select .combtn3 a {
	margin: 0 auto;
}

.item {
	padding: 30px 20px 80px;
}
.item .selectin {
	max-width: 1140px;
	margin: 0 auto;
}
.itemcheck .itembox {
	width: 48.5%;
	padding: 30px 10px 30px 0;
	margin: 0 auto;
	text-align: center;

}
.itemcheck .itembox div{
	text-align: left;
}
.item_title {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.item_price {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	margin: 0 0 10px 0;
}
.item_txt {
	font-size: 14px;
	line-height: 1.6em;
	white-space: break-word ;
}

.itemcheck {
	margin-bottom: 60px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.itemcheck .checkin {
	width: 48.5%;
	padding: 30px 10px 30px 0;
	background: #f1f3f3;
	display: flex;
	align-items: center;
}
.itemcheck .checkimg {
	width: 46%;
	text-align: center;
}
.itemcheck .checkcont {
	flex: 1;
	font-size: 18px;
	font-weight: 700;
}
.itemcheck .checkcont li {
	display: flex;
	align-items: center;
}
.itemcheck .checkico {
	margin-right: 15px;
}
.itemcheck .checkcont li+li {
	margin-top: 20px;
}

.itemt {
	padding: 140px 20px 80px;
}
.itemt .itemtin {
	max-width: 1140px;
	margin: 0 auto;
}

.qa {
	padding: 0px 20px 80px;
}
.qa .selectin {
	max-width: 1140px;
	margin: 0 auto;
}
.qa_area dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa_area dt::before,
.qa_area dd::before {
    margin-right: .4em;
}

.qa_area dt::before {
    content: "Q.";
}

.qa_area dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}

.qa_area dd::before {
    content: "A.";
}

@media screen and (max-width: 1024px) {
.selectbox {
	max-width: none;
	margin: 30px 20px 60px;
	display: block;
}
.selectbox:before {
	width: 4px;
	height: 100%;
	left: 83px;
	top: 0;
}
.selectbox li {
	max-width: none;
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
}
.selectbox li+li {
	margin-top: 116px;
}
.selectbox li+li:before {
	left: 60px;
	top: -83px;
}
.selectbox .selectboximg {
	text-align: center;
	margin: 0 25px 0 0;
}
.selectbox .selectboxtxt {
	text-align: left;
	flex: 1;
	margin: 0;
}
.selectnote {
	text-align: left;
	margin-bottom: 40px;
}
	
.selectcheck {
	display: block;
}
.selectcheck .checkin {
	width: auto;
	padding: 60px 10px 60px 0;
}
.selectcheck .checkin+.checkin {
	margin-top: 40px;
}
.selectcheck .checkimg {
	width: 40%;
	padding: 0 20px;
}

.itemcheck {
	display: block;
}
.itemcheck .checkin {
	width: auto;
	padding: 60px 10px 60px 0;
}
.itemcheck .checkin+.checkin {
	margin-top: 40px;
}
.itemcheck .checkimg {
	width: 40%;
	padding: 0 20px;
}
.itemcheck .itembox {
	width: auto;
	padding: 60px 10px 60px 0;
}
.itemcheck .itembox+.itembox {
	margin-top: 40px;
}

}
@media screen and (max-width: 767px) {
.select {
	padding: 100px 20px 0px;
}
.item {
	padding: 100px 20px 0px;
}
.selectbox {
	margin: 20px 10px 30px;
}
.selectbox:before {
	width: 2px;
	left: 49px;
}
.selectbox li+li {
	margin-top: 80px;
}
.selectbox li+li:before {
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	left: 35px;
	top: -55px;
}
.selectbox .selectboximg {
	width: 100px;
	margin: 0 10px 0 0;
}
.selectbox .selectboxtxt {
	text-align: left;
	flex: 1;
	margin: 0;
	font-size: 12px;
}
.selectnote {
	margin-bottom: 20px;
}
	
.selectcheck {
	display: block;
	margin-bottom: 30px;
}
.selectcheck .checkin {
	width: auto;
	padding: 30px 10px 30px 0;
}
.selectcheck .checkin+.checkin {
	margin-top: 20px;
}
.selectcheck .checkimg {
	padding: 0 15px;
}

.selectcheck .checkcont {
	font-size: 14px;
}
.selectcheck .checkico {
	margin-right: 10px;
	max-width: 20px;
}
.selectcheck .checkcont li+li {
	margin-top: 15px;
}

.itemcheck {
	display: block;
	margin-bottom: 30px;
}
.itemcheck .checkin {
	width: auto;
	padding: 30px 10px 30px 0;
}
.itemcheck .checkin+.checkin {
	margin-top: 20px;
}
.itemcheck .checkimg {
	padding: 0 15px;
}

.itemcheck .checkcont {
	font-size: 14px;
}
.itemcheck .checkico {
	margin-right: 10px;
	max-width: 20px;
}
.itemcheck .checkcont li+li {
	margin-top: 15px;
}

.itemcheck .itembox {
	width: auto;
	padding: 30px 10px 30px 0;
}
.itemcheck .itembox+.itembox {
	margin-top: 20px;
}

}



/* !merit
---------------------------------------------------------- */
.merit {
	background: url("../img/bg_merit.jpg") 0 0 no-repeat #f1f3f3;
	background-size: 100% auto;
	padding: 160px 20px 100px;
	position: relative;
}
@media screen and (max-width: 1920px) {
.merit {
	background-size: auto;
}
}

.merit .combtn {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.merit .combtn a {
	margin: 0 auto;
}
.merit .combtn2 {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.merit .combtn2 a {
	margin: 0 auto;
}
.merit .combtn3 {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.merit .combtn3 a {
	margin: 0 auto;
}

.merit .hdl {
	margin-bottom: 60px;
}
.merit .meritin {
	max-width: 1140px;
	margin: 0 auto;
}
.merit .meritlist {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 -30px -50px;
}
.merit .meritlist li {
	width: 370px;
	text-align: center;
	margin: 0 15px 50px;
}
.merit .meritimg {
	margin-bottom: 20px;
}
.merit .merittit {
	font-size: 18px;
	font-weight: 700;
}
.merit .merittxt {
	margin-top: 20px;
}
.merit .meritnote {
	font-size: 12px;
	font-weight: 400;
	margin-top: 10px;
}


@media screen and (max-width: 1024px) {
.merit .meritlist {
	margin: 0 0 -50px;
}
.merit .meritlist li {
	width: 340px;
	margin: 0 10px 50px;
}
}
@media screen and (max-width: 767px) {
.merit {
	padding: 50px 20px 80px;
}
.merit .combtn {
	bottom: -30px;
}
.merit .combtn2 {
	bottom: -30px;
}
.merit .combtn3 {
	bottom: -30px;
}
.merit .hdl {
	margin-bottom: 30px;
}
.merit .meritlist {
	display: block;
	margin: 0;
}
.merit .meritlist li {
	width: auto;
	margin: 0;
	padding: 0 10px;
}
.merit .meritlist li+li {
	margin-top: 30px;
}
.merit .meritimg img {
	max-width: 40%;
}
.merit .merittit {
	font-size: 16px;
}
.merit .merittxt {
	margin-top: 10px;
}
}



/* !problem
---------------------------------------------------------- */
.problem {
	padding: 100px 20px 0;
}
.problem .problemin {
	max-width: 750px;
	margin: 0 auto;
}
.problem .problemhd {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 50px;
}
.problem .problembox {
	display: flex;
	align-items: center;
}
.problem .problembox+.problembox {
	margin-top: 40px;
}
.problem .problemimg {
	margin: 0 60px 0 0;
}
.problem .problemcont {
	flex: 1;
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 35px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #231815;
	position: relative;
}
.problem .problemcont:before {
	position: absolute;
	content: "";
	right: 100%;
	top:50%;
	transform:translateY(-50%);
	border-right:33px #231815 solid;
	border-left:0;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	z-index: 2;
}
.problem .reverse {
	flex-direction: row-reverse;
}
.problem .reverse .problemimg {
	margin: 0 0 0 60px;
}
.problem .reverse .problemcont:before {
	right: auto;
	left: 100%;
	border-left:33px #231815 solid;
	border-right:0;
}

.problem .w_subsc {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}


.problem .txt_subsc {
	font-size: 18px;
	line-height: 1.6em;
	padding: 20px 10px;
}

.item_sec_title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}


@media screen and (max-width: 1024px) {
.problem {
	padding: 100px 20px 50px;
}
}
@media screen and (max-width: 767px) {
.problem {
	padding: 50px 20px;
}
.problem .problemhd {
	font-size: 20px;
	margin-bottom: 30px;
}

.problem .w_subsc {
	font-size: 20px;
	margin-bottom: 10px;
}
.item_sec_title {
	font-size: 20px;
	margin-bottom: 10px;
}

.problem .problembox+.problembox {
	margin-top: 20px;
}
.problem .problemimg {
	margin: 0 30px 0 0;
	max-width: 80px;
}
.problem .problemcont {
	font-size: 14px;
	padding: 20px 10px;
}
.problem .problemcont:before {
	position: absolute;
	content: "";
	right: 100%;
	top:50%;
	transform:translateY(-50%);
	border-right:25px #231815 solid;
	border-left:0;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	z-index: 2;
}
.problem .reverse .problemimg {
	margin: 0 0 0 30px;
}
.problem .reverse .problemcont:before {
	right: auto;
	left: 100%;
	border-left:25px #231815 solid;
	border-right:0;
}
}


/* !price
---------------------------------------------------------- */
.price {
	background: url("../img/bg_price.jpg") 0 bottom no-repeat #99e1ed;
	background-size: 100% auto;
	padding: 80px 20px 0;
}
@media screen and (max-width: 1920px) {
.price {
	background-size: auto;
}
}
.price .pricein {
	max-width: 1140px;
	margin: 0 auto;
}
.price .pricecont {
	background: url("../img/img_price.jpg") center center no-repeat;
	background-size: cover;
	padding: 70px 50px 100px;
	display: flex;
	justify-content: flex-end;
	position: relative;
}
.price .pricecont .combtn {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.price .pricecont .combtn a {
	margin: 0 auto;
}
.price .pricecont .combtn2 {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.price .pricecont .combtn2 a {
	margin: 0 auto;
}
.price .pricecont .combtn3 {
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.price .pricecont .combtn3 a {
	margin: 0 auto;
}

.price .pricetit {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 40px;
	-webkit-text-shadow: 00 0 10px #fff,0 0 5px #fff;
	-moz-text-shadow: 0 0 10px #fff,0 0 5px #fff;
	-ms-text-shadow: 0 0 10px #fff,0 0 5px #fff;
	-o-text-shadow: 0 0 10px #fff,0 0 5px #fff;
	text-shadow: 0 0 10px #fff,0 0 5px #fff;
}
.price .pricelist {
	display: flex;
	align-items: center;
}
.price .pricelist li+li {
	margin-left: 33px;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
.price {
	padding: 40px 20px 20px;
}
.price .pricecont {
	background-size: auto 100%;
	padding: 30px 10px 50px;
	display: block;
}
.price .pricecont .combtn {
	bottom: -30px;
}
.price .pricecont .combtn2 {
	bottom: -30px;
}
.price .pricecont .combtn3 {
	bottom: -30px;
}
.price .pricetit {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
.price .pricelist {
	display: flex;
	align-items: center;
	justify-content: center;
}
.price .pricelist li {
	text-align: center;
	max-width: 29%;
	margin: 0 2%;
}
.price .pricelist li+li {
	margin-left: 0;
}
}



/* !main
---------------------------------------------------------- */
.main {
	position: relative;
}
.main .slick-dots {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
	z-index: 2;
}
.main .slick-dots li {
	display: inline-block;
}
.main .slick-dots li.slick-active button {
	background: #00b5d3;
}
.main .slick-dots button {
	border: none;
	outline: none;
	cursor: pointer;
	background:#231815;
	text-indent: -99999px;
	padding: 0;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.mainimg {
	
}
.mainimg01 {
	background: url("../img/mainimg01.jpg") center center no-repeat;
	height: 700px;
}
.mainimg02 {
	background: url("../img/mainimg01.jpg") center center no-repeat;
	height: 700px;
}
.mainimg03 {
	background: url("../img/mainimg01.jpg") center center no-repeat;
	height: 700px;
}
.mainimg04 {
	background: url("../img/mainimg01.jpg") center center no-repeat;
	height: 700px;
}
.slick-slide {
	outline: none;
}
.mainimgsp img {
	width: 100%;
}
.maincont {
	position: absolute;
	left: 0;
	bottom: 16%;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.maincontin {
	max-width: 1140px;
	margin: 0 auto;
}
.maincont .mainlogo {
	margin-bottom: 15px;
}
.maincont .maintxt {
	font-size: 18px;
	font-weight: 700;
	padding: 0 20px;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
.maincont .mainlogo {
	max-width: 200px;
}
.maincont .maintxt {
	font-size: 14px;
	padding: 0;
}
}


.contact_area {
	display: block;
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
	max-width: 1140px;
	margin: 0 auto;
}

.inner {
	padding-top: 30px;
	display: flex;
	justify-content: space-evenly;
}
.contact_area2 {
	display: block;
	position: absolute;
	bottom: -40px;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
	max-width: 1140px;
	margin: 0 auto;
}
.contact_area3 {
	display: block;
	left: 0;
	bottom: -40px;
	width: 1140px;
	padding: 0 20px;
	z-index: 2;
	max-width: 1140px;
}
.contact_area3 .inner div {
	margin: 0 20px;
}

@media screen and (max-width: 767px) {
.contact_area {
	display: block;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
	margin: 0 auto;
}
.contact_area2 {
	display: block;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
	margin: 0 auto;
}
.contact_area3 {
	display: block;
	padding: 0 20px;
	z-index: 2;
	margin: 0 auto;
}
.inner {
	padding-top: 30px;
	display: flex;
	flex-direction: column;
}
.contact_area3 .inner div {
	margin: 10px 0;
}

}