@charset "UTF-8";

/* ------------------------------------------------------------
   base.css
------------------------------------------------------------ */

/* Reset
------------------------------------------------------------ */
/* line 9,  */
html,body,a,abbr,address,area,article,aside,audio,b,blockquote,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,input,ins,kbd,label,legend,li,main,map,mark,menu,nav,object,ol,optgroup,option,output,p,param,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,section,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,u,ul,var,video,wbr
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article,aside,figcaption,figure,footer,header,main,menu,nav,section { display: block; }
ol,ul,li { list-style: none; }
blockquote,q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Foundation
------------------------------------------------------------ */
html {
    box-sizing: border-box;
    font-family: 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.16em;
    color: #404040;
    font-size: 62.5%;
}
*,
*::before,
*::after { box-sizing: inherit; }
body { line-height: 1.8; font-family: inherit; }
a { color: #023894; }
img { display: block; }
small { font-size: inherit; }
.indent1em { padding-left: 1em; text-indent: -1em; }
.bold { font-weight: bold !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.txt_c { text-align: center !important; }
.txt_r { text-align: right !important; }
.txt_l { text-align: left !important; }

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-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; }

/* Module
------------------------------------------------------------ */

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

@font-face {
    font-family: 'Bartdeng';
    src: url(../font/Bartdeng.ttf);
}

.bartdeng { font-family: 'Bartdeng'; }