@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    .tp_sec05 {
        .ttl05 {
            border-bottom: solid 1px #2b9dc1;
        }

        .ttl05.type01 {
            border-bottom: solid 2px #2b9dc1;
        }
    }

    .tp_sec03 {
        hr.line01 {
            border-bottom: dotted 2px #d5dfdc;
        }
    }

    .tp_sec06 {
        .ttl05 {
            border-bottom: solid 2px #d5dfdc;
        }
    }

    
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        header.fixed .h1 a img {
            border-right: solid 1px #333;
        }

        .tp_sec04 {
            .layout_a .txtbox {
                margin-right: 80px;
            }
        }

        .tp_sec03 {
            .layout_a .txtbox {
                margin-right: 60px;
            }
            .layout_b .txtbox {
                margin-left: 60px;
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .tp_sec05 {
            .bg_right .txtbox {
                margin-right: 10%;
            }

            .bg_left .txtbox {
                margin-left: 10%;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {

        header.fixed .h1 a img {
            border-right: solid 1px #333;
        }

    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        header .h1 a img {
            border-right: solid 1px #333;
        }

        header  .h1 a img {
            display: none;
        }

        header.fixed .h1 a img {
            display: none;
        }

        header .h1 a img + img {
            display: block;
        }

        header.fixed .h1 a img + img {
            display: block;
        }
    }
}