@charset "UTF-8";

@media screen and (max-width: 1000px) {
.low-page .contents-ttl h2{font-size: 2.8vw;}
.low-page .contents-ttl h2.en{font-size: 3vw;}
.low-flex .txt h3{font-size: 2.2vw;}
.low-flex .txt p{font-size: 1.4vw;}

.our-product .flex li p{font-size: 1.6vw;}
.our-product .flex li span{font-size: 1.2vw;}

.our-product .single-page-product .flex.contents .txt{font-size: 1.4rem;}
.low-page .flex.cta{justify-content: center; gap: 20px;}
.low-page .flex.cta .btn-main{display: flex; justify-content: center; width: 100%;}
.our-business h3{font-size: 2.5vw;}
.our-business .txt-area p{font-size: 1.6vw;}
.our-business .txt-area p br.sp-none{display: none;}
}
@media screen and (max-width: 768px) {
.w1200{margin-inline: inherit;}
.low-header {flex-direction: column; align-items: flex-start; gap: 20px; padding-top: 8%; padding-left: 0;}

.loop ul{width: 200vw;}
.loop li{width: 50vw;}

.low-page .contents-ttl{margin-bottom: 8%;}
.low-page .contents-ttl h2{font-size: 2.2rem;}
.low-page .contents-ttl h2.en{font-size: 2.5rem;}
.low-page .contents-ttl h2 .sp-block{display: block;}
.low-page .contents-ttl p{font-size: 1.2rem;}

.low-flex{margin-bottom: 18%;}
.low-flex .txt h3{font-size: 2rem; margin-bottom: 20px;}
.low-flex .txt h3 .sp-block{display: block;}
.low-flex .txt p{font-size: 1.4rem;}
.low-flex .txt .treat span{font-size: 1.4rem;}
.low-flex .txt .treat{font-size: 2rem;}

.low-header h1{font-size: 3.5rem; margin-bottom: 5px;}
.low-header p{font-size: 1.2rem;}
.low-header .img {width: 96%; margin-left: auto; margin-right: 0;}
.low-header .ttl-area{padding-left: 20px;}

.breadcrumb{margin-bottom: 15%;}
.breadcrumb a{font-size: 1.2rem;}
.breadcrumb span{font-size: 1.2rem;}

.low-flex{flex-direction: column; gap: 20px;}
.low-flex.reverse{flex-direction: column-reverse;}
.low-flex .img{width: 95%; margin-left: 0; margin-right: auto;}
.low-flex.reverse .img{width: 95%; margin-left: auto; margin-right: 0;}
.low-flex .txt{width: 100%; padding-right:20px!important; padding-left: 20px!important;}

.our-product .flex li{width: 32%;}
.our-product .flex li p{font-size: 1.4rem;}
.our-product .flex li span{font-size: 1rem;}

.our-product .single-page-product .flex.contents{gap: 20px;}
.our-product .single-page-product .flex.contents .img{width: 100%;}
.our-product .single-page-product .flex.contents .txt{width: 100%;}
.low-page .flex.cta p{font-size: 1.2rem;}
.low-page.flex.cta p br.sp-none{display: block;}
.low-page .cta .btn-main a span{font-size: inherit;}

.our-business .top-img{width: 95%; margin-bottom: 10%;}
.our-business h3{font-size: 1.8rem; padding: 0 20px; margin-bottom: 8%;}
.our-business h3 br.sp-block{display: block;}
.our-business .txt-area {width: 100%; padding: 0 20px; margin-bottom: 5%;}
.our-business .txt-area p{font-size: 1.4rem;}
.our-business .txt-area p.mb{margin-bottom: 8%;}
.our-business .txt-area .btn-main a{margin-bottom: 15%;}
.our-business .bottom-img{position: relative; bottom: inherit; right: inherit; margin-left: auto; margin-right: 0; width: 75%;}

.our-value .bg-white, .our-value .network{padding: 15% 0;}
.our-value .low-flex:last-of-type{margin-bottom: 0;}
.our-value .network .contents-ttl p{font-size: 1.4rem;}

.company dl {grid-template-columns: 1fr;}
.company dt {padding-bottom: 4px; border-bottom: none;}
.company dd {padding-top: 0; font-size: 1.4rem;}
.company dd br.sp-none{display: none;}
.company .low-flex .txt{margin-bottom: 15%;}
.history .history_swiper .swiper-slide p.txt{font-size: 1.2rem;}
.history_nav{top: 0;}

.low-page .flex.cta .txt p{text-align: center;}
.our-business .btn-main .ec-icon br.sp-block{display: block;}
.our-business .txt-area .btn-main:first-of-type a{margin-bottom: 20px; padding-left: 30px;}
.low-page .cta br.sp-block{display: block;}
.our-vision .txt-center{text-align: start;}
.our-vision .txt-center .sp-none{display: none;}
.low-news .emergency ul{padding: 10px;}
.low-news .emergency ul .news-ttl{padding-right: 25px;}

.single-news-content h2{
    font-size: 2.3rem;
    margin-bottom: 30px;
}
.single-news-content h3{
    font-size: 2rem;
    margin-bottom: 20px;
}
.single-news-content h4{
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.single-news-content h5{
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.single-news-content p{
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.low-news .news-category{font-size: 1.2rem;}
.single-news-content figure.wp-block-table tr{display: flex; flex-direction: column; width: 100%;}
.single-news-content figure.wp-block-table td{font-size: 1.4rem;}

.privacy h3{font-size: 1.8rem; line-height: 1.6;}
.privacy ul{
    padding-left: 14px;
    text-indent: -14px;
}
.privacy ul li{
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.low-page .privacy  .contents-ttl{
    margin-bottom: 15%;
}
.privacy p.mb{margin-bottom: 30px;}
.our-value .low-flex .gray-line .pc-img{display: none;}
.our-value .low-flex .gray-line .sp-img{display: block;}

.inquiry-step{flex-wrap: wrap; justify-content: center;}
.inquiry-step .inquiry-flex{flex-direction: row; justify-content: space-between; width: 260px; margin-inline: auto;}
.inquiry-step.first .inquiry-flex li p{font-size: 1.6rem;}
.inquiry-step .inquiry-flex li p::after {
    width: 20px;
    height: 1px;
    bottom: inherit;
    top: 53%;
    left: inherit;
    right: -50%;
    transform: translateY(-50%);}
#wpcf7-f115-o1{width: 100%;}
.date-pp-txt{font-size: 1.2rem; text-align: start;}
#wpcf7-f123-o1{width: 100%;}
.inquiry.confirm{flex-wrap: wrap; gap: 0;}
.inquiry.confirm .back-wrap > p{gap: 10px;}
.inquiry.confirm input{padding-right: 0;}
}

@media screen and (max-width: 500px) {
.our-product .flex li{width: 48%;}
}