@charset "utf-8";
/*-----------------------------------------------
 *  font-family
 *  タイトル
 *  テキスト
 *  テキストリンク
 *  テキストカラー
 *  画像
 *  幅
 *  線
 *  改行
 *  ブロック要素
 *  ボックス
 *  ボックス横並び
 *  背景色
 *  margin / padding
 -----------------------------------------------*/

html {
    scroll-behavior: smooth;
}

body {
    background-color: #f1f1f1;
}

/*----- font-family -----*/

html {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
        sans-serif;
}
.min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
        "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.notoserif {
    font-family: "Noto Serif JP", serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2.fs20,
h3.fs20 {
    font-size: 20px;
}
h2.fs19,
h3.fs19 {
    font-size: 19px;
}
h2.fs18,
h3.fs18 {
    font-size: 18px;
}
h2.fs17,
h3.fs17 {
    font-size: 17px;
}
h2.fs16,
h3.fs16 {
    font-size: 16px;
}
h2.fs15,
h3.fs15 {
    font-size: 15px;
}

/* -----　テキスト　----- */

.fwb {
    font-weight: bold !important;
}
.fwn {
    font-weight: normal;
}
.txtIn {
    padding-left: 1em;
    text-indent: -1em;
}
.txtIn2 {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.dip_inl {
    display: inline;
}
.dip_inb {
    display: inline-block;
}

.txtL {
    text-align: left;
}
.txtC {
    text-align: center;
}
.txtR {
    text-align: right;
}

.fsXXL {
    font-size: 30px;
}
.fsXL {
    font-size: 28px;
}
.fsLL {
    font-size: 24px;
}
.fsL {
    font-size: 20px;
}
.fsM {
    font-size: 17px;
}
.fsS {
    font-size: 14px;
}
.fsSS {
    font-size: 12px;
}
.fsXS {
    font-size: 10px;
}

.vaM {
    vertical-align: middle;
}

.lh1 {
    line-height: 1em !important;
}
.lh14 {
    line-height: 1.4em !important;
}
.lh2 {
    line-height: 2em !important;
}

/* ----- テキストリンク ----- */

a.underLine {
    text-decoration: underline;
}
a.underLineH:hover {
    text-decoration: underline;
}

/* ----- テキストカラー ----- */
.colorWT {
    color: #fff !important;
}
.colorBK {
    color: #000 !important;
}
.colorRD {
    color: #f41f4c !important;
}
.colorOR {
    color: #c36520 !important;
}
.colorPP {
    color: #72bb31 !important;
}
.colorPK {
    color: #f19ec2 !important;
}

.colorGR {
    color: #d6d6d6 !important;
}
.colorGR6 {
    color: #666666 !important;
}

.colorday1 {
    color: #00a0e9 !important;
}
.colorday2 {
    color: #e6000f !important;
}
.colorRED {
    color: #e60012 !important;
}
.colorGRN {
    color: #6ba0cd;
}
.colorBU,
.colorBU a {
    color: #005bac !important;
}

.colorBu1 {
    color: #4d93ef !important;
}

.colorMark {
    color: #ff1493 !important;
}

.under {
    text-decoration: underline;
}
.textbold {
    font-weight: 700;
}

/* ----- 画像 ----- */
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
.autoImg {
    max-width: 100%;
    height: auto;
}
.autoImg_w100 {
    width: 100%;
    height: auto;
}

img {
    display: block;
}
.autoImg.full {
    width: auto;
    max-width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}
.autoImg.lg {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.autoImg.md {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.autoImg.sm {
    width: 30%;
    margin: 0 auto;
    display: block;
}

/* ----- 幅 ----- */
.w100 {
    width: 100%;
}
.w90 {
    width: 90%;
    margin: 0 auto;
}
.w80 {
    width: 80%;
}
.w50 {
    width: 50%;
}
.w49 {
    width: 33%;
}
.w15 {
    width: 15%;
}
.w10 {
    width: 10%;
}

/* ----- 高さ ----- */
.hight05 {
    height: 0.1em;
}
.hight1 {
    height: 1em;
}
.hight15 {
    height: 1.5em;
}

/* ----- 線 ------*/
.bdnone {
    border: none !important;
}

.bd-gry {
    border-top: dashed #cccccc 1px;
}

/* ----- 改行 ----- */
.nobr {
    white-space: nowrap;
} /* 改行禁止 */
span.br {
    display: inline-block;
} /* 改行制御 */

/* ----- ブロック要素 ----- */
.db {
    display: block;
}
.dinb {
    display: inline-block;
}
.hidden {
    visibility: hidden;
}

/* ----- ボックス ----- */
.borderBox {
    border: solid #999999 1px;
    padding: 0.5em 1em;
}

.borderBox {
    padding: 1em;
}

.inner10 {
    padding: 10px;
}
.inner15 {
    padding: 15px;
}
.inner15-LR {
    padding: 0 15px;
}
.inner30-LR {
    padding: 0 30px;
}

/* ----- ボックス横並び ----- */
.fL {
    float: left;
}
.fR {
    float: right;
}
.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.PCfL {
    float: left;
}
.PCfR {
    float: right;
}
.PCnone {
    display: none !important;
}
.clearfix::after,
.PCclearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
}
.testBox {
    padding: 0 1.2em;
}

/* ----- 背景色 ----- */

.bg_pink {
    background-color: #f7c7dc !important;
}
.bg_lightPk {
    background-color: #fdeef4 !important;
}
.bg_lightOr {
    background-color: #fdf8f5 !important;
}
.bg_blue {
    background-color: #c3d8ea !important;
}
.bg_lightBu {
    background-color: #eef6fc !important;
}
.bg_fff {
    background-color: #ffffff !important;
}

/* ----- margin / padding ----- */

.m_auto {
    margin: auto !important;
}

.m0 {
    margin: 0px !important;
}

.mt5px {
    margin-top: 5px;
}
.mt10px {
    margin-top: 10px;
}
.mt15px {
    margin-top: 15px;
}
.mt20px {
    margin-top: 20px;
}
.mt25px {
    margin-top: 25px;
}
.mt30px {
    margin-top: 30px;
}
.mt35px {
    margin-top: 35px;
}
.mt40px {
    margin-top: 40px;
}

.mb5px {
    margin-bottom: 5px;
}
.mb10px {
    margin-bottom: 10px;
}
.mb15px {
    margin-bottom: 15px;
}
.mb20px {
    margin-bottom: 20px;
}
.mb25px {
    margin-bottom: 25px;
}
.mb30px {
    margin-bottom: 30px;
}
.mb35px {
    margin-bottom: 35px;
}
.mb40px {
    margin-bottom: 40px;
}

.ml5px {
    margin-left: 5px;
}
.ml10px {
    margin-left: 10px;
}
.ml15px {
    margin-left: 15px;
}
.ml20px {
    margin-left: 20px;
}
.ml25px {
    margin-left: 25px;
}
.ml30px {
    margin-left: 30px;
}
.ml35px {
    margin-left: 35px;
}
.ml40px {
    margin-left: 40px;
}

.mr5px {
    margin-right: 5px;
}
.mr10px {
    margin-right: 10px;
}
.mr15px {
    margin-right: 15px;
}
.mr20px {
    margin-right: 20px;
}
.mr25px {
    margin-right: 25px;
}
.mr30px {
    margin-right: 30px;
}
.mr35px {
    margin-right: 35px;
}
.mr40px {
    margin-right: 40px;
}

.mt05em {
    margin-top: 0.5em;
}
.mt1em {
    margin-top: 1em;
}
.mt15em {
    margin-top: 1.5em;
}
.mt2em {
    margin-top: 2em;
}
.mt25em {
    margin-top: 2.5em;
}
.mt3em {
    margin-top: 3em;
}
.mt4em {
    margin-top: 4em;
}
.mt5em {
    margin-top: 5em;
}

.mb05em {
    margin-bottom: 0.5em;
}
.mb1em {
    margin-bottom: 1em;
}
.mb15em {
    margin-bottom: 1.5em;
}
.mb2em {
    margin-bottom: 2em;
}
.mb25em {
    margin-bottom: 2.5em;
}
.mb3em {
    margin-bottom: 3em;
}
.mb4em {
    margin-bottom: 4em;
}
.mb5em {
    margin-bottom: 5em;
}

.ml05em {
    margin-left: 0.5em;
}
.ml1em {
    margin-left: 1em;
}
.ml15em {
    margin-left: 1.5em;
}
.ml2em {
    margin-left: 2em;
}
.ml25em {
    margin-left: 2.5em;
}
.ml3em {
    margin-left: 3em;
}
.ml4em {
    margin-left: 4em;
}
.ml5em {
    margin-left: 5em;
}

.mr05em {
    margin-right: 0.5em;
}
.mr1em {
    margin-right: 1em;
}
.mr15em {
    margin-right: 1.5em;
}
.mr2em {
    margin-right: 2em;
}
.mr25em {
    margin-right: 2.5em;
}
.mr3em {
    margin-right: 3em;
}
.mr4em {
    margin-right: 4em;
}
.mr5em {
    margin-right: 5em;
}

/* padding */

.p0 {
    padding: 0px !important;
}

.pt5px {
    padding-top: 5px;
}
.pt10px {
    padding-top: 10px;
}
.pt15px {
    padding-top: 15px;
}
.pt20px {
    padding-top: 20px;
}
.pt25px {
    padding-top: 25px;
}
.pt30px {
    padding-top: 30px;
}
.pt35px {
    padding-top: 35px;
}
.pt40px {
    padding-top: 40px;
}

.pt150px {
    padding-top: 150px;
}
.pt160px {
    padding-top: 160px;
}
.pt170px {
    padding-top: 170px;
}
.pt180px {
    padding-top: 180px;
}

.pb5px {
    padding-bottom: 5px;
}
.pb10px {
    padding-bottom: 10px;
}
.pb15px {
    padding-bottom: 15px;
}
.pb20px {
    padding-bottom: 20px;
}
.pb25px {
    padding-bottom: 25px;
}
.pb30px {
    padding-bottom: 30px;
}
.pb35px {
    padding-bottom: 35px;
}
.pb40px {
    padding-bottom: 40px;
}

.pl1px {
    padding-left: 1px;
}
.pl2px {
    padding-left: 2px;
}
.pl3px {
    padding-left: 3px;
}
.pl4px {
    padding-left: 4px;
}
.pl5px {
    padding-left: 5px;
}
.pl10px {
    padding-left: 10px;
}
.pl15px {
    padding-left: 15px;
}
.pl20px {
    padding-left: 20px;
}
.pl25px {
    padding-left: 25px;
}
.pl30px {
    padding-left: 30px;
}
.pl35px {
    padding-left: 35px;
}
.pl40px {
    padding-left: 40px;
}

.pr1px {
    padding-right: 1px;
}
.pr2px {
    padding-right: 2px;
}
.pr3px {
    padding-right: 3px;
}
.pr4px {
    padding-right: 4px;
}
.pr5px {
    padding-right: 5px;
}
.pr5px {
    padding-right: 5px;
}
.pr10px {
    padding-right: 10px;
}
.pr15px {
    padding-right: 15px;
}
.pr20px {
    padding-right: 20px;
}
.pr25px {
    padding-right: 25px;
}
.pr30px {
    padding-right: 30px;
}
.pr35px {
    padding-right: 35px;
}
.pr40px {
    padding-right: 40px;
}

.pt05em {
    padding-top: 0.5em;
}
.pt1em {
    padding-top: 1em;
}
.pt15em {
    padding-top: 1.5em;
}
.pt2em {
    padding-top: 2em;
}
.pt25em {
    padding-top: 2.5em;
}
.pt3em {
    padding-top: 3em;
}
.pt4em {
    padding-top: 4em;
}
.pt5em {
    padding-top: 5em;
}

.pb05em {
    padding-bottom: 0.5em;
}
.pb1em {
    padding-bottom: 1em;
}
.pb15em {
    padding-bottom: 1.5em;
}
.pb2em {
    padding-bottom: 2em;
}
.pb25em {
    padding-bottom: 2.5em;
}
.pb3em {
    padding-bottom: 3em;
}
.pb4em {
    padding-bottom: 4em;
}
.pb5em {
    padding-bottom: 5em;
}

.pl05em {
    padding-left: 0.5em;
}
.pl1em {
    padding-left: 1em;
}
.pl15em {
    padding-left: 1.5em;
}
.pl2em {
    padding-left: 2em;
}
.pl25em {
    padding-left: 2.5em;
}
.pl3em {
    padding-left: 3em;
}
.pl4em {
    padding-left: 4em;
}
.pl5em {
    padding-left: 5em;
}

.pr05em {
    padding-right: 0.5em;
}
.pr1em {
    padding-right: 1em;
}
.pr15em {
    padding-right: 1.5em;
}
.pr2em {
    padding-right: 2em;
}
.pr25em {
    padding-right: 2.5em;
}
.pr3em {
    padding-right: 3em;
}
.pr4em {
    padding-right: 4em;
}
.pr5em {
    padding-right: 5em;
}

.bg_color_white {
    background-color: #fff;
}