@charset "UTF-8";

@media screen and (max-width: 1024px) {
/* index.html *//* index.html */
/* index.html *//* index.html */
    #top-vew {
        width: 100%;
        background: url(../images/top-texture003.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;       
    }
    #TOPmode {
    display: none;
    }
    #TOP1024mode {
        display: block;
    }
    .SPtop-vew-overlay {
        position: relative;
        overflow: hidden;
        z-index: 100;
        width: 100%;
        height: 100vh;
        font-size: 60px;
        font-weight: 700;
        color: #333;
    }
    .SPtop-vew-logo {
        position: absolute;
        top: 30%;
        width: 100%;
        max-width: 600px;
        height: auto;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .service-style-002-01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .service-style-002-01 li {
        width: 100%;
        max-width: 440px;
        height: 240px;
        overflow: hidden;
        margin: 0 auto;
    }
    .service-style-002-01 li a {
        display: flex;
    }
    .service-style-002-list-img {
        width: 100%;
        max-width: 180px;
        height: auto;
        aspect-ratio: 180 / 240;
        overflow: hidden;
    }
    .service-style-002-list-text {
        position: relative;
        width: 100%;
        max-height: 240px;
        height: 100%;
        color: #333;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .service-style-002-list-text-top {
        text-align: center;
        font-size: 20px;
        margin: 0 auto 0px;
    }
    .service-style-002-list-text-bottom {
    font-size: 14px;
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-top: 15px;
    }
    .service-style-002-list-pic li {
        font-size: 11px;
        height: 20px;
        width: 46px;
    }
    .service-style-003-01 {
        margin: 60px auto 20px;
        text-align: center;
        line-height: 1;
        font-weight: 400;
    }
    .service-style-003-01 .t01 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .service-style-003-01 .t02 {
        text-align: center;
        font-size: 28px;
    }
    .service-style-003-02 .t03 {
        font-size: 28px;
    }
    .service-style-004-list-img-text {
        font-size: 28px;
        line-height: 1;
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    .schedule-style-001-003 {
        margin-right: 0px;
    }
    .schedule-style-001-003 {
        position: absolute;
        top: auto;
        bottom: 0;
        transform: none;
        right: 0;
    }
    .schedule-style-001-break {
        display: block;
    }

    .special-style-002-1 {
        max-width: 1200px;
        width: 90%;
        height: 200px;
        padding: 30px 0;
        background-color: #1A3E76;
        color: #fff;
        font-size: 26px;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .flow-style {
        margin: 40px auto;
    }
    .flow > li:nth-child(4) {
        display: none;
    }
    .flow {
        max-width: 340px;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0 auto;
    }
    .company-style-001-border {
        width: 100%;
        min-width: 260px;
    }
    .company-data {
        margin-left: 30px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .company-back {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: auto;
        width: 100%;
        max-width: 900px;
        height: auto;
    }
    /* オリジナル製品ボタン */
    .special-style-002-5 {
        width: calc( 100% - 80px);
        box-sizing: border-box;
    }

/* custom-ware.html *//* custom-ware.html */
/* custom-ware.html *//* custom-ware.html */
    .original-002 {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 20px;
        margin: 60px auto 100px;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .original-002-text-01 {
        max-width: 400px;
        text-align: center;
        font-size: 36px;
        color: #0D1577;
    }
    .original-002-text {
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }
    .original-002-img {
        max-width: 400px;
        margin-left: auto;
        margin-right: 0;
    }
    .original-003 {
        display: flex;
        gap: 20px;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding-left: 0px;
        box-sizing: border-box;
    }
    .original-003-text-01 {
        text-align: center;
        font-size: 36px;
        color: #0D1577;
    }
    .original-003-text {
        max-width: 400px;
        text-align: center;
        padding: 0;
        box-sizing: border-box;
    }
    .original-003-img {
        position: relative;
        left: -3%;
        margin-left: 0;
        margin-right: auto;
        width: 67%;
        max-width: 1320px;
        height: auto;
        aspect-ratio: 1320 / 380;
        border-radius: 15px;
        overflow: hidden;
    }
    .original-004-img {
        width: 70%;
    }

/* facilities.html *//* facilities.html */
/* facilities.html *//* facilities.html */
    .facilities-title {
        font-size: 36px;
        font-weight: 500;
        padding: 40px 30px;
    }
    .facilities-about-001 {
        padding: 40px 0 60px;
    }
    .facilities-about-002 {
        padding: 40px 0 60px;
    }
    .facilities-about-003 {
        padding: 40px 0 60px;
    }
    .facilities-about-004 {
        padding: 40px 0 60px;
    }
    .facilities-about-005 {
        padding: 40px 0 60px;
    }

}
@media screen and (max-width: 768px) {
/* index.html *//* index.html */
/* index.html *//* index.html */
	.smp-none{
		display: none;
	}
	.formbox{
        width:95%;
        margin: 0 auto 0 auto;
	}

    .service-style {
        width: 100%;
        max-width: 768px;
        height: auto;
        margin: 0 auto;
        padding: 95px 20px;
        box-sizing: border-box;
        color: #fff;
    }
    .service-style-001 {
        width: 100%;
        max-width: 768px;
        height: auto;
        margin: 0 auto;
        font-size: 20px;
        text-align: center;
    }
    .service-style-002-01 li {
        width: 100%;
        max-width: 440px;
        height: 280px;
        overflow: hidden;
        margin: 0 auto;
    }
    .service-style-002-list-pic li {
        font-size: 11px;
        height: 20px;
        width: 46px;
    }
    .service-style-002-list-text {
        max-height: 300px;
        height: 100%;
        padding: 0 16px;
    }
    .service-style-004-02 ul {
        gap: 20px;
        padding: 0px;
    }
    .service-style-004-list {
        max-width: 480px;
        width: calc((100% - 20px) / 2);
        height: auto;
    }
    .service-style-004-list-img-text {
        font-size: 24px;
        line-height: 1;
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    .space-area {
        font-size: 24px;
        height: 160px;
    }
    .schedule-style-001-002 {
        position: relative;
        left: -180px;
        width: 600px;
        height: auto;
    }
    .schedule-style-001-003 {
        position: absolute;
        top: auto;
        bottom: 0;
        transform: none;
        right: 0;
        max-width: 582px;
        width: 100%;
        margin: 0;
    }
    .schedule-style-001-003-img {
        max-width: 380px;
        margin: 0 0 0 auto;
    }
    .special-style-002-5 {
        position: relative;
        max-width: 500px;
        aspect-ratio: 500 / 220;
        overflow: hidden;
    }
    /* .schedule-style-flow .flow {
        max-width: 380px;
        margin: 0 auto;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .schedule-style-flow .flow > li:not(:first-child) dl::before {
        display: none;
    } */
    @media screen and (max-width: 400px) {
	.smp-none{
		display: none;
	}
	.headmenu{
			display: none;
		}
    .schedule-style-flow .flow > li dl {
        width: 130px;
        height: 130px;
        padding: 15px 10px;
        margin: 0;
        border: 2px solid #02A0E8;
    }
    .schedule-style-flow .flow > li dl dt {
        font-size: 20px;
        margin-top: 32px;
        margin-bottom: 0px;
        text-align: center;
    }
    }
    .schedule-style-001-001 {
        width: 100%;
        position: static;
        z-index: auto;
        left: auto;
        transform: none;
        font-size: 24px;
        font-weight: 400;
        white-space: nowrap;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .schedule-style-001-004 {
        font-size: 24px;
    }
    .schedule-style-001-003-text {
        padding: 0 20px;
        font-size: 20px;
    }
    .schedule-style-002 {
        position: relative;
        width: 100%;
        height: auto;
        padding: 20px 0 0;
        box-sizing: border-box;
    }

    .contact-btn-002 {
        margin: 0 auto;
        color: #fff;
        font-size: 24px;
        background-color: #02A0E8;
        width: 260px;
        height: 50px;
    }
    .schedule-text {
        font-size: 24px;
        text-align: center;
        margin: 50px auto 0;
    }
    .special-style-001-title-01 {
        width: 90%;
        padding: 0 20px;
        text-align: left;
        font-size: 24px;
        border-bottom: #333 1px solid;
        box-sizing: border-box;
    }
    .special-style-001-title-02 {
        padding: 0;
        text-align: center;
        font-size: 20px;
        margin-top: 16px;
        box-sizing: border-box;
    }
    .special-style-002-4 {
        max-width: 1280px;
        width: 100%;
        margin: 60px auto;
        padding: 0 40px;
        box-sizing: border-box;
        text-align: end;
        font-size: 28px;
    }

    .company-style-001-text {
        font-size: 24px;
        text-align: center;
        margin: 0 auto;
    }
    .company-style-001-map-text {
        display: flex;
        flex-direction: column;
        gap: 50px;
        margin-top: 40px;
        margin-left: 0px;
    }
    .company-style-001-flex {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .company-style-001-border {
        color: rgb(0, 113, 188);
        font-size: 16px;
        font-weight: 700;
        padding-left: 0px;
        padding-bottom: 4px;
        margin-right: 0px;
        margin-bottom: 8px;
        border-bottom: #000 solid 1px;
        width: 100%;
        min-width: 260px;
    }
    .company-data {
        margin-left: 10px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .company-style-002-client-title {
        font-size: 28px;
        text-align: left;
        margin: 0 auto 20px;
        padding: 0 40px 10px;
        box-sizing: border-box;
        border-bottom: #000 solid 1px;
    }
    .company-style-002-client {
        text-align: left;
        margin: 0  auto;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .company-style-002-client li {
        width: 100%;
        padding: 5px 20px;
        box-sizing: border-box;
    }
/* custom-ware.html *//* custom-ware.html */
/* custom-ware.html *//* custom-ware.html */
    .original-001-img {
        position: static;
        left: auto;
        width: calc( 100% - 40px );
        max-width: 1320px;
        height: auto;
        aspect-ratio: 1320 / 380;
        border-radius: 15px;
        overflow: hidden;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .original-002-text-02 {
        font-size: 20px;
        color: #0D1577;
    }
    .original-003 {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .original-003-img {
        position: static;
        left: auto;
        width: 100%;
        max-width: 1320px;
        height: auto;
        aspect-ratio: 1320 / 380;
        border-radius: 15px;
        overflow: hidden;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .original-003-text-02 {
        font-size: 20px;
        color: #0D1577;
        box-sizing: border-box;
    }
    .case-list {
        gap: 10px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .case-list li {
        width: calc((100% - 10px) / 2);
        max-width: 350px;
        aspect-ratio: 390 / 290;
        border-radius: 10px;
        overflow: hidden;
    }
/* facilities.html *//* facilities.html */
/* facilities.html *//* facilities.html */
    .facilities-title {
        font-size: 28px;
        font-weight: 500;
        padding: 20px 30px;
    }
    .about-machine {
        font-size: 20px;
        line-height: 1;
    }
    .about-ruby {
        font-size: 12px;
    }
    .facilities-about-001 {
        flex-direction: column;
    }
    .facilities-about-002 {
        flex-direction: column;
    }
    .facilities-about-003 {
        flex-direction: column;
    }
    .facilities-about-004 {
        flex-direction: column;
    }
    .facilities-about-005 {
        flex-direction: column;
    }
    .table-wrap {
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
    }
    .table-row {
        flex-wrap: wrap;
        padding: 0;
        /* border: 1px solid #999; */
        margin-bottom: 20px;
    }
    .cell.item {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 8px;
        padding: 0 10px;
        text-align: center;
        box-sizing: border-box;
    }
    .cell.group {
        width: 100%;
        max-width: 600px;
        display: flex;
        margin: 0 auto;
        border-top: 1px solid #999;
    }
    .cell.group .sub {
        text-align: center;
        flex: 1;
        padding: 8px;
    }
    .sp-column-none {
        display: none;
    }   
/* company.html *//* company.html */
/* company.html *//* company.html */
    .company-about-flex {
        max-width: 500px;
		margin-top:50px;
    }
    .company-history-vew {
        padding: 40px 0px;
    }
    .company-prof-table li {
        display: flex;
        flex-direction: column;
    }   
    .company-prof-item {
        margin-left: 20px;
    }
    .company-prof-title {
        font-size: 40px;
    }
    .company-history-cont-title {
        font-size: 32px;
    }
    .SPcompany-history-item {
        color: #1395fe;
    }
    .company-history-item02 {
        color: rgb(0, 113, 188);
        font-size: 16px;
        font-weight: 700;
        margin: auto;
    }
    .SPcompany-history-item {
        margin-top: 20px;
    }
    .company-history-item li:nth-child(1) {
        position: static;
        top: auto;
        margin: auto;
    }
    .company-history-item li:nth-child(2) {
        position: static;
        top: auto;
    }
    .company-history-item li:nth-child(3) {
        position: static;
        top: auto;
    }
    .company-history-item li:nth-child(4) {
        position: static;
        top: auto;
    }
    .company-history-item li:nth-child(5) {
        position: static;
        top: auto;
    }

/* ear-pad.html *//* ear-pad.html *//* ear-pad.html */
/* ear-pad.html *//* ear-pad.html *//* ear-pad.html */
    .ear-pad-top-vew-title-001 {
        font-size: 10vw;
        line-height: 1;
        color: yellow;
    }
    .ear-pad-top-vew-img {
        position: absolute;
        right: -20%;
        top: 16%;
        max-width: 800px;
        width: 160%;
        height: auto;
    }
    .ear-pad-top-vew-sub {
        position: absolute;
        bottom: 24%;
        margin-left: 20px;
        font-size: 3vw;
    }
    .ear-pad-about {
        font-size: 12px;
    }
    .ear-pad-abou-list001 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin-bottom: 60px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .ear-pad-abou-list001 li {
        width: calc( 50% - 10px );
    }
    .ear-pad-abou-list001 .ear-pad-abou-list-img {
        position: relative;
        max-width: 480px;
        height: auto;
        aspect-ratio: 300 / 400;
        overflow: hidden;
    }
    .ear-pad-abou-list002 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .ear-pad-abou-list002 li {
        width: calc( 50% - 10px );
    }
    .SPear-pad-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .SPear-pad-list-img {
        position: relative;
        max-width: 768px;
        width: 100%;
        height: auto;
        aspect-ratio: 700 /200;
        overflow: hidden;
    }
    .SPear-pad-list-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .maker-brand-title {
        margin: 40px auto 100px;
        text-align: center;
        font-size: 20px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 500px) {
    .Close500 {
        display: none;
    }
    .Open500 {
        display: block;
    }
    
    .SPtop-vew-logo {
        position: absolute;
        /* top: 20%; */
    }
    @media screen and (max-width: 320px) {/* SE専用 */
        .next-btn-001 {
            bottom: 20px;
        }
    }
    .special-style-002-5 {
        position: relative;
        max-width: 500px;
        aspect-ratio: 500 / 220;
        overflow: hidden;
    }
    .schedule-style-001-001 {
        font-size: 20px;
        padding: 0 20px;
    }
    .schedule-style-001-002 {
        position: relative;
        left: auto;
        right: -50px;
        width: 540px;
        height: auto;
    }
    .schedule-style-001-003 {
        position: absolute;
        transform: none;
        right: auto;
    }
    .schedule-style-001-003-text {
        padding: 20px;
        font-size: 16px;
    }
    .schedule-style-001-003-img {
        margin: 0px auto;
    }
    .schedule-style-001-004 {
        font-size: 20px;
        text-align: center;
        position: static;
        left: auto;
        transform: none;
        margin: 60px auto 0;
    }
    .contact-btn-002 {
        margin: 0 auto;
        color: #fff;
        font-size: 20px;
        background-color: #02A0E8;
        width: 240px;
        height: 50px;
    }
    .schedule-contact {
        margin-bottom: 120px;
    }
    .schedule-text {
        font-size: 20px;
        text-align: center;
        margin: 20px auto 0;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .special-style-001-title-01 {
        padding: 0 20px;
        text-align: left;
        font-size: 20px;
    }
    .special-style-001-title-02 {
        padding: 0 40px;
        text-align: left;
        font-size: 18px;
        margin-top: 8px;
        box-sizing: border-box;
    }
    .special-style-002-1 {
        width: 100%;
        height: auto;
        padding: 20px 0;
        background-color: #1A3E76;
        color: #fff;
        font-size: 20px;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 15px;
    }
    .special-style-002-1-img {
        width: 90%;
        aspect-ratio: 440 / 68;
        margin-left: 0;
    }
    .special-style-002-1-text {
        width: 100%;
        height: 100%;
        text-align: end;
        margin: auto;
        padding: 10px 20px 0;
        box-sizing: border-box; 
    }
    .special-style-002-2 {
        width: 100%;
        height: auto;
        padding: 20px 0;
        background-color: #1A3E76;
        color: #fff;
        font-size: 20px;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 15px;
    }
    .special-style-002-2-text {
        width: 100%;
        height: 100%;
        text-align: end;
        margin: auto;
        padding: 10px 20px 0;
        box-sizing: border-box; 
    }
    .special-style-002-3 {
        width: 100%;
        height: auto;
        padding: 20px 0;
        background-color: #1A3E76;
        color: #fff;
        font-size: 20px;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 15px;
    }
    .special-style-002-3-text {
        width: 100%;
        height: 100%;
        text-align: end;
        margin: auto;
        padding: 10px 20px 0;
        box-sizing: border-box; 
    }

    .company {
        margin: 60px auto 100px;
    }
    .company-style-001-map {
        max-width: 1480px;
        width: 100%;
        margin: 60px auto 0px;
        padding: 0 20px 60px;
        box-sizing: border-box;
    }
    .company-back {
        position: static;
        z-index: -1;
        right: auto;
        bottom: auto;
    }
    .company-style-001-text {
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
    }
    .company-style-002-client-title {
        font-size: 20px;
        text-align: center;
        margin: 0 auto 20px;
    }
    .company-style-002-client {
        text-align: left;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    /* オリジナル製品ボタン */
    .special-style-002-5 {
        width: calc( 100% - 40px);
        box-sizing: border-box;
        margin: 0 auto 40px;
    }
/* custom-ware.html *//* custom-ware.html */
/* custom-ware.html *//* custom-ware.html */
    .SPcustom-top-vew {
        position: relative;
        margin-top: 60px;
        height: calc( 100vh - 60px );
        width: 100vw;
        background-color: #0690b3;
        overflow: hidden;
    }
	.vew-back01{
		background-color: #0690b3;
	}
	.vew-back02{
		background-color: #A0595B;
	}
	.vew-back03{
		background-color: #128F7C;
	}
	.vew-back04{
    background-color: #143F76;
	}
	.vew-back06{
    background-color: #B68F0C;
	}
    .SPcustom-top-001 {
        position: absolute;
        z-index: 1;
        right: -10%;
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
        max-width: 460px;
    }
    .SPcustom-top-001 figure {
        opacity: 0;
            animation: fadeUp 1s ease forwards;
            animation-delay: 0.2s;
    }
    .SPcustom-top-text002 {
        position: absolute;
        z-index: 10;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 40px;
        padding: 10px;
        box-sizing: border-box;
    }
    .SPcustom-top-text002 .text-box {
        background-color: #fff;
        color: #777;
        font-size: 16px;
        padding: 2px 8px;
        display: inline-block;
        align-self: flex-start;
    }

    .SPcustom-top-text001 {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 20px;
        width: 90%;
        box-sizing: border-box;
    }

    .SPcustom-top-text003 {
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
        position: absolute;
        z-index: 10;
        left: 50%;
        transform: translateX(-50%);
        bottom: 60px;
        color: #fff;
        text-align: center;
    }
    .SPcustom-top-text003 figure {
        opacity: 0;
            animation: fadeUp 1s ease forwards;
            animation-delay: 0.6s;
    }
    .SPcustom-top-text .next-btn-002 {
        position: absolute;
        bottom: 40px;
        color: #fff;
    }
    .SPcustom-top-text .next-btn-002::after {
        border-top: 24px solid #fff;
    }
    .original-002-text-01 {
        text-align: center;
        font-size: 24px;
        color: #0D1577;
    }
    .original-002 {
        gap: 20px;
        margin: 20px auto 100px;
        padding: 0 20px;
    }
    .original-003-text-01 {
        text-align: center;
        font-size: 24px;
        color: #0D1577;
    }
    .original-003-text {
        font-size: 24px;
        text-align: center;
        margin: 0px auto 0;
    }
    .original-004 {
        margin-top: 20px;
        margin-bottom: 80px;
    }
/* facilities.html *//* facilities.html */
/* facilities.html *//* facilities.html */
    .facilities-title {
        /* font-size: 20px; */
        font-weight: 500;
        padding: 10px 20px;
    }
    .about-machine {
        font-size: 18px;
        line-height: 1;
    }
    .facilities-about-001-img {
        width: 100%;
        max-width: 530px;
        height: auto;
        aspect-ratio: 530 / 330;
        overflow: hidden;
        position: relative;
        object-fit: cover;
    }
    .facilities-about-004-img {
        width: 100%;
        max-width: 530px;
        height: auto;
        aspect-ratio: 530 / 330;
        overflow: hidden;
        position: relative;
        object-fit: cover;
    }
    .facilities-about-005-img {
        width: 100%;
        max-width: 530px;
        height: auto;
        aspect-ratio: 530 / 330;
        overflow: hidden;
        position: relative;
        object-fit: cover;
    }
    .facilities-list {
        margin: 0 auto;
        padding: 0 20px 100px;
        box-sizing: border-box;
    }
    .service-style-003-01 .t02 {
        text-align: center;
        font-size: 20px;
    }
    .service-style-003-02 .t03 {
        font-size: 20px;
    }
    .service-style-002-01 li {
        display: flex;
        flex-direction: column;
        width: 100%;
        /* max-width: 320px; */
        max-width: 500px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
    .service-style-002-list-img {
        width: 100%;
        max-width: 500px;
        aspect-ratio: 300 / 100;
        height: auto;
        overflow: hidden;
    }
    .service-style-002-01 li a {
        display: flex;
        flex-direction: column;
    }
    .service-style-002-list-text {
        color: #fff;
        background-color: #00000000;
        max-height: 300px;
        height: auto;
        /* min-height: 170px; */
        padding: 0px 0;
    }
    .service-style-002-list-pic {
        font-size: 14px;
        position: static;
        bottom: auto;
        margin: 10px 0 30px ;
        width: 100%;
        max-width: 320px;
    }
    .service-style-002-list-pic li {
        background-color: #fff;
        color: #000;
        border: none;
        font-size: 11px;
        height: 20px;
        width: calc( 100% / 4 );
    }
    .service-style-004-02 ul {
        gap: 20px;
        padding: 0px;
    }
    .service-style-004-list-img {
        border-radius: 10px;
    }
    .service-style-004-list-title {
        padding: 10px 0px 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        height: 2em;
    }
    .service-style-004-list-text {
        width: 100%;
        font-size: 10px;
        padding: 10px 0px;
        box-sizing: border-box;
    }
    .space-area {
        font-size: 20px;
        height: 140px;
    }

/* company.html *//* company.html */
/* company.html *//* company.html */
    .company-prof-table {
        padding: 40px 10px;
    }
    .company-prof-title {
        font-size: 32px;
    }
    .company-history-cont-title {
        font-size: 26px;
    }
    .company-history-cont-title span {
        margin: 0 auto 0 20px;
        font-size: 20px;
    }
/* ear-pad.html *//* ear-pad.html *//* ear-pad.html */
/* ear-pad.html *//* ear-pad.html *//* ear-pad.html */
    .ear-pad-top-vew-img {
        position: absolute;
        right: auto;
        top: 16%;
    }
    .maker-brand-title {
        margin: 40px auto;
        text-align: center;
        font-size: 20px;
        box-sizing: border-box;
    }
    .maker-brand-list li {
        width: 100%;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .maker-brand-list li a {
        text-align: center;
    }



}