@media screen and (min-width:641px){
    .spv{
        display:none;
    }
    body{
        color:#373737;
        font-family:'a-otf-ud-shin-go-pr6n', 'Noto Sans Japanese', -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        line-height:200% !important;
        letter-spacing: 0.06em;
        font-size:0.9em !important;
    }
}
@media screen and (max-width:640px){
    .pcv{
        display:none;
    }
    body{
        color:#373737;
        font-family:'a-otf-ud-shin-go-pr6n', 'Noto Sans Japanese', -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        line-height:160% !important;
        letter-spacing: 0em;
        font-size:0.8em !important;
    }
    img{
        display:block;
    }
}
img{
    vertical-align:bottom;
    width:100%;
}
a{
    text-decoration: none;
    color: #373737;
}
a:hover{
    opacity:0.7;
}

/*-----------------------------
WIDTH
-----------------------------*/

@media screen and (min-width:641px){
    .main-wid2{
        width:80%;
        margin:0 auto;
    }
    .main-wid{
        max-width:1000px;
        margin:0 auto;
    }
}
@media screen and (max-width:640px){
    .main-wid2{
        width:95%;
        margin:0 auto;
    }
    .main-wid{
        max-width:96%;
        margin:0 auto;
    }
}

/*-----------------------------
BG
-----------------------------*/


