@media (min-width: 765.01px) {
    .main-layout {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .banner {
        background-color: #FFF5C5;
    }
    .caution-img {
        max-width: 876px;
        margin: 0 auto;
        margin-top: 90px;
    }
    #content {
        padding-bottom: 0;
    }
    .w-hd {
        position: relative;
        z-index: 3;
    }
    .site-anhtt-37-complete .wrap-dh {
        background-image: url(../img/start_dash/pc/top_banner.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 17vw;
        padding: 0;
        margin-top: -3.2vw;
        z-index: 2;
        position: relative;
    }
    .site-start-dash .top-info {
        display: flex;
        justify-content: center;
        background: linear-gradient(180deg, #FFF5C5 0%, #FFFFFF 73.57%);
        z-index: 2;
        position: relative;
    }
    .bot-info-imng {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
        margin-top: 100px;
    }
    .site-start-dash .top-info img{
        width: 100%;
        text-align: center;
        max-width: 875px;
    }
    .site-start-dash .title1 {
        display: flex;
        justify-content: center;
    }
    .site-start-dash .title1 img{
        max-width: 305px;
        padding-top: 45px;
        padding-bottom: 25px;
    }
    .site-start-dash .info1{
        display: flex;
        justify-content: center;
    }
    .site-start-dash .info1 .info-main{
        display: flex;
        justify-content: center;
        max-width: 845px;
        width: 100%;
        gap: 25px;
        align-items: flex-start;
    }
    .info1-col {
        width: 50%;
        border-radius: 16px;
        border: solid 6px #FFA235;
        background-color: #fff;
    }
    .info-header {
        text-align: center;
        background-color: #FFA235;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .info-header>div {
        width: 100%;
    }
    .big-txt {
        color: #fff;
        font-weight: 500;
        font-size: 28px;
        line-height: 26px;
    }
    .nr-txt {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }
    .info1-col2 {
        border-color: #FF6E35;
    }
    .info1-col2 .info-header {
        background-color: #FF6E35;
    }
    .info-body {
        padding: 27px 21px 60px 24px;
        background-color: rgba(255, 162, 53, 0.1);
    }
    .info1-col.info1-col2 .info-body{
        background-color: rgba(255, 110, 53, 0.1);
    }
    .info-body-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .info-body-item {
        width: 100%;
    }
    .info-body-item {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: #fff;
        margin-bottom: 15px;
    }
    .info-body-item-header {
        color: #fff;
        font-size: 18px;
        background-color: #FFA235;
        width: 100%;
        text-align: center;
        font-weight: 500;
        padding: 6px 0;
    }
    .info1-col.info1-col2 .info-body-item-header {
        background-color: #FF804F;
    }
    .info-body-item-body {
        padding: 24px 0 30px 0;
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        line-height: 24px;
    }
    .special-effect-text {
        position: relative;
    }
    .special-effect-text h4 {
        z-index: 2;
        position: relative;
        margin-bottom: 0;
        font-size: 18px;
    }
    .yellow-bg-x {
         bottom: -1px;
         width: 162px;
         height: 15px;
         background-color: #FFE66E;
         z-index: 1;
         position: absolute;
         margin-left: auto;
         margin-right: auto;
         left: 0;
         right: 0;
         border-radius: 10px;
     }
    .yellow-bg-x2{
        left: 0;
        margin: 0;
        bottom: 0px;
        width: 144px;
     }
    .a-text {
        padding-top: 15px;
        padding-bottom: 26px;
        font-size: 18px;
    }
    .price-FF8B04 {
        font-size: 20px;
        color: #FF8B04;
        font-weight: 700;
        padding-right: 6px;
    }
    .price-FF6E35 {
        font-size: 20px;
        color: #FF6E35;
        font-weight: 700;
        padding-right: 6px;
    }
    .smaller-info-text {
        font-size: 16px;
        text-align: left;
    }
    .price-txt {
        font-size: 20px;
        color: #FF6E35;
        font-weight: 700;
    }
    .hv-hl-txt {
        padding-bottom: 13px;
        padding-top: 4px;
        text-align: center;
    }
    .special-effect-text-right {
        padding-left: 20px;
    }
    .yellow-bg-x.yellow-bg-x3 {
        left: 15px;
        margin: 0;
        width: 152px;
        background-color: rgba(255, 110, 53, 0.3);
    }
    .gray-info {
        margin: 0 auto;
        max-width: 845px;
        width: 100%;
        margin-top: 104px;
        position: relative;
        border: solid 1px #636363;
        background-color: #F5F5F5;
        padding: 10px 30px 8px 33px;
        border-radius: 16px;
        margin-bottom: 70px;
    }
    .gray-info img {
        position: absolute;
        top: -87px;
        max-width: 71px;
    }
    .gray-info-txt {
        font-weight: 500;
        font-size: 14px;
    }
    .gray-info-txt h4{
        font-weight: 500;
        font-size: 15px;
        margin-top: 10px;
    }
    .gray-info-txt p {
        padding-left: 18px;
        text-indent: -18px;
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .site-anhtt-37-complete .w-cta {
        text-align: center;
    }

    .site-anhtt-37-complete .w-cta p {
        padding-top: 50px;
        font-size: 28px;
        font-weight: 500;
        color: #4768A6;
        position: relative;
        margin-bottom: 30px;
    }

    .site-anhtt-37-complete .w-cta p:before {
        content: '';
        position: absolute;
        bottom: -22px;
        left: calc(50% - 4px);
        transform: translateX(-50%);
        background-image: url(../img/intro/new/bottom-a.png);
        height: 22px;
        width: 208px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0px;
    }

    .site-anhtt-37-complete .w-cta a img {
        width: 100%;
        max-width: 520px;
    }
    .main-info {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 80px;
    }

    .caution-bottom {
        margin-top: 103px !important;
        max-width: 875px;
        width: 100%;
        margin: 0 auto;
        border: solid 8px #FF6E35;
        height: 352px;
        border-radius: 15px;
    }
    .caution-bottom-header {
        height: 71px;
        background-color: #FF6E35;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28px;
        font-weight: 500;
        color: #fff;
        margin-top: -6px;
    }
    .caution-bottom-header>div {
        padding-right: 50px;
        letter-spacing: 7px;
    }
    .caution-bottom-header img {
        max-width: 35px;
        margin-right: 10px;
    }
    .caution-bottom-body {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 22px;
        text-align: left;
        padding-left: 25px;
    }
    .caution-bottom-body>div {
        font-size: 20px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 34px;
        width: 100%;
        max-width: 695px;
    }
    .caution-bottom-body>div p{
        text-indent: -25px;
        font-size: 20px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 40px;
        margin-bottom: 0;
    }
    .banner-text-1 {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        margin-top: 130px;
    }
    .big-source {
        font-size: 18px;
        display: inline-block;
    }
    .big-source2 {
        transform: rotate(15deg);
        padding-right: 5px;
    }
    .big-source3 {
        transform: rotate(-15deg);
        padding-left: 8px;
    }
    .banner2-txt img {
        width: 100%;
    }
    .bot-group {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
        margin-top: 17px;
        margin-bottom: 30px;
    }
    .bot-info {
        background-color: #FFF5C5;
        width: 100%;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding: 60px 0;
    }
    .bot-info-txt {
        text-align: center;
        font-weight: 500;
        font-size: 18px;
    }
    .bot-info-txt img {
        width: 100%;
        max-width: 968px;
        margin: 0 auto;
    }
    .bot-info-btn {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }
    .bot-info-btn a {
        max-width: 37%;
    }
    .go-intro-btn {
        margin-bottom: 0;
    }
    .contact-yel {
        margin-top: 120px;
        background-color: #FFF5C5;
        display: flex;
        justify-content: center;
        padding-top: 58px;
        padding-bottom: 75px;
        margin-bottom: 47px;
    }
    .contact-yel-main {

    }
    h3.ctc {
        text-align: center;
        font-weight: 800;
        font-size: 40px;
        letter-spacing: 3px;
        color: #FEC713;
        margin-bottom: 10px;
    }
    h4.ctc-jp {
        text-align: center;
        font-size: 24px;
        margin-bottom: 47px;
        font-weight: 500;
    }
    .ctc-txt {
        font-weight: 500;
        font-size: 20px;
        max-width: 645px;
        text-align: center;
        letter-spacing: 0.2px;
        width: 100%;
        margin: 0 auto;
    }
    .btn-group-x {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .title-bot-img {
        text-align: center;
        max-width: 368px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-top: 100px;
    }
    .btn-group-x>a {
        width: 49%;
        max-width: 382px;
    }
    .ctc-group {
        margin-top: 60px;
        width: 100%;
        max-width: 800px;
    }
    .color-FF5E20 {
        color: #FF5E20;
    }
    .contact-yel-img-txt {
        width: 100%;
        max-width: 645px;
        margin: 0 auto;
    }
    .contact-yel-main {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .info-top-img {
        max-width: 872px;
        margin: 0 auto;
        padding-top: 5px;
        width: 100%;
    }
}

@media (max-width: 765px) {
.banner {
    background-color: #FFF5C5;
}
    .girl-table-png {
        margin-top: 22px;
        margin-bottom: 15px;
    }
    #content {
        padding-bottom: 0;
    }
    .w-hd {
        position: relative;
        z-index: 3;
    }
    .site-anhtt-37-complete .wrap-dh {
        background-image: url(../img/start_dash/sp/top_banner.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px 0;
        background-position: center;
        background-color: #FFF5C5;
        background-position-x: 10px;
    }
    @media (max-width: 385px) {
        .site-anhtt-37-complete .wrap-dh {
            background-size: contain;
            margin-top: -10px;
        }
    }
    @media (min-width: 600px) {
        .site-anhtt-37-complete .wrap-dh {
            padding: 80px 0;
        }
    }
    .site-start-dash .top-info {
        display: flex;
        justify-content: center;
    }
    .site-start-dash .top-info img{
        width: 100%;
        text-align: center;
        max-width: 960px;
    }
    .site-start-dash .title1 {
        display: flex;
        justify-content: center;
    }
    .site-start-dash .title1 img{
        max-width: 260px;
        padding-bottom: 15px;
    }
    .site-start-dash .info1{
        display: flex;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    .site-start-dash .info1 .info-main{
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 15px;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .info1-col {
        width: 100%;
        border-radius: 16px;
        border: solid 6px #FFA235;
        background-color: #fff;
    }
    .info-header {
        text-align: center;
        background-color: #FFA235;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 2px 0;
    }
    .info-header>div {
        width: 100%;
    }
    .big-txt {
        color: #fff;
        font-weight: 500;
        font-size: 22px;
        line-height: 26px;
    }
    .nr-txt {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }
    .info1-col2 {
        border-color: #FF6E35;
    }
    .info1-col2 .info-header {
        background-color: #FF6E35;
    }
    .info-body {
        padding: 13px 12px 17px 14px;
        background-color: rgba(255, 162, 53, 0.1);
    }
    .info1-col.info1-col2 .info-body{
        background-color: rgba(255, 110, 53, 0.1);
    }
    .info-body-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .info-body-item {
        width: 100%;
    }
    .info-body-item {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: #fff;
        margin-bottom: 15px;
    }
    .info-body-item-header {
        color: #fff;
        font-size: 16px;
        background-color: #FFA235;
        width: 100%;
        text-align: center;
        font-weight: 500;
        padding: 3px 0;
    }
    .info1-col.info1-col2 .info-body-item-header {
        background-color: #FF804F;
    }
    .info-body-item-body {
        padding: 15px 0 15px 0;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        line-height: 22px;
    }
    .special-effect-text {
        position: relative;
    }
    .special-effect-text h4 {
        z-index: 2;
        position: relative;
        margin-bottom: 0;
        font-size: 18px;
    }
    .yellow-bg-x {
        bottom: -1px;
        width: 132px;
        height: 15px;
        background-color: #FFE66E;
        z-index: 1;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        border-radius: 10px;
    }
    .yellow-bg-x2{
        left: 12px;
        margin: 0;
        bottom: 0px;
        width: 117px;
    }
    .a-text {
        padding-top: 15px;
        padding-bottom: 26px;
        font-size: 16px;
    }
    .price-FF8B04 {
        font-size: 18px;
        color: #FF8B04;
        font-weight: 700;
        padding-right: 6px;
    }
    .price-FF6E35 {
        font-size: 18px;
        color: #FF6E35;
        font-weight: 700;
        padding-right: 6px;
    }
    .smaller-info-text {
        font-size: 16px;
        text-align: left;
    }
    .price-txt {
        font-size: 20px;
        color: #FF6E35;
        font-weight: 700;
    }
    .hv-hl-txt {
        padding-bottom: 13px;
        padding-top: 4px;
        text-align: center;
    }
    .special-effect-text-right {
        padding-left: 20px;
    }
    .yellow-bg-x.yellow-bg-x3 {
        left: 15px;
        margin: 0;
        width: 152px;
        background-color: rgba(255, 110, 53, 0.3);
    }
    .gray-info {
        margin: 0 auto;
        max-width: 845px;
        width: 100%;
        margin-top: 110px;
        position: relative;
        border: solid 1px #636363;
        background-color: #F5F5F5;
        padding: 10px 12px 8px 12px;
        border-radius: 16px;
    }
    .gray-info img {
        position: absolute;
        top: -67px;
        max-width: 54px;
    }
    .gray-info-txt {
        font-weight: 500;
        font-size: 14px;
    }
    .gray-info-txt h4{
        font-weight: 500;
        font-size: 15px;
        margin-top: 10px;
    }
    .gray-info-txt p {
        padding-left: 18px;
        text-indent: -18px;
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.3px;
    }

    .site-anhtt-37-complete .w-cta {
        text-align: center;
    }

    .site-anhtt-37-complete .w-cta p {
        padding-top: 30px;
        font-size: 19.2px;
        font-weight: 500;
        color: #4768A6;
        position: relative;
        margin-bottom: 28px;
    }

    .site-anhtt-37-complete .w-cta p:before {
        content: '';
        position: absolute;
        bottom: -22px;
        left: calc(50% - 4px);
        transform: translateX(-50%);
        background-image: url(../img/intro/new/bottom-a.png);
        height: 22px;
        width: 150px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0px;
    }

    .site-anhtt-37-complete .w-cta a img {
        width: 100%;
        max-width: 420px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-info {
        margin-top: 60px;
        margin-bottom: 23px;
    }
    .title-bot-img {
        max-width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-top: 62px;
    }
    .banner-text-1 {
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        margin-top: 65px;
    }
    .big-source {
        font-size: 18px;
        display: inline-block;
    }
    .big-source2 {
        transform: rotate(15deg);
        padding-right: 5px;
    }
    .big-source3 {
        transform: rotate(-15deg);
        padding-left: 8px;
    }
    .banner2-txt img {
        width: 100%;
    }
    .bot-group {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
        margin-top: 17px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .bot-info {
        background-color: #FFF5C5;
        width: 100%;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding: 20px 0 24px;

    }
    .bot-info-txt {
        text-align: center;
        font-weight: 500;
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
        max-width: 420px;
        margin: 0 auto;
    }
    .bot-info-btn {
        width: unset;
        text-align: center;
        margin: 0 auto;
        margin-top: 17px;
    }
    .bot-info-btn a {
        max-width: 300px;
        width: 85%;
    }
    .bot-info-btn a img{
    }
    .contact-yel {
        margin-top: 47px;
        background-color: #FFF5C5;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 46px;
        margin-bottom: 15px;
    }
    h3.ctc {
        text-align: center;
        font-weight: 800;
        font-size: 24px;
        letter-spacing: 3px;
        color: #FEC713;
        margin-bottom: 10px;
    }
    h4.ctc-jp {
        text-align: center;
        font-size: 18px;
        margin-bottom: 16px;
        font-weight: 500;
    }
    .ctc-txt {
        font-weight: 500;
        font-size: 14px;
        max-width: 236px;
        text-align: center;
        letter-spacing: 0;
        width: 100%;
        margin: 0 auto;
    }
    .btn-group-x {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .ctc-group {
        margin-top: 25px;
        max-width: 355px;
        margin: 0 auto;
        margin-top: 25px;
        width: 88%;
    }

    .caution-bottom {
        margin-top: 40px !important;
        max-width: 784px;
        width: 100%;
        margin: 0 auto;
        border: solid 6px #FF6E35;
        border-radius: 15px;
    }
    img.sp.contact-yel-img-txt {
        width: 67%;
        margin: 0 auto;
        max-width: 600px;
    }
    .caution-bottom-header {
        height: 56px;
        background-color: #FF6E35;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        margin-top: 0px;
    }
    .caution-bottom-header>div {
        padding-right: 20px;
        letter-spacing: 5px;
    }
    .caution-bottom-header img {
        max-width: 28px;
        margin-top: -6px;
        margin-right: -4px;
    }
    .caution-bottom-body {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 18px;
        text-align: left;
        padding-left: 35px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    .caution-bottom-body>div {
        font-size: 18px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 32px;
    }
    .caution-bottom-body>div p {
        text-indent: -25px;
        font-size: 16px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .caution-bottom-body>div p.span-p{
        font-size: 16px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 22px;
        margin-bottom: 5px;
        text-indent: -21px;
        margin-left: 18px;
    }
    .caution-bottom-body>div .sp-spanp{
        font-size: 13px;
        font-weight: 300;
        display: block;
        padding-left: 20px;
    }
    .sha-container-sp-p-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .color-FF5E20 {
        color: #FF5E20;
    }
    @media (max-width: 340px) {
        .contact-btn, .line-btn {
            width: 286px;
            font-size: 16px !important;
            height: 60px;
        }
    }
}