@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/


/* .table-grad:afterを消した */

/* これでフォント変更可能 */
.post-content form p, form textarea,form input[type="text"]{
    font-family: "游ゴシック","arial unicode ms",sans-serif !important;
}

@media screen and (min-width: 760px){
body.home #main_visual {
    background-image:url(image/image1.jpg) !important;
    width:100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 600px !important;
    }

/* 事業内容の文字 */
body.home #front-contents .c_text p{
    font-size: 20px;
}

body.home #main_visual h2{
    text-align: left;
    margin-top: -100px;

    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-weight: 600;
}

body.home #main_visual p{
    text-align: left !important;
    margin: 20px;
    font-size: 120%;
}

}

@media screen and (max-width: 760px){
    body.home #main_visual {
        background-image:url(image/image8.jpg) !important;
        width:100%;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        height: 600px;
        }
    
    /* 事業内容の文字 */
    body.home #front-contents h3{
        font-size: 26px;
    }

    body.home #main_visual h2{
        text-align: right;
        margin: 10px;
        margin-top: 280px;
        line-height:30px;

        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
        font-weight: 600;
        font-size: 150%;
    }
    
    body.home #main_visual p{
        text-align: right !important;
        margin-right: 10px;
    }

    body.home #main_visual{
        background-color: transparent !important;
    }
}

    /* ヘッダーの色を変更 */
    body #header {
        background:transparent;
        color: white;
        display: block !important;
        position: relative;
        z-index: 12;

        /* 追加 */
        text-shadow: 2px 2px 8px rgba(0,0,0,0.1), 2px 2px 8px rgba(0,0,0,0.1);
        font-weight: 500px;
        }

    body.home .wrap{
        display: block !important;
        z-index: 12;
        position: relative;
    }
   
    #gnav {
        background-color: transparent !important;
        color: white;
        }
    
    #gnav ul li a {
        background-color:transparent !important;
        color: white;
        font-family: "游ゴシック","arial unicode ms",sans-serif !important;
        font-weight: bold;
        border-radius: 3px;
        color: #444;
        }

    #header-fnav-area #header-fnav-btn a{
        background-color:transparent !important;
        color: white;
        display: none;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        color: #444;
        }
    
    #gnav ul li a:hover,
    #gnav ul li a:focus {
        background-color:white;
        opacity: 0.8;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        }
    #gnav ul li a:hover{
        background-color:white;
        color: #444 !important;
        opacity: 0.8;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
    }
    
    #gnav ul li.current-menu-item a {
        background: white;
        color: #444;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        }
    
    #header-fnav-area #header-fnav-btn a {
        background-color: white;
        color: #444;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        }
    
    #header-nav-btn a {
        background-color:white;
        color: #444;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        }
    

    
    #gnav ul li.current-menu-item a:hover{
        opacity: 0.8;
        font-family: "游ゴシック","arial unicode ms",sans-serif;
        
    }
    
    #header{
        background-color: white;
        color: white;
    }

    #gnav ul li:last-child a{
        background-color: #286DAB !important;
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        font-weight: bold;
        border-radius: 5px; 
        padding-left: 20px;
        padding-right: 20px;
        text-shadow: 0px 0px 0px rgba(0,0,0,0.3), 0px 0px 0px rgba(0,0,0,0.3);
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
        margin-left: 20px;
    }

    #gnav ul li:last-child a:hover{
        opacity: 0.8;
        color: white !important;
    }

    #header a{
        color: #444;
    }

    .breadcrumb li a{
        color: #286DAB;
    }
    /* 以上ヘッダー */

/* 各titleの設定 */
.title1 h1{
    font-size: 250%;
    font-weight: 600;
    text-align: center;

    border-top:solid 2px #286DAB;
    width: 80%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    margin-top: 100px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.title1 h2{
    font-size: 100% !important;
    font-weight: 600;
    text-align: center;

    padding-top: 0px !important;
    margin-top: -10px !important;

    border-bottom:solid 2px #286DAB !important;
    width: 80%;
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 10px !important;
}

/* スマホナビの設定 */
#gnav-sp{
    background-color: #286DAB;
}

#gnav-sp #header-cont-content h4{
    display: none;
}

/* ロゴの設定 */
h1#logo a, p#logo a{
    font-weight: 1000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    margin-top: 100px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #286DAB;
  -webkit-text-stroke: 1px #286DAB;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.1), 0px 0px 0px rgba(0,0,0,0.1);
}

#footer .row .gr6{
    font-weight: 1000;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color:white;
  -webkit-text-stroke: 0.5px white;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.3), 0px 0px 0px rgba(0,0,0,0.3);
}

h1#logo a:hover, p#logo a:hover{
    text-decoration: none;
}

@media screen and (max-width: 760px){
h1#logo a, p#logo a{
    font-size: 70%;
}
}

/* ミッション */
.title2 h3{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 150%;
    font-weight: 600;
}

