@charset "UTF-8";

/*
Theme Name: original
Author: original
Description: original theme.
Version: 1.0
*/
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 非表示設定 */
@media all and (min-width: 1024px) {

    /* 1024以上の時非表示 */
    .pcnone {
        display: none
    }
}

@media all and (max-width: 1023px) {

    /* 1023以下の時非表示 */
    .spnone {
        display: none
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ メインラップ */
/* SP 1023以下 */
@media(max-width:1023px) {
    .container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 17% 0 17%;
    }

    .contents {
        max-width: 100%;
    }

    .blog-contents {
        max-width: 100%;
    }

    .sidebar {
        max-width: 100%;
        height: auto;
        margin-top: 60px;
    }
}

    /* PC 1024以上 */
    @media(min-width:1024px) {
        .container {
            width: 960px;
            overflow: hidden;
            margin: 0 auto;
        }

        .contents {
            width: 100%;
        }

        .blog-contents {
            max-width: 100%;
        }

        .sidebar {
            max-width: 100%;
            height: auto;
            margin-top: 60px;
        }
    }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ スクロールフェード */
.scroll-fade {
    opacity: 0;
    transition: all 1.5s;
    /*処理にかかる時間*/
}

.scroll-up {
    opacity: 0;
    transform: translateY(70px);
    /*スクロールアップする距離*/
    transition: all 1.5s;
    /*処理にかかる時間*/
}

.scroll-up.done,
.scroll-fade.done {
    opacity: 1;
    transform: translate(0, 0);
}

.load-fade {
    opacity: 0;
    transition: all 1.5s;
    /*処理にかかる時間*/
}

.load-up {
    opacity: 0;
    transform: translateY(70px);
    /*スクロールアップする距離*/
    transition: all 1.5s;
    /*処理にかかる時間*/
}

.load-up.done,
.load-fade.done {
    opacity: 1;
    transform: translate(0, 0);
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ スライド */
/* ====================
バックグラウンドスライド
==================== */
/* SP 1023以下 */
@media(max-width:1023px) {
    .bg-slider {
        width: 100vw;
        height: 100vh;
        background-position:center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

    /* PC 1024以上 */
    @media(min-width:1024px) {
        .bg-slider {
            width: 100vw;
            height: 100vh;
            background-position:center center;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

/* SP 1023以下 */
@media(max-width:1023px) {
    .bg-slider__title{
        color: #fff;
        font-size: 25px;
        line-height: 1.5;
        font-weight: normal;
        text-align:center;
        letter-spacing: 0.2em;
    }

    .bg-slider__title img{
        max-width: 70%;
        text-align:center;
    }
}

        /* PC 1024以上 */
        @media(min-width:1024px) {
            .bg-slider__title{
                color: #fff;
                font-size: 25px;
                line-height: 1.5;
                font-weight: normal;
                text-align:center;
                letter-spacing: 0.2em;
            }

            .bg-slider__title img{
                max-width: 100%;
                text-align:center;
            }
        }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ フロント動画 */
.video-wrap {
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0.1), rgba(238, 238, 238, 0.1));
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.video-bg {
	-webkit-transform: translateX(-50%);
	left: 50%;
	max-height: initial;
	max-width: initial;
	min-height: 100vh;
	min-width: 100%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	z-index: -1;
    filter: grayscale(100%) contrast(100%) brightness(100%);
}

.video-contents {
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 24px;
	z-index: 2;
}

.video-contents img {
	max-width: 100%;
    filter: opacity(100%) drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ パート */
/* SP 767以下 */
@media(max-width:767px) {
    .part-bg-about,
    .part-bg-access,
    .part-bg-design,
    .part-bg-recruit,
    .part-bg-contact,
    .part-bg-texture {
        width: 100%;
        height: 400px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center; /*左右中央揃え*/
        align-items: center;     /*上下中央揃え*/
    }

    .part-bg-about{background-image: url("img/part-img-about.jpg");}
    .part-bg-access{background-image: url("img/part-img-access.jpg");}
    .part-bg-design{background-image: url("img/part-img-design.jpg");}
    .part-bg-recruit{background-image: url("img/part-img-recruit.jpg");}
    .part-bg-contact{background-image: url("img/part-img-contact.jpg");}
    .part-bg-texture{background-image: url("img/part-img-texture.jpg");}
}
    
        /* PC 768以上 */
        @media(min-width:768px) {
            .part-bg-about,
            .part-bg-access,
            .part-bg-design,
            .part-bg-recruit,
            .part-bg-contact,
            .part-bg-texture {
                width: 100%;
                height: 400px;
                background-position: center center;
                background-size: cover;
                background-repeat: no-repeat;
                display: flex;
                justify-content: center; /*左右中央揃え*/
                align-items: center;     /*上下中央揃え*/
            }
        
            .part-bg-about{background-image: url("img/part-img-about.jpg");}
            .part-bg-access{background-image: url("img/part-img-access.jpg");}
            .part-bg-design{background-image: url("img/part-img-design.jpg");}
            .part-bg-recruit{background-image: url("img/part-img-recruit.jpg");}
            .part-bg-contact{background-image: url("img/part-img-contact.jpg");}
            .part-bg-texture{background-image: url("img/part-img-texture.jpg");}
        }

/* ====================
パートラップ
==================== */
.part-h3-wrap{
    margin-top: 70px;
    margin-bottom: 70px;
}

.part-p-wrap{
    margin-top: 70px;
    margin-bottom: 70px;
}

.part-contents-wrap{
    width: 100%;
    text-align: center;
}

.part-contents-wrap img{
    max-width: 75%;
}
        /* PC 768以上 */
        @media(min-width:768px) {
            .part-contents-wrap img{
                max-width: 37%;
            }
        }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ BOX */
/* ====================
投稿一覧用
==================== */
/* SP 767以下 */
@media(max-width:767px){
.box-post-list {
    max-width: 100%;
    margin: 0 auto;
}

.box-post-list img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    object-fit: cover; /* 画像トリミング*/
    margin-bottom: 10px;
}

.box-post-list ul {
    margin-right: -3%;
}

.box-post-list li {
    float: left;
    vertical-align:top; /* 上端揃え */
    width: 47%;
    height: auto;
    margin-right: 3%;
    text-align: center;
    }
}

    /* PC 768以上 */
    @media(min-width:768px){
    .box-post-list {
        width: 100%;
    }

    .box-post-list img {
        width: 100%;
        height: auto;
        object-fit: cover; /* 画像トリミング*/
        margin-bottom: 10px;
        }

    .box-post-list ul {
        margin-right: -3%;
        }

    .box-post-list li {
        float: left;
        vertical-align:top; /* 上端揃え */
        width: 30%;
        height: auto;
        margin-right: 3%;
        }
    }

.gray{
    filter: grayscale(100%);
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}

.gray:hover{
	filter: grayscale(0%);
	text-decoration: none;
}

.post-list-time p {
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    word-break: break-all;
    margin-top: 10px;
    display: inline-block;
}

.post-list-title p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    word-break: break-all;
    margin-bottom: 20px;
    display: inline-block;
}

/* ====================
BOX-シングル記事
==================== */
/* SP 767以下 */
@media(max-width:767px) {
    .box-post-single {
        width: 100%;
    }

    .box-post-single img {
        width: 100%;
        height: auto;
    }
    .post-single-title {
        text-align: center;
    }
}

/* PC 768以上 */
    @media(min-width:768px) {
        .box-post-single {
            width: 60%;
            margin: 0 auto;
        }

        .box-post-single img {
            width: 100%;
            height: auto;
        }

        .post-single-title {
            text-align: center;
        }
    }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ページネーション */
/* ====================
リスト記事
==================== */
.pagination h2.screen-reader-text { display: none; }
.pagination a {
    padding: 2px 10px;
    display: inline-block;
    color: #666666;
    font-size: 14px;
    border-radius:15px;
}

.pagination span {
    padding: 5px 10px;
    display: inline-block;
}

.pagination span.current {
    background-color:#e8e8e8;
    border-radius:15px;
    padding: 0px 10px;
}

.pagination {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
}

/* ====================
シングル記事
==================== */
.pagenav {
	font-size: 11px;
	margin-bottom: 30px;
	clear: both;
	text-align: center;
}

.pagenav .old a {
	margin-top: 20px;
	float: left;
}

.pagenav .new a {
	margin-top: 20px;
	float: right;
}

#blog-foot {
	font-size:11px;
	line-height: 160%;
	text-align: left;
	margin:30px 0 0 0;
	padding: 10px 5px 10px 10px;
	font-weight:normal;
	color:#999;
	background:rgba(232,232,232,0.9);
	overflow:hidden;
	height:100%;
}

#blog-foot-archives {
	font-size:11px;
	text-align: left;
	line-height: 160%;
	margin:50px 0 100px 0;
	padding: 2px 5px 2px 10px;
	font-weight:normal;
	color:#999;
	background:rgba(232,232,232,0.9);
	overflow:hidden;
	height:100%;
}

#blog-foot span,
#blog-foot-archives span{
	color:#999;
}

/* ====================
SNSボタン
==================== */
.addtoany_content {
    text-align: center;
}

/* ====================
ボタン
==================== */
.btn {
    max-width: 250px;
    margin: 0 auto;
    background-color: #000;
}

.btn a {
    color: #fff;
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    display: block;
    margin: 60px 0 70px 0;
}

/* ====================
段落
==================== */
p {
    text-align: justify;
    font-size: 12px;
    font-weight: normal;
    line-height: 2.2em;
}

article p {
    word-break: break-all;
}

.notes-wrap p {
  width: 80%;
  padding: 30px 0 0 0;
  margin: 0 auto;
  text-align: center;
}

/* ====================
リンク色
==================== */
.color{
    color: #bc9c5b;
}

/* ====================
タイトル
==================== */
h1 {
    display:block;
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    text-align: center;
    color: #fff;
}

h2 {
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    text-align: center;
    color: #fff;
}

h3 {
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: center;
    padding: 20px 0;
}

h4{
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: center;
    padding: 20px 0;
}

h2.widgettitle{
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    height: 30px;
    color: #fff;
    background-color: #000;
    padding: 2px 0 0 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.plan-description{
    font-size: 12px;
    letter-spacing: 0.1em;
    text-align: center;
}

/* ====================
求人
==================== */
.tbl {
    font-size: 12px;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
th,td{
    display: block;
    width: 100%;
    }
th {
    font-weight: normal;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #111;
}
td {
    margin:0 auto;
    box-sizing: border-box;
}
/* PC 1024以上 */
@media(min-width:1024px) {
.tbl {
    width: 50%;
    margin: 0 auto;
}
th {
    display: table-cell;
    width: 20%;
    border-right: 1px solid #111;
    border-bottom: none;
    font-weight: normal;
}
td {
    display: table-cell;
    text-align: right;
}
}
.tbl-fix {
    margin-bottom: 20px;
  }


/* ====================
アンカー補正
==================== */
/* アンカー用ヘッダー幅 */
.anchor-disp {
    margin-top: -50px;
    padding-top: 50px;
    height: 0px;
}

    /* アンカー用ヘッダー幅打ち消し */
    /* PC 1024以上 */
    @media(min-width:1024px) {
        .anchor-disp {
            margin-top: -50px;
            padding-top: 50px;
            height: 0px;
            }
        }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ フロント記事一覧-テキストver */
/* ====================
インフォ-ニュース + アイコン
==================== */
.front-news {
    width: 100%;
}

.front-news dl {
    width: 100%;
    margin-bottom: 20px;
}

.front-news dt {
    line-height: 2em;
    font-size: 11px;
    color: #B7B7B7;
    padding: 7px 0px 0px 0px;
}

.front-news dd {
    font-size: 13px;
    border-bottom: 1px #B7B7B7 dotted;
    line-height: 2em;
}

    /* PC 1024以上 */
    @media(min-width:1024px) {
        .front-news dl {
            width: 100%;
            margin-bottom: 20px;
        }

        .front-news dt {
            font-size: 11px;
            color: #B7B7B7;
            float: left;
        }

        .front-news dd {
            font-size: 13px;
            border-bottom: 1px #B7B7B7 dotted;
            padding: 5px 0 4px 0;
        }
    }

/* ====================
アイコンカラー
==================== */
.front-newsicon-post {
    margin: 0 5px 0 5px;
    padding: 0 10px 0 10px;
    font-size: 10px;
    min-width: 80px;
    line-height: 20px;
    display: inline-block;
    height: 21px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    background-color: #d2b48c;
}

.news.front-newsicon-post {
    background-color: #d2b48c;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ お問合わせ */
.page-icon {
    text-align: center;
    margin-top: 50px;
}

.page-icon img {
    width: 140px;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 個人情報の取扱いについて */
dl.privacy dt {
    font-weight: bold;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ サイトマップ */
dl.sitemap dd {
    text-indent: 2em;
}

.sitemap a {
    display: block;
    text-decoration: underline;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ マップ */
.map {
    width: 100%;
    height: 400px;
    filter: invert(70%) grayscale(100%) brightness(130%);
}
    /* PC 1024以上 */
    @media(min-width:1024px) {
        .map {
            width: 100%;
            height: 400px;
            filter: invert(70%) grayscale(100%) brightness(130%);
        }
    }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 電話 */
/* SP 1023以下（電話リンク） */
@media (min-width: 1023px) {
        a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 検索窓 */
/* SP 1023以下 */
@media(max-width:1023px) {
.searchfield {
  font-size: 14px;
  width: 50%;
  margin-right: 3px;
  padding: 7px 5px;
  border: 2px solid #ddd;
  border-radius: 4px;
}
}

    /* PC 1024以上 */
    @media(min-width:1024px) {
    .searchfield {
      font-size: 14px;
      width: 80%;
      margin-right: 3px;
      padding: 7px 5px;
      border: 2px solid #ddd;
      border-radius: 4px;
    }
    }

.searchsubmit {
  font-family: FontAwesome;
  font-size: 1.4em;
  padding: 0;
  cursor: pointer;
  color: #f08437;
  border: none;
  background: transparent;
}
 
.searchsubmit:hover {
  opacity: .6;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Google認証 */
/*recaptureバッジを非表示に*/
.grecaptcha-badge {
  display: none;
}