@charset "utf-8";
/* CSS Document */


/* =Reset-------------------------------------- */
html {
    font-size: 62.5%; /* 基準 10px */
    font-family: 'Noto Sans JP', sans-serif;
    scroll-behavior: smooth;
    overflow: auto
}

* {
    margin: 0;
    padding: 0px
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    border: 0px
}


/* .ie8 img{width: auto; height: auto} */
body {
    width: 100%;
    background-color: #f7f7f8;
    word-wrap: break-word;
}

* {
    box-sizing: border-box;
}


/* 禁則処理-------------------------------------- */
p.li, dt, dd, th, td, pre {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict
}


/*link----------------------------------------*/
a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:active {
    text-decoration: none
}


dl, dt, dd {
    margin: 0;
    padding: 0;
}


/*margin,clear:both----------------------------------------*/
.m5 {
    width: 100%;
    margin-bottom: 5px;
    clear: both
}

.m10 {
    width: 100%;
    margin-bottom: 10px;
    clear: both
}

.m20 {
    width: 100%;
    margin-bottom: 20px;
    clear: both
}

.m30 {
    width: 100%;
    margin-bottom: 30px;
    clear: both
}

.m40 {
    width: 100%;
    margin-bottom: 40px;
    clear: both
}

.m60 {
    width: 100%;
    margin-bottom: 60px;
    clear: both
}

.m70 {
    width: 100%;
    margin-bottom: 70px;
    clear: both
}

.m80 {
    width: 100%;
    margin-bottom: 80px;
    clear: both
}

.m90 {
    width: 100%;
    margin-bottom: 90px;
    clear: both
}

.m100 {
    width: 100%;
    margin-bottom: 100px;
    clear: both
}

.m110 {
    width: 100%;
    margin-bottom: 110px;
    clear: both
}

.m120 {
    width: 100%;
    margin-bottom: 120px;
    clear: both
}

.m130 {
    width: 100%;
    margin-bottom: 130px;
    clear: both
}

.m140 {
    width: 100%;
    margin-bottom: 140px;
    clear: both
}

.m150 {
    width: 100%;
    margin-bottom: 150px;
    clear: both
}

.m160 {
    width: 100%;
    margin-bottom: 160px;
    clear: both
}

.m170 {
    width: 100%;
    margin-bottom: 170px;
    clear: both
}

.m180 {
    width: 100%;
    margin-bottom: 180px;
    clear: both
}

.m190 {
    width: 100%;
    margin-bottom: 190px;
    clear: both
}

.m200 {
    width: 100%;
    margin-bottom: 200px;
    clear: both
}

.clr {
    width: 100%;
    clear: both
}


/*幅設定----------------------------------------*/
.wMax {
    width: 100%;
    padding: 0px;
    clear: both
}

.w640 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w740 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w800 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w950 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w960 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w1200 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w90 {
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    clear: both
}

.w100to960 {
    width: 100%;
    padding: 0px;
    clear: both
}

/*ボックス----------------------------------------*/
.BoxL {
    width: 100%
}

.BoxR {
    width: 100%
}

.BoxL-37 {
    width: 100%
}

.BoxR-37 {
    width: 100%
}

.BoxL-46 {
    width: 100%
}

.BoxR-46 {
    width: 100%
}

.BoxL-28 {
    width: 100%
}

.BoxR-28 {
    width: 100%
}

.BoxL-73 {
    width: 100%
}

.BoxR-73 {
    width: 100%
}

.BoxL-45 {
    width: 100%
}

.BoxR-55 {
    width: 100%
}


/*見出し----------------------------------------*/
h1 {
    font-size: 3.0rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt;
    color: #262626;
}

h2 {
    font-size: 2.2rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt
}

h3 {
    font-size: 1.8rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt
}

h4 {
    font-size: 1.6rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt
}

h5 {
    font-size: 1.6rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt
}

h6 {
    font-size: 1.6rem;
    padding: 0px;
    margin: 0px;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.5pt
}


/*キャプション----------------------------------------*/
figcaption {
    text-align: center;
    font-size: 1.4rem;
}


/*タイトル装飾----------------------------------------*/
.TitleUnderBar {
    width: 100px;
    margin: 0 auto;
    border-bottom: 3px #f18d40 solid;
    margin-top: -10px;
    margin-bottom: 40px
}


/*テキスト関連----------------------------------------*/
p {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.5pt;
    color: #171717;
    margin-bottom: 20px
}


/*スマートフォン折り返し解除<br>に付与----------------------------------------*/
.SpBr {
}

.PcBr {
    display: none
}


