/*
Theme Name: XeoryExtension_child
Template: xeory_extension
*/
 
@import url('../xeory_extension/style.css');

/* ----------------------------------------
* その他
---------------------------------------- */
/* 2019.2.7 タイトル部分の背景の変更 */
body.home.color01 .front-main-cont .front-cont-header{
    background-image: url("../../uploads/2019/03/縞模様_2_re.jpg") !important;
    background-size: 100% !important;
}
/* 2019.2.7 サブタイトル部分の文字の大きさを変更 */
body.home .front-main-cont .front-cont-header .cont-ruby{
    font-size: 4.4vw !important;
}
/* 2019.2.7 見出し部分の文字の大きさを変更 */
body.home #front-contents h3{
    font-size: 5.5vw !important;
}
/* 2019.2.14 tellボタンの調整 */
.tell_sp, .tell_pc{
    text-align: center;
    margin-bottom: 5%;
    border-top: 10px solid #55C3FF;
    border-bottom: 10px solid #55C3FF;
}
.tell_sp#bottom, .tell_pc#bottom {
    margin-bottom: 0;
}
.tell_pc{
    display: none;
}

/* pc用 css */
@media screen and (min-width: 768px) {
    /* 2019.2.14 タイトルの文字の大きさの調整*/
    body.home .front-main-cont .front-cont-header .cont-title{
        font-size: 4vw !important;        
    }
    body.home .front-main-cont .front-cont-header .cont-ruby{
        font-size: 3vw !important;
    }
    /* 2019.2.14 tellボタンの調整 */
    .tell_sp{
        display: none;
    }
    .tell_pc{
        display: inline-block;
        padding: 0 15%;
    }
}


/* ----------------------------------------
* top
---------------------------------------- */
/* 2019.2.13 トップ画像その2にの位置の調整 */
.top_2 {
    text-align: center;
    max-width: 98%;
    margin: auto;
    padding: 1% 0 5%;
}

/* PC用css */
/* 2019.2.13,14 画像の差し替え*/
.top_pc{
    display: none;
}
@media screen and (min-width: 768px) {
    .top{
        background-image: url(../../uploads/2019/03/水玉背景_re.jpg);
    }
    .top_sp{
        display: none;
    }
    .top_pc{
        display: inline-block;
        padding: 0 15%;
    }
    .top_2{
        padding: 3% 15% 5%;
    }
}

/* ----------------------------------------
* クローズアップ記事(事業紹介)
---------------------------------------- */
/* 2019.2.12 top画像とのスペースを埋める */
#content {
    padding: 0 !important;
}
/* 2019.2.14 背景を設定 */
.closeup{
    background-color: #06abc8;
}

/* PC用css*/
/* 2019.2.14 画像を入れ替える*/
.closeup_pc{
    display: none;
}
@media screen and (min-width: 768px) {
    .closeup_sp{
        display: none;
    }
    .closeup_pc{
        display: inline-block;
        padding: 0 8%;
    }
}


/* ----------------------------------------
* サービス記事(相談へ持って行く)
---------------------------------------- */
/* 2019.2.8 文章のレイアウトの調整 */
body.home #front-service .front-service-inner .c_box{
    padding-top: 0 !important;
}
h3{
    margin: 2% 0 !important;
}
body.home #front-service{
    padding-bottom: 0 !important;
}


/* ----------------------------------------
* フッター
---------------------------------------- */
.footer-company{
    text-align: center;
}