@charset "utf-8";
.body-main,
section {position:relative;}


/*Main Visual*/


.main__visual { position:relative; overflow:hidden;}
.main__visual-wrap {width:auto; z-index:2; position:relative;}

.main__visual-copy {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; padding: 200px 0; text-align: center; color: #fff;}

.main__visual-copy > h2 {font-size:30px; font-weight:700; line-height: 1.4; margin-top: 25PX;}
.main__visual-copy > h6 {font-size: 50PX; font-weight: 700; line-height: 1.4;}
.main__visual-copy > p {font-size:20px; font-weight:700; line-height:1.3; padding:190px 0 0 0;}
.main__visual-copy > p span.logo {display: block; margin: 25px auto 0; font-size: 0; width: 295px; height: 53px; background: url('../../image/delta/app/main_logo.png') center no-repeat; background-size: contain;}

.slick-slider .slick-track, .slick-slider .slick-list {z-index:1;}
.main__visual-item {position: relative; overflow: hidden; min-height:800px !important;}
.main__visual-item p,
.main__visual-item div { font-size:0; white-space:nowrap; overflow:hidden; position:relative; height:100%; min-height:800px !important; text-align: center; }
.main__visual-item p {transition: all 10s ease-in-out; transform: scale(1.3) skew(0.001deg);}
.main__visual-item.slick-active p {transform: scale(1) skew(0.001deg);}

.main__visual-item.nth-1 #particles-js {background: url('../../image/delta/app/main/main__visual01.png') center; background-size: cover;}
.main__visual-item.nth-2 p {background: url('../../image/delta/app/main/main__visual02.png') center; background-size: cover;}
.main__visual-item.nth-3 p {background: url('../../image/delta/app/main/main__visual03.png') center; background-size: cover;}

.main__visual-dots {font-size: 0; text-align: center; margin-top: 20px;}
.main__visual-dots li {display: inline-block;}
.main__visual-dots li+li {margin-left: 60px;}
.main__visual-dots button {font-size: 0; width: 15px; height: 15px; background: #1994cd; border: 0;}
.main__visual-dots li.slick-active button {background: #fff; transform: skew(30deg);}

#particles-js{width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;}

.main__visual-inner {display:inline-block; text-align:left;  margin:0 0 0 0; white-space:normal; position:relative; z-index:10; word-break:keep-all;  vertical-align:middle; line-height:1.3;width:100%; max-width:600px;}

@media only screen and (max-width: 1920px){
	.main__visual-copy {padding: 15% 0 10% 0;}
}


@media only screen and (max-width: 1440px){
	.main__visual-item {min-height:800px !important; max-height:700px !important;}
	.main__visual-copy {padding: 20% 5% 8% 5%;}
	.main__visual-copy > h2 {font-size: 25px;}
	.main__visual-copy > h6 {font-size: 45px;}
}

@media only screen and (max-width: 1280px){
	.main__visual-item {min-height:700px !important; max-height:700px !important;}
	.main__visual-copy {padding: 15% 5% 8% 5%;}
	.main__visual-copy > h2 {font-size: 20px;}
	.main__visual-copy > h6 {font-size: 38px;}
	.main__visual-copy > p span.logo {margin: 20px auto 0;}
}
@media only screen and (max-width: 1024px){
	.main__visual-item {min-height:600px !important; max-height:600px !important;}
	.main__visual-copy > h2 {font-size: 18px;}
	.main__visual-copy > h6 {font-size: 34px;}
	.main__visual-copy > p {padding: 100px 0 0; font-size: 16px;}
}
@media only screen and (max-width: 768px){
	.main__visual-copy > p span.logo {background-size: 80%; margin: 15px auto 0;}

	.main__visual-dots {margin-top: 10px;}
	.main__visual-dots li+li {margin-left: 40px;}
}

@media only screen and (max-width: 640px){
	.main__visual-copy {padding: 30% 5% 8% 5%;}
	.main__visual-copy > h2 {font-size: 16px;}
	.main__visual-copy > h6 {font-size: 28px;}
	.main__visual-copy > p {padding: 60px 0 0; font-size: 14px;}
	.main__visual-copy > p span.logo {background-size: 60%; margin: 10px auto 0;}
}

@media only screen and (max-width: 480px){
	.main__visual-item {min-height:500px !important; max-height:500px !important;}
	.main__visual-copy {padding: 40% 5% 8% 5%;}
	.main__visual-copy > h2 {font-size: 14px;}
	.main__visual-copy > h6 {font-size: 22px;}
	.main__visual-copy > p {font-size: 12px;font-weight: 500;}
	.main__visual-copy > p span.logo {background-size: 40%; margin: 0 auto;}
}



/* Main Title */
.main-title {text-align:left; margin-bottom:80px; z-index:2;}
.main-title h2 {font-size:38px; font-weight:600; color:#222; position:relative;}
.main-title p {font-size:16px; font-weight:500; color:#222; margin-top:10px; line-height: 1.4;}


@media only screen and (max-width: 1024px) {
	.main-title {margin-bottom:60px;}
	.main-title h2 {font-size:36px;}
	.main-title p {font-size:16px;}
}


@media only screen and (max-width: 768px) {
	.main-title h2 {font-size:32px;}
	.main-title p {font-size:14px;}
}

@media only screen and (max-width:480px){
	.main-title h2 {font-size:28px;}
}




/* product */
.main__product {padding: 80px 0 40px; position: relative; min-height: 565px;}

#section02 {background: url('../../image/delta/app/main/main__product-bg01.png') center bottom no-repeat;}
#section03 {background: url('../../image/delta/app/main/main__product-bg02.png') center no-repeat;}
#section04 {background: url('../../image/delta/app/main/main__product-bg03.png') center no-repeat;}

.main__product-wrap {font-size: 0;}
.main__product-wrap > .img {display: inline-block; width: 50%;}

.main__product-list {position: relative; display: inline-block;}
.main__product-list::after {display: block; content: ""; width: 100%; height: calc(100%); background: #ebebeb; position: absolute; top: 50%; left: 50%; transform: skew(30deg) translateY(-60%);}
.main__product.type2 .main__product-list::after {transform: skew(-30deg) translateY(-60%); left: auto; right: 50%;}
#section03 .main__product-list::before {display: block; content: ""; width: 70%; height: 100%; background: url('../../image/delta/app/main/main__ict-img.png') left center no-repeat; position: absolute; top: 50%; left: 49%; transform: translateY(-60%); background-size: cover; z-index: 2;}
#section04 .main__product-list::before {display: block; content: ""; width: 70%; height: 100%; background: url('../../image/delta/app/main/main__consulting-img.png') right center no-repeat; position: absolute; top: 50%; right: 49%; transform: translateY(-60%); background-size: cover; z-index: 2;}

.main__product-item {font-size: 0; text-align: right;}
#section03 .main__product-item {text-align: left;}

.main__product-item .img {display: inline-block; width: 50%;}

.main__product-title {display: inline-block; position: absolute; top: 0; left: 58%; z-index: 2;}
#section03 .main__product-title {left: 120px;}
.main__product-title h2 {display: inline-block; position: relative; padding: 10px 0; min-height: 60px; line-height: 40px;}
.main__product-title h2::before {content: ""; display: block; width: 150%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 0; transform: skew(30deg) translateX(-15px);}
.main__product-title h2 span:first-child {font-size: 22px; font-weight: 500; color: #222; position: relative; z-index: 1; padding-left: 25px; line-height: 1.3;}

#section02 .main__product-item .txt {display: inline-block; width: 50%; padding-left: 40px;}
#section04 .main__product-item .txt {display: inline-block; width: 50%; padding-left: 40px; margin-left: 50%;}
#section03 .main__product-item .txt {margin: 0 50% 0 0;}
.main__product .main__product-item .txt {padding-left: 40px;}

.main__product-item .txt div {text-align: left; padding-top: 60px;}
.main__product-item .txt h6 {margin-top: 50px; position: relative; z-index: 0;}
.main__product-item .txt h6::after {display: block; content: ""; width: 30px; height: 37px; background: #2e377c; position: absolute; top: 50%; left: -5px; transform: skew(30deg) translate(-50%, -50%);}
.main__product-item .txt h6 span {font-size: 20px; font-weight: 500; color: #222; position: relative; z-index: 1;}
.main__product-item .txt > div > p {margin-top: 18px; font-size: 18px; font-weight: 400; color: #222; min-height: 100px; line-height: 1.3;}

.main__product-item a {display: inline-block; padding: 15px 30px; background: #555; margin-top: 30px;}
.main__product-item a span {font-size: 18px; font-weight: 500; color: #fff; padding-right: 44px; position: relative;}
.main__product-item a span:after {display: block; content: ""; width: 11px; height: 20px; background: url('../../image/delta/app/arrow.png') center no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all .3s ease-in-out;}
.main__product-item a:hover span:after {transform: translate(10px, -50%);}

.main__product-wrap .slick-dots {font-size: 0; text-align: center; margin-top: 80px;}
#section02 .main__product-wrap .slick-dots {font-size: 0; text-align: center; margin-top: 15px;}
.main__product-wrap .slick-dots li {display: inline-block;}
.main__product-wrap .slick-dots li+li {margin-left: 60px;}
.main__product-wrap .slick-dots button {font-size: 0; width: 15px; height: 15px; background: #2e377c; border: 0;}
.main__product-wrap .slick-dots li:hover button,
.main__product-wrap .slick-dots li.slick-active button {background: #1994cd; transform: skew(30deg) scale(1.3);}

.main__product-title .arrow {display: inline-block; z-index: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 250%; min-height: 60px; font-size: 0; margin-left: 40px;}
#section02 .main__product-title .arrow {width: 200%;}
#section04 .main__product-title .arrow {width: 300%;}

.main__product-title .arrow em {display: inline-block; width: 118px; height: 60px; position: absolute; top: 0; left: -52px; z-index: 1; cursor: pointer;}
.main__product-title .arrow .prev {background: url('../../image/delta/app/slide-arrow01.png') center no-repeat; transform: rotate(180deg);}
.main__product-title .arrow .next {background: url('../../image/delta/app/slide-arrow01.png') center no-repeat; left: auto; right: 0;}
#section03 .main__product-title .arrow .prev,
#section03 .main__product-title .arrow .next {background: url('../../image/delta/app/slide-arrow02.png') center no-repeat;}


.main__product.type2 .main__product-title h2::after,
.main__product.type2 .main__product-item .txt h6::after {background: #1994cd;}

@media only screen and (max-width: 1440px) {
	.main__product#section02 {padding: 50px 0;} 
	.main__product-item .txt > div > p {font-size: 16px;}
}

@media only screen and (max-width: 1240px) {
	#section02 .main__product-item .txt {padding: 0 0 50px;}
	#section04 .main__product-item .txt {padding: 0;}
	.main__product-title h2 span:first-child {font-size: 24px}
	.main__product-title .arrow {width: 280%;}

	.main__product-item .txt h6 {margin-top: 30px}
	.main__product-item .txt h6 span {font-size: 18px;}
	.main__product-item a {margin-top: 15px;}
}

@media only screen and (max-width: 768px) {
	.main__product-item .img {width: 100%;}
	#section02 .main__product-list::after {height: 150%; top: 30%;}
	#section02 .main__product-item .txt {width: 100%; padding: 0 50px 80px;}
	#section04 {background-size: cover;}

	.main__product-wrap .slick-dots li+li {margin-left: 40px;}
	.main__product-title {left: 100px; top: auto; bottom: 350px;}
	#section03 .main__product-title {top: 0;}
	#section04 .main__product-title {top: 0; left: 50%;}
	#section04 .main__product-list::before {right: 35%;}
}

@media only screen and (max-width: 640px) {
	#section02 .main__product-wrap .slick-dots {position: relative; z-index: 3;}
	.main__product-wrap .slick-dots li+li {margin-left: 30px;}

	#section03 .main__product-list::before,
	#section04 .main__product-list::before {display: none;}

	#section03 .main__product-item .txt {margin: 0; width: 100%;}
	#section04 .main__product-item .txt {margin: 0; width: 100%; padding: 0 0 0 50px;}
	#section02 .main__product-item .txt {padding: 0 0 80px 50px;}

	#section03 .main__product-title,
	#section04 .main__product-title {left: 100px;}

	.main__product-item .txt h6 span {font-size: 17px;}
	.main__product-item .txt h6::after {width: 20px; height: 30px;}
	.main__product.type2 .main__product-list::after {right: 20%;}
}

@media only screen and (max-width: 480px) {
	#section04 .main__product-title .arrow {width: 200%;}
	.main__product-item {text-align: left;}
	#section02 {background-size: cover;}
	.main__product-list {width: calc(100% + 40px); transform: translateX(-20px);}
	.main__product-title {width: 100%; left: 50%; transform: translateX(-50%); bottom: 250px; text-align: center;}
	#section02 .main__product-title {left: 43%;}
	.main__product-title h2 span:first-child {font-size: 20px;}
	.main__product-item .txt > div > p {font-size: 14px;}
	.main__product-title .arrow {margin-left: 10px; width: 200%; left: 75%;}
	.main__product-title .arrow em {background-size: contain !important; width: 60px;}
	#section02 .main__product-title .arrow {width: 180%;}
	.main__product {min-height: 1px;}
	.main__product.type2 .main__product-list::after {right: 30%;}

	#section02 .main__product-item .txt {padding: 0 0 0 30px;}
	.main__product-wrap .slick-dots {display: none !important;}
	#section03 .main__product-title, #section04 .main__product-title {left: 50%;}
}



/* video */
.main__video-wrap {padding: 65px 0; background: #f5f5f5 url('../../image/delta/app/main/main__video-bg.png') center no-repeat;}
.main__video-wrap .main-title {margin-bottom: 50px;}
.main__video {font-size: 0;}
.main__video-item {display: inline-block; width: 50%; position: relative;}
.main__video-item::after {display: block; content: ""; width: 100%; height: 100%; background: url('../../image/delta/app/main/main__video-bg-01.png') center no-repeat; z-index: 5; position: absolute; top: 0; left: 0;}
.main__video-item .iframe { width: 100%; height: 440px;}
.main__video-item iframe { width:100%; height: 100%;}
.ytLoader {width: 100%; height: 100%; overflow: hidden; position: relative;}
.ytLoader .cover {width: 100%;}
.ytLoader .yt_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; padding: 20px; width: 78px; height: 48px; background: url('../../image/delta/app/main/yt_btn-ico.png') center no-repeat; opacity: 0.7;}

.main__video-menu {display: inline-block; width: calc(50% - 25px); margin-left: 25px; font-size: 0;}
.main__video-menu li {display: inline-block; width: 48%; margin-bottom: 25px; text-align: center; overflow: hidden;}
.main__video-menu li:nth-of-type(2n) {margin-left: 4%;}
.main__video-menu li:nth-of-type(3),
.main__video-menu li:nth-of-type(4) {margin-bottom: 0;}
.main__video-menu li a {display: block; position: relative; color: #fff;overflow: hidden; padding: 105px 0;}
.main__video-menu li a::after {content: ""; display: block; width: 320px; height: 392px; background: #2e377c; position: absolute; transform: skew(30deg); transition: all .3s ease-in-out;}
.main__video-menu li:hover a::after {width: 200%;} 
.main__video-menu li:nth-of-type(1) a:after {top: 0; right: -150px;}
.main__video-menu li:nth-of-type(2) a:after {top: 0; left: -150px;}
.main__video-menu li:nth-of-type(3) a:after {bottom: 0; right: -180px;}
.main__video-menu li:nth-of-type(4) a:after {bottom: 0; left: -120px;}
.main__video-menu li:nth-of-type(1) a {background: url('../../image/delta/app/main/video-menu-img01.jpg') center no-repeat; background-size: cover;}
.main__video-menu li:nth-of-type(2) a {background: url('../../image/delta/app/main/video-menu-img02.jpg') center no-repeat; background-size: cover;}
.main__video-menu li:nth-of-type(3) a {background: url('../../image/delta/app/main/video-menu-img03.jpg') center no-repeat; background-size: cover;}
.main__video-menu li:nth-of-type(4) a {background: url('../../image/delta/app/main/video-menu-img04.jpg') center no-repeat; background-size: cover;}
.main__video-menu li a p {font-size: 20px; font-weight: 500; width: 100%; position: relative; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main__video-menu li a span {display: block; font-size: 18px; font-weight: 400; margin-top: 20px; position: relative; z-index: 1;}


@media only screen and (max-width: 1024px) {
	.main__video-item {width: 100%; margin-bottom: 30px;}
	.main__video-menu {width: 100%; margin-left: 0;}
	.main__video-menu li a p {font-size: 20px;}
	.main__video-menu li a span {font-size: 16px; margin-top: 15px;}
}

@media only screen and (max-width: 640px) {
	.main__video-menu li {width: 100%; margin: 0 0 25px;}
	.main__video-menu li:nth-of-type(2n) {margin-left: 0;}
	.main__video-menu li:nth-of-type(3) {margin-bottom: 25px;}
}


/* information */
.main__information-wrap {padding: 95px 0; background: url('../../image/delta/app/main/main__information-bg.png') center no-repeat; background-size: cover;}
.main__information {padding: 75px 55px 60px; background: rgba(245, 245, 245, 0.4); font-size: 0;}
.main__information-item {display: inline-block; width: 16.6666%; text-align: center;}
.main__information-item .ico-text {font-size: 18px; font-weight: 500; color: #222; margin-top: 15px;}
.main__information-item .num {font-size: 50px; font-weight: 600; color: #ec3e4c; margin-top: 25px;}


@media only screen and (max-width: 1240px) {
	.main__information-wrap {background: url('../../image/delta/app/main/main__information-bg.png') 70% center no-repeat;}

	.main__information {padding: 55px;}
	.main__information-item img {height: 60px;}
	.main__information-item .num {font-size: 40px; margin-top: 15px;}
}

@media only screen and (max-width: 768px) {
	.main__information-item {width: 33.3333%; margin-top: 70px;}
}

@media only screen and (max-width: 480px) {
	.main__information {padding: 50px 20px;}
	.main__information-item,
	.main__information-item:nth-of-type(3),
	.main__information-item:nth-of-type(4),
	.main__information-item:nth-of-type(5) {width: 50%;}

	.main__information-item img {height: 40px;}
	.main__information-item .ico-text {font-size: 18px;}
	.main__information-item .num {font-size: 30px;}
}

/* location */
.main__location-wrap {position: relative; height: 600px;}
.map-copy {padding: 60px 0 110px; height: 100%; position: relative; z-index: 2;}
.map-copy::before {display: block; content: ""; width: 100%; height: 100%; background: #2e377c; transform: skew(30deg); position: absolute; top: 0; right: 55%;}

.map-info {position: relative; color: #fff; font-size: 0;}
.map-info div {display: inline-block;}
.map-info div.map-info-item01 {display: block; margin-bottom: 40px;}
.map-info div:last-child {margin-left: 130px;}
.map-info h2 {font-size: 22px; font-weight: 500; padding-left: 60px; position: relative;}
.map-info h2:after {display: block; content: ""; width: 50px; height: 35px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map-info-item01 h2:after {background: url('../../image/delta/app/main/main__map-ico01.png') 0 0 no-repeat;}
.map-info-item01 p {width: 45%;}
.map-info-item02 h2:after {background: url('../../image/delta/app/main/main__map-ico02.png') 0 0 no-repeat;}
.map-info-item03 h2:after {background: url('../../image/delta/app/main/main__map-ico03.png') 0 0 no-repeat;}
.map-info p {font-size: 16px; font-weight: 300; line-height: 1.3; margin-top: 20px; padding-left: 20px;}

.main__location-wrap .main-title h2 {color: #fff;}

.map-copy a {display: inline-block; padding: 15px 40px; margin-top: 100px; background: #fff; position: relative; z-index: 1;} 
.map-copy a p {font-size: 20px; font-weight: 500; color: #222; padding-left: 25px; position: relative;}
.map-copy a p::after {display: block; content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 16px; height: 21px; background: url('../../image/delta/app/main/main__map-ico04.png') center no-repeat;}

#main__map {width: 70%; height: 100%; margin-left: 30%; position: absolute; top: 0; left: 0;}


@media only screen and (max-width: 1440px) {
	.map-info {width: 40%;}
	.map-info-item01 p {width: 100%;}
}

@media only screen and (max-width: 1240px) {
	#section07 .main-title {margin-bottom: 50px;}
	.map-info div {display: block; margin-bottom: 40px;}
	.map-info div:last-child {margin-left: 0;}
	.map-copy a {margin-top: 0;}
}

@media only screen and (max-width: 1024px) {
	.map-info {width: 30%;}
}

@media only screen and (max-width: 768px) {
	#section07  {margin-top: 0;}
	.main__location-wrap {height: auto;}
	#main__map {width: 100%; height: 300px; margin-left: 0; position: inherit;}
	.map-copy {width: 100%; height: auto;}
	.map-info {width: 80%;}
	.map-copy::before {right: 0; width: 120%; height: 400px; transform: skew(0);}
	.map-copy::after {display: block; content: ""; width: 120%; height: 100%; position: absolute; left: -20px; top: -75%;}
	.map-info div {display: inline-block;}
}

@media only screen and (max-width: 640px) {
	.map-copy::before {width: 200%; height: 100%; right: -15%;}
	#main__map {top: -60%;}
	.map-info {width: 95%;}
}

/* contact */
.main__contact-wrap {padding: 70px 0 0; position: relative;}
.main__contact-wrap::before {display: block; content: ""; width: 1315px; height: 150%; background: #e4e4e4; position: absolute; top: 0; right: calc(55% - 583px); transform: skew(30deg); z-index: -1;}

.main__contact-input {font-size: 0;}
.main__contact-input > div {display: inline-block; margin-bottom: 35px; width: 31%; margin-right: 3.5%;}
.main__contact-input > div:nth-of-type(3n) {margin-right: 0;}
.main__contact-input .inquery-content {width: 100%; margin-left: 0;}

.main__contact-input .contact-title {margin-bottom: 10px;}
.main__contact-input .contact-title span {font-size: 18px; font-weight: 500; color: #222;}

.main__contact-input input {border: 2px solid #2e377c; width: 100%; padding: 15px;}

.main__contact-input .inquery-type .select-label {background: #fff; border: 2px solid #2e377c; border-radius: 0; padding: 1px 15px;}

.main__contact-input .inquery-content {vertical-align: top;}
.main__contact-input .inquery-content input {min-height: 125px;}

.main__contact-input .privacy-check {display: block; width: 100%; text-align: left; margin-left: 0; border: 0; padding: 0;}
.main__contact-input .privacy-check .form-check_item .checkbox-text {margin-left: 42px; font-size: 18px; font-weight: 500;}
.main__contact-input .privacy-check .form-check_item .checkbox-text span {font-size: 14px;}
.main__contact-input .privacy-check .form-check_item .checkbox-label:before {background: #fff; border: 2px solid #2e377c; width: 26px; height: 26px;}
.main__contact-input .privacy-check .form-check_item .checkbox-label.checkbox-on::after {content: ""; width: 20px; height: 20px; background: #2e377c; position: absolute; top: 0; left: 0; transform: translate(5px, 5px); z-index: 3;}

.main__contact-input .inquery-key {margin-left: 0; width: 48%;}
.main__contact-input .inquery-key .spamkey-img {border: 2px solid #2e377c; border-radius: 0;}
.main__contact-input .inquery-key .base__form-item input {padding: 10px;}

.main__contact-input .inquery-btn {text-align: right; width: 48.5%;}
.main__contact-input .inquery-btn a {display: inline-block; padding: 15px 50px; background: #555;}
.main__contact-input .inquery-btn:hover a {background: #1994cd;}
.main__contact-input .inquery-btn a span {display: inline-block; font-size: 20px; font-weight: 500; color: #fff; padding-left: 32px; position: relative;}
.main__contact-input .inquery-btn a span:after {display: block; content: ""; width: 22px; height: 26px; background: url('../../image/delta/app/main/main__inquery-btn.png') center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}


@media only screen and (max-width: 1024px) {
	.main__contact-input > div,
	.main__contact-input > div:nth-of-type(3n) {width: 48%; margin-right: 2%;}
	.main__contact-input > div:nth-of-type(2n) {margin-right: 0;}

	.main__contact-input input {padding-top: 9px;}
	.main__contact-input .inquery-key .base__form-item input {padding: 5px;}
}

@media only screen and (max-width: 768px) {
	.main__contact-input > div:nth-of-type(3n).inquery-key {width: 60%; margin-right: 0;}
	.main__contact-input .inquery-btn {width: 40%;}
}

@media only screen and (max-width: 640px) {
	.main__contact-input > div,
	.main__contact-input > div:nth-of-type(3n),
	.main__contact-input > div:nth-of-type(3n).inquery-key {width: 100%; margin-right: 0;}

	.main__contact-input .inquery-key .base__form-item input {padding: 5px;}

	.main__contact-input .inquery-btn {margin: 0 auto; width: 80%;}
}

@media only screen and (max-width: 480px) {
	.main__contact-input .inquery-btn,
	.main__contact-input .inquery-btn a {width: 100%; text-align: center;}
}