@charset "UTF-8";
/* --- reset系 --- */
html, body, div, span, applet, object, iframe, section, article, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, strong, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    word-break: break-all;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul, li {
    list-style: none;
    text-align:left;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
address, em, b, i, s {
    font-style: normal;
    text-decoration:none;
}
strong{
    font-weight: 600;
}

/* --- 基本デフォ --- */
html {
    font-size: 16px;
    line-height: 1.5;
    scroll-behavior: smooth;
}
body {
    width: 100%;
    background-color: #fff;
    color: #111;
    font-size: 16px;
    line-height: 1.5;
    font-weight:normal;
    font-family: "Noto Sans JP",  "メイリオ",  "Meiryo",  "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN",  "ヒラギノ角ゴ ProN",  sans-serif;
}
.devFont{
    font-family:  "Hiragino Kaku Gothic ProN",  "ヒラギノ角ゴ ProN",  "メイリオ",  "Meiryo",  "ＭＳ ゴシック", sans-serif;
}
.serifFont {
    font-family: "游明朝",  YuMincho,  "Hiragino Mincho ProN W3",  "ヒラギノ明朝 ProN W3",  "Hiragino Mincho ProN",  "HG明朝E",  "ＭＳ Ｐ明朝",  "ＭＳ 明朝",  serif;
}



/* --- 汎用 --- */
.pageBreakBf {
    page-break-before: always;
}
.pageBreakAft {
    page-break-after: always;
}
.txLeft {
    text-align: left;
}
.txCenter {
    text-align: center;
}
.txRight {
    text-align: right;
}
.txVtop {
    vertical-align: top;
}
.txVmiddle {
    vertical-align: middle;
}
.txVbottom {
    vertical-align: bottom;
}
.noWrap {
    white-space: nowrap;
}
.bold {
    font-weight: 600;
}
.bolder {
    font-weight: 900;
}
.obli {
    font-style: oblique;
}
.throu {
    text-decoration: line-through;
}
.under {
    text-decoration: underline;
}
.over {
    text-decoration: overline;
}
.fwNormal {
    font-weight: normal !important;
}
.fsNormal {
    font-style: normal　 !important;
}
.noVisib {
    visibility: hidden;
}
.noDisp {
    display: none;
}
.fLeft {
    float: left;
}
.fRight {
    float: right;
}
.clearFix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --- 色 --- */
.cblack {
    color: #000000;
}
.cwhite {
    color: #FFFFFF;
}
.cred {
    color: #FF0000;
}
.corgred {
    color: #ff7700;
}
.cdkred {
    color: #aa0000;
}
.cmosgold {
    color: #996633;
}
.cdkgrn {
    color: #337F00;
}
.cblue {
    color: #0433FF;
}
.gray5 { color: #555;}
.gray7 { color: #777;}
.gray9 { color: #999;}
.grayA{ color:#aaa;}
.grayC { color: #ccc;}

.bg753 {
    background-color: #f7f5f3;
}
.bgry {
    background-color: #dddddd;
}
.bcream {
    background-color: #fff7e3;
}
.bblack {
    background-color: #111111;
}

/* --- テキストリンク --- */
a:link {
    text-decoration: underline;
    opacity:1;
    transition: 0.4s ease;
}
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    outline:none;
    text-decoration: underline;
    opacity:0.6;
    transition: 0.3s ease;
    cursor:pointer;
}
a:active {
    opacity:1;
    text-decoration: none;
}

/* --- font-size --- */
.f10px {font-size: 10px;}
.f11px {font-size: 11px;}
.f12px {font-size: 12px;}
.f13px {font-size: 13px;}
.f14px {font-size: 14px;}
.f15px {font-size: 15px;}
.f16px {font-size: 16px;}
.f17px {font-size: 17px;}
.f18px {font-size: 18px;}
.f19px {font-size: 19px;}
.f20px {font-size: 20px;}
.f21px {font-size: 21px;}
.f22px {font-size: 22px;}
.f23px {font-size: 23px;}
.f24px {font-size: 24px;}
.f25px {font-size: 25px;}
.f30px {font-size: 30px;}
.f35px {font-size: 35px;}
.f40px {font-size: 40px;}

/* --- margin --- */
.mgn0{margin:0;}
.mgnt0{margin-top:0;}
.mgnt3 {margin-top: 3px;}
.mgnt5 {margin-top: 5px;}
.mgnt10 {margin-top: 10px;}
.mgnt15 {margin-top: 15px;}
.mgnt20 {margin-top: 20px;}
.mgnt25 {margin-top: 25px;}
.mgnt30 {margin-top: 30px;}
.mgnt35 {margin-top: 35px;}
.mgnt40 {margin-top: 40px;}
.mgnt50 {margin-top: 50px;}
.mgnt100 {margin-top: 100px;}

.mgnb0{margin-bottom:0;}
.mgnb3 {margin-bottom: 3px;}
.mgnb5 {margin-bottom: 5px;}
.mgnb10 {margin-bottom: 10px;}
.mgnb15 {margin-bottom: 15px;}
.mgnb20 {margin-bottom: 20px;}
.mgnb25 {margin-bottom: 25px;}
.mgnb30 {margin-bottom: 30px;}
.mgnb35 {margin-bottom: 35px;}
.mgnb40 {margin-bottom: 40px;}
.mgnb50 {margin-bottom: 50px;}
.mgnb100 {margin-bottom: 100px;}

/* --- padding --- */
.pdd0{padding:0;}
.pddt0 {padding-top: 0;}
.pddt3 {padding-top: 3px;}
.pddt5 {padding-top: 5px;}
.pddt10 {padding-top: 10px;}
.pddt15 {padding-top: 15px;}
.pddt20 {padding-top: 20px;}
.pddt25 {padding-top: 25px;}
.pddt30 {padding-top: 30px;}
.pddt35 {padding-top: 35px;}
.pddt40 {padding-top: 40px;}
.pddt50 {padding-top: 50px;}
.pddt100 {padding-top: 100px;}

.pddb0 {padding-bottom: 0;}
.pddb3 {padding-bottom: 3px;}
.pddb5 {padding-bottom: 5px;}
.pddb10 {padding-bottom: 10px;}
.pddb15 {padding-bottom: 15px;}
.pddb20 {padding-bottom: 20px;}
.pddb25 {padding-bottom: 25px;}
.pddb30 {padding-bottom: 30px;}
.pddb35 {padding-bottom: 35px;}
.pddb40 {padding-bottom: 40px;}
.pddb50 {padding-bottom: 50px;}
.pddb100 {padding-bottom: 100px;}

.LH1 {line-height: 1;}
.LH12 {line-height: 1.2;}
.LH13 {line-height: 1.3;}
.LH14 {line-height: 1.4;}
.LH15 {line-height: 1.5;}
.LH16 {line-height: 1.6;}
.LH17 {line-height: 1.7;}
.LH18 {line-height: 1.8;}
.LH2 {line-height: 2;}
.LH3 {line-height: 3;}

/* --- sp-pc --- */
.spSet,
.spSetin,
.spSetimb {
    display: none !important;
}
.pcSet {
    display: block !important;
}
.pcSetin {
    display: inline !important;
}
.pcSetinb {
    display: inline-block !important;
}

/* facebookアイコンの位置調整 */
.socialWrap {
    padding: 20px 0;
    text-align: center;
}
.socialWrap div {
    display: inline-block;
}
.fb_iframe_widget>span {
    vertical-align: baseline !important;
}

#templatePage{
    padding:1em;
}
.pre1{
    font-size:14px;
    font-family: "Noto Sans JP";
    overflow:auto;
    border:1px solid #ccc;
    margin:1em auto;
}


/* ------------- SP ---------------- */
@media screen and (max-width:768px){
    html {
        font-size: 4.27vw;
    }
    body {
        width: 100%;
        font-size: 4.27vw;
    }
    .pre1{
        font-size:3.73vw;
        overflow:auto;
        border:1px solid #ccc;
    }
    /* --- font-size --- */
    .f10px {font-size: 2.67vw;}
    .f11px {font-size: 2.93vw;}
    .f12px {font-size: 3.2vw;}
    .f13px {font-size: 3.47vw;}
    .f14px {font-size: 3.73vw;}
    .f15px {font-size: 4.0vw;}
    .f16px {font-size: 4.27vw;}
    .f17px {font-size: 4.53vw;}
    .f18px {font-size: 4.8vw;}
    .f19px {font-size: 5.1vw;}
    .f20px {font-size: 5.33vw;}
    .f21px {font-size: 5.6vw;}
    .f22px {font-size: 5.87vw;}
    .f23px {font-size: 6.13vw;}
    .f24px {font-size: 6.4vw;}
    .f25px {font-size: 6.67vw;}
    .f30px {font-size: 8.0vw;}
    .f35px {font-size: 9.33vw;}
    .f40px {font-size: 10.67vw;}
    
    /* --- margin --- */
    .mgnt3 {margin-top: 0.8vw;}
    .mgnt5 {margin-top: 1.33vw;}
    .mgnt10 {margin-top: 2.67vw;}
    .mgnt15 {margin-top: 4.0vw;}
    .mgnt20 {margin-top: 5.33vw;}
    .mgnt25 {margin-top: 6.67vw;}
    .mgnt30 {margin-top: 8.0vw;}
    .mgnt35 {margin-top: 9.33vw;}
    .mgnt40 {margin-top: 10.67vw;}
    .mgnt50 {margin-top: 13.33vw;}
    .mgnt100 {margin-top: 26.67vw;}
    
    .mgnb3 {margin-bottom 0.8vw;}
    .mgnb5 {margin-bottom 1.33vw;}
    .mgnb10 {margin-bottom 2.67vw;}
    .mgnb15 {margin-bottom 4.0vw;}
    .mgnb20 {margin-bottom 5.33vw;}
    .mgnb25 {margin-bottom 6.67vw;}
    .mgnb30 {margin-bottom 8.0vw;}
    .mgnb35 {margin-bottom 9.33vw;}
    .mgnb40 {margin-bottom 10.67vw;}
    .mgnb50 {margin-bottom 13.33vw;}
    .mgnb100 {margin-bottom 26.67vw;}
    
    /* --- padding --- */
    .pddt3 {padding-top: 0.8vw;}
    .pddt5 {padding-top: 1.33vw;}
    .pddt10 {padding-top: 2.67vw;}
    .pddt15 {padding-top: 4.0vw;}
    .pddt20 {padding-top: 5.33vw;}
    .pddt25 {padding-top: 6.67vw;}
    .pddt30 {padding-top: 8.0vw;}
    .pddt35 {padding-top: 9.33vw;}
    .pddt40 {padding-top: 10.67vw;}
    .pddt50 {padding-top: 13.33vw;}
    .pddt100 {padding-top: 26.67vw;}
    
    .pddb3 {padding-bottom 0.8vw;}
    .pddb5 {padding-bottom 1.33vw;}
    .pddb10 {padding-bottom 2.67vw;}
    .pddb15 {padding-bottom 4.0vw;}
    .pddb20 {padding-bottom 5.33vw;}
    .pddb25 {padding-bottom 6.67vw;}
    .pddb30 {padding-bottom 8.0vw;}
    .pddb35 {padding-bottom 9.33vw;}
    .pddb40 {padding-bottom 10.67vw;}
    .pddb50 {padding-bottom 13.33vw;}
    .pddb100 {padding-bottom 26.67vw;}

    /* --- sp-pc --- */
    .pcSet,
    .pcSetin,
    .pcSetinb {
        display: none !important;
    }
    .spSet {
        display: block !important;
    }
    .spSetin {
        display: inline !important;
    }
    .spSetinb {
        display: inline-block !important;
    }

    /* facebookアイコンの位置調整 */
    .socialWrap {
        padding: 5.3vw 0;
        text-align: center;
    }

}/* SP */