/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2020/06/18, 16:18:24
    Author     : ncadmin
*/

body {
  overflow-y: scroll;
  overscroll-behavior:none;
}

h2{
    font-size:1.5rem;
    font-weight: bold;
}

/* PC版のみ */
@media screen and (min-width: 768px){
    h2{
        font-size: 2rem;
    }
    
    .pc-hidden {display: none; }
    
    .w-md-75 {
        width: 75% !important;
    }
    
    .h5-md {
        font-size: 1.25rem;
    }
}

/* モバイル版のみ */
@media screen and (max-width: 767px){

    .mobile-hidden {display: none; }

}

label.error, label.error {
    color: red;
}

.numericFont {
    font-family: Arial;
}

.system-introduction-card {
    position: absolute;
    left:5%;
    text-align:left;
    word-break: break-all;
}

.btn-primary {
  background-color: #007563;
  border-color: #007563;
}

.btn-primary:hover{
    background-color: #006757;
}

.bg-primary {
  background-color: #007563 !important;
}

.text-primary {
  color: #007563 !important;
}

.masthead p{
    margin-bottom: 15px;
    text-shadow: #000000 1px 1px 5px, #000000 -1px 1px 5px, #000000 1px -1px 5px, #000000 -1px -1px 5px ;
}

.masthead h1{
    text-shadow: 2px 2px 3px #212529;
}

.btn-xl {
    font-size: 1.20rem;
    margin-top: 5%;
}

header.masthead p {
    font-size: 1.35rem;
}

.service-font-size {
    font-size: 1.1rem !important;
}

.service-frame{
    border-radius: 40px 40px 40px 40px;
    margin-bottom: 15px;
}

.service-coler{
    background-color: rgba(70, 170, 107, 0.4);
}

.tell-icon-color{
    color: #007563 !important;
}

.mail-icon-color{
    color: #007563 !important;
}

hr.divider{
    border-color: #007563 !important;
}

hr.light{
    border-color: #fff !important;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #007563;
  border-color: #007563;
  box-shadow: 0 0 0 0.2rem #007563;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #007563;
  border-color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #fff;
}

.card-body-frame{
  border-radius: 40px 40px 40px 40px !important;
}

.card-title-setting{
  color: #fff;
  border-color: #fff;
  padding: 10px 10px 10px 10px;
  border-radius: 40px 40px 40px 40px;
}

.card-title-notice-bgcolor{
    background-color: #a5e0ff;
    color: #000000;
}

.card-title-disability-bgcolor{
    background-color: #faef7a;
    color: #000000;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #007563 !important;
}

#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  color: #007563 !important;
}

div[class~="qa-div"] {
  border: none;
}

.list-group-flush > .list-group-item {
  border-width: 1px 1px 1px 1px;
}

.list-group-flush > .list-group-item:last-child{
  border-width: 1px 1px 1px 1px;
}

.page-section {
  border-bottom: 1px solid #d9dadb;
  padding: 30px;
  background-color: #ffffff;
  color: #000000;
}

ul#qa-list{
    background-color: #f5fbed !important;
}

.entry-btn {
    white-space: nowrap;
    position: fixed;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 80%;
    margin-top:10%;
    z-index:9998;
}

