@media all and (max-width : 1680px) { } 

@media all and (max-width : 1500px) {

.banner { margin-top: 97px; } 

header>.h-container>nav>ul>li>.depth02-nav>ul { padding-left: 5%; } 
header>.h-container>nav>ul>li>.depth02-nav>ul>li { margin: 0 10px; } 
header>.h-container>nav>ul>li>.depth02-nav>ul>li>a, header>.h-container>nav>ul>li>.depth02-nav>ul>li>h3 { font-size: 14px; padding: 28px 10px; } 
header>.h-container>nav>ul>li > .depth02-nav { top: 97px; } 
.depth03-nav { top: 175px; } 

/* prd01.php */
.prd-slide .wrap { max-width: 1170px } 
.prd-slide .slide-prev, .prd-slide .slide-next { width: 80px; height: 80px; margin-top: -40px } 
.prd-slide .swiper { max-width: 970px } 
 }

@media all and (max-width : 1200px) { /* common */
.container { width:970px } 
.fz54 { font-size: 40px } 
.fz45 { font-size: 38px } 
.fz42 { font-size: 30px } 

/* banner.php */
.banner { height: 450px; margin-top: 97px; } 
.banner .text-wrap h2 { font-size: 80px } 
.banner .text-wrap h3 { font-size: 60px } 
.banner .text-wrap h4 { font-size: 28px } 

header>.h-container>nav>ul>li>.depth02-nav>ul { padding-left: 5%; } 
header>.h-container>nav>ul>li>.depth02-nav>ul>li { margin: 0 10px; } 
header>.h-container>nav>ul>li>.depth02-nav>ul>li>a { font-size: 14px; padding: 28px 10px; } 
header>.h-container>nav>ul>li > .depth02-nav { top: 97px; } 
.depth03-nav { top: 175px; } 

/* company.php */
.about01-content02 .container > ul > li { width: calc((100% - 50px) / 2); margin-right: 50px } 

/* prd01.php */
.prd-slide .wrap { max-width: 970px } 
.prd-slide .swiper { max-width: 810px } 

/* prd06.php */
.product06-content03 .wrap02 h4 { font-size: 20px } 
.product06-content03 .wrap02 .flex svg { max-width: 400px } 

/* contact.php */
.contact01-content02 .wrap .right h3 { font-size: 28px } 

/* 250711 */
.main-section06 ul li ul li { width: 24%; } 

.fz26 { font-size: 20px; } 
.tytr-section02 .grid p { font-size: 20px; } 
}