/*位置関連----------------------------------------*/
.center {
    text-align: center !important
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

/*蛍光ペン効果----------------------------------------*/
strong {
    font-weight: bold
}

.StY {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

.StG {
    background: linear-gradient(transparent 60%, #84de98 60%);
}

.StR {
    color: #BF2325;
    font-weight: bold
}


/*カラー----------------------------------------*/
.fgray {
    color: #A0A0A0 !important
}

.fmgray {
    color: #5C5C5C !important
}

.bold {
    font-weight: bold !important
}

.blue {
    color: #246aeb !important
}

.red {
    color: #fe0000 !important
}

.White {
    color: #ffffff !important
}

/*Ul LIST----------------------------------------*/
ul {
    list-style: none;
}

ul li {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.5pt;
    font-weight: normal
}

ul a {
    display: block;
}

/*OL LIST----------------------------------------*/
ol {
    list-style: none;
}

ol li {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.5pt;
    font-weight: normal
}

/*サブページコンテンツ内青ワイドボタン3 ----------------------------------------*/
.Btn05w5{ width: 70%;  margin: 0 auto; margin-bottom: 0px}
.Btn05w5 a { font-size: 2.0rem; display: block; padding: 7px 10px 7px 10px; border-radius:5px;
	background-color: #f6ae54; text-align: center; color: #ffffff !important;
	-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;}
.Btn05w5 a:visited { color: #FFFFFF !important;}


/*角丸----------------------------------------*/
.radius {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}


/*ドロップシャドー----------------------------------------*/
.select-bt {
    /*box-shadow*/
    box-shadow: 0 2px 1px #fff inset;
    -webkit-box-shadow: 0 2px 1px #fff inset;
    -moz-box-shadow: 0 2px 1px #fff inset;

    /*グラデーション*/
    background-image: -moz-linear-gradient(top, #f9f9f9, #cfcfcf);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #cfcfcf));

    /*ボックスのデザイン*/
    border: 1px solid #ccc;
}


.card-shadow {
    /*box-shadow*/
    box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;

    /*ボックスのデザイン*/
    border: 1px solid #ccc;
}


.bottom-shadow {
    box-shadow: 0 5px 6px -6px #777;
    -webkit-box-shadow: 0 5px 6px -6px #777;
    -moz-box-shadow: 0 5px 6px -6px #777;

}

.top-shadow {
    box-shadow: 10px 10px 6px 6px #777;
    -webkit-box-shadow: 0 -4px 5px -5px #777;
    -moz-box-shadow: 0 5px 6px -6px #777;

}


/*スクロール用----------------------------------------*/
.pad {
    height: 100px;
    margin-bottom: 4rem;
}


/*アンカー余白----------------------------------------*/
a.anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

a.anchor2 {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}


.SpNo {
    display: none
}

.PcNo {
    display: block
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

.DLine {
    width: 100%;
    border-top: 1px #B5B5B5 dotted;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin-bottom: 20px
}


/* width 769以上 */

@media print, screen and (min-width: 769px) {

    /*幅設定----------------------------------------*/
    .w640 {
        max-width: 640px;
        margin: 0 auto;
        clear: both
    }

    .w740 {
        max-width: 740px;
        margin: 0 auto;
        clear: both
    }

    .w800 {
        max-width: 800px;
        margin: 0 auto;
        clear: both
    }

    .w950 {
        max-width: 950px;
        margin: 0 auto;
        clear: both
    }

    .w960 {
        max-width: 960px;
        margin: 0 auto;
        clear: both
    }

    .w1200 {
        max-width: 1200px;
        margin: 0 auto;
        clear: both
    }

    .w90 {
        width: 90%;
        margin: 0 auto;
        clear: both
    }

    .w100to960 {
        max-width: 960px;
        margin: 0 auto;
        clear: both
    }


    /*ボックス----------------------------------------*/
    .BoxL {
        width: 48%;
        float: left
    }

    .BoxR {
        width: 48%;
        float: right
    }

    .BoxL-37 {
        max-width: 28%;
        float: left
    }

    .BoxR-37 {
        max-width: 70%;
        float: right
    }

    .BoxL-46 {
        max-width: 30%;
        float: left
    }

    .BoxR-46 {
        max-width: 65%;
        float: right
    }

    .BoxL-28 {
        max-width: 25%;
        float: left
    }

    .BoxR-28 {
        max-width: 70%;
        float: right
    }

    .BoxL-73 {
        max-width: 70%;
        float: left
    }

    .BoxR-73 {
        max-width: 25%;
        float: right
    }

    .BoxL-45 {
        max-width: 45%;
        float: left
    }

    .BoxR-50 {
        max-width: 50%;
        float: right
    }


    /*見出し----------------------------------------*/
    h1 {
        font-size: 4.0rem
    }

    h2 {
        font-size: 2.2rem
    }

    h3 {
        font-size: 1.8rem
    }

    h4 {
        font-size: 1.6rem
    }

    h5 {
        font-size: 1.6rem
    }

    h6 {
        font-size: 1.6rem
    }


    /*テキスト関連----------------------------------------*/
    p {
        font-size: 1.6rem
    }


    /*PC折り返し復活----------------------------------------*/
    .SpBr {
        display: none
    }

    .PcBr {
        display: block
    }


    /*link----------------------------------------*/
    a:link {
        text-decoration: none
    }

    a:visited {
        text-decoration: none
    }

    a:hover {
        text-decoration: none
    }

    a:active {
        text-decoration: none
    }


    .SpNo {
        display: block
    }

    .PcNo {
        display: none
    }


}


/* width 1025以上 */

@media screen and (min-width: 1025px) {

}