/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://mytrex.jp/trade-in/
Description:下取
Version: 1.0
*/

@media screen and (max-width: 767px) {
    .pc{
        display: none;
   }
}
@media screen and (min-width: 768px) {
    .sp{
        display: none;
   }
}

@media screen and (max-width: 767px) {
    #cmp_rmtc_a{
        margin-top: 0vw !important;
        margin-bottom: 0;
   }
    #cmp_rmtc_b{
        padding: 10% 0 0;
   }
    #cmp_rmtc_d{
        margin: 0vw 0 0;
   }
}
@media screen and (min-width: 768px) {
    #cmp_rmtc_a{
        margin-top: 0vw !important;
        margin-bottom:0vw;
   }
    #cmp_rmtc_b{
        padding: 5% 0 0;
   }
    #cmp_rmtc_d{
        margin: 0vw 0 0.5vw;
        position: relative;
   }
}

@media screen and (max-width: 767px) {
    .cmp_rmtc_a img{
        width:100%;
   }
    .cmp_rmtc_a_pc{
        display:none;
   }
    .cmp_rmtc_a_sp{
        width:100%;
        height:auto;
        margin:0 auto;
        text-align:center;
   }
    .cmp_rmtc_a_sp_img{
        width:100%;
   }
    .cmp_rmtc_a_sp_img img{
        width:100%;
   }
}
@media screen and (min-width: 768px) {
    .cmp_rmtc_a img{
        width:100%;
   }
    .cmp_rmtc_a_pc{
        width:100%;
        height:auto;
        margin:0 auto;
   }
    .cmp_rmtc_a_pc img{
        width:100%;
   }
    .cmp_rmtc_a_sp{
        display:none;
   }
}

@media screen and (max-width: 767px) {
    .cmp_rmtc_b_ttl{
        padding: 0 1vw 10vw;
        font-size: 4.0vw;
        line-height: 1.7;
        letter-spacing: .3vw;
   }
    .cmp_rmtc_b_ttl_indent{
        display: flex;
        align-items: flex-start;
        margin-bottom: 1vw;
        line-height: 1.5;
   }
    .cmp_rmtc_b_sub{
        padding: 0vw 1vw 7vw;
        font-size: 4.5vw;
        line-height: 6vw;
        letter-spacing: 0.35vw;
   }
    .cmp_rmtc_b_sub2{
        padding: 0vw 1vw 0vw;
        font-size: 7vw;
        line-height: 10vw;
        letter-spacing: 0.5vw;
   }
}
@media screen and (min-width: 768px) {
    .cmp_rmtc_b_ttl{
        padding: 0 1vw 5vw;
        font-size: 1.5vw;
        line-height: 1.5;
        letter-spacing: .1vw;
   }
    .cmp_rmtc_b_ttl_indent{
        display: flex;
        align-items: flex-start;
        margin-bottom: 0.3vw;
   }
    .cmp_rmtc_b_sub{
        padding: 0vw 1vw 5vw;
        font-size: 2.3vw;
        line-height: 4vw;
        letter-spacing: 0.1vw;
   }
    .cmp_rmtc_b_sub2{
        padding: 0vw 1vw 0vw;
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0.1vw;
   }
}

@media screen and (max-width: 767px) {
    .cmp_rmtc_textarea2{
        text-align:left;
        padding:5vw 2vw 2vw;
   }
    .cmp_rmtc_textarea2_sub{
        padding: 0 3vw 4vw;
        font-size: 3.5vw;
        line-height: 1.8;
        letter-spacing: .3vw;
        font-weight: 400;
   }
    .cmp_rmtc_textarea2_sub2{
        color: #3f3d3e;
        padding: 0 1vw 10vw;
        font-size: 3.2vw;
        line-height: 5.5vw;
        letter-spacing: 0.2vw;
   }
    .cmp_rmtc_textarea2_sub3{
        padding: 0 3vw 0;
        font-size: 3.0vw;
        line-height: 1.7;
        letter-spacing: .3vw;
   }
}
@media screen and (min-width: 768px) {
    .cmp_rmtc_textarea2{
        text-align:left;
   }
    .cmp_rmtc_textarea2_sub{
        color: #3f3d3e;
        padding: 0 1vw 2vw;
        font-size: 1.2vw;
        line-height: 1.7;
        letter-spacing: .13vw;
   }
    .cmp_rmtc_textarea2_sub2{
        color: #3f3d3e;
        padding: 0vw 1vw 5vw;
        font-size: 1.2vw;
        line-height: 2.2vw;
        letter-spacing: 0.1vw;
   }
    .cmp_rmtc_textarea2_sub3{
        padding: 0 1vw 5vw;
        font-size: 1.0vw;
        line-height: 1.7;
        letter-spacing: .1vw;
   }
}

