@media screen and (min-width:1441px) {
    html {
        font-size: 78.125%;
    }

    .recording-wrapper .price-table02 {
        max-width: 1125px;
    }
}

@media screen and (max-width:1280px) {
    .container {
        padding: 0 2rem;
    }
    
    .container02 {
        padding: 0 5rem;
    }

    .stickey-container {
        left: 3.5rem;
    }

    .tablet-only {
        display: block;
    }

    .section-title01 h2 {
        font-size: 7.5rem;
    }

    .section-title02 {
        left: 3.5rem;
    }

    /*----------header---------*/

    header {
        padding: 5rem 5rem;
    }

    .contact-form-btn {
        border: 1px solid rgba(240, 233, 226, 0.8);
    }

    /*----------topper---------*/

    .topper-container {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    /*----------about-wrapper---------*/

    .about-wrapper {
        margin-bottom: 20rem;
    }

    .about-item01 img {
        min-width: 300px;
    }

    .about-item02 {
        justify-content: space-between;
    }

    .about-item02 img:first-of-type {
        min-width: 475px;
    }

    .about-item02 img:nth-of-type(2) {
        min-width: 240px;
        left: -22.5vw;
        bottom: -15vw;
    }

    /*----------service-wrapper---------*/

    .service-wrapper h2 {
        font-size: 5rem;
    }

    /*----------studio-wrapper---------*/


    /*----------recording-wrapper---------*/

    .recording-wrapper .section-catch {
        padding-left: 5rem;
    }

    .recording-wrapper .price-table tr:nth-of-type(2) td:first-of-type {
        line-height: 1.5em;/*改行による調整*/
    }

    .recording-wrapper .price-table tr:nth-of-type(3) td:first-of-type {
        line-height: 3em;/*tdの大きさを統一するため*/
    }

    .enginner-profile img {
        min-width: 220px;
    }

    /*----------hall-wrapper---------*/

    .hall-wrapper .section-catch p {
        padding-left: 5rem;
    }

    .hall-wrapper .section-catch img:nth-of-type(2) {
        min-width: 175px;
        bottom: -15rem;
        left: 15vw;
    }

}

@media screen and (max-width:1000px) {
    .about-item01, .about-item02 {
        font-size: 1.6rem;
    }

    footer .container02:first-of-type {
        justify-content: flex-start;
    }

    .footer-left {
        width: 100%;
        margin-bottom: 10rem;
    }

    .footer-center {
        margin-right: 15vw;
    }
}

@media screen and (max-width:760px) {
    html {
        font-size: 46.875%;
    }

    body::before {
        background-image: url(images/blue_topper_phone.webp);
    }

    .container {
        padding: 0;
    }

    .pc-only {
        display: none;
    }

    .phone-only {
        display: block;
    }
	
	.contact-form li {
		width: 80vw;
	}
	
	.contact-form-btn {
        width: 7.5rem;
        height: 7.5rem;
    }

    .contact-form-btn span {
        width: 1.875rem;
    }
	
	.page-contact-form form {
		width: 100%;
	}

    /*----------topper---------*/
    .topper-container {
        padding-bottom: 15rem;
    }

    .topper h2 {
        font-size: 6rem;
        margin-bottom: 1.5rem;
    }

    .topper p {
        font-size: 1.5rem;
    }

    .menu-container {
        width: 100vw;
    }

    .menu-container02 {
        text-align: center;
    }

    /*----------about-wrapper---------*/
    .about-wrapper {
        margin: 0;
    }

    .about-wrapper h3 {
        font-size: 4.25rem;
        line-height: 1.25em;
    }

    .about-item01 {
        align-items: flex-start;
        flex-direction: column;
        gap: 12.5vw;
    }

    .about-item01 img {
        width: 65vw;
        min-width: 0;
    }

    .about-item01 p {
        width: 100%;
    }

    .about-item02 {
        flex-direction: column;
        align-items: flex-end;
        gap: 25vw;
    }

    .about-item02 img:first-of-type {
        width: 70vw;
        min-width: 0;
    }

    .about-item02 img:nth-of-type(2) {
        width: 30vw;
        aspect-ratio: 4/5;
        object-fit: cover;
        min-width: 0;
    }

    .about-item02 p {
        order: 1;
        width: 100%;
    }

     /*----------service-wrapper---------*/
    .service-item li {
        width: 100vw;
        height: 20rem;
    }

    .service-item li a {
        width: 100vw;
        line-height: 20rem;
    }

    .service-item li a {
        font-size: 2rem;
    }

    /*----------studio-wrapper---------*/
    .section-title-column {
        align-items: flex-start;
        flex-direction: column;
    }

    .studio-wrapper .price-table01 .accordion-list {
        margin-bottom: 3rem;
    }

    .accordion-list.phone-only .accordion-list-summary:before {
        background-color: #978989/*rgba(47, 29, 19, 0.5)が#F0E9E2の上にある場合*/;
    }
    
    .accordion-list.phone-only .accordion-list-summary::after {
        background-color: #978989/*rgba(47, 29, 19, 0.5)が#F0E9E2の上にある場合*/;
    }

    /*phoneレスポンシブ開閉オブジェクト*/

    .studio-wrapper .price-table01 .accordion-toggle::before, .recording-wrapper .price-table02 .accordion-toggle::before {
        background-color: #2F1D13;
    }

    .studio-wrapper .price-table01 .accordion-toggle::after, .recording-wrapper .price-table02 .accordion-toggle::after {
        background-color: #2F1D13;
    }

    /*phoneレスポンシブdetail設定*/

    .studio-wrapper .price-table01 .accordion-list-detail-container.active, .recording-wrapper .price-table02 .accordion-list-detail-container.active {
        padding: 0;
    }

    /*phoneレスポンシブtable設定*/
        
    .accordion-list.phone-only .accordion-list-detail-table {
        border: none;
        background-color: #FAF8F6;
        margin-bottom: 0;
        position: relative;
    }

    .accordion-list.phone-only li:last-of-type .accordion-list-detail-table::after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #978989/*rgba(47, 29, 19, 0.5)が#F0E9E2の上にある場合*/;
        position: absolute;
        bottom: 0;
    }
    
    .accordion-list.phone-only .accordion-list-detail-table td:first-of-type { /*表左側*/
        border-top: none;
        border-left: none;
        border-right: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
    }

    .accordion-list.phone-only .accordion-list-detail-table tr:last-of-type :first-of-type { /*表左下*/
        border-top: none;
        border-left: none;
        border-right: 1px solid #DADADA;
        border-bottom: none;
    }

    .accordion-list.phone-only .accordion-list-detail-table td:nth-of-type(2) { /*表右側*/
        border-top: none;
        border-left: 1px solid #DADADA;
        border-right: none;
        border-bottom: 1px solid #DADADA;
    }

    .accordion-list.phone-only .accordion-list-detail-table tr:last-of-type td:nth-of-type(2) { /*表右下*/
        border-top: none;
        border-left: 1px solid #DADADA;
        border-right: none;
        border-bottom: none;
    }

    .accordion-list-detail {
        flex-direction: column;
    }

    .accordion-list-detail-left {
        width: 100%;
        max-width: 450px;
    }
	
	.cancel-table-list {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(4, auto);
    }

    .cancel-table-list .row {
        display: contents;
    }
	
	.self-studio-time h5::after {
		width: 100%;
	}
    /*----------recording-wrapper---------*/
    .recording-wrapper .section-catch {
        align-items: flex-end;
        flex-direction: column;
        gap: 6rem;
    }

    .recording-wrapper .section-catch p {
        order: 1;
        padding-right: 5rem;
    }

    .recording-wrapper .section-catch img {
        width: 75vw;
    }

    .recording-wrapper .accordion-list.phone-only {
        margin-bottom: 3rem;
    }

    .recording-wrapper .accordion-list-summary h4 {
        font-size: 2rem;
        padding: 3.5rem 0;
    }

    .recording-wrapper .price-table tr:nth-of-type(2) td:first-of-type {
        line-height: 1em;
    }

    .recording-wrapper .price-table tr:nth-of-type(3) td:first-of-type {
        line-height: 1em;
    }

    .enginner-profile .container02 {
        position: relative;
    }

    .enginner-profile h4 span {
        margin-left: 0;
    }

    .enginner-profile img {
        position: absolute;
        top: 0;
        right: 5rem;
        width: 140px;
        min-width: 140px;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: 50% 25%;
    }
	
	.enginner-profile-iframe {
		margin: 30px 5rem;
		iframe {
			width: 100%;
    		max-width: 500px;
			margin: 0 auto;
		}
	}
	
	.enginner-profile-iframe-title {
		margin-bottom: 15px;
	}

    .recording-eqipment ul {
        flex-direction: column;
    }

    .recording-eqipment ul li {
        width: 30rem;
    }

    .hide-area-container dl {
        min-width: 60vw;
        align-items: flex-start;
        flex-direction: column;
    }

    /*----------lesson-wrapper---------*/
    .lesson-wrapper .section-title-column {
        margin-bottom: 8rem;
    }

    .lesson-wrapper .section-catch {
        width: 75vw;
        margin-bottom: 10rem;
    }
    
    .lesson-wrapper .section-catch img {
        width: 75vw;
    }

    .lesson-list .lesson-list-detail > li {
        flex-direction: column;
        align-items: center;
        gap: 7.5rem;
    }

    .lesson-list li:nth-of-type(2) .lesson-list-img {
        order: 0;
    }

    /*----------hall-wrapper---------*/
    .hall-wrapper .section-catch {
        align-items: flex-end;
        flex-direction: column;
        margin-bottom: 37.5rem;
    }

    .hall-wrapper .section-catch img {
        width: 72.5vw;
    }
    
    .hall-wrapper .section-catch img:nth-of-type(2) {
        bottom: -20vw;
        left: 0;
        width: 32.5vw;
        min-width: 0;
    }

    .hall-wrapper .section-catch p {
        order: 1;
        padding-right: 5rem;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -32.5rem;
    }

    .hall-price-section p {
        font-size: 4rem;
    }
    
    .hall-price-section p span {
        font-size: 2rem;
    }

    .hall-price-section p span:first-of-type::after {
        margin: 0 2rem;
        height: 4rem;
    }

    /*----------eqipment-wrapper---------*/
    .rental-list-section {
        flex-direction: column;
        align-items: flex-end;
        transform: translateY(-10rem);
        margin-bottom: 0;
    }
    .rental-list-section img {
        width: 75vw;
        transform: translateX(5rem);
    }

    .rental-list-section p {
        order: 1;
    }

    .rental-list table {
        margin-top: 5rem;
    }

    /*----------company-wrapper---------*/
    .company-detail {
        flex-direction: column;
    }

    /*----------footer---------*/
    footer .container02 {
        gap: 8rem;
    }

    .footer-left {
        margin: 0;
    }
}

@media screen and (max-width:374px) {
    html {
        font-size: 39.0625%;
    }
}