@charset "UTF-8";

/* Webフォント
---------------------------------------------------------------------------- */

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url("../../fonts/NotoSansJP-Thin.woff2") format("woff2"),url("../../fonts/NotoSansJP-Thin.woff") format("woff"), url("../../fonts/NotoSansJP-Thin.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/NotoSansJP-Light.woff2") format("woff2"),url("../../fonts/NotoSansJP-Light.woff") format("woff"), url("../../fonts/NotoSansJP-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/NotoSansJP-DemiLight.woff2") format("woff2"),url("../../fonts/NotoSansJP-DemiLight.woff") format("woff"), url("../../fonts/NotoSansJP-DemiLight.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/NotoSansJP-Regular.woff2") format("woff2"),url("../../fonts/NotoSansJP-Regular.woff") format("woff"), url("../../fonts/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/NotoSansJP-Medium.woff2") format("woff2"),url("../../fonts/NotoSansJP-Medium.woff") format("woff"), url("../../fonts/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/NotoSansJP-Bold.woff2") format("woff2"),url("../../fonts/NotoSansJP-Bold.woff") format("woff"), url("../../fonts/NotoSansJP-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/NotoSansJP-Black.woff2") format("woff2"),url("../../fonts/NotoSansJP-Black.woff") format("woff"), url("../../fonts/NotoSansJP-Black.ttf") format("truetype");
}

.m-notosans-thin {
    font-weight: 100;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-light {
    font-weight: 200;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-demi-light {
    font-weight: 300;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-regular {
    font-weight: 400;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-medium {
    font-weight: 500;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-bold {
    font-weight: 700;
    font-family: 'Noto Sans Japanese';
}

.m-notosans-black {
    font-weight: 900;
    font-family: 'Noto Sans Japanese';
}


/* .m-container
---------------------------------------------------------------------------- */
.m-container {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 767px){
    .m-container {
    }
}


/* .m-bg
---------------------------------------------------------------------------- */
.m-bg {
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 767px){
    .m-bg {
    }
}


/* タイトル系
---------------------------------------------------------------------------- */
.m-title01 {
}

@media screen and (max-width: 767px){
}


/* ボタン系
---------------------------------------------------------------------------- */
.m-button01 {
}

@media screen and (max-width: 767px){
}


/* パーツ系
---------------------------------------------------------------------------- */


/* その他
---------------------------------------------------------------------------- */
/*-- ページナビゲーション --*/
.m-pageNavi {
    clear: both;
    text-align: center;
    padding: 20px 0;
    margin-top: 60px;
    position: relative;
    font-size: 12px;
/*    font-weight: 0.75rem;*/
    font-weight: bold;
    line-height: 14px;
}
.m-pageNavi a {
    padding: 9px 12px;
    margin: 0 3px;
    color: #0588ce;
    background-color: #fff;
    border: 1px solid #0588ce;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.m-pageNavi a:hover {
    background-color: rgba(5, 136, 206, 0.3);
    text-decoration: none;
}
.m-pageNavi .current {
    padding: 9px 12px;
    margin: 0 3px;
    background-color: #0588ce;
    border: 1px solid #0588ce;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}
.m-pageNavi .prev,
.m-pageNavi .next {
    padding: 9px 13px;
}

@media screen and (max-width: 767px){
}