@charset "UTF-8";




/* -------------------- パイプ加工 -------------------- */
.pipe .gray_box {
    border-radius: 10px 10px 0 0;
    /* background-color: #ececec; */
    background-color: rgba(217, 217, 217, 0.5);
    padding: 20px 24px 0;
    margin: 0 20px;
}
.pipe .col-sm-6 {
    margin-top: 4rem;
}
.pipe .col-sm-6:first-child {
    margin-top: 0;
}
.gray_box .pipe_title {
    font-size: 18px;
    line-height: 1.3;
}
.gray_box .pipe_arrow {
    padding: 60px 0;
}
.gray_box .pipe_arrow img {
    width: 30px;
}

.blue_box {
    background-color: rgba(0, 85, 175, 0.2);
    border-radius: 10px;
    padding: 2rem 20px;
    margin-top: -2rem;
}
.gray_box .before_img img,
.blue_box .after_img img {
    /* width: 220px;
    height: 164px; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.pipe th {
    background-color: #004289;
    border-top: 1.5px solid #004289;
    border-left: 1.5px solid #004289;
    border-right: 1.5px solid #004289;
    border-bottom: 1.5px solid #fff;
}
.pipe tr:last-child th {
    border-bottom: 1.5px solid #004289;
}
.pipe tr:nth-child(2n-1) {
    background-color: #F2F6F9;
}
.pipe tr:nth-child(2n)  {
    background-color: #fff;
}
.pipe tr td {
    border: 1px solid #004289!important;
    padding: 5px 0;
}

.pipe_video video {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
}
.pipe_caption {
    font-size: 14px;
    line-height: 1.3;
}








/* -------------------- お問い合わせ -------------------- */
.page-id-203 input.adminbar-button {
    display: none!important;
}

.page-id-203 .title_square > strong:first-child::after,
.page-id-203 .title_square > strong:last-child::before,
.page-id-203 form > p:last-of-type .wpcf7-spinner {
    display: none;
}

.page-id-203 form {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    padding: 50px 16px;
    margin: 0 auto;
}
.page-id-203 .form_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}
.page-id-203 .form_title.must::after,
.page-id-203  .wpcf7-acceptance > span span:after {
    content: '必須';
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background-color: #E60012;
    border-radius: 5px;
    padding: 3px 6px;
    margin-left: 10px;
}
.page-id-203 p:has(.form_caption) .form_title {
    margin-bottom: 0;
}
.page-id-203 .form_caption {
    color: darkgrey;
    font-size: 12px;
    margin: 0 0 5px;
    display: inline-block;
}

.page-id-203 form > p {
    margin: 1.5rem 0 0;
}
.page-id-203 form > p:nth-of-type(2) {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1rem 1rem 1rem 0.5rem;
    margin: 0;
}
.page-id-203 p:has(.form_title):nth-of-type(1),
.page-id-203 p:has(.form_title):nth-of-type(3),
.page-id-203 p:has(.form_title):nth-of-type(8),
.page-id-203 .wpcf7-acceptance > span {
    margin: 0;
}
.page-id-203 p:has(.wpcf7-acceptance) {
    margin-top: 0.25rem;
}
.page-id-203 form p:has(a),
.page-id-203 p:has(.wpcf7-acceptance) > span {
    text-align: start;
}
.page-id-203 form p:has(a) br {
    display: none;
}
.page-id-203 form p a {
    color: #0D59B7!important;
}
.page-id-203 .wpcf7-acceptance label span {
    font-weight: bold;
}
.page-id-203 form > p:last-of-type {
    text-align: center;
    margin: 2rem 0 0;
}
.page-id-203 form label,
.page-id-203 span.wpcf7-form-control-wrap:has(input) {
    display: block;
}
.page-id-203 span.wpcf7-form-control-wrap input {
    width: 100%;
}
.page-id-203 span.wpcf7-form-control-wrap input[type="radio"] {
    width: auto;
}
.page-id-203 span.wpcf7-form-control-wrap input[type="text"],
.page-id-203 span.wpcf7-form-control-wrap input[type="email"],
.page-id-203 span.wpcf7-form-control-wrap input[type="tel"] {
    height: 34px;
}
.page-id-203 span.wpcf7-form-control-wrap .wpcf7-acceptance input {
    width: auto;
}
.page-id-203 input[type="submit"] {
    line-height: 24px;
    border: none;
    border-radius: 0;
}
.page-id-203 input[type="submit"]:disabled {
    background: url(img/btn_white.png) no-repeat right 24px center #666!important;
    background-size: 25px, cover!important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 3px 8px!important;
}











/* ==================================================
レスポンシブ　sm 576px
==================================================*/
@media screen and (min-width: 576px) {




/* -------------------- パイプ加工 -------------------- */
.pipe .col-sm-6:nth-child(2) {
    margin-top: 0;
}
.pipe .col-sm-6:nth-child(3),
.pipe .col-sm-6:nth-child(4) {
    margin-top: 5rem;
}


/* -------------------- タイヤ組付 -------------------- */
.tire .col-sm-10 {
    width: 83.33333333%;
}





/* -------------------- お問い合わせ -------------------- */
.page-id-203 .title_square br {
    display: none;
}

.page-id-203 form {
    padding: 60px 40px;
}
.page-id-203 form p:has(a),
.page-id-203 p:has(.wpcf7-acceptance) > span {
    text-align: center;
}
.page-id-203 form p:has(a) br {
    display: block;
}



}















/* ==================================================
レスポンシブ　md 768px
==================================================*/
@media screen and (min-width: 768px) {



/* -------------------- お問い合わせ -------------------- */
.page-id-203 form {
    width: 86%;
}
.page-id-203 form p:has(a) br {
    display: none;
}



}

















/* ==================================================
レスポンシブ　lg 992px
==================================================*/
@media screen and (min-width: 992px) {





/* -------------------- パイプ加工 -------------------- */
.pipe .col-sm-6:nth-child(3),
.pipe .col-sm-6:nth-child(4) {
    margin-top: 0;
}

.pipe_video {
    margin-top: 28px;
}









/* -------------------- お問い合わせ -------------------- */
.page-id-203 form {
    padding: 84px 90px;
}














}