.entry-btn-color {
    background: linear-gradient(183deg, #ff9838, #dc3545);
}

.entry-btn-color:hover {
    background: linear-gradient(183deg, #dc8332, #bb2c3a);
}

.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:9998;
}

.page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.page-top a:hover {
    text-decoration: none;
    background: #999;
}

.page-top-mini {
    border-radius: 10rem !important;
    padding: 10px 0 !important;
}

.contact-border{
    border-left: 1px solid #d9dadb;
}

.systemlist-frame{
    font-size: 1.3rem;
    padding-left: 12.5%;
    padding-right: 12.5%;
    margin-left: 1%;
    margin-right: 1%;
}

.btn-price{
    background-color: #e5a820;
    color: #fff;
}

.btn-price:hover{
    background-color: #d39c21;
    color: #fff;
}

.btn-mitumori{
    background-color: #2194d0;
    color: #fff;
}

.btn-mitumori:hover{
    background-color: #208bc3;
    color: #fff;
}

div[class~="footer-div"] > ul{
  list-style:none;
  text-align: center;
}

div[class~="footer-div"] > ul > li{
  list-style:none;
  text-align: center;
  display: inline-block;
  padding-right: 15px;
}

.dropdown-menu-item{
    font-size: 0.9rem;
    color: #212529;
    background-color: #ffffff;
}

.dropdown-menu-item.active{
    font-weight: 700;
}

.dropdown-menu-item:hover,.dropdown-menu-item.active{
    color: #007563 !important;
    background-color: #ffffff !important;
}

.notice-bgcoler{
    /*background-color: rgba(175, 219, 185, 0.3);*/
}

.btn-more{
    background-color: #e7f5f5;
    border-radius: 40px 40px 40px 40px !important;
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #d9dadb;
    font-size: 1rem;
    color: #000000;
}


.btn-more:hover{
    color: #000000;
    background-color: #e1efef;
}

.btn-detail{
    background-color: #239ddc;
    color: #fff;
    
    font-size: 1.1rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px;
    margin-top: 15px;
}

.btn-detail:hover{
    background-color: #2095d2;
    color: #fff;
}

.header-navi-space{
    padding-top: 70px;
    background-color: #f5fbed;
}

.systemProductList-row{
    border-radius: 40px 40px 40px 40px;
}

.systemProductList-detail-title{
    font-size: 1.3rem;
}

.modal-z-index{
    z-index:9999;
}

.pdf-bg-color{
    background-color: #ffd2d6;
}

.pdf-bg-color:hover{
    background-color: #f1c6ca;
}

.seika-btn-bg-color{
    background-color: #003399;
    color: #fff;
    border: solid;
    border-width: 2px;
    border-color: #003399;
}

.seika-btn-bg-color:focus, .seika-btn-bg-color.focus {
  border-color: #003399;
  box-shadow: 0 0 0 0.01rem #003399;
}

.seika-btn-bg-color:hover{
    background-color: #fff;
    color: #003399;
}

.product-balloon{
  position: relative;
  background: #fff;
  padding: 2em;
  border: solid;
  border-color: #009688;
  border-radius: 40px 40px 40px 40px;
}

.product-balloon:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #009688 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.seika-price-title{
  text-align:center;
  vertical-align:center; 
  font-size: 1.5rem;
  color: #ff0000;
  font-weight:bold;
  text-decoration:underline;
}

.seika-price{
    border: solid 1px;
    border-color: #000000;
}

/* PC版のみ */
@media screen and (min-width: 768px){
    .seika-price-rank{
        min-width: 100px;
        background-color: #d5def0;
        border: solid 1px;
        border-color: #000000;
    }

    .seika-price-header{
        min-width: 100px;
        background-color: #d7e6c4;
        border: solid 1px;
        border-color: #000000;
    }
}

/* モバイル版のみ */
@media screen and (max-width: 767px){
    .seika-price-rank{
        min-width: 60px;
        background-color: #d5def0;
        border: solid 1px;
        border-color: #000000;
    }

    .seika-price-header{
        min-width: 40px;
        background-color: #d7e6c4;
        border: solid 1px;
        border-color: #000000;
    }
}

/* モバイル版のみ */
@media screen and (max-width: 320px){
    .seika-price-unit{
        font-size: 0.7rem;
    }

    .seika-price-header{
        min-width: 30px;
        background-color: #d7e6c4;
        border: solid 1px;
        border-color: #000000;
    }

    .seika-price{
        border: solid 1px;
        border-color: #000000;
        font-size: 0.8rem;
    }
}

.seika-cost-th{
    width: 120px;
    height: 40px;
    font-size: 1.2rem;
    background-color: #87c040;
    color: #000000;
    border: solid;
    border-color: #f8f8ed;
}

.seika-cost-td{
    width: 120px;
    height: 60px;
    font-size: 1.4rem;
    background-color: #ececa8;
    border: solid;
    border-color: #f8f8ed;
    border-radius: 20px 20px 20px 20px;
}

.option-price-title{
    min-width: 150px;
    font-size: 1.2rem;
    border: solid 1px;
    border-color: #000000;
    color:#ffffff;
}

    .option-price{
        min-width: 120px;
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }

/* PC版のみ */
@media screen and (min-width: 768px){
    .option-price-column{
        min-width: 350px;
        height: 40px;
        vertical-align:center; 
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }

    .option-price{
        min-width: 120px;
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }
}

/* モバイル版のみ */
@media screen and (max-width: 767px){
    .option-price-column{
        min-width: 220px;
        height: 40px;
        vertical-align:center; 
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }

    .option-price{
        min-width: 80px;
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }
}

