.sub_wrap .title {text-align: center;}
.sub_wrap .title h2 {font-size: 40px; font-weight: 500; text-transform: uppercase; letter-spacing: -0.5px; transition: all 300ms ease-out;}
.sub_wrap .title p {font-size: 18px; font-weight: 300; transition: all 300ms ease-out; word-break:keep-all;}

@media(max-width:1220px){
.sub_wrap .title h2 {font-size: 30px;}
.sub_wrap .title p {font-size: 18px; padding: 0 3%;}
}

@media(max-width:850px){
.sub_wrap .title h2 {font-size: 4vw;}
.sub_wrap .title p {font-size: 2.5vw; line-height: 4vw; padding: 0 5%;}
}

@media(max-width:640px){
.sub_wrap .title h2 {font-size: 4.5vw;}
.sub_wrap .title p {font-size: 3vw; line-height: 4.5vw; padding: 0 5%;}
} 


/* sub11 */
.path h3 {animation: fade-up 1s both;}
.path .tit {animation: fade-up 1s both;animation-delay: .5s;}
.path .txt {animation: fade-up 1s both;animation-delay: .8s;}

.s11 {color: #191919;}
.s11 .container  {padding: 0 5%;}
.s11 .container h3 {margin: 0 0 20px 0;font-size: 1.1rem;font-weight: 500;letter-spacing: -0.05em;}
.s11 .container .tit {font-size: 3.17rem;letter-spacing: -0.05em;line-height: 1.3;font-weight: 700;}
.s11 .container .tit span {color: #79bd52;}
.s11 .container .tit + .txt {margin: 25px 0 0 0;}
.s11 .container .txt {font-size: 1rem;line-height: 1.588;letter-spacing: -0.05em;color: #505050;}

@keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-webkit-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-ms-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}
@-o-keyframes fade-up {
    from { opacity: 0; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: none; }
}

.company_top {padding-top: 4%;}
.company_top .bg_company {background-image: url(https://waps.com/img/aboutImg/company_cover.jpg)}
.company_top .cover_bg {height: 500px; margin: 4% 0 0 0; background-position: right; background-size: cover; background-repeat: no-repeat;}
.company_top .com_intro {background: #1a1a1a;color: #fff;text-align: center;padding: 40px 0;}
.company_top .com_intro p {font-size: 3rem;letter-spacing: -0.05em;line-height: 1.3;font-weight: 600;}
.company_top .com_intro span {display: block;font-size: 1rem;line-height: 1.588;letter-spacing: -0.025em;font-weight: 200;padding-top: 2px;}

.com_1, .com_2 {padding: 4% 0 3%;}

.txt_box .txt_1 {font-size: 18px;font-weight: 700;letter-spacing: -0.025em;color: #505050;}
.txt_box .txt_2 {font-size: 35px;font-weight: 700;letter-spacing: -0.025em;padding: 5px 0;}
.txt_box span {display: block;font-size: 15px;font-weight: 400;letter-spacing: -0.025em;line-height: 22px;color: #505050;}

.com_1 .content {padding: 2% 5%;display: flex;justify-content: space-between;align-items: center;}
.com_1 .content .img_box {width: calc(55% - 2%);height: 550px;background-image: url(https://waps.com/img/aboutImg/com_01.jpg);background-position: r; background-size: cover; background-repeat: no-repeat;}
.com_1 .content .img_box img {display: block;width: 100%;}
.com_1 .content .cont_01 {width: calc(45% - 1%);}
.com_1 .content .cont_01 li {border-bottom: 1px solid #ddd;padding: 3% 0;}
.com_1 .content .cont_01 li:last-child {border-bottom: none;}

.com_2 {background-image: url(https://waps.com/img/aboutImg/com_02.jpg);background-position: center; background-size: cover; background-repeat: no-repeat;margin-bottom: 4%;}
.com_2 .container .tit  {color: #fff;}
.com_2 .container .tit span {color: #191919;}
.com_2 .content {padding: 3% 5%;}
.com_2 .content .cont_01 {display: flex;justify-content: space-between;align-items: center;text-align: center;border: 2px solid #fff;border-radius: 250px;padding: 1%;width: 1400px;max-width: 100%;margin: auto;}
.com_2 .content .cont_01 li {position: relative;background: rgba(255,255,255,0.9);border-radius: 50%;width: 32%;padding-bottom: 32%;}
.com_2 .content .cont_01 li>div {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}

.global {padding: 2% 0;}
.global .inner {max-width:1200px; width: 100%; margin: 0 auto;}
.global .img {width: 100%; margin-top: 3%;}
.global .img img {width: 100%; height: auto;}
.global table {width: 100%; border-top: 2px solid #2c4767; margin-top: 5%;}
.global table th, .global table td {border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.global table th {background: #f9f9f9; font-size: 18px; color: #212121; font-weight: 500; padding: 15px 0;}
.global table th:last-child {border-right: none;}
.global table td {color: #585858; font-size: 16px; text-align: center; padding: 15px 2%;}
.global table td.br_n {border-right: none;}
.global table td.addr {text-align: left; padding-left: 20px;}



@media(max-width:1220px){
/* global */
.global {padding: 10% 3%;}
}

@media(max-width:850px){

.s11 .container  {padding: 0 5%;}
.s11 .container h3 {margin: 0 0 10px 0;font-size: 0.92rem;font-weight: 500;letter-spacing: -0.05em;}
.s11 .container .tit {font-size: 2.07rem;letter-spacing: -0.05em;line-height: 1.3;font-weight: 700;}
.s11 .container .tit span {color: #79bd52;}
.s11 .container .tit + .txt {margin: 25px 0 0 0;}
.s11 .container .txt {font-size: 0.9rem;line-height: 1.54;letter-spacing: -0.05em;color: #505050;}

.company_top {padding-top: 5%;}
.company_top .bg_company {background-image: url(https://waps.com/img/aboutImg/company_cover.jpg)}
.company_top .cover_bg {height: 500px; margin: 4% 0 0 0; background-position: right; background-size: cover; background-repeat: no-repeat;}
.company_top .com_intro {background: #1a1a1a;color: #fff;text-align: center;padding: 30px 0;}
.company_top .com_intro p {font-size: 1.8rem;letter-spacing: -0.05em;line-height: 1.3;font-weight: 500;}
.company_top .com_intro span {display: block;font-size: 0.9rem;line-height: 1.588;letter-spacing: -0.025em;font-weight: 200;padding-top: 2px;}

.com_1, .com_2 {padding: 4% 0 3%;}

.txt_box .txt_1 {font-size: 13px;font-weight: 700;letter-spacing: -0.025em;color: #505050;}
.txt_box .txt_2 {font-size: 24px;font-weight: 700;letter-spacing: -0.025em;padding: 5px 0;}
.txt_box span {display: block;font-size: 13px;font-weight: 400;letter-spacing: -0.025em;line-height: 18px;color: #505050;}

.com_1 .content {padding: 2% 5%;display: flex;justify-content: space-between;align-items: center;}
.com_1 .content .img_box {width: calc(55% - 2%);height: 350px;background-image: url(https://waps.com/img/aboutImg/com_01.jpg);background-size: cover; background-repeat: no-repeat;}
.com_1 .content .img_box img {display: block;width: 100%;}
.com_1 .content .cont_01 {width: calc(45% - 1%);}
.com_1 .content .cont_01 li {border-bottom: 1px solid #ddd;padding: 3% 0;}
.com_1 .content .cont_01 li:last-child {border-bottom: none;}

.com_2 {background-image: url(img/com_02.jpg);background-position: center; background-size: cover; background-repeat: no-repeat;margin-bottom: 4%;}
.com_2 .container .tit  {color: #fff;}
.com_2 .container .tit span {color: #191919;}
.com_2 .content {padding: 3% 5%;}
.com_2 .content .cont_01 {display: flex;justify-content: space-between;align-items: center;text-align: center;border: 2px solid #fff;border-radius: 250px;padding: 1%;width: 1400px;max-width: 100%;margin: auto;}
.com_2 .content .cont_01 li {position: relative;background: rgba(255,255,255,0.9);border-radius: 50%;width: 32%;padding-bottom: 32%;}
.com_2 .content .cont_01 li>div {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}

/* global */
.global table th {font-size: 2.5vw; padding: 2%;}
.global table td {font-size:2vw; padding: 2%;}
}


@media(max-width:640px){
    
.s11 .container  {padding: 0 3%;}
.s11 .container h3 {margin: 0 0 10px 0;font-size: 0.8rem;font-weight: 500;letter-spacing: -0.05em;}
.s11 .container .tit {font-size: 1.32rem;letter-spacing: -0.05em;line-height: 1.4;font-weight: 700;}
.s11 .container .tit span {color: #79bd52;}
.s11 .container .tit + .txt {margin: 15px 0 0 0;}
.s11 .container .txt {font-size: 13px;line-height: 1.54;letter-spacing: -0.05em;color: #505050;}
.s11 .container .txt br {display: none;!important;}

.company_top {padding-top: 10%;}
.company_top .bg_company {background-image: url(https://waps.com/img/aboutImg/company_cover.jpg)}
.company_top .cover_bg {height: 130px; margin: 8% 0 0 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
.company_top .com_intro {background: #1a1a1a;color: #fff;text-align: center;padding: 25px 0;}
.company_top .com_intro p {font-size: 1.32rem;letter-spacing: -0.05em;line-height: 1.3;font-weight: 500;}
.company_top .com_intro span {display: block;font-size: 13px;line-height: 1.54;letter-spacing: -0.025em;font-weight: 200;padding-top: 2px;}

.com_1, .com_2 {padding: 12% 0 5%;}

.txt_box .txt_1 {font-size: 12px;font-weight: 700;letter-spacing: -0.025em;color: #505050;}
.txt_box .txt_2 {font-size: 20px;font-weight: 700;letter-spacing: -0.025em;padding: 3px 0;}
.txt_box span {display: block;font-size: 13px;font-weight: 400;letter-spacing: -0.025em;line-height: 18px;color: #505050;}

.com_1 .content {padding: 6% 3%;display: block;justify-content: space-between;align-items: center;}
.com_1 .content .img_box {width: 100%;height: 250px;background-image: url(https://waps.com/img/aboutImg/com_01.jpg);background-size: cover; background-repeat: no-repeat;}
.com_1 .content .img_box img {display: block;width: 100%;}
.com_1 .content .cont_01 {width: 100%;}
.com_1 .content .cont_01 li {border-bottom: 1px solid #ddd;padding: 3% 0;}
.com_1 .content .cont_01 li:last-child {border-bottom: none;}

.com_2 {background-image: url(https://waps.com/img/aboutImg/com_02.jpg);background-position: center; background-size: cover; background-repeat: no-repeat;margin-bottom: 4%;}
.com_2 .container .tit  {color: #fff;}
.com_2 .container .tit span {color: #191919;}
.com_2 .content {padding: 5%;}
.com_2 .content .cont_01 {display: block;justify-content: space-between;align-items: center;text-align: center;border: 2px solid #fff;border-radius: 250px;padding: 1%;width: 100%;max-width: 280px;margin: auto;}
.com_2 .content .cont_01 li {position: relative;background: rgba(255,255,255,0.9);border-radius: 50%;width: 100%;padding-bottom: 100%;margin-bottom: 10px;}
.com_2 .content .cont_01 li>div {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}

/* global */
.global table th {font-size: 3.2vw; padding: 2% 1%;}
.global table td {font-size:2.8vw; padding: 2% 1%;}
}

/* sub21 */
.s21 .inner {width: 100%; max-width:1200px; margin: 0 auto;}
.s21 .title h2 {margin-bottom: 5px; letter-spacing: 0;}
.s21 .title p {color: #afafaf;}

.s211 {background: #292426; padding: 5% 0; color: #fff;}
.s211 .sub_a {margin-top: 5%;}
.s211 .sub_a ul {display: flex; flex-flow:row wrap; width: 90%; margin: 0 auto; text-align: center;}
.s211 .sub_a ul li {flex:1 0 auto; position: relative;}
.s211 .sub_a ul li::after {content:""; display: block; width: 1px; height: 80%; background: #585858; position: absolute; right: 0; top: 10%;}
.s211 .sub_a ul li:last-child::after {display: none;}
.s211 .sub_a ul li h1 {font-size: 24px; font-weight: 300; color: #d4d4d4;}
.s211 .sub_a ul li h1 span {font-size: 70px; font-family: 'Exo', sans-serif; color: #fff; font-weight: 700;}
.s211 .sub_a ul li p {font-size: 18px; color: #d0d0d0; margin-top: 2%;}
.s211 .inner > p {text-align: right; font-size: 14px; color: #585858; margin: 2% 5% 0 0;}

.s212 {padding: 4% 0;}
.s212 .title p {color: #585858;}
.s212 ul {margin: 5% auto 0; display: flex; align-items: center; justify-content:center;}
.s212 ul li {position: relative; width: 280px; height: 280px; border-radius:50%; border: 1px solid #e1e1e1; display: flex; align-items: center;}
.s212 ul li::before {content: ""; display: block; width: 10px; height: 10px; border-radius:50%; background: #79bd52; position: absolute; z-index: 999;}
.s212 ul li.cir01 {position: relative; right: -3%;}
.s212 ul li.cir02 {position: relative; right: -1%;}
.s212 ul li.cir03 {position: relative; left: -1%;}
.s212 ul li.cir04 {position: relative; left: -3%;}
.s212 ul li p {font-size: 18px; line-height: 28px; color: #333; width: 100%; text-align: center; padding: 0 15%; word-break:keep-all;}
.s212 ul li p span {color: #79bd52; font-weight: 500; display: block;}
.s212 ul .cir01::before {left: -5px; animation: rotating 5s linear infinite;}
.s212 ul .cir02::before {left: -5px; animation: rotating 4s linear infinite reverse;}
.s212 ul .cir03::before {left: -5px; animation: rotating 4.5s linear infinite;}
.s212 ul .cir04::before {left: -5px; animation: rotating 3.5s linear infinite;}

@keyframes rotating{
  0%{transform-origin: 145px 50%; transform: rotate(0)}
	100%{transform-origin: 145px 50%; transform: rotate(360deg);}
}

@keyframes rotating_b{
	0%{transform-origin: 105px 50%; transform: rotate(0)}
	100%{transform-origin: 105px 50%; transform: rotate(360deg);}
}

@keyframes rotating_c{
	0%{transform-origin: 95px 90%; transform: rotate(0)}
	100%{transform-origin: 95px 50%; transform: rotate(360deg);}
}

@keyframes rotating_d{
	0%{transform-origin: 75px 90%; transform: rotate(0)}
	100%{transform-origin: 75px 50%; transform: rotate(360deg);}
}

.s213 {background:url('../img/s213_bg.jpg') no-repeat center; background-size: cover; text-align: center; color: #fff; padding: 7% 0;}
.s213 .title::after {content:""; display: block; width: 8px; height: 10px; transform: skew(20deg); background: #fff; margin: 2% auto;}
.s213 p span {display: block; font-size: 18px; line-height: 32px; font-weight: 300;}

.s214 {padding: 5% 0; }


@media(max-width:1220px){
/* 2 */
.s212 ul li {width: 200px; height: 200px;}
.s212 ul li p {font-size: 1.5vw; line-height:150%; padding: 0 10%;}

.s212 ul .cir01::before {animation: rotating_b 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_b 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_b 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_b 3.5s linear infinite;}

/* 3 */
.s213				{padding:10% 3%;}
.s213 p span {font-size:2vw; line-height:150%; word-break:keep-all;}

/* 4 */
.s214				{padding:5% 3%;}
}

@media(max-width:850px){
/* 1 */
.s211 {padding:10% 1%;}
.s211 .sub_a {margin-top: 5%;}
.s211 .sub_a ul {width: 100%;}
.s211 .sub_a ul li h1 {font-size: 4vw;}
.s211 .sub_a ul li h1 span {font-size: 7vw; }
.s211 .sub_a ul li p {font-size: 2vw;}
.s211 .inner > p {font-size: 2vw; margin: 5% 0 0 0;}

/* 2 */
.s212 {padding:10% 0;}
.s212 ul		{flex-flow:row wrap;}
.s212 ul li {width: 280px; height: 280px;}
.s212 ul li p {font-size: 2.5vw; line-height:150%;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

.s212 ul .cir01::before {animation: rotating 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating 3.5s linear infinite;}


/* 3 */
.s213				{padding:10% 3%;}
.s213 .title::after {margin: 4% auto;}
.s213 p span {font-size:2.3vw; line-height:150%;}

/* 4 */
.s214				{padding:10% 3%;}
.s214 .swiper-slide {height: 50vw !important;}

}



@media(max-width:640px){
/* 1 */
.s211 .sub_a ul li {width: 50%; flex:none; margin-bottom: 5%;}
.s211 .sub_a ul li:nth-child(2)::after {display: none;}
.s211 .sub_a ul li h1 {font-size: 4vw;}
.s211 .sub_a ul li h1 span {font-size: 8vw; }
.s211 .sub_a ul li p {font-size: 2.3vw;}
.s211 .inner > p {font-size: 2.3vw;}


/* 2 */
.s212 ul		{flex-flow:row wrap; margin-top: 5%; padding: 0 6%;}
.s212 ul li {width: 180px; height: 180px;}
.s212 ul li p {font-size: 2.8vw; line-height:150%; padding: 0 10%;}
.s212 ul .cir01::before {animation: rotating_c 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_c 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_c 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_c 3.5s linear infinite;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

/* 3 */
.s213				{padding:10% 3%;}
.s213 p span {font-size:3vw; line-height:150%; display: inline;}
.s214 .swiper-slide {height: 70vw !important;}

}

@media(max-width:400px){

/* 2 */
.s212 ul		{flex-flow:row wrap; margin-top: 5%; padding: 0 5%;}
.s212 ul li {width: 140px; height: 140px;}
.s212 ul li p {font-size: 2.8vw; line-height:150%; padding: 0 10%;}
.s212 ul .cir01::before {animation: rotating_d 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_d 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_d 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_d 3.5s linear infinite;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

}





/* sub51 */
.s51 .inner {width: 100%; max-width:1200px; margin: 0 auto;}
.s51 .title h2 {font-size: 36px; color: #212121;}

.s511 {padding: 5% 0; font-size: 18px; color: #555;}
.s511 form > div {margin-top: 5%; display: flex; flex-flow: row wrap;}
.s511 h3 {font-size: 20px; color: #212121; font-weight: 500; width: 15%;}
.s511 .radios label {margin-right: 5%; line-height: 20px;}
.s511 .radios label:last-child {margin-right: 0;}

.btn_cus {display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px;}
.btn_cus input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.check {position: absolute; top: 0; left: 1px; height: 20px; width: 20px; border-radius: 50%; background-color: #eee;}
.btn_cus:hover input ~ .check {background-color: #ccc;}
.btn_cus input:checked ~ .check {background-color: #292426;}
.check:after {content: ""; position: absolute; display: none;}
.btn_cus input:checked ~ .check:after {display: block;}
.btn_cus .check:after {left: 7px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}

.s511 input, .s511 textarea {font-family:'Noto Sans Korean'; font-weight: 300; font-size: 14px;}
.s511 .input_box {width: 85%; display: flex; flex-flow: row wrap; justify-content:space-between;}
.s511 .input_box label {width: 49%; margin-bottom: 3%;}
.s511 .input_box label input {width: 100%; border: none; border-bottom: 3px solid #292426; padding: 12px 0; }
.s511 .textareas {margin-top: 2%; height: 7vw;}
.s511 .textareas textarea {width: 85%; border:none; border-bottom: 3px solid #292426; background: #f5f5f5; padding: 10px;}
.s511 .pr {margin-top: 5%; padding-left: 40%;}
.s511 .pr .check {border-radius:0;}
.s511 .pr a {display: inline-block; margin-left: 1%;}
.s511 .submit_btn {display: block; padding: 1% 0; width: 25%; text-align: center; color: #fff; background: #292426; margin: 15px auto;}
.s511 .submit_btn + span {display: block; width: 100%; text-align: right; font-size: 14px; font-weight: 400;}

.s513 {text-align: center; padding-top: 4%; background: #fafafa;}
.s513 h2 {font-size: 24px; font-weight: 500; color: #212121;}
.s513 > div {float: left; width: 49.5%; height: 600px; position: relative;}
.s513 > div:first-child {margin-right: 1%;}
.s513 p:first-of-type {font-size: 18px; color: #585858; margin: 2% 0 10px;}
.s513 .info {font-size: 16px; margin-bottom: 5%;}
.s513 .info span:first-child {margin-right: 3%;}
.s513 iframe {width: 100%; position: absolute; left: 0; bottom: 0; height: 450px;}

@media(max-width:1220px){
.s51 .inner {padding: 0 3%;}
.s51 .title h2 {font-size: 30px;}

/* 1 */
.s511 {padding: 10% 0; font-size: 16px;}
.s511 h3 {font-size: 18px;}
.s511 .input_box label {width: 48%; margin-bottom: 5%;}
.s511 .textareas {height: 10vw; margin-top: 0;}
.btn_cus {font-size: 14px;}
.s511 .submit_btn {width: 30%; padding:1.5% 0; margin: 3% auto;}

/* 2 */
.s513 h2 {font-size: 20px;}
.s513 > div {height: 500px;}
.s513 p:first-of-type {font-size: 16px; margin: 3% 0 1%;}
.s513 .info {font-size: 14px; margin-bottom: 5%;}
.s513 iframe {width: 100%; height: 350px;}

}

@media(max-width:850px){
.s51 .title h2 {font-size: 4vw;}

/* 1 */
.s511 {font-size: 2vw;}
.s511 h3 {font-size: 2.5vw; width: 20%;}
.s511 .input_box {width: 80%;}
.s511 .textareas textarea {width: 80%;}
.s511 .input_box label {width: 100%;}
.s511 .textareas {height: 15vw;}
.btn_cus {font-size: 2vw;}
.s511 .submit_btn {width: 40%; margin: 3% auto;}
.s511 .submit_btn + span {font-size: 2vw; line-height: 3vw;}

/* 2 */
.s513 {padding-top: 0;}
.s513 h2 {font-size: 3vw;}
.s513 > div {height: 55vh; width: 100%; padding-top: 5vh;}
.s513 p:first-of-type {font-size: 2.2vw; margin: 2% 0 1%; padding: 0 3%;}
.s513 .info {font-size: 2vw;}
.s513 iframe {width: 100%; height: 35vh;}
}

@media(max-width:640px){
.s51 .title h2 {font-size: 4.5vw;}

/* 1 */
.s511 {font-size: 3vw;}
.s511 h3 {font-size: 4vw; width: 25%;}
.s511 .radios label {margin-right: 3%;}
.s511 input, .s511 textarea {font-size: 2.5vw;}
.s511 .input_box {width: 75%;}
.s511 .input_box label input {padding: 3% 0; }
.s511 .textareas textarea {width: 75%;}
.s511 .textareas {height: 20vw;}
.btn_cus {font-size: 3vw; padding-left: 7.5vw;}
.s511 .submit_btn {width: 50%; padding: 2% 0; margin: 5% auto;}
.s511 .submit_btn + span {font-size: 2.8vw; line-height: 4vw; word-break:keep-all; padding-left: 10%;}

/* 2 */
.s513 {padding-top: 0;}
.s513 h2 {font-size: 4vw;}
.s513 > div {height: 55vh;}
.s513 p:first-of-type {font-size: 3vw; margin: 2% 0 1%;}
.s513 .info {font-size: 2.8vw;}
.s513 iframe {width: 100%; height: 35vh;}

}