@charset "utf-8";
/*common START*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dd{
	margin: 0;
	padding: 0;
}
ol,
ul{
	list-style: none;
}
img {
    border: none;
    vertical-align: bottom;
    margin: 0 auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
/*common END*/

/*お問い合わせフォーム*/
/*必須と任意*/
.must, .notMust {
    color: #FFF;
    float: right;
    margin: 2px 0 0 12px;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: normal;
    white-space: nowrap;
}
.must {
    background: #d4161b;
}
.notMust {
    background: #006dad;
}

/*説明テキスト*/
.textMemo {
    margin: 10px auto;
}
.textRed{
    color: #d4161b;
}

/*wrap*/
.contactFormWrap{
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
/*tableの指定*/
.contactForm{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px auto;
    width: 100%;
    max-width: 950px;
}
.contactForm th,
.contactForm td{
    padding: 15px 20px;
}

.contactForm th {
    width: 20%;
    min-width: 200px;
    text-align: right;
    vertical-align: middle;
}

.contactForm th.text{
    vertical-align: text-top;
}
.contactForm td {
    width: calc(100% - 200px);
}
.contactForm input,
.contactForm textarea,
.contactForm select {
    font-size: 16px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #e7eaee;
    margin-right: 5px;
}
.contactForm textarea{
    width: 100%;
}
.contactFormWrap > p{
    text-align: center;
}
.contactFormWrap input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 3px;
    vertical-align: middle;
}
/*.wpcf7 .wpcf7-submit:disabled,*/
.contactFormWrap input[type="submit"] {
    border: none;
    display: block;
    border-radius: 10px;
    width: 50%;
    max-width: 300px;
    font-size: 20px;
    padding: 10px 0;
    margin: 50px auto;
    color: #FFF;
    background: #d70000;
    cursor: pointer;
}

.contactFormWrap input[type="submit"]:hover {
    opacity: 0.8;
}

/*チェックボックス*/
.checkboxList {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wpcf7-list-item{
    width: 50%;
    margin: 0;
}

/*完了画面*/
.thanksWrap {
    margin: 80px auto;
    text-align: center;
}
.thanksWrap .backHome a {
    border: none;
    display: block;
    border-radius: 10px;
    width: 50%;
    max-width: 250px;
    padding: 10px;
    margin: 50px auto;
    color: #FFF;
    background: #636563;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/*フリーダイヤル*/
/*================================================================================================*/
/*お問い合わせ番号 START*/
/*================================================================================================*/
.contactBox {
    width:100%;
    max-width:812px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.contactBox .contactBoxTtl {
    text-align: center;
    color: #fff;
    background-color: #018383;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 0 2.0em 0;
}
.contactBox .office{
    display:block;
    padding:0;
    margin:0 0 1.0rem 0;
}
.contactBox .office li{
    display:block;
    padding:0 50px;
    margin:0.5rem 0;
    font-size:16px;
    font-weight:bold;
}
.contactBox .office li.top{
    padding-bottom:1.0rem;
    border-bottom:1px dotted #919191;
}
.contactBox .office li span{
    display:inline-block;
}
.contactBox .office li span .fromB{
    font-weight:normal;
}
.contactBox .office li span.headOffice,
.contactBox .office li span.satellite{
    width:10.0rem;
}
.contactBox .office li span.headOffice{
    font-size:1.2em;
}
.contactBox .office li span.telTxt_01{
    font-size:1.2em;
}
.contactBox .office li span.number{
    font-size:1.4em;
}
.contactBox .office li span.number.head{
    color:#ff3900;
}
.contactBox .hours{
    margin:0 0 1.0rem 0;
    padding:0 50px 1.0rem 50px;
    text-align:right;
    border-bottom:1px solid #0690e9;
}
.explainBox .contactBox .contactBoxTtl {
    margin-top: 40px;
}

.annotation {
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    margin: 4px 0 0 ;
}
.satelliteContent {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 8px;
}

/*リキャプチャマークの位置調整*/
.grecaptcha-badge{
    bottom: 95px!important;
}
@media only screen and (max-width:420px){
    .contactBox .office li span .fromB{
        display:block;
        text-align:right;
    }
}

/*------------------------------------
タブレット向けのレイアウトの指定：641px～1024px
--------------------------------------*/
@media (min-width:641px) and (max-width:1024px) {
}

@media only screen and (max-width: 640px) {
    /*common START*/
    img {
        max-width: 100%;
        height: auto;
    }
    /*common END*/

    /*お問い合わせフォーム*/
    .must, .notMust{
        float: none;
    }
    /*tableの指定*/
    .contactForm,
    .contactForm tbody,
    .contactForm tr,
    .contactForm th,
    .contactForm td{
        display: block;
    }
    .contactForm th,
    .contactForm td{
        width: 100%;
        text-align: left;
    }
    .contactForm th{
        padding: 10px 0 5px 0;
    }
    .contactForm td{
        padding: 5px 0 10px 0;
    }
    .contactForm th.text br{
        display: none;
    }
    .contactForm input,
    .contactForm textarea,
    .contactForm select {
        font-size: 3.5vw;
        margin-right: 0;
        width: 100%;
    }
    
    /*チェックボックス*/
    .wpcf7-list-item{
        width: 100%;
        padding: 5px 5px
    }
    
    /*================================================================================================*/
    /*お問い合わせ番号 START*/
    /*================================================================================================*/
    .contactBox{
        margin-bottom: 50px;
    }
    .contactBox .office li{
        padding:0 10px;
    }
    .contactBox .hours{
        padding:0 10px 1.0rem 10px;
    }
    
}