@media (min-width: 1441px) {
    .sp {
        display: none;
    }

    body {
        overflow-x: hidden;
    }
    
    #page {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
    }

    .sidebar {
        height: 100vh;
        width: 360px;
        position: fixed;
        top: 0;
        left: calc(100% - 1440px -360px);
        border-right: solid 1px #d1bfb8;
        box-shadow: 2px 1px 4px #d1bfb8;
        z-index: 1;
        overflow: auto;
    }

    .site-header {
        padding: 28.8px;
    }

    .site-branding {
        width: 75%;
        margin: 28.8px auto;
    }

    .main-menu-container li {
        font-size: 17.28px;
        padding:14.4px 0!important;
        border-bottom: dashed 2px var(--white);
    }

    .sidebar-other-content {
        padding: 28.8px;
    }

    .sidebar-other-content .banner {
        margin-top:14.4px;
    }

    .sns-list {
        margin-bottom: 28.8px;
    }

    .sns-list i {
        font-size: 36px;
    }

    .ci-en p {
        font-size: 14.4px;
        line-height: 26px;
    }

    .site-content {
        width: 1080px;
        margin-left: 360px;
    }

    .mv-img {
        background-image: url('../img/mv.jpg');
        background-size: cover;
        background-position: center;
        width: 1080px;
        height: 511.2px;
    }

    .mv-img:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .mv-text p {
        animation: fadeIn 3s ease-in-out forwards;
        animation-delay: 0.5s;
        color: #fff;
        font-size: 21.6px;
        letter-spacing: 3.6px;
        animation-delay: 0.5s;
        opacity: 0;
    }

    .mv-text2 p {
        color: #fff;
        font-size: 17.28px;
        letter-spacing: 3.6px;
        animation: fadeIn2 1s ease-in-out forwards;
        animation-delay: 3.5s;
        opacity: 0;
    }

    .mv-text2 span {
        font-size: 28.8px;
    }

    .mv-text-small p {
        color: #fff;
        font-size: 12px;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        25% {
            opacity: 1;
        }
        75% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

    @keyframes fadeIn2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .content-main {
        padding: 28.8px;
        border-radius: 10px;
        margin:14.4px;
    }

    .top-works-container,
    .top-coming-soon-container,
    .top-news-container {
        margin: 72px 0 144px;
    }

    .top-works-container .title1 h2,
    .top-coming-soon-container .title1 h2,
    .top-news-container .title1 h2 {
        font-size: 43.2px;
        letter-spacing: 2.16px;
        color: var(--point-color);
    }

    .top-works-container .title1 h2 span,
    .top-coming-soon-container .title1 h2 span,
    .top-news-container .title1 h2 span {
        font-size: 15.84px;
        letter-spacing: 1.44px;
        margin-left: 7.2px;
    }

    .top-works-text,
    .top-coming-soon-text {
        margin-top: 28.8px;
    }

    .top-works-text h2,
    .top-coming-soon-text h2 {
        font-size: 28.8px;
    }

    .top-works-text .top-works-tag li,
    .top-coming-soon-text .top-coming-soon-tag li {
        background: var(--point-color);
        padding: 1.44px 10.8px!important;
        border-radius:14.4px;
        font-size: 12.96px;
        color: #fff;
    }

    .top-works-text .top-works-tag li a,
    .top-coming-soon-text .top-coming-soon-tag li a {
        color: #fff!important;
    }

    .top-works-text > p,
    .top-coming-soon-text > p {
        margin-top:14.4px;
        font-size: 15.84px;
        line-height: 28.8px;
    }

    .more-btn-container {
        margin-top: 57.6px;
    }

    .more-btn-container .more-btn {
        border: dashed 1.5px var(--point-color);
        color: var(--point-color)!important;
        padding: 7.2px 28.8px;
        border-radius: 5px;
        transition: .5s;
        font-size: 14.4px;
    }

    .more-btn-container:hover .more-btn {
        background-color: var(--hover-color);
    }

    .top-coming-soon-text .character-img {
        background-image: url(../img/misato_all.png);
        background-size: cover;
        background-position: center;
        width: 144px;
        height: 216px;
        animation: characterRotate 1s ease-in-out infinite alternate;
        z-index: 1;
    }

    @keyframes characterRotate {
        0% {
            transform: rotate(-2.5deg);
        }
        100% {
            transform: rotate(2.5deg);
        }   
    }

    .top-coming-soon-text .character-shadow {
        background-color: #0000002e;
        width: 86.4px;
        height: 10.8px;
        border-radius:14.4px;
        bottom: 4.32px;
        right: 28.8px;
    }

    .top-coming-soon-text .hukidashi-img {
        background-image: url(../img/hukidashi1.png);
        background-size: cover;
        background-position: center;
        bottom: 144px;
        right: 129.6px;
        width: 230.4px;
        height: 43.2px;
    }

    .top-coming-soon-text .hukidashi-text {
        bottom: 158.4px;
        right: 165.6px;
        font-size:14.4px;
        letter-spacing: 1.44px;
    }

    /* news */
    .top-news-main {
        margin-top: 28.8px;
    }

    .news--col {
        border-bottom: dashed 1.5px var(--point-color);
        padding: 28.8px 7.2px 21.6px;
    }

    .news--col-title h3 {
        font-size: 18px;
    }

    .news--col-day {
        margin-right: 28.8px;
        font-size: 14.4px;
    }

    /* footer */
    .footer--container {
        width: calc(100vw - 360px - (100vw - 1440px) / 2);
        margin-left: 360px;
        background-color: var(--base-color-dark);
        z-index: 10;
        position: relative;
        padding: 72px 0.144px;
    }

    .footer--box {
        max-width: calc(1080px);
    }

    .footer--menu {
        width: 50%;
        margin: auto;
    }

    .footer--menu-list {
        display: flex;
        justify-content: space-around;
        margin-bottom: 28.8px!important;
        font-size: 14.4px;
    }

    .footer--copyright {
        margin-top: 57.6px;
        font-size: 14.4px;
    }

    /* archive */
    .archive--header,
    .single--header,
    .application--header,
    .single-app--header,
    .page--header {
        width: calc(100vw - 360px - (100vw - 1440px) / 2);
        background-color: var(--point-color);
        padding: 28.8px;
        color: #fff;
        z-index: 10;
    }

    .archive--header .archive--title,
    .single--header .single--title,
    .application--header .application--title,
    .single-app--header .single-app--title,
    .page--header .page--title {
        font-size: 28.8px;
        letter-spacing: 3.6px;
        max-width: calc(1080px - 28.8px * 2);
    }

    .archive-container,
    .single-container,
    .application-container,
    .single-app-container,
    .page-container {
        margin: 144px 14.4px 0;
    }

    .archive-container .title2 h2,
    .application-container .title2 h2,
    .single-app-container .title2 h2,
    .single-container .title2 h2 {
        font-size: 43.2px;
        letter-spacing: 2.16px;
        color: var(--point-color);
        margin-bottom: 0rem!important;
    }

    .archive-container .title2 p,
    .application-container .title2 p,
    .single-app-container .title2 p,
    .single-container .title2 p {
        font-size: 15.84px;
        letter-spacing: 1.44px;
        margin-left: 7.2px;
        color: var(--point-color);
    }

    .archive--box,
    .single--box,
    .application--box,
    .single-app--box,
    .page--box {
        width: 90%;
        margin: 72px auto;
    }

    .pagenavi {
        margin-top: 28.8px;
    }

    .pagenavi a,
    .pagenavi span {
        font-size: 17.28px;
    }

    /* single */
    .single-news--img {
        margin: 72px 0;
    }

    .wp-caption-text {
        font-size: 14.4px;
    }

    .single-news--text h2 {
        font-size: 28.8px;
        letter-spacing: 3.6px;
        font-weight: bold;
        margin-top: 28.8px;
        background-color: #cdbd94;
        border-bottom: solid 2px var(--point-color);
        padding: 14.4px;
        margin-bottom: 21.6px;
        color: var(--point-color);
    }

    
    .single-news--text h3 {
        padding: 14.4px;
        border-left: solid 4px var(--point-color);
        font-size: 21.6px;
        letter-spacing: 3.6px;
        margin-top: 28.8px;
        margin-bottom: 21.6px;
        font-weight: bold;
    }

    .single-news--text p {
        font-size: 15.84px;
        line-height: 28.8px;
        margin-bottom: 28.8px;
    }

    /* application */
    .application--item {
        background-color: #cdbd94;
    }

    .application--item .application--item-title h3 {
        font-size: 25.2px;
    }

    .application--item li {
        background: var(--point-color);
        padding: 1.44px 10.8px!important;
        border-radius:14.4px;
        font-size: 12.96px;
    }

    .application--item li span {
        color: #fff!important;
    }

    .application--item-description p {
        margin-top:14.4px;
        font-size: 15.84px;
        line-height: 28.8px;
    }

    /* single application */
    .single--container-title {
        border-bottom: dashed 1.5px var(--point-color);
        margin-bottom: 28.8px;
    }

    .single--container-title h1 {
        font-size: 28.8px;
        letter-spacing: 3.6px;
        color: var(--point-color);
    }

    .single--img {
        margin: 36px 0;
    }

    .single--text p {
        font-size: 15.84px;
        line-height: 28.8px;
        margin-bottom: 28.8px;
    }

    .single--item-tags {
        margin-bottom:14.4px;
    }

    .single--item-tags li {
        background: var(--point-color);
        padding: 1.44px 10.8px!important;
        border-radius:14.4px;
        font-size: 12.96px;
    }

    .single--item-tags li span {
        color: #fff!important;
    }

    .single--text-title {
        margin: 72px 0;
    }

    .single--text-title h2 {
        position: relative;
        padding: 21.6px;
        text-align: center;
        font-size: 28.8px;
    }

    .single--text-title h2:before {
        position: absolute;
        bottom: 0rem;
        left: calc(50% - 28.8px);
        width: 64.8px;
        height: 5px;
        content: '';
        border-radius: 3px;
        background-color: var(--point-color);
    }
    

    .single--text-content h2 {
        font-size: 21.6px;
        letter-spacing: 2.16px;
    }

    .single--text-content h2:first-letter {
        font-size: 28.8px;
        color: var(--point-color);
    }

    .single--text-content h3 {
        display: flex;
        align-items: center;
        padding: 12.6px 17.64px;
        background-color: var(--base-color-dark);
        color: var(--point-color);
        margin: 72px 0 28.8px!important;
        font-size: 25.2px;
    }

    .single--text-content h3::before {
        display: inline-block;
        width: 5px;
        height: 37.8px;
        margin-right: 12.6px;
        background-color: var(--point-color);
        content: '';
    }

    .single--text-content ol,
    .single--text-content ul {
        margin-left: 0;
        margin-top: 28.8px;
        padding-left: 28.8px!important;
    }

    .single--text-content ol li,
    .single--text-content ul li {
        list-style: decimal;
        font-size: 15.84px;
        letter-spacing: 1.44px;
    }

    .single--text-content img {
        margin-bottom: 28.8px;
    }

    /* not-found */
    .not-found-img {
        width: 50%;
        margin: 0 auto;
    }

    /* FAQ */
    .faq-box  {
        width: 100%;
        margin: auto;
    }

    .qa-row {
        margin-top: 28.8px;
    }

    .q {
        position: relative;
        background-color: #cdbd94;
        border-radius: 7.2px;
        box-shadow: 1px 1px 5px #d1bfb8;
        overflow: hidden;
        cursor: pointer;
    }
    
    .q h3{
        width: 92%;
        margin-left: 8%;
        font-size:14.4px;
        letter-spacing: 1.44px;
        padding: 18.72px 0;
        margin-bottom: 0!important;
    }
    
    .q .q_mark {
        top: 3.6px;
        left:14.4px;
        z-index: 1;
        color: #fff;
        font-size: 28.8px;
    }
    
    .q .plus {
        position: absolute;
        top: 0rem;
        right: 28.8px;
        font-size: 31.68px;
        color: var(--point-color);
    }
    
    .q .minus {
        position: absolute;
        top: 4.32px;
        right: 28.8px;
        font-size: 25.92px;
        color: var(--point-color);
    }
    
    .q .bgcircle {
        top: -7.2px;
        left: -14.4px;
        width: 72px;
        height: 72px;
        background-color: var(--point-color);
    }
    
    .a {
        border-bottom: solid 1px var(--point-color);
        width: 96%;
        margin-left: 2%;
        display: flex;
        align-items: start;
        margin-top:14.4px;
        margin-bottom: 28.8px;
        padding-bottom: 7.2px;
    }
    
    .a .a_mark {
        color: #fff;
        font-size: 18.72px;
        background-color: var(--point-color);
        padding: 0rem 8.64px;
        border-radius: 7.2px;
        margin-right:14.4px;
    }
    
    .a .a_mark span{
        display: block;
        line-height: 28.8px;
        height: 31.68px;
    }
    
    .a p {
        font-size: 13.392px;
        line-height: 25.92px;
    }

    /* page */
    .page--text-title {
        margin: 72px 0;
    }

    .page--text-title h2 {
        position: relative;
        padding: 21.6px;
        text-align: center;
        font-size: 28.8px;
    }

    .page--text-title h2:before {
        position: absolute;
        bottom: 0rem;
        left: calc(50% - 28.8px);
        width: 64.8px;
        height: 5px;
        content: '';
        border-radius: 3px;
        background-color: var(--point-color);
    }

    .page--faq-select .page--faq-select-form{
        width: 35%;
    }

    .page--faq-select .page--faq-select-form select{
        font-size: 14.4px;
    }

    .page--faq-select select {
        background-color: #cdbd94;
        border: solid 1px #cdbd94;
    }

    .page--faq-select-icon {
        margin: 0 14.4px;
    }

    .page--faq-select-icon i {
        font-size: 21.6px;
        color: var(--point-color);
    }

    .page--contact-select .page--contact-select-form{
        width: 35%;
    }

    .page--contact-select select {
        background-color: #cdbd94;
        border: solid 1px #cdbd94;
        font-size: 14.4px;
    }

    .page--contact-select-icon {
        margin: 0 14.4px;
    }

    .page--contact-select-icon i {
        font-size: 21.6px;
        color: var(--point-color);
    }

    .contact--text-title h2 {
        font-size: 21.6px;
        letter-spacing: 1.44px;
        text-wrap: nowrap;
    }

    .contact--text-content {
        margin: 28.8px 0 57.6px;
    }

    .contact--text-content p {
        font-size:14.4px;
        letter-spacing: 0.72px;
        line-height: 28.8px;
    }

    .contact--text-content p a {
        text-decoration: underline!important;
    }

    .contact--main {
        width: 80%;
        margin: 72px auto;
    }

    .contact--row {
        margin-top: 28.8px;
    }

    .contact--row-col h3 {
        font-size: 17.28px;
        letter-spacing: 1.44px;
        color: var(--point-color);
    }

    .contact--row-col.col2 {
        margin-bottom:14.4px;
    }

    .contact--row-col.col2 input:not([type="radio"]),
    .contact--row-col.col2 textarea,
    .contact--row-col.col2 select {
        width: 100%;
        padding: 7.2px;
        background-color: #cdbd94;
        border: solid 1px #cdbd94;
        font-size: 14.4px;
    }

    .contact--row-col .req {
        color: #d26161;
        font-size: 11.52px;
        margin-left: 7.2px;
    }

    .wpcf7-list-item label {
        display: flex;
        align-items: center;
        font-size:14.4px;
    }

    .wpcf7-list-item input[type="radio"] {
        margin-right: 7.2px;
    }

    .contact--submit-box {
        margin-top: 28.8px;
    }

    .wpcf7-submit {
        width: 100%;
        padding: 10.8px!important;
        background-color: var(--point-color)!important;
        color: #fff!important;
        border: solid 1.5px var(--point-color)!important;
        font-size: 14.4px!important;
        letter-spacing: 1.44px!important;
    }

    .wpcf7-not-valid-tip {
        color: #d26161;
        font-size: 14.4px;
        letter-spacing: 1.44px;
        margin-top: 14.4px;
    }

    .wpcf7-response-output {
        font-size: 14.4px;
        letter-spacing: 1.44px;
        line-height: 28.8px;
        margin-top: 14.4px;
    }

    .privacy-policy--top {
        font-size:14.4px;
        letter-spacing: 1.44px;
        line-height: 25.2px;
        border-bottom: solid 1px var(--point-color);
        padding-bottom:14.4px;
    }

    .privacy-policy--title {
        margin: 57.6px 0 14.4px;
    }

    .privacy-policy--title h3 {
        font-size: 21.6px;
        letter-spacing: 1.44px;
        color: var(--point-color);
    }

    .privacy-policy--content p {
        font-size:14.4px;
        letter-spacing: 1.44px;
        line-height: 25.2px;
        margin-bottom:14.4px;
    }

    .privacy-policy--content ul {
        margin: 28.8px 14.4px!important;
        padding-left: 28.8px!important;
    }

    .privacy-policy--content ul li {
        font-size:14.4px;
        letter-spacing: 1.44px;
        line-height: 25.2px;
        list-style-type: numeric;
    }
}