@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');
@import url('font.css');


/* -------
    reset
------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a, span{
    margin:0; 
    padding:0; 
    border:0;
    /*vertical-align:top; */
    box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;	
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}

input[type="text"], input[type="password"] {padding:5px 10px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}


body{min-width: 320px; font-family: 'S-CoreDream-3Light', 'Lato', Helvetica, Arial, sans-serif; font-weight:300;}



@media all and (max-width:1199px) {
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand img{height:42px;}
}



h3{position:relative;}


.num-c, .num-b, .txt-k{margin-bottom:8px;}
.num-c > li{position:relative; padding-left:18px;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;}
.num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li:nth-of-type(15):before{content:'⑮ ';}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li:nth-of-type(15):before{content:'⒂ ';}
.txt-k > li{position:relative; padding-left:24px;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;}
.txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li:nth-of-type(14):before{content:'하. ';}



.ol-list01{padding-left:18px;}
.ol-list01 > li{list-style:decimal; margin-bottom: 5px;}
.dl-list01 > dt{margin:35px 0 18px}
.dl-list01 > dt:first-child{margin-top:0}
.dl-list01 > dd{margin-bottom:8px; padding-left:10px; background:url('../images/bul_bar1.png') left 8px no-repeat; word-break:keep-all; line-height:1.3;}



.box01{width:100%; padding:30px 40px; border:1px solid #ccc;}
.box02{width:100%; padding:30px 40px; background:#f2f5fd}


.img-align{margin-bottom:15px}
.img-align > img{margin:0 auto; text-align:center;}



.main-visual{word-break:keep-all;}
.history-name{margin-top:30px;}
.history-name > span{display:block; padding:5px 0; font-size:15px; color:#999}
.dot{font-size:40px; font-family: 'S-CoreDream-7ExtraBold';}
.dot:before {width: 6px; height: 6px; border-radius: 50%; background-color: #406eb6; display: inline-block; position: absolute; top: 0.1em; left: 0;}
#book{position:relative;}
#book:after{content:''; display:inline-block; position:absolute; right:20px; bottom:-30px; width:552px; height:467px; background:url('/user/images/img_book.png') right bottom no-repeat; background-size:70%}

.page-footer.context-dark{color:#999 !important}