@media screen and (max-width: 760px){
    .title2 h3{
        font-size: 120%;
}
}

.pic1 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    min-width: 300px;
    max-width: 600px;
}

.title2 p{
    width: 80%;
    min-width: 300px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}


/* バリューの内容 */
.about1{
    margin-top: 50px;
}

@media screen and (min-width: 767px) {
.box3, .box5{
    display: flex;
}

.box4{
    display: flex;
    flex-direction:row-reverse;
}
}


@media screen and (min-width: 767px) {
.box3 h2,.box4 h2,.box5 h2{
    font-size: 140%;
    font-weight: bold;
    margin: 30px;
    color: #444;
    text-align: left !important;
    padding-left: 30px !important;
    border-bottom:none !important;
    margin-top: 40px;
}

.box3 p,.box4 p,.box5 p{
    font-size: 110%;
}

.box3,.box4 ,.box5{
    background-color: #EDF6FC;
    border-radius: 10px;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1);
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: 900px;
}

.memo3{
    width: 62%;
}

.pic3 img,.pic4 img,.pic5 img{
    display: block;
    width: 210px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: auto;
    padding-bottom: auto;
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
}


.pic5 img{
    margin-top: 60px;
    width: 190px;
}
}

@media screen and (max-width: 767px) {
    .box3 h2,.box4 h2,.box5 h2{
        font-size: 120%;
        font-weight: bold;
        margin: 30px;
        color: #444;
        border-bottom:1px solid #EDF6FC !important;
    }

    .box3,.box4 ,.box5{
        background-color: #EDF6FC;
        border-radius: 10px;
        box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1);
        width: 80%;
       
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .pic3 img,.pic4 img,.pic5 img{
        display: block;
        width: 150px;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: auto;
        padding-top: 30px;
        padding-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    }

.box3 p,.box4 p,.box5 p{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}


/* 会社概要 */
 body.home #front-company{
    background-color: #F7FBFE;
}

body.home .front-main-cont .front-cont-header{
    display: none;
}

@media screen and (min-width: 767px) {
.about8{
    padding-top: 100px;
}
}

@media screen and (max-width: 767px) {
    .about8{
        padding-top: 20px;
        
    }

    .about8 h1{
        border-bottom: none !important;
    }

    body.home #front-company .no-company-map .c_box_inner{
        padding-top: 10px !important;
    }

    body.home #front-company dl#front-company-1 dt {
        border-top: 1px solid #EDF6FC !important;
    }
}

.about8 h1{
    margin-bottom: 10px !important;
}

body.home #front-company dl{
    border-bottom: 1px solid #D9D9D9;
}
body.home #front-company dl#front-company-1 dt{
    border-top:2px solid #286DAB;
}

body.home #front-company dl dt span,
body.home #front-company dl#front-company-1 dt span{
	padding: 0.05px 1em;
	border-left: 10px solid #286DAB;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

/* 会社概要のテーブル レスポンシブデザインに直す */
body.color03 .post-content table th, body.color03 .post-content table td{
    border: none;
}

.blue4{
    background-color: #FAFDFD;
    border-top: solid 2px #F1F1F1;
}





/* お問い合わせ */
@media screen and (min-width: 767px ){
.contact3{
    background-image: url(image/image6.png);
    background-repeat:no-repeat;
    max-width: 1900px;
    height: 400px;
    text-align: center;
    color: white;
    margin-left: auto !important;
    margin-right: auto !important;

}

.contact3 h3{
    font-size: 333%;
    font-style: italic;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    line-height: 1em;
    padding-top: 50px;
}

.contact3 h4{
    font-size: 133%;
    font-style: italic;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    line-height: 1em;
}

.contact3 p{
    font-size: 122%;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
}

.contact3 a, .btn{
    background-color: #FFF;
    font-style: normal;
    text-shadow: none;
    color: #333;
    text-decoration: none;
    padding: 30px;
    line-height: 1em;
    display: inline-block;
}

.post-content form table th{
    vertical-align:top;
}
}

@media screen and (max-width: 767px ){
    .contact3{
        background-image: url(image/image6.png);
        height: 450px !important;
        text-align: center;
        color: white;
    
    }
    
    .contact3 h3{
        font-size: 250%;
        font-style: italic;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
        font-weight: 600;
        font-family: 'Barlow', sans-serif;
        letter-spacing: 0.1em;
        padding-bottom: 0px;
        line-height: 1em;
        padding-top: 50px;
        margin-bottom: 0px !important;
    }
    
    .contact3 h4{
        font-size: 133%;
        font-style: italic;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
        font-weight: 600;
        font-family: 'Barlow', sans-serif;
        letter-spacing: 0.1em;
        padding-bottom: 10px;
        line-height: 1em;
        margin-top: 20px !important;
    }
    
    .contact3 p{
        font-size: 122%;
        font-weight: 600;
        letter-spacing: 0.2em;
        font-family: 'Barlow', sans-serif;
        font-style: italic;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .contact3 a, .btn{
        background-color: #FFF;
        font-style: normal;
        text-shadow: none;
        color: #333;
        text-decoration: none;
        padding: 20px;
        line-height: 1em;
        display: inline-block;
    }



    #footer .footer-logo{
        font-size: 16px !important;
    }

    #footer-brand-area{
        margin-bottom: 5px;
    }

    #footer-brand-area{
        padding-bottom: 0px !important;
    }
    }

    .contact3 a:hover, .btn:hover{
        opacity: 0.6;
    }