@media screen and (max-width: 767px) {
    .cmp_rmtc_textarea2_box {
        margin-bottom: 10vw;
   }
    .accordion-container {
        padding: 10vw 0;
   }
    .accordion-title {
        cursor: pointer;
        font-size: 3.5vw;
        font-weight: bold;
        text-align: center;
        padding: 3vw;
        border-bottom: 1px solid #d4d4d4;
   }
    .accordion-content {
        padding: 10vw 3vw 0;
   }
    .cmp_rmtc_b {
        text-align: right;
        margin-bottom: 4vw;
   }
    .cmp_rmtc_b a {
        text-decoration: underline;
   }
    .cmp_rmtc_e {
        text-align: center;
   }
    .cmp_rmtc_e a {
        display: inline-block;
        border-radius: 5px;
        padding: 15px 30px;
        background: linear-gradient(180deg, #504e4e 14%, #000 72%);
        color: #fff;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
   }
    .cmp_rmtc_textarea2_sub4 {
        padding: 3vw;
        border: 1px solid #ccc;
        margin-left: 4vw;
        margin-right: 4vw;
        font-size: 3.4vw;
        line-height: 1.5;
   }
    .support_complete_no {
        font-size: 6vw;
   }
    .support_contents_dropdown {
        width: 100%;
        padding: 0.428571429rem;
   }
}
@media screen and (min-width: 768px) {
    .cmp_rmtc_textarea2_box {
        margin-bottom: 5vw;
   }
    .accordion-container {
        padding: 5vw 0;
   }
    .accordion-title {
        cursor: pointer;
        font-size: 1.5vw;
        font-weight: bold;
        text-align: center;
        padding: 1vw;
        border-bottom: 1px solid #d4d4d4;
   }
    .accordion-content {
        padding:30px;
        padding-bottom: 0;
   }
    .cmp_rmtc_b {
        text-align: right;
        margin-bottom: 2vw;
   }
    .cmp_rmtc_b a {
        text-decoration: underline;
   }
    .cmp_rmtc_e {
        text-align: center;
   }
    .cmp_rmtc_e a {
        display: inline-block;
        border-radius: 5px;
        padding: 25px 50px;
        background: linear-gradient(180deg, #504e4e 14%, #000 72%);
        color: #fff;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
   }
    .cmp_rmtc_textarea2_sub4 {
        padding: 1vw 6vw;
        font-size: 1vw;
        line-height: 1.7;
        letter-spacing: .1vw;
        display: table;
        border: 1px solid #ccc;
        margin: auto;
   }
    .support_complete_detail {
        text-align: left;
   }
    .support_complete_no {
        font-size: 3vw;
        text-align: center;
   }
    .support_complete_detail_sub {
        text-align: center;
   }
    .support_complete_detail_sub2 {
        text-align: center;
        padding-bottom: 4vw;
   }
    .support_contents_dropdown {
        width: 100%;
        padding: 10px;
   }
}

@media screen and (max-width: 767px) {
    .pre_cw_no{
        border-radius: 3px;
        font-size: 15px;
        line-height: 1.6;
        background: #504e4e;
        color: #ffffff;
        padding: 2px 9px;
        margin-right: 7px;
        vertical-align: text-top;
   }
    .pre_cw_no2{
        border-radius: 5px;
        font-size: 18px;
        background: #504e4e;
        color: #ffffff;
        padding: 1px 9px;
        vertical-align: text-top;
   }
}
@media screen and (min-width: 767px) {
    .pre_cw_no{
        border-radius: 3px;
        font-size: 15px;
        line-height: 1;
        background: #504e4e;
        color: #ffffff;
        padding: 4px 7px;
        margin-right: 7px;
        vertical-align: middle;
   }
    .pre_cw_no2{
        border-radius: 5px;
        font-size: 18px;
        background: #504e4e;
        color: #ffffff;
        padding: 3px 7px;
        vertical-align: middle;
   }
}

@media screen and (max-width: 768px) {
    .cf_pca{
        border-top: 2px solid #999;
   }
    .cf_pcb {
        padding: 20px 0px;
   }
    .cf_pcb2 {
        padding: 0px 0px 20px;
   }
}
@media screen and (min-width: 768px) {
    .cf_pca{
        font-size: 1.4vw;
   }
    .pdgl{
        display: flex;
   }
    .cf_pcb {
        padding: 20px 0px;
        line-height: 3.0vw;
   }
    .cf_pcb2 {
        padding: 20px 0px;
   }
}

@media screen and (max-width: 768px) {
    [data-name="ti-items"] .wpcf7-list-item {
        display: block;
        margin-left: 0;
        text-align: left;
        margin-bottom: 15px;
   }
}
@media screen and (min-width: 768px) {
    [data-name="ti-items"] .wpcf7-list-item {
        display: block;
        margin-left: 0;
   }
    .cf_pcb2 input{
        line-height: 2vw;
   }
    .wpcf7-list-item-label{
        width: 100% !important;
        line-height: 1.3vw;
        font-size: 1.3vw;
        vertical-align: middle;
   }
    span.wpcf7-not-valid-tip {
        width: 100% !important;
        text-align: right;
        margin-right: 3vw;
   }
}

/* */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .contents_box {
        margin: 50px 0px;
   }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .contents_box {
        margin: 60px 0 0;
   }
}
@media screen and (min-width: 1200px) {
    .contents_box {
        margin: 60px 0 0;
   }
}

/* */
.pdgl{
    border-bottom: 1px solid #aaa;
}
.pdgl_less {
    border-bottom: none !important;
}
.cmp_rmtc_b_ttl{
    text-align:center;
    color: #3f3d3e;
    font-weight: normal;
}
.cmp_rmtc_b_sub{
    text-align:center;
    color: #3e3c3d;
    font-weight: normal;
}
.cmp_rmtc_b_sub2{
    text-align:center;
}
.cf_pca{
    border-top: 2px solid #999;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.cf_pcb {
    line-height: 25px;
    font-weight: 800;
    color:#504d4d;
}
.cf_pcb2 {
    line-height: 25px;
    word-break: break-all;
    color:#666666;
}
.cf_pcb2 input{
    border-radius: 3px !important;
    border: 1px solid #cccccc;
}
.pre_cw_red{
    color:#ed2f2f;
}
.pre_cw_ttl{
    font-weight: bold;
    background-color: #f3f3f3;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
}
.precamp_btm_space{
    text-align: center;
}
.contents_company_list {
    width: 100%;
}

.wpcf7-spinner {
    display: none !important;
}
input.precamp_confirm {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #a82d3e;
    background-repeat: repeat-x;
    border: 1px solid #a82d3e;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    width: 80%;
    margin: 20px 0px;
}
input.precamp_back{
    padding: 10px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #a82d3eb8;
    background-repeat: repeat-x;
    border: 1px solid #a82d3eb8;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    width: 80%;
    margin: 20px 0px;
}
input.precamp_submit{
    padding: 10px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #a82d3eb8;
    background-repeat: repeat-x;
    border: 1px solid #a82d3eb8;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    width: 80%;
    margin: 20px 0px;
}

.icon-circle {
    position: relative;
    padding-right: 44px;
}
.icon-circle::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 22px;
    height: 22px;
    margin: auto;
    border-radius: 20px;
    background-color: #9bc578;
}
.icon-circle::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 9px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 0 solid transparent;
    transform: translateY(1px);
    box-sizing: border-box;
    opacity: 0.6;
}