.container_header_mo {display: none;}
.header_mo {display: none;}
@media screen and (max-width: 1500px) {
    header {width: 89.5%; overflow-x: hidden;}
}

@media screen and (max-width: 1445px) {
    .container {max-width: 1000px; width: 100%; height: 100%; margin: 0 auto; overflow-x: hidden;}
    /* .container_header {max-width: 1000px; width: 100%; height: auto; margin: 0 auto;} */
}

@media screen and (max-width: 1200px) {
    .container_header {max-width: initial; width: 92%; height: auto; margin: 0 auto; overflow-x: hidden;}
    /* .container {width: 89.5%; max-width: initial;} */
     /* header {width: 100%; border-radius: 0; background: none; padding: 0;left: 0; transform: translateX(0);} */
     /* .nav_area {background: #444; border-radius: 30px; padding: 20px 20px;} */
    /*.nav_area {height: auto; padding: 20px 0; background: #444; margin: 0 auto; border-radius: 30px; z-index: 9999; transition: all 0.3s;} */
}

@media screen and (max-width: 1024px) {
    header {top: 0; width: 100%; border-radius: 0;}
    .header_mo {display: block;}
    .header_pc {display: none;}
    .container {width: 89.5%; max-width: initial;}
    .container_header_mo {display: block; width: 89.5%; box-sizing: border-box;}
    .container_header_pc {display: none;}
    /* .container_header_mo.on {height: 100vh; transition: all 0.3s;} */
    .main_logo_area {display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
    .logo p {color: #fff;}
    .menu_button i {font-size: 30px; color: #fff; box-sizing: border-box;}
    .menu_button i:last-child {display: none;}
    .container_header_mo nav {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
    .container_header_mo nav > ul > li > a {font-size: 20px; color: #fff;}
    .container_header_mo nav > ul > li {margin-bottom: 30px;}
    .container_header_mo nav > ul > li:last-child {margin-bottom: 0;}
    .sub_visual ul li {width: calc(100% / 2); box-sizing: border-box;}
    .moder_chang > ul > li {width: calc(100% / 3);}
    .adless {text-align: center;}
    .cp_nav {flex-flow: column-reverse; align-items: center;}
    .cp_nav ul:last-child {margin-bottom: 10px;}
    .menu_button {box-sizing: border-box;} 
}

@media screen and (max-width: 768px) {
    .logo p {font-size: 3.646vw;}
    .logo p {width: 320px !important;}
    .visual {height: auto; padding: 19.531vw 0;}
    .visual::before {height: 100%;}
    .visual_left {margin-bottom: 3.906vw;}
    .menu_button i {font-size: 5.208vw;}
    .container_visual {flex-flow: column;}
    .sub_visual ul li > div {flex-flow: column;}
    .sub_visual ul li > div > .sub_visual_img > i {margin-right: 0; margin-bottom: 1.302vw; margin-bottom: 2.604vw; width: 9.115vw; height: 9.115vw; line-height: 8.854vw; font-size: 4.557vw;}
    .sub_visual ul li > div > .sub_visual_img > i:before {line-height: 8.854vw;}
    .sub_visual {padding: 3.906vw;}
    .visual_right {width: 78.125vw; padding: 6.510vw 3.906vw;}
    .section3_title h3 {font-size: 4.167vw; margin-bottom: 1.302vw;}
    .section3_title p {font-size: 3.646vw;}
    .section3_title {margin-bottom: 5.208vw;}
    .visual_right input,.visual_right select {height: 7.813vw; padding: 0 3.906vw; border: 0; font-size: 3.125vw; line-height: 7.813vw;}
    .visual_right form div {margin-bottom: 3.906vw;}
    .visual_right form div p {font-size: 2.865vw; padding: 0 0;}
    .visual_right textarea {height: 26.042vw; padding: 0 3.906vw; border: 0; font-size: 3.125vw; line-height: 7.813vw}
    .button button {height: 7.813vw; padding: 0 3.906vw; font-size: 3.125vw; line-height: 7.813vw;}
    .sub_visual ul li > div > .sub_text p {font-size: 2.604vw;}
    .title {padding: 13.021vw 0;}
    .title h2 {font-size: 7.292vw; line-height: 7.031vw;}
    .title h2::after {content: ''; display: block; width: 39.063vw; background: #ddd; height: 0.260vw; margin: 5.208vw auto;}
    .title p {font-size: 3.125vw; word-break: keep-all;}
    .title p > br {display: none;}
    .moder_chang > ul > li > .moder_img {width: 16.927vw; height: 16.927vw; line-height: 20.833vw; margin-top: 5.208vw;}
    .moder_chang > ul > li > .moder_img > i {font-size: 8.854vw;}
    .moder_chang > ul > li > .moder_p p {font-size: 3.125vw; padding-top: 4.557vw; padding-bottom: 5.208vw;}
    .moder_chang > ul > li {width: calc(100% / 2);}
    .go_button {margin: 7.813vw 0;}
    .go_button a {height: 7.813vw; margin: 1.302vw; padding: 0 3.906vw; font-size: 3.125vw; line-height: 7.552vw;}
    .section6_content ul li .content_img {width: 9.635vw; height: 9.635vw;}
    .section6_content ul li .content_img i {line-height: 9.635vw; font-size: 5.208vw;}
    .section6_content ul li .content_text p:first-child {font-size: 4.167vw; line-height: 3.906vw; margin-top: 3.906vw; margin-bottom: 2.604vw;}
    .section6_content ul li .content_text p:last-child {font-size: 3.125vw; line-height: 1.5;}
    .adless_title p {font-size: 5.469vw;}
    .adless ul li {font-size: 3.385vw;}
    .adless ul li a {font-size: 3.385vw; margin-left: 2.604vw;}
    .cp_nav ul:last-child li {margin-right: 2.604vw; font-size: 2.604vw;}
    .cp_nav ul li {color: #fff; font-size: 2.604vw;}
    .cp_nav ul:last-child {margin-bottom: 2.604vw;}
    .moder_chang > ul > li .moder_2 {width: 78.125vw; padding: 4.557vw;}
    .moder_chang > ul > li .moder_2 li > .moder_title > h3 {font-size: 4.557vw; padding-bottom: 3.255vw;}
    .moder_chang > ul > li .moder_2 li > p {font-size: 3.255vw;}
    .sub_visual ul li {padding: 0; padding-bottom: 2.604vw;}
    .sub_visual {margin-top: -13.021vw; }
}

@media screen and (max-width: 375px) {
    .logo p img {width: 140px !important;}
}