@media all and (max-width : 991px) { /* common */
.container { width: 100% } 
.fz54 { font-size: 28px } 
.fz54 br { display: none } 
.fz45 { font-size: 24px } 
.fz42 { font-size: 20px } 
.banner { margin-top: 95px } 

/* footer.php */
footer { padding: 60px 0 100px } 
footer ul:last-child li:last-child { width: 100%; margin-top: 30px } 

/* banner.php */
.banner .text-wrap { bottom:50%; padding-bottom: 0; transform: translateY(50%); } 
.banner .text-wrap h2 { font-size: 60px } 

/* about.php */
.about01-content01 .svg-wrap { margin-top: 80px } 
.about01-content02 .container > ul > li { width: 100%; margin-right: 0 } 
.about01-content02 .container > ul > li:last-child { margin-top: 50px } 
.about01-content03 ul li { width: calc((100% - 30px) / 2); margin-right: 30px } 
.about01-content03 ul li:nth-child(even) { margin-right: 0 } 
.about01-content03 ul li:nth-child(n+3) { margin-top: 50px } 

/* prd01.php */
.prd-slide .slide-prev, .prd-slide .slide-next { display: none } 

/* prd05.php */
.product05-content03 .img-wrap li { width: calc((100% - 40px) / 2); margin-right: 40px } 

/* prd06.php */
.product06-content03 .wrap ul li:first-child { width: 300px } 
.product06-content03 .wrap ul li:last-child { width: calc(100% - 300px); } 
.product06-content03 .wrap02 ul { max-width: 600px; margin-left: auto; margin-right: auto } 
.product06-content03 .wrap02 ul li { width: 100%; margin-bottom: 130px; margin-right: 0 } 
.product06-content03 .wrap02 ul li:last-child { margin-bottom: 0 } 
.product06-content03 .wrap02 ul li .icon01 { left: 50%; top: -160px; transform: translateX(-50%) rotate(90deg); } 
.product06-content03 .wrap02 ul li .icon02 { right: 50%; transform: translateX(50%) rotate(90deg); top: calc(100% + 35px); } 
.product06-content03 .wrap02 .flex svg { max-width: 100%; margin-left: auto; margin-right: auto; } 

/* prd07.php */
.product07-content03 .wrap ul li:first-child { width: 50% } 
.product07-content03 .wrap ul li:first-child + li { width: 50% } 

/* contact.php */
.contact01-content02 .wrap .left, .contact01-content02 .wrap .right { width: calc(50% - 15px); } 
.contact01-content02 .wrap .left { margin-right: 30px } 
.contact01-content03 .iframe-wrap::before { padding-bottom: 30% } 

/* inquiry.php */
.inquiry01-content02 .check-box-wrap li { margin-right: 10px } 
.inquiry01-content02 input + label { font-size: 15px } 
.inquiry01-content02 .radio-wrap ul li { margin-top: 5px; margin-bottom: 5px } 

/* magazine.php */
.board-list .tab a { margin-right: 10px; padding:12px 15px; font-size: 18px } 
.board-list .list li { width: calc((100% - 30px) / 2); margin-right: 30px } 
.board-list .list li:nth-child(3n) { margin-right: 30px } 
.board-list .list li:nth-child(6n) { margin-right: 0 } 
.board-list .list li:nth-child(even) { margin-right: 0 } 
.board-list .list li .bg { height: 42vw } 
.board-list .list li h4 { font-size: 20px } 

/* 250711 */
.main-section06 .container > ul > li { width: 100%; } 
.main-section06 h3 br { display: none; } 
.main-section06 ul li ul { width: 100%; margin-top: 50px; } 
.main-section06 ul li ul li { width: calc((100% - 60px) / 4); } 
.main-section06 ul li ul li:nth-child(3n) { margin-right: 20px; } 
.main-section06 ul li ul li:nth-child(4n) { margin-right: 0; } 
.main-section06 ul li ul li:nth-child(n+4) { margin-top: 0; } 
.main-section06 ul li ul li:nth-child(n+5) { margin-top: 20px; } 
}

