@charset "utf-8";

/* button */
a.btn-primary,
.btn-primary { background: #a12944; color: #fff; padding: 16px 36px; border-radius: 32px; display: inline-block;font-weight: 500;}
.btn-primary:hover {background: #7a1f33;}
a.btn-primary-line,
.btn-primary-line { background: none; color: #a12944; padding: 16px 36px; border-radius: 32px; display: inline-block;font-weight: 500; border: 1px solid #a12944;}
.btn-primary-line:hover {background: #a12944; color: #fff;}
a.btn-secondary,
.btn-secondary { background: #222; color: #fff; padding: 16px 36px; border-radius: 32px; display: inline-block;font-weight: 500;}
.btn-secondary:hover {background: #000;}
a.btn-lg, .btn-lg {min-width: 274px; font-size: 20px; padding: 1vw 4vw; box-sizing: border-box;}
a.ico-link,.ico-link { color: #0782C1; font-weight: 500;position: relative; padding-left: 24px; display: inline-block; box-sizing: border-box; line-height: 1.4;}
.ico-link:hover { text-decoration: underline;}
a.ico-link::before { content:'open_in_new'; font-family: 'Material Icons'; position: absolute; left: 0; top: 1px; display: inline-block;}
.btm-btn-grp { text-align: center; padding-top: 40px; margin-top: 100px; border-top: 1px solid #ddd;}

@media screen and (max-width: 890px){

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    a.btn-primary,.btn-primary {padding: 2vw 4vw; font-size: 2.5vw;}    
    .new-container p, .ico-link, h6 {font-size: 2.5vw;}
    
    a.btn-lg {width: 100%; line-height: 10.55vw; font-size: 3.88vw; border-radius: 8.27vw; padding: 1.5vw 4vw;}    
}

@media screen and (max-width: 576px){ 
    .hub-container .txt .content p,  
    .ico-link, h6, .new-container p {font-size: 3.88vw;}
    a.btn-primary,.btn-primary {padding: 3vw 6vw; font-size: 4vw;}   
    .icon-share img{ width: 10vw; height: auto;}
}

/* inquiry */
.inquiry_body input::placeholder {color: #ddd; font-weight: 400;font-size: 1rem;}
.inquiry_body textarea::placeholder{color: #ccc; font-weight: 400;font-size: 1rem;}

.inquiry_head .head-content {display: flex; justify-content: space-between; align-items: flex-start; height: 40px;} 

.renewal .inquiry_body .head-content {padding: 40px 40px 0; height: 140px; box-sizing: border-box;}
.renewal .inquiry_body .head-content .head-txt {margin-bottom: 12px;}
.renewal .inquiry_body .head-content .btn-primary-line {width: 48%;}

.head-content .btn-primary-line {padding: 4px 40px 4px 20px; border-radius: 8px; font-weight: 600; box-sizing: border-box; position: relative; min-width: 240px;}
.head-content .btn-primary-line .txt {color: #222;}
.head-content .btn-primary-line span {vertical-align: middle;}
.head-content .btn-primary-line .material-icons { position: absolute; right: 10px; top: 30%;}
.head-content .btn-primary-line::before {content: '';display: inline-block; width: 30px; height: 40px; background: url('/en/asset/images/common/ico_tcs.svg?v210430') center / contain no-repeat; vertical-align: middle; margin-right: 10px;}
.head-content:not(.disabled) .btn-primary-line:hover {background: #f8f8f8} 
.head-content:not(.disabled) .btn-primary-line:hover .material-icons {color: #a12944;}
.inquiry_foot .font_red { color:#a12642; display:inline-block;}


.renewal .head-content.disabled {opacity: 0.5; }
.renewal .head-content.disabled .btn-primary-line {border-color: #666; cursor: not-allowed;}
.renewal .head-content.disabled .btn-primary-line span { color: #666;} 
.renewal .head-content.disabled .btn-primary-line::before { filter: grayscale(100%);}
.renewal .head-content.disabled .btn-primary-line:hover {background: none;}

@media screen and (max-width: 1200px){
    .inquiry_body .btn_area .btn_solution, .inquiry_body .btn_area .btn_module{ height: 32vw; background-position:center;}
    .inquiry_body .btn_area .box_radio { padding:0;}
    .inquiry_body .btn_area .btn_module { background-position: center; }


    #inquiry_box { position:fixed; left:0; top:0; display:none; width:100%; height:100%; z-index:778; transform: translateX(0); background-color:#fff;}
    #inquiry_box .inquiry_head { height:6.88vw; }    
    #inquiry_box .inquiry_body { height:100%; padding-bottom:20.83vw; box-sizing:border-box; }
    #inquiry_box .inquiry_body .inquiry_item { margin:2.08vw 0; padding:0 5.55vw; }

    .inquiry_body .btn_area {padding:5.55vw; }
    .inquiry_head h4 { font-size:5.55vw;}
    .inquiry_head .inquiry_close { width:5.55vw; height:5.55vw; }
    .inquiry_foot { padding:5.55vw 5.55vw 0 5.55vw; font-size:3.88vw; line-height:5.55vw; }
    .inquiry_foot .btn_submit { width:100%; height: 9.72vw; line-height:9.72vw; font-size:3.88vw; border-radius:9.72vw; margin:5.55vw 0; } 
    .inquiry_foot .check_info { width:100%; box-sizing:border-box; margin:0; padding-left:0; margin-bottom:2.08vw; }
    .inquiry_body .btn_area .box_radio { height:39.5vw;}
    .inquiry_body .btn_area .box_radio label { font-size:2.44vw; padding:25.05vw 0 6.16vw 0; line-height:4.44vw }
    .inquiry_body .btn_area .btn_module { top:25px; }
    .inquiry_body .inquiry_item select { font-size:3.44vw;}
    .inquiry_foot .check_box { top:0; left:0; }
    .inquiry_foot .check_box input[type=checkbox]:before, .inquiry_foot .check_box input[type=checkbox]:checked:before { width:5.55vw; height:5.55vw; background-size:cover !important; }    
    .inquiry_body .inquiry_item h5, .inquiry_body .inquiry_item .write { font-size:3.44vw; }

  }
  @media screen and (max-width: 600px){
    .inquiry_body .btn_area .btn_solution{ background-size: 32vw auto;}
    .inquiry_body .btn_area .btn_module {background-size: 30vw auto; height: 27vw;}
  }

  @media only screen and (max-width: 890px){
    .inquiry_head .head-content {display: block; height: auto;}
    .howcanwehelp_wrap > div{padding: 0;}
    .renewal .inquiry_body .head-content { padding: 5.55vw; height: auto;}
    .renewal .inquiry_body .head-content .btn-primary-line {width: 100%;}
}