@charset "UTF-8";
/* Scss Document _reset.scss */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after { content: ""; content: none; }

blockquote:before, blockquote:after { content: ""; content: none; }

img { vertical-align: bottom; }

img, video { width: 100%; }

a { text-decoration: none; word-break: break-all; }
a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

input, button, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; resize: vertical; }

input[type="checkbox"], input[type="radio"] { display: none; }
input[type="submit"], input[type="button"] { cursor: pointer; }

label, button { cursor: pointer; }

select { cursor: pointer; }
select::-ms-expand { display: none; }

body { font-size: 12px; line-height: 1.4; color: #4c4948; font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif; font-feature-settings: "palt" 1; letter-spacing: 1px; text-align: left; }
@media screen and (min-width: 1024px) { body { margin-top: 100px; } }
@media screen and (max-width: 1023px) { body { margin-top: 50px; } }

a { transition: 200ms ease all; color: #007bc7; text-decoration: none; }
a:hover { opacity: 0.6; color: #f6ad48; }

@media screen and (min-width: 769px) { body { font-size: 14px; } }
@media screen and (max-width: 768px) { .pc-only { display: none; } }
@media screen and (min-width: 769px) { .sp-only { display: none; } }
.bottom--100 { margin-bottom: 100px; }

.bottom--90 { margin-bottom: 90px; }

.bottom--80 { margin-bottom: 80px; }

.bottom--70 { margin-bottom: 70px; }

.bottom--60 { margin-bottom: 60px; }

.bottom--50 { margin-bottom: 50px; }

.bottom--40 { margin-bottom: 40px; }

.bottom--30 { margin-bottom: 30px; }

.bottom--20 { margin-bottom: 20px; }

.bottom--10 { margin-bottom: 10px; }

@media screen and (max-width: 768px) { .bottom--100 { margin-bottom: 50px; }
  .bottom--90 { margin-bottom: 45px; }
  .bottom--80 { margin-bottom: 40px; }
  .bottom--70 { margin-bottom: 35px; }
  .bottom--60 { margin-bottom: 30px; }
  .bottom--50 { margin-bottom: 25px; }
  .bottom--40 { margin-bottom: 20px; }
  .bottom--30 { margin-bottom: 15px; }
  .bottom--20 { margin-bottom: 10px; }
  .bottom--10 { margin-bottom: 5px; } }
.width--1200 { max-width: 1200px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1190 { max-width: 1190px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1180 { max-width: 1180px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1170 { max-width: 1170px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1160 { max-width: 1160px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1150 { max-width: 1150px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1140 { max-width: 1140px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1130 { max-width: 1130px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1120 { max-width: 1120px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1110 { max-width: 1110px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1100 { max-width: 1100px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1090 { max-width: 1090px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1080 { max-width: 1080px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1070 { max-width: 1070px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1060 { max-width: 1060px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1050 { max-width: 1050px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1040 { max-width: 1040px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1030 { max-width: 1030px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1020 { max-width: 1020px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1010 { max-width: 1010px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--1000 { max-width: 1000px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--990 { max-width: 990px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--980 { max-width: 980px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--970 { max-width: 970px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--960 { max-width: 960px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--950 { max-width: 950px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--940 { max-width: 940px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--930 { max-width: 930px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--920 { max-width: 920px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--910 { max-width: 910px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--900 { max-width: 900px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--890 { max-width: 890px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--880 { max-width: 880px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--870 { max-width: 870px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--860 { max-width: 860px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--850 { max-width: 850px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--840 { max-width: 840px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--830 { max-width: 830px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--820 { max-width: 820px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--810 { max-width: 810px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--800 { max-width: 800px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--790 { max-width: 790px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--780 { max-width: 780px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--770 { max-width: 770px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--760 { max-width: 760px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--750 { max-width: 750px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--740 { max-width: 740px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--730 { max-width: 730px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--720 { max-width: 720px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--710 { max-width: 710px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--700 { max-width: 700px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--690 { max-width: 690px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--680 { max-width: 680px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--670 { max-width: 670px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--660 { max-width: 660px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--650 { max-width: 650px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--640 { max-width: 640px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--630 { max-width: 630px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--620 { max-width: 620px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--610 { max-width: 610px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--600 { max-width: 600px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--590 { max-width: 590px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--580 { max-width: 580px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--570 { max-width: 570px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--560 { max-width: 560px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--550 { max-width: 550px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--540 { max-width: 540px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--540 { max-width: 540px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--530 { max-width: 530px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--520 { max-width: 520px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--510 { max-width: 510px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--500 { max-width: 500px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--490 { max-width: 490px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--480 { max-width: 480px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--470 { max-width: 470px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--460 { max-width: 460px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--450 { max-width: 450px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--440 { max-width: 440px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--430 { max-width: 430px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--420 { max-width: 420px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--410 { max-width: 410px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--400 { max-width: 400px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--390 { max-width: 390px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--380 { max-width: 380px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--370 { max-width: 370px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--360 { max-width: 360px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--350 { max-width: 350px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--340 { max-width: 340px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--330 { max-width: 330px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--320 { max-width: 320px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--310 { max-width: 310px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--300 { max-width: 300px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--290 { max-width: 290px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--280 { max-width: 280px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--270 { max-width: 270px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--260 { max-width: 260px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--250 { max-width: 250px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--240 { max-width: 240px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--230 { max-width: 230px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--220 { max-width: 220px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--210 { max-width: 210px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--200 { max-width: 200px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--190 { max-width: 190px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--180 { max-width: 180px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--160 { max-width: 160px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--150 { max-width: 150px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--140 { max-width: 140px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--130 { max-width: 130px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--120 { max-width: 120px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--110 { max-width: 110px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--100 { max-width: 100px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--90 { max-width: 90px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--80 { max-width: 80px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--70 { max-width: 70px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--60 { max-width: 60px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--50 { max-width: 50px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--40 { max-width: 40px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--30 { max-width: 30px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--20 { max-width: 20px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.width--16 { max-width: 16px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.background--color-light { background: #f1f4f6; }

.background--dotted { background: #fff; border-bottom: 1px solid #ccc; }

.bg-color-light-blue { background: #E5F2FA; }

.bg-color-gray { background: #f6f6f6; }

.bg-color-white { background: #fff; }

.no-webp .bg-image-white { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-white.jpg) no-repeat center/cover; }

.webp .bg-image-white { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-white.webp) no-repeat center/cover; }

.no-webp .bg-image-blue { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-blue.jpg) no-repeat center/cover; }

.webp .bg-image-blue { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-blue.webp) no-repeat center/cover; }

.no-webp .bg-image-light-blue { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-light-blue.jpg) no-repeat center/cover; }

.webp .bg-image-light-blue { position: relative; background: url(/rakurakucloud/seisan/asset/image/background/background_office-image-light-blue.webp) no-repeat center/cover; }

.box_round--5 { border-radius: 5px; }

.box_round--10 { border-radius: 10px; }

.text-white { color: #fff; }

.text-blue { color: #007bc7; }

.text-gray { color: #4c4948; }

.line--gray { border: 1px solid #f2f2f2; margin: 2em 0; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-bold { font-weight: bold; }

.text-underline { text-decoration: underline; }

.text-highlighter { background: linear-gradient(transparent 60%, #f3e6b4 0%); }

.text-normal { font-size: 1em; }

.text-large { font-size: 1.2em; }

.text-small { font-size: 0.8em; }

.text-annotation, .annotation { font-size: 10px; }

.text-annotation_top { font-size: 10px; vertical-align: top; }

.text-indent { padding-left: 1em; text-indent: -1em; }

.text-nowrap { display: inline-block; }

.number { font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; }

.seisan-color { color: #0078c9; }

.meisai-color { color: #00a33e; }

.hanbai-color { color: #c04251; }

.maildealer-color { color: #f39801; }

.fixed_right { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
@media screen and (max-width: 768px) { .fixed_right { right: 7.5px; } }
.fixed_right--white { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
@media screen and (max-width: 768px) { .fixed_right--white { right: 7.5px; } }
.fixed_right.arrow-line--blue, .fixed_right.arrow-line--orange, .fixed_right.arrow-line--white, .fixed_right.arrow-line--gray { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; transform: rotate(45deg) translateY(-50%); }
@media screen and (max-width: 768px) { .fixed_right.arrow-line--blue, .fixed_right.arrow-line--orange, .fixed_right.arrow-line--white, .fixed_right.arrow-line--gray { right: 7.5px; } }

.fixed_bottom { position: absolute; bottom: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

@keyframes loop { 0% { background-position: 0 0; }
  100% { background-position: -2237px 0; } }
@media screen and (min-width: 769px) { .wrap-all { padding-top: 96px; } }
body { margin-top: 0; }

body #main { padding: 45px 0 0; line-height: 1.6; }

.container { width: calc(100% - 40px); max-width: 850px; margin-left: auto; margin-right: auto; }

.fixed-header { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; }

.seminar_style .fixed-header + #main{
  padding-top: 45px;
}
@media screen and (max-width: 768px) {
  .seminar_style .fixed-header + #main{
    padding-top: 60px !important;
  }
}
#gnav { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

#gnav.gnavi_seminar .gnav_title img { width: 110px; height: auto; }

#gnav.gnavi_seminar .gnav_title { padding: 5px 0; }

/* ==================
* 共通パーツ
* ================== */
.common-title { font-size: 30px; text-align: center; }

.common-title .icon { display: block; margin: 0 auto; width: 67px; }

.common-title .head { font-weight: 600; color: #007bc7; margin-top: 0.6em; }

.d-ib { display: inline-block; }

.indent { text-indent: -1em; padding-left: 1em; }

.line--gray { border: 1px solid #f2f2f2; margin: 2em 0; }

.seminor_common-block { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); margin-top: 5em; font-size: 10px; }

.seminor_common-block--dot { background: url("/rakurakucloud/seisan/assets/image/placeholder.png") rgba(255, 255, 255, 0) repeat top 50% left 50%/9px auto; background-image: url("/rakurakucloud/seisan/asset/image/background/background-dot.gif"); }

.seminor_common-block--gray { background-color: #f2f2f2; }

.cv-button { display: block; font-size: 2.8em; max-width: 490px; width: calc(100% - 20px); font-weight: 600; background-color: #f1ac4a; color: #fff; text-align: center; position: relative; margin: 0 auto; border-radius: 0.2em; padding: 1em 0; box-shadow: 0 5px 0 #935f16; }

.cv-button:after { content: ""; width: 0.4em; height: 0.4em; border-top: 0.105em solid #fff; border-right: 0.105em solid #fff; transform: rotate(45deg); position: absolute; left: auto; right: 1em; top: 0; bottom: 0; margin: auto; }

.cv-button .icon { font-weight: 500; background-color: #007bc7; width: 3em; height: 3em; border-radius: 100px; display: flex; justify-content: center; align-items: center; position: absolute; left: 1em; top: 0; bottom: 0; margin: auto; }

.cv-button .text { padding-left: 1em; text-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }

.cv-button:hover { opacity: 1; color: #fff; box-shadow: none; top: 4px; }

.gray-bg { background-color: #f2f2f2; padding: 1px 0 5em; }

.common-cta { text-align: center; font-size: 10px; line-height: 1.5; }

.common-cta .date-text { font-size: 2.5em; font-weight: 500; color: #333; line-height: 1.4; }

.common-cta .date-text .date { font-weight: 600; font-size: 1.5em; }

.common-cta .date-text .time { font-weight: 600; display: inline-block; }

.common-cta .cv-button { margin-top: 0.5em; }

.common-cta--blue { background-color: #007bc7; padding: 3.2em 0 5em; color: #fff; margin-top: 6em; }

.common-cta--blue .date-text { color: #fff; font-size: 3em; }

@media screen and (min-width: 768px) and (max-width: 890px) { /* PC small window */
  .cv-button { display: block; font-size: 3vw; max-width: 55vw; }
  .cv-button .icon { width: 8vw; height: 8vw; font-size: 3vw; }
  .cv-button .text { padding-left: 1em; }
  .common-title { font-size: 3.2vw; }
  .common-title .icon { width: 8vw; }
  .seminor_common-block { font-size: 1.2vw; } }
/* PC small window */
/* end 共通パーツ */
/* ==================
* 既存ぱんくず
* ================== */
.topicpath { line-height: 1.6; }

.topicpath mark { display: block; margin-top: 1em; }

/* end 既存ぱんくず */
/* ==================
* section_fv
* ================== */
.section_fv { background: url("/rakurakucloud/seisan/seminar/resources/images/fv_bg.jpg") rgba(255, 255, 255, 0) no-repeat top 50% left 50%/cover; line-height: 1.6; font-size: 10px; padding-bottom: 4em; }

.background_handshake { background-image: url("/rakurakucloud/seisan/asset/image/background/background_handshake.jpg"); }

.background_stationary-blue { background-image: url("/rakurakucloud/seisan/asset/image/background/background_stationary-blue.jpg"); }

.background_person-seisan { background-image: url("/rakurakucloud/seisan/asset/image/background/background_person-seisan.jpg"); }

.background_tablet-graph-document { background-image: url("/rakurakucloud/seisan/asset/image/background/background_tablet-graph-document.jpg"); }

.background_money-desk { background-image: url("/rakurakucloud/seisan/asset/image/background/background_money-desk.jpg"); }

.background_office-image { background-image: url("/rakurakucloud/seisan/asset/image/background/background_office-image.jpg"); }

.background_person-computer-business { background-image: url("/rakurakucloud/seisan/asset/image/background/background_person-computer-business.jpg"); background-size: contain; background-position: left top; background-color: #f5f9fa; }

.background_blocks_desk { background-image: url("/rakurakucloud/seisan/asset/image/background/background_blocks_desk.jpg"); background-size: contain; background-position: left top; background-color: #f5f9fa; }

.background_graph { background-image: url("/rakurakucloud/seisan/asset/image/background/background_graph.jpg"); }

.background_books-image { background-image: url("/rakurakucloud/seisan/asset/image/background/background_books-image.jpg"); }

.background_desk_job { background-image: url("/rakurakucloud/seisan/asset/image/background/background_desk_job.jpg"); }

.background_pc_invoice { background-image: url("/rakurakucloud/seisan/asset/image/background/background_pc_invoice.jpg"); }

@media screen and (max-width: 767px) { .section_fv { background: url("/rakurakucloud/seisan/seminar/resources/images/fv_bg_sp.jpg") rgba(255, 255, 255, 0) no-repeat top 50% left 50%/cover; font-size: 1.4vw; padding-bottom: 0; }
  .background_handshake { background-image: url("/rakurakucloud/seisan/asset/image/background/background_handshake.jpg"); }
  .background_stationary-blue { background-image: url("/rakurakucloud/seisan/asset/image/background/background_stationary-blue.jpg"); }
  .background_person-seisan { background-image: url("/rakurakucloud/seisan/asset/image/background/background_person-seisan.jpg"); }
  .background_tablet-graph-document { background-image: url("/rakurakucloud/seisan/asset/image/background/background_tablet-graph-document.jpg"); }
  .background_office-image { background-image: url("/rakurakucloud/seisan/asset/image/background/background_office-image.jpg"); }
  .background_person-computer-business { background-image: url("/rakurakucloud/seisan/asset/image/background/background_person-computer-business.jpg"); }
  .background_graph { background-image: url("/rakurakucloud/seisan/asset/image/background/background_graph_sp.jpg"); }
  .background_books-image { background-image: url("/rakurakucloud/seisan/asset/image/background/background_books-image_sp.jpg"); }
  .background_desk_job { background-image: url("/rakurakucloud/seisan/asset/image/background/background_desk_job.jpg"); }
  .background_pc_invoice { background-image: url("/rakurakucloud/seisan/asset/image/background/background_pc_invoice.jpg"); } }
/* end section_fv */
/* ==================
* fvの中身
* ================== */
.fv_read-area { text-align: center; font-weight: 500; padding-top: 2em; }

.fv_read-area__catch { font-size: 3em; color: #fff; background-color: #007bc7; padding: 0.2em 2.45em; display: table; margin: 0 auto 20px; width: auto; border-radius: 100px; }

.fv_read-area__title { font-size: 4em; line-height: 1.4; }

.fv_read-area__cacth { font-size: 25px; letter-spacing: 3px; color: #fff; background-color: #007bc7; border-radius: 30px; max-width: 500px; width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 5px; }
@media screen and (max-width: 425px) { .fv_read-area__cacth { font-size: 15px; max-width: 300px; } }

.fv_read-area__sub-title { color: #007bc7; font-size: 3em; margin-top: 1em; }

.fv-main { background-color: #007bc7; color: #fff; margin-top: 10em; padding: 5.5em 2em 2em; border-radius: 1em; text-align: center; position: relative; }

.fv-main__icon-ciecle { width: 114px; height: 114px; border-radius: 50%; background-color: #007bc7; margin-left: auto; margin-right: auto; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); padding: 22px; }

.fv-main__title { display: inline-block; color: #e0bf44; font-weight: 600; font-size: 2.5em; border-bottom: 1px solid #e0bf44; padding-bottom: 0.2em; }

.fv-main__points { display: table; margin: 1em auto 0; font-size: 2.5em; text-align: left; }

.fv-main__point { position: relative; padding: 0 0 0 2em; font-weight: 600; }

.fv-main__point:not(:nth-of-type(1)) { margin-top: 0.8em; }

.fv-main__point:before { content: ""; display: block; background: url("/rakurakucloud/seisan/asset/image/icon/icon_check_light-circle--yellow.svg") rgba(255, 255, 255, 0) no-repeat top 50% left 50%/contain; width: 2em; height: 2em; position: absolute; left: 0; top: 0; }

.fv-main__white { background-color: #fff; border-radius: 1em; margin-top: 3em; padding: 1.4em 2em 4em; }

.close-comment_box { color: #cf4371; border-radius: 3px; margin-bottom: 30px; margin-top: 20px; padding: 15px; border: 1px solid #cf4371; display: block; text-align: center; }

/* end fvの中身 */
@media screen and (min-width: 768px) and (max-width: 890px) { /* PC small window */
  .section_fv { font-size: 1.2vw; } }
/* PC small window */
/* ==================
* section_trouble
* ================== */
.section_trouble { font-size: 10px; margin-top: 8em; }

.trouble-inner { padding: 4em; margin-left: auto; margin-right: auto; }
@media screen and (min-width: 769px) { .trouble-inner { display: flex; justify-content: space-around; align-items: center; } }

.trouble-inner .text .title { font-size: 2em; margin-bottom: 1em; font-weight: 500; }

.trouble-inner .text .blue-list { line-height: 1.6; display: block; margin: 0; }

.trouble-inner .text .blue-list li { display: block; font-size: 2em; position: relative; padding-left: 1em; font-weight: 500; }

.trouble-inner .text .blue-list li:before { content: ""; position: absolute; left: 0; top: 0.6em; display: block; background-color: #007bc7; width: 0.5em; height: 0.5em; border-radius: 0.5em; }

.trouble-inner .text .blue-list li:not(:nth-of-type(1)) { margin-top: 0.5em; }

.trouble-inner .image { width: 17em; margin-left: 2.5em; flex-shrink: 0; }

/* end section_trouble */
/* ==================
* section_solution
* ================== */
.section_solution { font-size: 10px; margin-top: 10em; }

.section_solution .seminor_common-block { margin-top: 7em; }

.solution-inner { padding: 1px 4em 4em; }

.solution-inner .tag { font-size: 2em; background-color: #e0bf44; display: table; width: auto; margin: -0.8em auto 0; padding: 0.2em 1em 0.3em; font-weight: 600; border-radius: 0.3em; }

.solution-inner .title { font-size: 2.5em; text-align: center; font-weight: 600; margin-top: 1.4em; }

.solution-inner .flex-box { display: flex; justify-content: flex-start; align-items: center; margin-top: 3em; margin-left: auto; margin-right: auto; }

.solution-inner .flex-box .image { display: block; width: 14em; flex-shrink: 0; }

.solution-inner .flex-box .text { font-size: 1.7em; line-height: 2; margin-left: 2.5em; }

.solution-inner .flex-box .text ul { padding-left: 1em; }

.solution-inner .flex-box .text ul li { list-style-type: disc; }

/* end section_solution */
/* ==================
* section_teacher
* ================== */
.teacher-inner { padding: 4em; }

.teacher-inner .float-box { margin-top: 4em; }

.teacher-inner .float-box:after { content: ""; display: block; clear: both; }

.teacher-inner .float-box .image { display: inline-block; width: 18.9em; float: left; }

.teacher-inner .float-box .info { float: right; width: calc(100% - 21em); line-height: 1.8; }

.teacher-inner .float-box .info .position { font-size: 1.4em; font-weight: 600; }

.teacher-inner .float-box .info .name { font-size: 1.8em; font-weight: bold; color: #007bc7; margin-top: 0.3em; }

.teacher-inner .float-box .sentence { float: right; width: calc(100% - 21em); margin-top: 0.8em; }

.teacher-inner .float-box .sentence .inner { font-size: 1.3em; line-height: 2; }

/* end section_teacher */
/* ==================
* section_agenda
* ================== */
.agenda-inner { padding: 4em; }

.agenda-inner .timetree { display: table; width: auto; margin: 5em auto 0; position: relative; }

.agenda-inner .timetree:before { content: ""; display: block; position: absolute; left: -2px; top: 0; width: 2px; height: calc(100% - 6px); background-color: #ccc; }

.agenda-inner .timetree .one-block { padding-left: 4em; position: relative; }

.agenda-inner .timetree .one-block:before { content: ""; display: block; position: absolute; left: -6px; top: 0.7em; background-color: #007bc7; width: 10px; height: 10px; border-radius: 10px; }

.agenda-inner .timetree .one-block:not(:nth-of-type(1)) { margin-top: 4em; }

.agenda-inner .timetree .one-block:nth-of-type(1) { top: -1em; }

.agenda-inner .timetree .one-block:last-of-type { top: 1em; }

.agenda-inner .timetree .one-block .time { display: inline-block; font-size: 2em; color: #007bc7; font-weight: 600; vertical-align: top; }

.agenda-inner .timetree .one-block .title { display: inline-block; font-size: 2em; font-weight: 600; margin-left: 0.4em; }

.agenda-inner .timetree .one-block .title .bracket { display: inline-block; text-indent: -0.5em; }

.agenda-inner .timetree .one-block .sentence { font-size: 1.4em; margin-top: 1em; }

.agenda-inner .timetree .one-block .sentence .indent { margin: 0; }

.agenda-inner .timetree .one-block .sentence ul { margin-left: 1.5em; }

.agenda-inner .timetree .one-block .sentence li { list-style-type: disc; }

.agenda-inner .note-sentence { margin-top: 3em; font-size: 1.2em; text-indent: -1em; padding-left: 1em; }

/* end section_agenda */
/* ==================
* section_seminor-contents
* ================== */
.seminor-contents-inner { padding: 4em; }

.seminor-contents-inner .sentence { line-height: 1.8; font-size: 1.4em; font-weight: 500; margin-top: 2.6em; }

.seminor-contents-inner .sentence p, .seminor-contents-inner .sentence ul { margin-top: 1.4em; }

.seminor-contents-inner .sentence ul { margin-left: 1.5em; }

.seminor-contents-inner .sentence ul li { list-style: disc; }

/* end section_seminor-contents */
/* ==================
* section_info
* ================== */
.section_info { max-width: 765px; margin: 6em auto 0; }

.info-inner { font-size: 10px; }

.info-inner .flex-table { font-size: 1.6em; margin-top: 2em; width: 100%; }

.info-inner .flex-table .tr { width: 100%; border-bottom: #c1c1c1 2px dotted; display: flex; justify-content: flex-start; align-items: center; align-items: flex-start; padding: 1.6em; box-sizing: border-box; }

.info-inner .flex-table .th { font-weight: 600; color: #007bc7; width: 8em; }

.info-inner .flex-table .td { width: calc(100% - 8em); line-height: 1.6; }

.info-inner .flex-table .td p { margin-top: 1em; }

.info-inner .flex-table .td p:nth-of-type(1) { margin-top: 0; }

/* end section_info */
/* ==================
* section_form
* ================== */
.section_form { margin: 6em auto 6em !important; }

#form .panel_content * { line-height: 1.6; }

.panel_header { position: relative; padding: 0.5em 0.8em; background: #2c92d7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTUuOC4zMC3eMPsAAAAlSURBVAiZY2SoOPmfgYGB4X+7GSMDAwMDEwMaYPz//z+KAIYKAFgzBwHK6ODjAAAAAElFTkSuQmCC) repeat 0 0; background-size: 2px 2px; font-size: 1.25em; font-size: 1.25rem; line-height: 140%; color: #fff; border-radius: 0.4em 0.4em 0 0; }

input.hs-button.primary.large { background: #f1ac4a !important; }

/* end section_form */
/* ==================
* サイドボタン
* ================== */
.btn_base { box-sizing: border-box; display: inline-block; padding: 0.5em 1em; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); color: #fff; text-decoration: none; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #f6ad48; border: 3px solid #f6ad48; background-image: none; }

.btn_base:hover { background-color: #fff; color: #f6ad48; }

.fa-times:before { display: inline-block; content: "" !important; background: url("/rakurakucloud/seisan/assets/image/placeholder.png"); background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_batsu--white.svg"); width: 15px; height: 15px; }

#request { position: fixed; width: 76px; height: 184px; /* 高さ */ margin-top: -90px; /* マイナス「高さ÷2」 */ top: 65%; right: 0; z-index: 999; }
@media screen and (max-width: 768px) { #request { display: none !important; } }

#request.miniimage { position: fixed; width: 150px; height: 184px; /* 高さ */ margin-top: -90px; /* マイナス「高さ÷2」 */ top: 65%; right: 0; z-index: 999; }

#request.miniimage .index_jumbotron__action_btn { font-size: 18px; padding: 1.3em 0.7em 0.7em; }

#request .close { position: absolute; top: 10px; right: 1px; background: #ccc; padding: 5px 2px 0px 6px; }

#request .close a { display: block; width: 20px; height: 25px; }

#request .close a span { display: block; width: 1px; height: 1px; overflow: hidden; }

#request .close a i { font-size: 20px; z-index: 888; color: #fff; }

/* end section_form */
/* ==================
* レスポンシブ用表示切り分け
.sp → SPのみ表示する
.pc → PCのみ表示する
.pc-big → PCの大きいウィンドウのみ表示する
* ================== */
@media screen and (min-width: 768px) { /* pc only */
  .sp { /* SPのみ表示する */ display: none !important; } }
/* pc only */
@media screen and (max-width: 767px) { /* sp only */
  .pc { /* PCのみ表示する */ display: none !important; } }
/* sp only */
@media screen and (max-width: 1000px) { /* pc big-window only */
  .pc-big { /* PCの大きいウィンドウのみ表示する */ display: none !important; } }
/* pc big-window only */
/* ========================================================= 
* ▼ レスポンシブ（主にスマホ） ▼
* ========================================================= */
@media screen and (max-width: 767px) { /* sp only */
  #main { padding-top: 45px !important; overflow-x: hidden; }
  /* ================== 共通パーツ ================== */
  .container { width: calc(100% - 30px); }
  .container--sp-full { max-width: 100%; width: 100%; }
  .cv-button { font-size: 4.6vw; }
  .cv-button .icon { font-size: 3.5vw; }
  .cv-button .text { padding-left: 2vw; }
  .common-title .icon { width: 16vw; }
  .common-title .head { font-size: 5vw; }
  .seminor_common-block { margin-top: 3vw; }
  .common-cta .date-text { font-size: 4.4vw; }
  .common-cta--blue { padding: 5vw 0 8vw; }
  .gray-bg { padding: 1px 0 8vw; }
  /* ================== section_fv ================== */
  /* end section_fv */
  .seminar_topicpath { max-width: calc(100% - 30px); margin-left: auto; margin-right: auto; }
  .fv-main { border-radius: 0; font-size: 1.6vw; padding: 15vw 5vw 8vw; }
  .section_trouble { margin-top: 10vw; }
  .trouble-inner { padding: 5vw; }
  .trouble-inner .text .title { font-size: 3.3vw; }
  .trouble-inner .text .blue-list li { font-size: 3.3vw; }
  .trouble-inner .image { width: calc(40% - 20px); width: calc(40% - 20px); margin: 0 auto; display: block; margin-top: 1em; }
  .section_solution { margin-top: 15vw; }
  .section_solution .seminor_common-block { margin-top: 10vw; }
  .solution-inner { padding: 1px 5vw 5vw; }
  .solution-inner .tag { font-size: 4vw; margin-top: -4.6vw; }
  .solution-inner .title { font-size: 5vw; margin-top: 3vw; }
  .solution-inner .flex-box { align-items: flex-start; margin-top: 3vw; }
  .solution-inner .flex-box .image { width: 30%; }
  .solution-inner .flex-box .text { margin: -1vw 0 0 5vw; font-size: 3.4vw; }
  .section_teacher { margin-top: 8vw; }
  .teacher-inner { padding: 8vw 5vw 5vw; }
  .teacher-inner .float-box { margin-top: 5vw; }
  .teacher-inner .float-box:not(:nth-of-type(2)) { margin-top: 8vw; }
  .teacher-inner .float-box .image { width: 35%; }
  .teacher-inner .float-box .info { margin: -1vw 0 0 0; font-size: 2.6vw; width: calc(65% - 10px); }
  .teacher-inner .float-box .sentence { clear: both; width: 100%; float: none; padding-top: 1em; }
  .section_agenda { margin-top: 8vw; }
  .agenda-inner { padding: 5vw; }
  .agenda-inner .timetree:before { height: calc(100% - 35px); }
  .agenda-inner .timetree .one-block { padding-left: 7vw; }
  .agenda-inner .timetree .one-block:not(:nth-of-type(1)) { margin-top: 5vw; }
  .agenda-inner .timetree .one-block .time { font-size: 4.4vw; display: block; margin: auto; }
  .agenda-inner .timetree .one-block .title { font-size: 4.4vw; display: block; margin: auto; margin: 0; }
  .agenda-inner .timetree .one-block .sentence { margin: 3vw 0 0 5vw; }
  .agenda-inner .note-sentence { font-size: 3vw; }
  .section_seminor-contents { margin-top: 8vw; }
  .seminor-contents-inner { padding: 5vw; }
  .seminor-contents-inner .sentence { margin-top: 4vw; font-size: 3.5vw; }
  .section_info { margin-top: 8vw; }
  .info-inner .flex-table { font-size: 3.5vw; }
  .info-inner .flex-table .tr { padding: 4vw; }
  .info-inner .flex-table .th { width: 6em; }
  .info-inner .flex-table .td { width: calc(100% - 6em); }
  .panel_header { font-size: 5vw; }
  /* ================== footer ================== */
  .tel_open { text-align: center; }
  /* end footer */ }
/* sp only */
#footer_cta { margin-top: 0; margin-bottom: 3em; padding: 50px 0; text-align: center; border-bottom: 1px solid #cccccc; }

@media screen and (max-width: 1023px) { #footer_cta { margin-top: 2em; margin-bottom: 2em; } }
@media screen and (max-width: 767px) { #footer_cta { margin-top: 1em; margin-bottom: 1em; } }
#footer { margin-top: 70px; background: #eeeeee; color: #4c4948; }

.footer_wrap { position: relative; padding: 30px 0; }

.footer_page_top { position: absolute; right: 0; top: -36px; z-index: 1; }

.footer_page_top a { display: inline-block; padding: 0.75em 1.25em; border-radius: 4px 4px 0 0; font-size: 13‬px; line-height: 100%; text-decoration: none; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; background-color: #eee; background-image: none; border: none; box-shadow: none; color: #007bc7; }

.footer_page_top a:focus, .footer_page_top a:active, .footer_page_top a:hover { color: #fff; background-color: #007bc7; }

.footer_page_top:after { display: none; }

.no-cssgradients .footer_page_top a { background: #007bc7 url(/rakurakucloud/seisan/common/img/btn_gradient_blue.svg) no-repeat 0 0; background-size: cover; }

.no-cssgradients .footer_page_top a:hover { background: #007bc7; }

.footer_title_bar { position: relative; z-index: 2; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #2597d8; }

.footer_title_bar:before { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; font-size: 0; line-height: 0; border-top: 1px solid #007bc7; }

.footer_title { float: left; }

.footer_contact { text-align: right; }

.footer_contact.tel_set p { color: #666; }

.footer_contact_annotation { line-height: 1.8; font-size: 11px; text-align: center; }

.footer_nav_title { font-size: 13px; line-height: 140%; margin-bottom: 0.5em; }

.footer_contact .tel_place_capsule { display: inline-block; padding: 0 0.75em; background: #007bc7; border-radius: 1em; color: #fff; }

@media screen and (max-width: 1023px) { #footer { margin-top: 40px; }
  .footer_page_top { right: 25px; }
  .footer_wrap { padding: 15px 0; }
  .footer_title_logo { width: auto; height: 30px; }
  .footer_contact { width: 55%; margin-bottom: 10px; }
  .footer_nav_bar { clear: both; float: none; }
  .footer_nav_cats { min-height: 140px; margin-right: 1.5em; padding-right: 0; border-right: 0; }
  .footer_nav_cats:first-child { padding-left: 0; border-left: 0; }
  .footer_nav_cats nav { float: left; margin-left: 0.5em; }
  .footer_nav_cats nav ~ nav { margin-left: 1em; }
  .footer_nav_cats li { margin: 0.25em 0; }
  .footer_nav_cats nav.footer_nav_container02 { float: left; }
  .footer_action_bar { clear: both; float: none; letter-spacing: -0.35em; text-align: center; }
  .footer_action_bar li { display: inline-block; width: 48.5%; margin: 0 5px; letter-spacing: 0; }
  .footer_action_bar a { width: 100%; font-size: 14px; line-height: 140%; font-weight: bold; display: inline-block; }
  .footer_action_bar a.footer_action_bar_partner { padding: 10px 0; margin-top: 10px; } }
@media screen and (max-width: 767px) { #footer { margin-top: 50px; }
  .footer_page_top { right: 50%; margin-right: -4.5em; }
  .footer_title { float: none; width: 100%; }
  .footer_contact { float: none; width: 100%; margin: 10px 0; text-align: left; }
  .footer_contact .tel_list { font-size: 12px; line-height: 120%; }
  .footer_contact .tel_list_item { display: inline-block; width: 49%; margin: 0 0 0.5em; } }
.footer_contact .tel_place { margin-left: 0; font-size: 9px; line-height: 140%; }

.footer_contact .tel_place_capsule { font-size: 8px; line-height: 140%; }

.footer_contact .tel_list_number { font-size: 12px; line-height: 140%; }

.footer_contact_open { margin-top: 0; }

.tel_set { width: 100%; color: #fff; text-align: center; line-height: 1.6; }

.tel_text { font-size: 20px; margin-bottom: 16px; }

.tel_list_item { display: inline-block; }

.tel_number { display: inline-block; margin-left: 0.125em; font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; font-weight: 400; letter-spacing: 1px; vertical-align: middle; font-size: 16px; }

.tel_number a { color: #fff; }

.tel_number a:visited { color: #fff; }

.tel_number a:focus { color: #fff; }

.tel_number a:hover { color: #fff; }

.tel_number a:active { color: #fff; }

#footer .tel_number a { color: #4c4948; text-decoration: none; }

#footer .tel_number a:hover { color: #f8a411; }

.tel_open { margin-top: 0.5em; font-size: 13px; line-height: 160%; }

.tel_open_time { margin-left: 0.25em; font-size: 15px; line-height: 120%; font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; font-weight: 400; letter-spacing: 1px; }

@media screen and (max-width: 1023px) { .tel_place_capsule { min-width: 45px; text-align: center; } }
@media screen and (max-width: 767px) { .tel_list_item { margin-bottom: 5px; }
  .tel_place_capsule { font-size: 10px; }
  .tel_set__left .tel_number { font-size: 11px; }
  .tel_open { font-size: 12px; line-height: 160%; text-align: right; }
  .tel_open_time { font-size: 14px; line-height: 120%; }
  .footer_contact_annotation { width: 90%; margin: 20px auto 0; text-align: left; } }
@media screen and (max-width: 768px) { #copyright { font-size: 8px; line-height: 120%; } }
#copyright { padding: 3em 0; background: #fff; color: #4c4948; text-align: center; font-size: 11px; line-height: 120%; font-family: Arial, Sans-serif; letter-spacing: 1px; }

@media screen and (max-width: 767px) { #copyright { font-size: 8px; line-height: 120%; } }
.topicpath { padding: 15px 10px; letter-spacing: -0.35em; color: #4c4948; }
@media screen and (min-width: 769px) { .topicpath { padding: 20px 0; } }
.topicpath ul { max-width: 1200px; margin: 0 auto; }
.topicpath li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath li mark { background-color: transparent; color: #4c4948; }
.topicpath li:after { content: "＞"; display: inline-block; }
.topicpath li:last-child:after { display: none; content: ""; }
.topicpath a { color: #4c4948; text-decoration: underline; }
.topicpath a:visited { color: #4c4948; }
.topicpath a:focus, .topicpath a:hover, .topicpath a:active { color: #007bc7; }
.topicpath--white { padding: 15px 10px; letter-spacing: -0.35em; color: #fff; }
@media screen and (min-width: 769px) { .topicpath--white { padding: 20px 0; } }
.topicpath--white ul { max-width: 1000px; margin: 0 auto; }
.topicpath--white li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath--white li mark { background-color: transparent; color: #fff; }
.topicpath--white li:after { content: "＞"; display: inline-block; }
.topicpath--white li:last-child:after { display: none; content: ""; }
.topicpath--white a { color: #fff; text-decoration: underline; }
.topicpath--white a:visited { color: #fff; }
.topicpath--white a:focus, .topicpath--white a:hover, .topicpath--white a:active { color: #007bc7; }
.topicpath--white-nopadding { padding: 15px 10px; letter-spacing: -0.35em; color: #fff; padding: 0; }
@media screen and (min-width: 769px) { .topicpath--white-nopadding { padding: 20px 0; } }
.topicpath--white-nopadding ul { max-width: 1000px; margin: 0 auto; }
.topicpath--white-nopadding li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath--white-nopadding li mark { background-color: transparent; color: #fff; }
.topicpath--white-nopadding li:after { content: "＞"; display: inline-block; }
.topicpath--white-nopadding li:last-child:after { display: none; content: ""; }
.topicpath--white-nopadding a { color: #fff; text-decoration: underline; }
.topicpath--white-nopadding a:visited { color: #fff; }
.topicpath--white-nopadding a:focus, .topicpath--white-nopadding a:hover, .topicpath--white-nopadding a:active { color: #007bc7; }

.topicpath_local_wrap { border-bottom: 1px solid #eee; }

.topicpath_local_wrap .topicpath { padding: 10px 0; }

/* ------------------------------ ジャンボトロン ------------------------------ */
.index_jumbotron { min-height: 300px; padding: 70px 0 20px 0; background: #f1f4f6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg.jpg) no-repeat 50% 0; /* for IE7 IE8 */ }

.index_jumbotron:nth-child(odd) { background: #f1f4f6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg.jpg) no-repeat 50% 0; /* modern browser */ }

/* ------------------------------ */
.index_jumbotron__title { margin-bottom: 40px; letter-spacing: 2px; font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.5em; font-size: 1.5rem; line-height: 140%; font-weight: bold; color: #0078c9; }

.index_jumbotron__title strong { font-size: 2em; font-size: 3rem; line-height: 120%; }

.index_jumbotron__title > img { margin-bottom: 15px; }

.index_jumbotron__prize { display: table; width: 100%; /*  margin-bottom: 80px;*/ margin-bottom: 50px; }

.index_jumbotron__prize span { font-size: 0.7em; font-size: 0.7rem; }

.index_jumbotron__prize_icon { display: table-cell; width: 120px; vertical-align: middle; }

.index_jumbotron__prize_story { display: table-cell; padding-left: 10px; vertical-align: middle; font-size: 1.25em; font-size: 1.25rem; line-height: 120%; letter-spacing: 1px; font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; text-shadow: 0 0 2px white, 0 0 1px white; }

.index_jumbotron__prize_story strong { font-size: 2.25em; font-size: 2.25rem; line-height: 140%; color: #333; letter-spacing: 1px; }

.index_jumbotron__movie { color: #0078c9; font-size: 1.125em; font-size: 1.125rem; line-height: 160%; /*  line-height: 620%;*/ }

.index_jumbotron__movie_icon { display: inline-block; position: relative; width: 40px; height: 25px; border-radius: 2px; background: #0078c9; vertical-align: top; -webkit-transition: background 0.25s ease-out; transition: background 0.25s ease-out; font-size: 1.125em; font-size: 1.125rem; line-height: 140%; /*  margin-top:50px;*/ }

.index_jumbotron__movie_icon:before { content: " "; position: absolute; left: 50%; top: 50%; width: 0; height: 0; margin: -6px -3px; border: 6px solid transparent; border-left: 6px solid #fff; font-size: 0; line-height: 0; }

.index_box_btn { /*	background-color:rgba(51,51,51,0.6);*/ padding: 25px 0 10px; }

.index_box_btn_txt { color: #fff; line-height: 140%; margin-bottom: 2px; font-size: 1.25rem; font-weight: bold; }

.index_box_btn_1 { margin: 15px auto; }

.index_box_btn_1 .btn_base:hover { background-color: #fff; background-image: none; opacity: 1; color: #f8a411; }

.index_jumbotron__action_bar { position: absolute; right: 0; bottom: 0; }

.index_jumbotron__action_bar_item { display: inline-block; /*margin-left: 10px;*/ *display: inline; /* for IE7 */ *zoom: 1; /* for IE7 */ }

.index_jumbotron__action_btn { border-width: 2px; font-size: 1.5em; font-size: 1.5rem; line-height: 110%; font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; width: 100%; padding: 0.5em 0.7em; }

.index_jumbotron__action_btn_icon { margin: 0 0.25em; }

a:hover .index_jumbotron__movie_icon { background: #ff7f00; }

.index_jumbotron__cap { position: absolute; font-size: 0.7em; font-size: 0.7rem; bottom: -55px; /*  bottom:-30px;*/ left: 0; line-height: 1; }

.switcher_sp_only { display: none; }

.switcher_sp_s_only { display: none; }



#floating_pagetop:hover { background: #3393d4; }

.show_floater_pagetop #floating_pagetop { bottom: 20px; }

.sprite_arrows { display: inline-block; width: 18px; height: 18px; margin: 0 0.1em; background: url(/rakurakucloud/seisan/common/img/sprite_arrows.png) no-repeat 0 0; background: rgba(0, 0, 0, 0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat; vertical-align: middle; }

.sprite_arrows__s { width: 12px; height: 12px; background: url(/rakurakucloud/seisan/common/img/sprite_arrows_s.png) no-repeat 0 0; background: rgba(0, 0, 0, 0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat; background-size: 48px auto; }

span.sprite_arrows.sprite_arrows__s.spr_arr_s_u_w.arrow { background-position: -24px -24px; }

.footer_page_top .arrow { margin-right: 0.5em; }

.spr_arr_u_w { background-position: -18px -36px; }

/*# sourceMappingURL=seminar.css.map */