@charset "UTF-8";

/* main{ */
.main {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    flex-wrap:wrap;
    padding-left:6.6146vw;
    padding-right:5.8854vw;
    background-color:#EAB32A;
    color:#fff;
    min-height: calc(100vh - 60px - 172px);
    justify-content:space-between;
}
@media screen and (max-width:1023px) {
    .main {
        padding-bottom:11vw;
        min-height:auto;
    }
}
@media screen and (max-width:640px) {
    .main {
        flex-direction:column;
    }
}
@media screen and (max-width:456px) {
    .main {padding-left:3%;}
}
.main__content {
    padding-top:11.1979vw;
    width:60%;     
}
@media screen and (max-width:640px) {
    .main__content {width:100%;}
}

.main__image {
    position:relative;
    width:40%; 
    padding-top:1.9688vw;
}
.main__image img {max-width:100%;}
@media screen and (max-width:640px) {    
    .main__image {width:100%;}
}

.main__title {
    font-size:6.5rem;
    color:#fff;
    font-weight:700;
    word-break:break-all;
}

@media screen and (max-width:1023px) {
    .main__title {font-size:3rem;}
}
.main__title .dot {color:#9FA0A0;}
.main__text {
    margin-top:0.5rem;
    font-size:0.7rem;
    color:#fff;
    font-weight:300;
}

/* popup */
.popup_wrap .divpop {background: #fff;margin:0;display:none;box-shadow:0px 13px 21px -10px rgba(0, 0, 0, 0.3);border:solid 1px #C3C3C3;position:absolute;}
.popup_wrap .divpopb {padding: 7px 0px 14px 10px;background: #fff;margin: 0;display: inline-block;}
.popup_wrap .divpopb input[type="checkbox"] {vertical-align:middle;}
.popup_wrap .divpopc {padding:4px;display:inline-block;float:right;margin-top:4px;}
.popup_wrap .divpopc a {padding:1px 8px;}
.popup_wrap .divpopc a img {width:12px;}

.popup_wrap .divpopmv {width:452px;height:419px;}
.popup_wrap .divpopmv .divpopa{width:100%;height:377px;}
@media screen and (max-width:1200px) {
	.popup_wrap .divpopmv {width:452px;height:419px;}
	.popup_wrap .divpopmv .divpopa{width:100%;height:377px;}
}
@media screen and (max-width:960px) {
	.popup_wrap .divpopmv {width:452px;height:419px;}
	.popup_wrap .divpopmv .divpopa{width:100%;height:377px;}
}
@media screen and (max-width:750px) { 
    .popup_wrap .divpopmv {width:75%;height:310px;left:0px !important;}
	.popup_wrap .divpopmv .divpopa{width:100%;height:268px;}
}
@media screen and (max-width:450px) { 
    .popup_wrap .divpopmv {width:100%;height:310px;left:0px !important;}
	.popup_wrap .divpopmv .divpopa{width:100%;height:268px;}
}
/* }main */