@media all and (max-width : 767px) { /* common */
.mt100 { margin-top: 80px!important } 
.pt100 { padding-top: 80px!important } 
.pb100 { padding-bottom: 80px!important } 

/* footer.php */
footer .scroll-top svg { width: 40px; height: 22px } 
footer address br { display: none } 

/* banner.php */
.banner { height: 350px } 
.banner .text-wrap h4 { font-size: 24px } 
.banner .text-wrap h3 { margin-top: 15px; font-size: 40px } 

/* index.php */
.main-section01 .txt-box { display: none } 

/* about.php */
.about01-content02 .flex li { font-size: 16px } 
.about01-content02 .flex li:first-child { width: 100px } 
.about01-content02 .flex li:first-child + li { width: calc(100% - 110px); margin-left: 10px } 
.about01-content03 ul li h4 { font-size: 16px } 

/* prd01.php */
.product01-content03 .img-wrap li { width: 100%; margin-right: 0 } 
.product01-content03 .img-wrap li:last-child { margin-top: 50px } 
.table-wrap { overflow-x:auto } 
.table-wrap table { width: 700px } 
.appli-wrap li { width: calc((100% - 30px) / 2); margin-right: 30px } 
.appli-wrap li:nth-child(even) { margin-right: 0 } 
.appli-wrap li:nth-child(n+3) { margin-top: 30px } 
.appli-wrap li h4 { font-size: 16px!important } 
.prd-inquiry ul li { width: 100%; margin-right: 0; margin-bottom: 15px } 
.prd-inquiry ul li:last-child { margin-bottom: 0 } 

/* prd02.php */
.product02-content03 .img-wrap li { width: 100%; margin-right: 0 } 

/* prd06.php */
.product06-content03 .wrap ul { padding-left: 15px; padding-right: 15px } 
.product06-content03 .wrap ul li:first-child { width: 100% } 
.product06-content03 .wrap ul li:first-child img { max-width: 200px } 
.product06-content03 .wrap ul li:last-child { width: 100%; margin-top: 50px; padding-left: 0 } 
.product06-content03 .wrap ul li p { font-size: 16px } 

/* prd07.php */
.product07-content03 .wrap ul { padding-left: 15px; padding-right: 15px } 
.product07-content03 .wrap ul li:first-child { width: 100% } 
.product07-content03 .wrap ul li:first-child + li { width: 100%; margin-top: 30px } 

/* contact.php */
.contact01-content02 .wrap .left, .contact01-content02 .wrap .right { width: 100% } 
.contact01-content02 .wrap .left { margin-right: 0; margin-bottom: 50px } 
.contact01-content02 .wrap .right h3 { font-size: 24px } 

/* inquiry.php */
.inquiry01-content02 .check-box-wrap li { width: calc((100% - 30px) / 2); margin-right: 30px } 
.inquiry01-content02 .check-box-wrap li:nth-child(even) { margin-right: 0 } 
.inquiry01-content02 .check-box-wrap li:nth-child(n+3) { margin-top: 20px } 
.inquiry01-content02 .input-wrap li { width: 100%; margin-right: 0 } 
.inquiry01-content02 .input-wrap li:nth-child(n+2) { margin-top: 30px } 
.inquiry01-content02 .input-wrap li h4,.inquiry01-content02 .input-wrap li input[type="text"] { font-size: 18px } 
.inquiry01-content02 .radio-wrap ul li { width: calc((100% - 60px) / 4); margin-right: 20px } 
.inquiry01-content02 .radio-wrap ul li:nth-child(4n) { margin-right: 0 } 
.inquiry-pop p { padding:15px } 

/* 250711 */
.main-section06 h3 { font-size: 24px; } 
.main-section06 ul li ul li { width: calc((100% - 20px) / 2); } 
.main-section06 ul li ul li:nth-child(even) { margin-right: 0; } 
.main-section06 ul li ul li:nth-child(odd) { margin-right: 20px; } 
.main-section06 ul li ul li:nth-child(n+3) { margin-top: 20px; } 

.tytr-section01 .fz24 { font-size: 18px; } 
.tytr-section01 .grid { grid-template-columns: repeat(1, 1fr); } 
.tytr-section02 .grid { grid-template-columns: repeat(1, 1fr); } 
.product07-content03 .wrap h4 { font-size: 20px; }

}

@media all and (max-width : 640px) {footer .sns-box img { width: 40px; } 
.product05-content03 .img-wrap li { width: 100%; margin-right: 0 } 
.inquiry01-content02 input[type="checkbox"] + label::before { width: 20px; height: 20px } 
.inquiry01-content02 input:checked + label::after { width: 24px; height: 16px; background-size: contain; } 
.inquiry01-content02 .radio-wrap ul li { width: calc((100% - 20px) / 2); margin-right: 20px } 
.inquiry01-content02 .radio-wrap ul li:nth-child(2n) { margin-right: 0 } 
.inquiry01-content02 .agree-wrap label,.inquiry01-content02 .agree-wrap a { font-size: 14px } 

.popup { padding-left: 15px; padding-right: 15px } 
.popup h3 { font-size: 28px } 
.popup ul li { margin-bottom: 10px } 
.popup ul li h4 { font-size: 18px } 
.popup label { font-size: 14px } 
.popup ul li input { padding:15px 20px } 
 }