/* モバイル版のみ */
@media screen and (max-width: 320px){
    .option-price-column{
        min-width: 220px;
        height: 40px;
        vertical-align:center; 
        font-size: 0.7rem;
        border: solid 1px;
        border-color: #000000;
    }

    .option-price{
        min-width: 80px;
        font-size: 0.9rem;
        border: solid 1px;
        border-color: #000000;
    }
}

.seika-cost-table-feature{
    border-radius: 40px 40px 0px 0px;
}

.seika-cost-table-plan{
    border: solid;
    border-color: #f8f8ed;
    background-color: #8bf5fd;
}

.seika-cost-table-plan-radius{
    border-radius: 40px 0px 0px 40px;
    width: 60px;
}

.seika-cost-td-bg-not{
    background-color: #e8e8e8;
}

.seika-title-under{    
  position: relative;
  padding: 1rem .5rem;
}

.seika-title-under:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}

.seika-font{
    font-family: 'Kosugi Maru', sans-serif;
}

section#seika-contact{
    background-color: #f8f8ed;
}

section#seika-about{
    background-color: #f8f8ed;
}

.seika-combination-table{
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Kosugi Maru', sans-serif;
}

.seika-combination-table-cell{
    width: 100px;
    height: 40px;
}

.seika-combination-table-plan-cell{
    background-color: #8bf5fd;
    font-size: 1.5rem;
}

.seika-combination-table-sales-amount-cell{
    background-color: #ffab1e;
}

.seika-sub-title{
    border:solid;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 5px;
    border-left-width: 0px;
    border-color: #009efd;
}

.seika-sub-title2{
    border:solid;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 5px;
    border-left-width: 0px;
    border-color: #25ff00;
}

.seika-multiplication{
    font-size: 3.0rem;
}

.seika-exsample-cost{
    font-size: 2.5rem;
    color: #003399;
    font-family: 'Kosugi Maru', sans-serif;
}

.seika-model{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
}

.seika-model-plan{
    background-color: #8bf5fd;
    border-radius: 20px 20px 20px 20px;
}

.seika-model-sales-amount{
    background-color: #ffd400;
    border-radius: 20px 20px 20px 20px;
}

.str-chk-coler{
    color: #007563;
}

.seika-custom-frame {
  background-color: #fff;
  padding: 20px;
  position: relative;
  border:solid;
  border-color: #007563;
  border-radius: 40px 40px 40px 40px;
}

.seika-memo-color{
    color: #ff0000;
}

.estimate-result-frame{
    background-color: #c9fffe;
    border-radius: 40px 40px 40px 40px;
}

.estimate-result-in-frame{
    background-color: #fff;
    border-radius: 40px 40px 40px 40px;
}

.estimate-result-underLine{
    text-decoration:underline;
    text-decoration-color:#FF0000;
}

.estimate-seika-link{
    color: #009688;
    font-size: 1.2rem;
}

.estimate-seika-link:focus{
    box-shadow: none !important;
    border: none;
    border-color: transparent;
}

.estimate-check{
}

.estimate-check:focus{
    box-shadow: none !important;
    border: none;
    border-color: transparent;
}

.estimate-hanbaidaka{
    background-color: #c9ffde;
    border-radius: 40px 40px 40px 40px;
}

.estimate-clear{
    background-color: #7eaeff;
    color: #fff;
}
.estimate-clear:focus{
    box-shadow: none !important;
    border: solid;
    border-color: #fff;
    border-width: 1px;
    color: #fff;
}

.contact-background{
    background-color: #defbe9;
}

.contact-confirm-background{
    background-color: #d2f9d4;
}

.product-common-btn{
    background-color: #05b0c5;
    color: #fff;
}

.product-common-btn:focus, .product-common-btn.focus {
  border-color: #05b0c5;
  box-shadow: 0 0 0 0.01rem #05b0c5;
}

.product-common-btn:hover{
    background-color: #05a5b9;
    color: #fff;
}

.product-seika-btn{
    background-color: #38c172;
    color: #fff;
}

.product-seika-btn:hover{
    background-color: #34b36a;
    color: #fff;
}

.product-seika-btn:focus, .product-seika-btn.focus {
  border-color: #38c172;
  box-shadow: 0 0 0 0.01rem #38c172;
}

.seika-plan-head{
    background-color: #8bf5fd;
    border-radius: 20px 20px 0px 0px;
}

.estimate-detail-bg-color{
    background-color: aliceblue;
}

.cost-under-line{
    background: linear-gradient(transparent 87%, #ffc999 0%);
}

.hide-item{
    display: none;
}