/* フッター */
#footer{
    padding-left: 5%;
    color: #333;
    border-top: none;
    background: white;
    margin-top: -42px;
    color: white;
}

.footer-01, .footer-02{
    background:#286DAB;
    padding-top: 0px;
    padding-bottom: 0px !important;
}

#footer .wrap{
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#footer-brand-area{
    border-bottom: none !important;
}

blockquote{
    display: none;
}

#footer{
    padding-left: 0% !important;
}

#footer-content-area h4,#footer-content-area #footer-cont-sns a{
    display: none;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
    .inquiry th,.inquiry td {
     display:block!important;
     width:100%!important;
     border-top:none!important;
     -webkit-box-sizing:border-box!important;
     -moz-box-sizing:border-box!important;
     box-sizing:border-box!important;
     background-color: white;
    }
    .inquiry tr:first-child th{
     border-top:1px solid #d7d7d7!important;
    }
    /* 必須・任意のサイズ調整 */	
    .inquiry .haveto,.inquiry .any {	
    font-size:10px;
    }
    
.table-grad{
    width: 100%;
}

.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 100%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}
}

   /*見出し欄*/
   .inquiry th{
    text-align:left;
    font-size:18px;
    color:black;
    padding-right:5px;
    width:40%;
    background-color: white;
    border:solid 1px white;
   }
   /*通常欄*/
   .inquiry td{
    font-size:13px;
    border:solid 1px white;	
    background-color: white;
    
   }
   /*横の行とテーブル全体*/
   .entry-content .inquiry tr,.entry-content table{
       width: 100px;
   }
   /*必須の調整*/
   .haveto{
    font-size:10px;
    padding:5px;
    background:#ff9393;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
    position:relative;
    bottom:1px;
   }
   /*任意の調整*/
   .any{
    font-size:7px;
    padding:5px;
    background:#93c9ff;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
    position:relative;
    bottom:1px;
   }
   /*ラジオボタンを縦並び指定*/
   .verticallist .wpcf7-list-item{
    display:block;
   }

   /*送信ボタンのデザイン変更*/
   body.home #front-contact .c_box_inner input[type=submit], body.home #front-contact .c_box_inner button{
    display: block;
    padding:1em 0;
    width:35%;
    color:black;
    font-size:18px;
    font-weight:bold;	 
    border-radius:2px;
    border: none;
    background-color: #286DAB;
    color: white;
    margin-left: auto;
    margin-right: auto;
   }
   /*送信ボタンマウスホバー時*/
   body.home #front-contact .c_box_inner input[type=submit]:hover{
    color:white;
    opacity: 0.8;
   }

/* サブリースのお問い合わせ */
.post-content table tbody th{
    background-color: white;
    color: black;
}

body.home #front-contact,
.post-content form table,
.post-content form table td,
.post-content form table th{
    border: none;
}

.post-content form table td{
    padding-top: 10px;
}

.post-content form p{
    margin-bottom: 10px !important;
}

@media screen and (min-width: 767px ){
form input[type="submit"], form button{
    background-color:#286DAB;
    display: block;
    width: 20%;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 10px;
}
}

@media screen and (max-width: 767px ){
    form input[type="submit"], form button{
        background-color: #286DAB;
        display: block;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px !important;
    }

    .post-content h3{
        font-size: 28px !important;
    }

    .post-content h3::first-letter{
        font-size: 38px !important;
    }

    .moji10 p{
        font-size: 18px !important;
    }

}

form input[type="submit"]:hover, form button:hover{
    opacity: 0.8;
}

.post-content table{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}



/* 以上 contact form 7 */

/*お問い合わせ */
@media screen and (min-width: 767px) {
.eng{
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    color: #286DAB;
    font-weight: bold;
    font-size:26px;
    margin-left: 20px;
}

.post-content h5.kan{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 38px !important;
    color: #444;
    margin-left: 20px;
}

.contact2 p{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 767px) {
    .eng{
        margin-top: -10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 30px;
        color: #286DAB;
        font-weight: bold;
        font-size:18px;
        margin-left: 10px;
    }
    
    .post-content h5.kan{
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 28px !important;
        color: #444;
        margin-left: 10px;
    }

    .contact2 p{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    }
    
/* PAGEヘッダー */
.post-header{
    display: none;
}

article.page .post-content{
    padding: 10px !important;
}