.bg-darkgrey{
    background-color:#7f7f7f;
    padding:6% 6% 2% 6%;
}
.bg-blue{
    background-color:#d9e3f1;
    padding:6%;
}
.bg-img{
    background: url(../img//exolift_en/bg01.jpg) no-repeat center center;
    background-size:cover;
    padding-bottom:4%;
}
.bg-img2{
    background: url(../img//exolift_en/bg02.jpg) no-repeat center center;
    background-size:cover;
    padding:4% 0;
    color:#7f7f7f;
}
.bg-img3{
    background: url(../img//exolift_en/bg03.jpg) no-repeat center center;
    background-size:cover;
    padding:4% 0;
    color:#7f7f7f;
}
@media screen and (min-width:641px){
    .bg-shadow{
        width:60%;
        text-align:center;
        margin: 0 auto;
        padding: 3% 10%;
        background: #fff;
        box-shadow: 0 0 12px 12px #fff;
        font-family: 'Vollkorn', serif;
        color:#858585;
    }
    .bg-grey{
        background-color:#f0f0f0;
        padding:6%;
    }
    .bg-white,.bg-white2{
        background-color:#fff;
        padding:6%;
    }
    .bg-shadow2{
        width:60%;
        margin: 5% auto 10%;
        padding: 2% 5%;
        background: #fff;
        box-shadow: 0 0 12px 12px #fff;
    }
}
@media screen and (max-width:640px){
    .bg-shadow{
        width:85%;
        text-align:center;
        margin: 0 auto 4%;
        padding: 3% 3%;
        background: #fff;
        box-shadow: 0 0 12px 12px #fff;
        font-family: 'Vollkorn', serif;
        color:#858585;
    }
    .bg-grey{
        background-color:#f0f0f0;
        padding:6% 2%;
    }
    .bg-white{
        background-color:#fff;
        padding:6% 2%;
    }
    .bg-white2{
        background-color:#fff;
        padding:6% 2% 2%;
    }
    .bg-shadow2{
        width:94%;
        padding: 3% 3%;
        background: #fff;
        box-shadow: 0 0 12px 12px #fff;
        margin-top:10%;
    }
}

/*-----------------------------
TITLE
-----------------------------*/
@media screen and (min-width:641px){
    .tit-wid{
        width:55%;
        margin:0 auto;
    }
    .tit-wid2{
        width:80%;
        margin:0 auto;
    }
    .tit1{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:2em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
    .tit2{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:2em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
    .tit3{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:2em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
}
@media screen and (max-width:640px){
    .tit-wid,.tit-wid2{
        widows: 90%;
        margin:0 auto;
    }
    .tit1{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:1.4em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
    .tit2{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:1.4em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
    .tit3{
        text-align:center;
        position:relative;
        background: #fff;
        color:#7f7f7f;
        font-size:1.4em;
        line-height:120%;
        font-family: 'Vollkorn', serif;
        padding:4%;
    }
}

/*--tit1--*/
.tit1:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    top: 0;
    left: 0;
    border-top: 26px solid #D9E3F1;
    border-right: 26px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.tit1:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    bottom: 0;
    right: 0;
    border-top: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 26px solid #D9E3F1;
    border-left: 26px solid transparent;
}

/*--tit2--*/
.tit2:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    top: 0;
    left: 0;
    border-top: 26px solid #d6d6d6;
    border-right: 26px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.tit2:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    bottom: 0;
    right: 0;
    border-top: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 26px solid #d6d6d6;
    border-left: 26px solid transparent;
}

/*--tit3--*/
.tit3:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    top: 0;
    left: 0;
    border-top: 26px solid #6F94C9;
    border-right: 26px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.tit3:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    bottom: 0;
    right: 0;
    border-top: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 26px solid #6F94C9;
    border-left: 26px solid transparent;
}
.sub-tit{
    font-size:0.7em;
    font-weight:100;
}
.tit-big{
    font-size:1.3em;
    font-weight:900;
}
/*-----------------------------
TEXT
-----------------------------*/
@media screen and (min-width:641px){
    .text-tit2{
        color:#6f94c9;
        font-size:1.5em;
    }
    .reason-tit{
        font-size:1.2em;
        text-align:center;
        margin:2% 0;
    }
    .bene-text{
        line-height:130%;
        color:#7f7f7f;
    }
}
@media screen and (max-width:640px){
    .text-tit2{
        color:#6f94c9;
        font-size:1.2em;
    }
    .reason-tit{
        font-size:1.2em;
        text-align:center;
        margin-top:2%;
    }
    .bene-text{
        line-height:160%;
        color:#7f7f7f;
    }
}
.center-text{
    text-align:center;
}
.text-grey{
    color:#7f7f7f;
}
.text-white{
    color:#ffffff;
}
.text-tit{
    color:#6f94c9;
    font-weight:900;
    font-size:2em;
}

.bene-tit{
    color:#6f94c9;
    font-size:2em;
    font-family: 'Vollkorn', serif;
}
.bene-titsub{
    font-size:0.7em;
    font-family: 'Vollkorn', serif;
}



/*-----------------------------
TABLE
-----------------------------*/
.check tr,.check th,.check td{
    border:none;
}

.check td{
    vertical-align:middle;
    line-height:110%;
    padding:2%;
}
.td-first{
    padding:3% 2% !important;
}
.td-last{
    padding:2% 2% 0 2% !important;
}
@media screen and (min-width:641px){
    .check th{
        width:5%;
    }
}
@media screen and (max-width:640px){
    .check th{
        width:7%;
    }
}



/*-----------------------------
FLOAT
-----------------------------*/
.clear{
    clear:both;
}
@media screen and (min-width:641px){
    .flo-reason{
        float:left;
        width:48%;
        font-size:0.8em;
    }
    .flo-reason2{
        float:left;
        width:48%;
        margin-left:4%;
        font-size:0.8em;
    }
    .flo-bene{
        float:left;
        width:48%;
        font-size:0.8em;
    }
    .flo-bene2{
        float:left;
        width:52%;
    }
    .flo-bene2img{
        width:80% !important;
    }
}
@media screen and (max-width:640px){
    .flo-reason,.flo-reason2{
        width:94%;
        margin:2% auto 5%;
        font-size:0.8em;
    }
    .flo-bene{
        width:94%;
        margin:2% auto 5%;
        font-size:0.8em;
    }
    .flo-bene2{
        width:100%;
        margin:2% 0 5%;
    }
    .spmart-10{
        margin-top:10%;
    }
    .flo-bene2img{
        width:100% !important;
    }
}


.flo-bene img{
    width:15% !important;
}




/*-----------------------------
FAQ
-----------------------------*/
.faq-q {
    position: relative;
    font-weight:bold;
    margin: 0 auto 15px;
}
.faq-a {
    position: relative;
    margin: 0 auto 15px;
}


@media screen and (min-width:641px){
    .faq-wid{
        width:90%;
        margin:0 auto;
    }
    .faq-hr{
        width:70%;
        margin:5% 15%;
        border-top:solid 1px #6f94c9;
    }
    .faq-q::before {
        content: 'Q';
        display: inline-block;
        margin-right: 10px;
        font-size: 1.4em;
        background: #6f94c9;
        padding:5px 10px;
        color:#fff;
        border-radius: 10px 10px 10px 10px;
    }
    .faq-a::before {
        content: 'A';
        display: inline-block;
        margin-right: 10px;
        font-size: 1.4em;
        background: #f4f7fb;
        padding:5px 10px;
        color:#6f94c9;
        border-radius: 10px 10px 10px 10px;
    }
}
@media screen and (max-width:640px){
    .faq-wid{
        width:94%;
        margin:0 auto;
    }
    .faq-hr{
        width:80%;
        margin:8% 10%;
        border-top:solid 1px #6f94c9;
    }
    .faq-q::before {
        content: 'Q';
        display: inline-block;
        margin-right: 5px;
        font-size: 1.2em;
        background: #6f94c9;
        padding:3px 7px;
        color:#fff;
        border-radius: 10px 10px 10px 10px;
    }
    .faq-a::before {
        content: 'A';
        display: inline-block;
        margin-right: 5px;
        font-size: 1.2em;
        background: #f4f7fb;
        padding:3px 7px;
        color:#6f94c9;
        border-radius: 10px 10px 10px 10px;
    }
}



/*-----------------------------
CONTACT
-----------------------------*/
.contact-wid{
    width:80%;
    margin:0 auto;
}


/*-----------------------------
MARGIN/PADDING
-----------------------------*/
.mar-b2{
    margin-bottom:2%;
}
.mar-b4{
    margin-bottom:4%;
}
.mar-b8{
    margin-bottom:8%;
}
.mar-t2{
    margin-top:2%;
}
.mar-t4{
    margin-top:4%;
}

/*-----------------------------
Footer
-----------------------------*/

.site-info{
    background: #fff;
    color:#7f7f7f;
    font-size: 0.5em;
    text-align: right;
    padding-right:10px;
}

.wpcf7 input[type=text] { /* 名前入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 85%;
}
.wpcf7-spinner{
    display:block !important;
}
/*デフォルトのスタイルを無効化する*/
input[type="submit"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
  input[type="submit"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    font-size: 20px !important;
    font-weight: bold !important;
    width: 200px;
    padding: 10px;
    border-radius: 10px;
    background-color: #6f94c9;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  span.wpcf7-spinner {
    display: none;
  }
.kome{
    font-size:0.8em;
    color:red;
}