/*! v1.1.0 */
/* ========================================================================== Normalize.scss settings ========================================================================== */
/** Includes legacy browser support IE6/7 Set to false if you want to drop support for IE6 and IE7 */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; }

/** Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
/** Improves readability when focused and also mouse hovered in all browsers. */
a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Addresses font sizes and margins set differently in IE 6/7. Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Addresses margins set differently in IE 6/7. */
/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 8/9. 2. Improves image quality when scaled in IE 7. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Corrects text not wrapping in Firefox 3. 4. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 4. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 7/8/9/10. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre { margin: 0; font-size: 1em; }

td, th { padding: 0; }

ul, ol { padding-left: 0; }

li { list-style-type: none; }

dd { margin-left: 0; }

img { vertical-align: bottom; }

em { font-style: normal; font-weight: bold; }

button, input[type="button"], input[type="reset"], input[type="submit"] { margin: 0; padding: 0; border: 0; background-color: transparent; }

body { background: #fff; color: #333; font-size: 13px; font-family: "Hiragino Kaku Gothic ProN", Roboto, sans-serif; -webkit-font-smoothing: antialiased; }

body, button, input { line-height: 1.35; }

a { color: #c71444; text-decoration: none; }

a:visited { color: #c71444; }

a:active { color: #c71444; }

.rtd-header__logo, .rtd-nav__top a, .rtd-top-header__title h1 { background-color: transparent; background-repeat: no-repeat; border: 0; overflow: hidden; outline: none; }

.rtd-header__logo:before, .rtd-nav__top a:before, .rtd-top-header__title h1:before { content: ''; display: block; width: 0; height: 100%; }

/* SASS variables are information about icon's compiled state, stored under its original file name .icon-home width: $icon-home-width The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites */
/* The provided mixins are intended to be used with the array-like variables .icon-home @include sprite-width($icon-home) .icon-email @include sprite($icon-email) */
/* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SASS @include sprites($spritesheet-sprites) */
.rtd-header { width: 100%; background: #ededed; }

.rtd-header__inner { box-sizing: border-box; max-width: 380px; margin-left: auto; margin-right: auto; }

.rtd-header__inner { height: 85px; text-align: center; }

.rtd-header__logo { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: 0px 0px; width: 180px; height: 45px; background-size: 180px 134px; display: inline-block; margin-top: 8px; }

.rtd-content { width: 100%; }

.rtd-content__inner { box-sizing: border-box; max-width: 380px; margin-left: auto; margin-right: auto; }

.rtd-content__inner { padding: 0 10px; }

.rtd-nav { box-sizing: border-box; min-height: 50px; margin-top: -25px; margin-bottom: 10px; border-radius: 5px; border-bottom: 1px solid #d9d9d9; background: #f7f7f7; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.rtd-nav__top { float: left; width: 60px; font-size: 11px; font-weight: bold; }

.rtd-nav__top a { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: 0px -46px; width: 61px; height: 50px; background-size: 180px 134px; display: block; }

.rtd-nav__current { position: relative; margin-left: 75px; padding: 10px 25px 10px 0; color: #666; font-size: 14px; font-weight: bold; line-height: 30px; -webkit-tap-highlight-color: transparent; }

.rtd-nav__current:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -146px -46px; width: 12px; height: 7px; background-size: 180px 134px; content: ''; position: absolute; right: 11px; top: 21px; }

.rtd-nav__menu { display: none; position: relative; margin-left: 75px; padding: 10px 25px 10px 0; -webkit-tap-highlight-color: transparent; }

.rtd-nav__menu:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -159px -46px; width: 12px; height: 7px; background-size: 180px 134px; content: ''; position: absolute; right: 11px; top: 20px; }

.rtd-nav-menu__category { margin-bottom: 5px; color: #999; font-size: 14px; font-weight: bold; line-height: 30px; }

.rtd-nav-menu__item { position: relative; margin-bottom: 8px; font-size: 14px; }
.rtd-nav-menu__item .new { position: absolute; left: -26px; top:-1px; width: 21px;height: auto;}

.rtd-nav-menu__item.is-active { font-weight: bold; }

.rtd-footer-related { margin: 0 -10px 20px; background: #f5f5f5; }

.rtd-footer-related__header { padding: 10px; background: #e6e6e6; border-bottom: 1px solid #fff; color: #4c4c4c; font-size: 15px; font-weight: bold; text-align: center; }

.rtd-footer-related__items { padding: 10px; }

.rtd-footer-related__item { margin-bottom: 10px; }

.rtd-footer-back { margin: 40px 0; font-size: 14px; font-weight: bold; text-align: center; }

.page-bottom { height: 0; overflow: hidden; }

.rtd-link-list-a { margin-bottom: 20px; }

.rtd-link-list-a__item { margin-bottom: 10px; }

.rtd-link-list-a-item { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); color: #333; position: relative; display: block; padding: 20px 30px 20px 10px; border-radius: 3px; background: #fff; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.rtd-link-list-a-item:visited, .rtd-link-list-a-item:active, .rtd-link-list-a-item:hover { color: #333; }

.rtd-link-list-a-item:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -121px -46px; width: 8px; height: 14px; background-size: 180px 134px; content: ''; position: absolute; top: 50%; right: 12px; margin-top: -7px; }

.rtd-link-list-a-item__sub { display: inline-block; color: #999; font-size: 12px; }

.rtd-link-list-a-item__main { display: inline-block; font-size: 14px; }

.rtd-sns-list__item, .rtd-sns-list__item--twitter, .rtd-sns-list__item--facebook, .rtd-sns-list__item--google-plus { display: inline-block; vertical-align: top; }

.rtd-sns-list__item--twitter { width: 105px; overflow: hidden; }

.rtd-sns-list__item--twitter iframe { width: 105px !important; }

.rtd-sns-list__item--google-plus { width: 70px; overflow: hidden; }

.rtd-footnote { margin-bottom: 20px; font-size: 11px; }

.rtd-footnote dt { float: left; }

.rtd-footnote dd { margin-left: 2em; margin-bottom: 0.3em; }

.rtd-top-header { width: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; background: #ededed; }

.rtd-top-header__inner { box-sizing: border-box; max-width: 380px; margin-left: auto; margin-right: auto; }

.rtd-top-header__inner { padding-top: 20px; padding-bottom: 20px; }

.rtd-top-header__title { margin-bottom: 20px; text-align: center; }

.rtd-top-header__title h1 { display: inline-block; width: 260px; height: 65px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/top-logo.png"); background-size: 260px 65px; }

.rtd-top-header-lead { margin-bottom: 20px; }

.rtd-top-header-lead__1st { display: table; width: 100%; margin-bottom: 10px; }

.rtd-top-header-lead__1st-image { display: table-cell; vertical-align: top; }

.rtd-top-header-lead__1st-text { display: table-cell; padding: 0 15px 0 10px; line-height: 1.5; vertical-align: middle; }

.rtd-top-header-lead__2nd-image { display: table-cell; vertical-align: top; }

.rtd-top-header-lead__2nd-text { display: table-cell; padding: 0 10px 0 15px; line-height: 1.5; vertical-align: middle; }

.rtd-top-header-lead em { color: #c71444; font-size: 15px; }

.rtd-top-header__sns { text-align: center; }

.rtd-top-contents { width: 100%; background: #f5f5f5; }

.rtd-top-contents__inner { box-sizing: border-box; max-width: 380px; margin-left: auto; margin-right: auto; }

.rtd-top-contents__inner { padding: 30px 0; }

.rtd-top-paper { margin-bottom: 40px; }

.rtd-top-paper__header { position: relative; margin-bottom: 20px; color: #4c4c4c; font-size: 16px; font-weight: bold; text-align: center; }

.rtd-top-paper__header:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #d9d9d9; }

.rtd-top-paper__header-label { display: inline-block; position: relative; z-index: 5; padding: 0 15px; background: #f5f5f5; }

.rtd-top-paper__header-label:before { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: 0px -97px; width: 24px; height: 37px; background-size: 180px 134px; content: ''; display: inline-block; margin-right: 0.5em; vertical-align: middle; }

.rtd-top-paper__items { padding: 0 10px; }

.rtd-top-paper__item { margin-bottom: 10px; }

.rtd-top-paper-button, .rtd-top-paper-button--lecture { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); color: #333; display: block; position: relative; box-sizing: border-box; position: relative; padding: 15px 10px; border-radius: 3px; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.rtd-top-paper-button:visited, .rtd-top-paper-button--lecture:visited, .rtd-top-paper-button:active, .rtd-top-paper-button--lecture:active, .rtd-top-paper-button:hover, .rtd-top-paper-button--lecture:hover { color: #333; }

.rtd-top-paper-button.is-disabled, .is-disabled.rtd-top-paper-button--lecture { opacity: 0.3; background: none; box-shadow: none; border: 1px solid #bbb; pointer-events: none; }

.rtd-top-paper-button:after, .rtd-top-paper-button--lecture:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -121px -46px; width: 8px; height: 14px; background-size: 180px 134px; content: ''; position: absolute; top: 50%; right: 12px; margin-top: -7px; }

.rtd-top-paper-button__sub { display: inline-block; position: relative; z-index: 5; margin-bottom: 5px; padding: 1px 3px; border-radius: 3px; background: #b2b2b2; color: #fff; font-size: 12px; font-weight: bold; }

.rtd-top-paper-button__main { position: relative; z-index: 5; font-size: 17px; font-weight: bold; }
.rtd-top-paper-button__main span { display: block; font-size: 14px; font-weight: normal; color: #c71444; }

.rtd-top-paper-button__img--lecture { position: absolute; right: 0; top: 0;}

.rtd-top-paper-new { position: absolute; right: 3px; top: -3px; z-index: 1;}

.rtd-top-paper-button--lecture { height: 110px; }

.rtd-top-license { margin-bottom: 40px; }

.rtd-top-license__header { position: relative; margin-bottom: 20px; color: #4c4c4c; font-size: 16px; font-weight: bold; text-align: center; }

.rtd-top-license__header:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #d9d9d9; }

.rtd-top-license__header-label { display: inline-block; position: relative; z-index: 5; padding: 0 15px; background: #f5f5f5; }

.rtd-top-license__header-label:before { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -62px -46px; width: 37px; height: 24px; background-size: 180px 134px; content: ''; display: inline-block; margin-right: 0.5em; vertical-align: middle; }

.rtd-top-license__items { padding: 0 10px; }

.rtd-top-license__item { margin-bottom: 10px; }

.rtd-top-license-button, .rtd-top-license-button--school { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); color: #333; display: block; position: relative; box-sizing: border-box; position: relative; padding: 15px 10px; border-radius: 3px; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.rtd-top-license-button:visited, .rtd-top-license-button--school:visited, .rtd-top-license-button:active, .rtd-top-license-button--school:active, .rtd-top-license-button:hover, .rtd-top-license-button--school:hover { color: #333; }

.rtd-top-license-button:after, .rtd-top-license-button--school:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -121px -46px; width: 8px; height: 14px; background-size: 180px 134px; content: ''; position: absolute; top: 50%; right: 12px; margin-top: -7px; }

.rtd-top-license-button__sub { display: inline-block; position: relative; z-index: 5; margin-bottom: 5px; padding: 1px 3px; border-radius: 3px; background: #b2b2b2; color: #fff; font-size: 12px; font-weight: bold; }

.rtd-top-license-button__main { position: relative; z-index: 5; font-size: 17px; font-weight: bold; }

.rtd-top-license-button__img--school { position: absolute; right: 0; top: 0; }

.rtd-top-license-button--school { height: 110px; }

.rtd-top-parking { margin-bottom: 40px; }

.rtd-top-parking__header { position: relative; margin-bottom: 20px; color: #4c4c4c; font-weight: bold; text-align: center; }

.rtd-top-parking__header:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #d9d9d9; }

.rtd-top-parking__header-label { display: inline-block; position: relative; z-index: 5; padding: 0 15px; background: #f5f5f5; }

.rtd-top-parking__header-label:before { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -100px -46px; width: 11px; height: 19px; background-size: 180px 134px; content: ''; display: inline-block; width: 11px; height: 18px; margin-right: 0.5em; vertical-align: middle; }

.rtd-top-parking__items { padding: 0 10px; }

.rtd-top-parking__item { margin-bottom: 10px; }

.rtd-sch-header { margin-bottom: 20px; }

.rtd-sch-header__title { margin: 0 -10px; text-align: center; }

.rtd-sch-header__sns { margin-top: -5px; text-align: center; }

.rtd-sch-article { margin-bottom: 40px; }

.rtd-sch-article__header { margin-bottom: 30px; }

.rtd-sch-article__footer { margin-top: 40px; }

.rtd-sch-article-title { padding: 15px 0; border-top: 2px solid #333; border-bottom: 2px solid #333; }

.rtd-sch-article-title:before, .rtd-sch-article-title:after { content: ''; display: table; }

.rtd-sch-article-title:after { clear: both; }

.rtd-sch-article-title__index { float: left; width: 60px; padding: 3px 0; color: #fff; background: #333; font-size: 14px; font-weight: bold; text-align: center; }

.rtd-sch-article-title__name { margin-left: 70px; font-size: 16px; font-weight: bold; }

.rtd-sch-article-h { margin-bottom: 20px; padding-left: 10px; border-left: 5px solid #333; font-size: 19px; font-weight: bold; }

.rtd-sch-article-h small { display: block; color: #999; font-size: 14px; }

.rtd-sch-article-talk-a, .rtd-sch-article-talk-b { margin-bottom: 20px; padding: 10px; font-size: 15px; line-height: 1.6; }

.rtd-sch-article-talk-a:before, .rtd-sch-article-talk-b:before, .rtd-sch-article-talk-a:after, .rtd-sch-article-talk-b:after { content: ''; display: table; }

.rtd-sch-article-talk-a:after, .rtd-sch-article-talk-b:after { clear: both; }

.rtd-sch-article-talk-a p, .rtd-sch-article-talk-b p { margin-bottom: 1em; }

.rtd-sch-article-talk-a p:last-child, .rtd-sch-article-talk-b p:last-child { margin-bottom: 0; }

.rtd-sch-article-talk-a__character, .rtd-sch-article-talk-b__character { width: 100px; height: 100px; margin-top: -15px; margin-bottom: 10px; border-radius: 50%; background: no-repeat 0 0; background-size: 100px 100px; }

.rtd-sch-article-talk-a { background: #f7f7f7; }

.rtd-sch-article-talk-a__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/school-talk-1.png"); }

.rtd-sch-article-talk-b { background: #e6ecf2; }

.rtd-sch-article-talk-b__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/school-talk-2.png"); }

.rtd-sch-article-img { margin: 20px 0; text-align: center; }

.rtd-sch-article-banner { margin: 0 -10px 20px; text-align: center; }

.rtd-sch-article-banner img { width: 100%; }

.rtd-sch-article-nav { border-top: 1px solid #b3b3b3; }

.rtd-sch-article-nav__item { position: relative; border-bottom: 1px solid #b3b3b3; }

.rtd-sch-article-nav-item { color: #333; display: block; padding: 15px 10px 15px 0; }

.rtd-sch-article-nav-item:before, .rtd-sch-article-nav-item:after { content: ''; display: table; }

.rtd-sch-article-nav-item:after { clear: both; }

.rtd-sch-article-nav-item:visited, .rtd-sch-article-nav-item:active, .rtd-sch-article-nav-item:hover { color: #333; }

.rtd-sch-article-nav-item__index { float: left; width: 40px; padding: 3px 0; color: #fff; background: #333; font-size: 10px; font-weight: bold; text-align: center; }

.rtd-sch-article-nav-item__name { margin-left: 50px; font-size: 14px; font-weight: bold; }

.rtd-sch-article-nav__item.is-active + .rtd-sch-article-nav__item:before { content: 'NEXT'; position: absolute; left: 50%; top: -8px; width: 50px; height: 16px; margin-left: -25px; background: #c71444; color: #fff; text-align: center; font-size: 10px; line-height: 17px; font-weight: bold; }

.rtd-sch-article-nav__item.is-active + .rtd-sch-article-nav__item:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #c71444; content: ''; position: absolute; left: 50%; top: 8px; margin-left: -5px; }

.rtd-sch-article-nav__item.is-active .rtd-sch-article-nav-item { background: #ededed; }

.rtd-sch-article-nav__item.is-completed .rtd-sch-article-nav-item { background: #ededed; opacity: 0.4; }

.rtd-howto-header { margin-bottom: 20px; }

.rtd-howto-header__title { margin: 20px -10px 20px; text-align: center; }

.rtd-howto-header__sns { text-align: center; }

.rtd-howto-lead { margin-bottom: 20px; line-height: 1.6; }

.rtd-howto-toc { margin: 0 20px; margin-bottom: 40px; border-bottom: 1px solid #333; }

.rtd-howto-toc__header { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #333; font-size: 11px; font-weight: bold; }

.rtd-howto-toc__item { margin-bottom: 10px; }

.rtd-howto-toc__item em { display: block; float: left; width: 1.5em; background: #c71444; color: #fff; text-align: center; }

.rtd-howto-toc__item span { display: block; margin-left: 2em; }

.rtd-howto-section { margin: 0 -10px 40px; padding: 20px 10px 5px; border-top: 3px solid #c71444; background: #f7f7f7; }

.rtd-howto-section__header { margin-bottom: 20px; font-size: 18px; font-weight: bold; }

.rtd-howto-section__header em { display: table-cell; width: 1.5em; background: #c71444; color: #fff; font-size: 30px; text-align: center; vertical-align: middle; }

.rtd-howto-section__header span { display: table-cell; padding-left: 10px; vertical-align: middle; }

.rtd-howto-section__content { font-size: 15px; }

.rtd-howto-section__content > h2 { margin-top: 2em; margin-bottom: 1em; padding-left: 10px; border-left: 5px solid #c71444; }

.rtd-howto-section__content > h2:first-child { margin-top: 0; }

.rtd-howto-section__content > p { margin-bottom: 1em; line-height: 1.6; }

.rtd-howto-section__fig { text-align: center; }

.rtd-howto-column { margin-bottom: 10px; padding: 15px 15px 1px; border: 1px solid #c4d3e1; background: #e6ecf2; font-size: 13px; }

.rtd-howto-column__header { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c4d3e1; font-weight: bold; text-align: center; }

.rtd-howto-column__content > h2 { margin-bottom: 0.5em; }

.rtd-howto-column__content > p { margin-bottom: 1em; line-height: 1.6; }

.rtd-howto-footer { margin: 40px 0; }

.rtd-howto-dic { margin-bottom: 1em; }

.rtd-howto-dic__heading { display: table; }

.rtd-howto-dic__img { display: table-cell; padding-right: 10px; vertical-align: middle; }

.rtd-howto-dic__name { display: table-cell; font-weight: bold; vertical-align: middle; }

.rtd-howto-dic__body { padding: 5px 0 10px; }

.rtd-grd-header { margin-bottom: 20px; }

.rtd-grd-header__title { margin: 0 -10px; text-align: center; }

.rtd-grd-header__sns { margin-top: -5px; text-align: center; }

.rtd-grd-article { margin-bottom: 40px; }

.rtd-grd-article__header { margin-bottom: 30px; }

.rtd-grd-article__footer { margin-top: 40px; }

.rtd-grd-article-title { padding: 15px 0; border-top: 2px solid #333; border-bottom: 2px solid #333; }

.rtd-grd-article-title:before, .rtd-grd-article-title:after { content: ''; display: table; }

.rtd-grd-article-title:after { clear: both; }

.rtd-grd-article-title__index { float: left; width: 60px; padding: 3px 0; color: #fff; background: #333; font-size: 14px; font-weight: bold; text-align: center; }

.rtd-grd-article-title__name { margin-left: 70px; font-size: 16px; font-weight: bold; }

.rtd-grd-article-h { margin-bottom: 20px; padding-left: 10px; border-left: 5px solid #333; font-size: 19px; font-weight: bold; }

.rtd-grd-article-h small { display: block; color: #999; font-size: 14px; }

.rtd-grd-article-talk-a, .rtd-grd-article-talk-b,.rtd-tec-article-talk-1, .rtd-tec-article-talk-2 { margin-bottom: 20px; padding: 10px; font-size: 15px; line-height: 1.6; }

.rtd-grd-article-talk-a:before, .rtd-grd-article-talk-b:before, .rtd-grd-article-talk-a:after, .rtd-grd-article-talk-b:after { content: ''; display: table; }

.rtd-grd-article-talk-a:after, .rtd-grd-article-talk-b:after { clear: both; }

.rtd-grd-article-talk-a p, .rtd-grd-article-talk-b p { margin-bottom: 1em; }

.rtd-grd-article-talk-a p:last-child, .rtd-grd-article-talk-b p:last-child { margin-bottom: 0; }

.rtd-grd-article-talk-a__character, .rtd-grd-article-talk-b__character { width: 100px; height: 100px; margin-top: -15px; margin-bottom: 10px; border-radius: 50%; background: no-repeat 0 0; background-size: 100px 100px; }

.rtd-grd-article-talk-a { background: #f7f7f7; }

.rtd-grd-article-talk-a__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/graduate-talk-1.png"); }

.rtd-grd-article-talk-b { background: #e6ecf2; }

.rtd-grd-article-talk-b__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/graduate-talk-2.png"); }

.rtd-tec-article-talk-a__character, .rtd-tec-article-talk-b__character, .rtd-tec-article-talk-c__character, .rtd-tec-article-talk-1a__character, .rtd-tec-article-talk-1b__character, .rtd-tec-article-talk-1c__character, .rtd-tec-article-talk-1d__character, .rtd-tec-article-talk-2a__character, .rtd-tec-article-talk-2b__character, .rtd-tec-article-talk-3a__character, .rtd-tec-article-talk-3b__character, .rtd-tec-article-talk-3c__character, .rtd-tec-article-talk-3d__character { width: 100px; height: 100px; margin-top: -15px; margin-bottom: 10px; border-radius: 50%; background: no-repeat 0 0; background-size: 100px 100px; }

.rtd-tec-article-talk-a,.rtd-tec-article-talk-1 { background: #f7f7f7; }

.rtd-tec-article-talk-a__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-1.png"); }

.rtd-tec-article-talk-b,.rtd-tec-article-talk-2 { background: #e6ecf2; }

.rtd-tec-article-talk-b__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-2.png"); }

.rtd-tec-article-talk-c { background: #e6ecf2; }

.rtd-tec-article-talk-c__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-3.png"); }

.rtd-tec-article-talk-1a__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-1a.png"); }

.rtd-tec-article-talk-1b__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-1b.png"); }

.rtd-tec-article-talk-1c__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-1a.png"); }

.rtd-tec-article-talk-1d__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-1b.png"); }

.rtd-tec-article-talk-2a__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-2a.png"); }

.rtd-tec-article-talk-2b__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-2b.png"); }

.rtd-tec-article-talk-3a__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-3a.png"); }

.rtd-tec-article-talk-3b__character { float: right; margin-left: 10px; margin-right: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-3b.png"); }

.rtd-tec-article-talk-3c__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-3a.png"); }

.rtd-tec-article-talk-3d__character { float: left; margin-right: 10px; margin-left: -15px; background-image: url("/DRIVE/IMAGES/NEWDRIVER/SP/technology-talk-3b.png"); }

.rtd-grd-article-body { margin-bottom: 20px; font-size: 15px; line-height: 1.6; }

.rtd-grd-article-body p { margin-bottom: 1em; }

.rtd-grd-article-body p:last-child { margin-bottom: 0; }

.rtd-grd-article-body__talks { margin: 2em -10px; padding: 15px 10px; background: #f7f7f7; font-size: 13px; }

.rtd-grd-article-body__talks:first-child { margin-top: 0; }

.rtd-grd-article-body__talks:last-child { margin-bottom: 0; }

.rtd-grd-article-body dt { float: left; width: 4em; font-weight: bold; }

.rtd-grd-article-body dd { margin-left: 4em; margin-bottom: 5px; }

.rtd-grd-article-body dd:last-child { margin-bottom: 0; }

.rtd-grd-article-img { margin: 20px 0; text-align: center; }

.rtd-grd-article-banner { margin: 0 -10px 20px; text-align: center; }

.rtd-grd-article-banner img { width: 100%; }

.rtd-grd-article-survey { margin: 40px 0; }

.rtd-grd-article-survey__lead { margin-bottom: 10px; line-height: 1.5; }

.rtd-grd-article-survey__button a { position: relative; display: block; padding: 10px 5px; border-radius: 5px; background: #c71444; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }

.rtd-grd-article-survey__button a:after { background-image: url(/DRIVE/IMAGES/NEWDRIVER/SP/rtd-sprite.png); background-position: -112px -46px; width: 8px; height: 14px; background-size: 180px 134px; content: ''; position: absolute; top: 50%; right: 12px; margin-top: -7px; }

.rtd-grd-article-nav { border-top: 1px solid #b3b3b3; }

.rtd-grd-article-nav__item { position: relative; border-bottom: 1px solid #b3b3b3; }

.rtd-grd-article-nav-item { color: #333; display: block; padding: 15px 10px 15px 0; }

.rtd-grd-article-nav-item:before, .rtd-grd-article-nav-item:after { content: ''; display: table; }

.rtd-grd-article-nav-item:after { clear: both; }

.rtd-grd-article-nav-item:visited, .rtd-grd-article-nav-item:active, .rtd-grd-article-nav-item:hover { color: #333; }

.rtd-grd-article-nav-item__index { float: left; width: 40px; padding: 3px 0; color: #fff; background: #333; font-size: 10px; font-weight: bold; text-align: center; }

.rtd-grd-article-nav-item__name { margin-left: 50px; font-size: 14px; font-weight: bold; }
.rtd-grd-article-nav-item__name span { display: block; font-size: 12px; font-weight: normal; color: #c71444; }

.rtd-grd-article-nav__item.is-active + .rtd-grd-article-nav__item:before { content: 'NEXT'; position: absolute; left: 50%; top: -8px; z-index: +1; width: 50px; height: 16px; margin-left: -25px; background: #c71444; color: #fff; text-align: center; font-size: 10px; line-height: 17px; font-weight: bold; }

.rtd-grd-article-nav__item.is-active + .rtd-grd-article-nav__item:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #c71444; content: ''; position: absolute; left: 50%; top: 8px; z-index: +1; margin-left: -5px; }

.rtd-grd-article-nav__item.is-active .rtd-grd-article-nav-item { background: #ededed; }

.rtd-grd-article-nav__item.is-completed .rtd-grd-article-nav-item { background: #ededed; opacity: 0.4; }

.rtd-grd-article-nav__item.is-soon .rtd-grd-article-nav-item { background: #ededed; opacity: 0.4; pointer-events: none; }


#note_area label{
	padding: 10px;
	text-align:center;
	cursor: pointer !important;
	font-size:14px;
	font-weight:bold;
}

#toggle {
  display: none;
  cursor: pointer!important;
}
#note {
  display: none;
}
#toggle:checked + #note {
  display: block;
  margin:20px auto 0;
  text-align: left;
}

p.super{
	display: block;
	padding: 10px 0 30px 0;
}