@charset "UTF-8";
*, ::before, ::after { box-sizing: border-box; }

* { font-size: inherit; line-height: inherit; letter-spacing: 0.06em; }
body.top * { letter-spacing: 0.06em; }

::before, ::after { display: inline-block; text-decoration: inherit; vertical-align: inherit; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { background: #fff; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

footer, header, hgroup, nav, section { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

a { background-color: transparent; }

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

b, strong { font-weight: bold; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; vertical-align: bottom; max-width: 100%; }
img.pdf_icon { vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

*:not(input):not(select):not(button):not(textarea):not(label):focus { outline: none; }

select { height: 30px; color: inherit; font: inherit; margin: 0; padding: 0 20px 0 5px; line-height: 1; }

button, input, textarea { color: inherit; font: inherit; margin: 0; padding: 4px 6px; border: 1px solid #ccc; border-radius: 4px; outline: none; }

input:not([type="checkbox"]):not([type="radio"]), textarea, button { -webkit-appearance: none; }

input { padding: 0 6px; }

input:focus, textarea:focus { outline: none; }

input[type="button"], input[type="submit"] { background-color: transparent; border: none; }

button { overflow: visible; background-color: transparent; border-radius: 0; border: none; }

button, select { text-transform: none; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 5px 0 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], select, textarea { font-size: 100%; }

input[type="text"]:focus, textarea:focus { transition: 0.2s; }

input[type="text"]:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

textarea { overflow: auto; resize: vertical; }

label { display: inline-block; }

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

td, th { padding: 0; text-align: left; vertical-align: top; }

ol { list-style-position: inside; }

li { list-style-type: none; }

address { font-style: normal; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, table, thead, tbody, tfoot, address { margin: 0; padding: 0; }

input, textarea, table, thead, tbody, tfoot, address { text-align: left; }

div, dl, dt, dd, ul, ol, li, form, p { text-align: inherit; }

h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; }

figure { margin: 0; }

.button01, .button02, .button03 { display: inline-block; position: relative; width: 300px; letter-spacing: 0; color: #fff; background: #0280b4; text-align: center; border-radius: 6px; padding: 17px 10px; transition: .2s; font-size: 18px; font-weight: bold; }
.button01.-narrow, .-narrow.button02, .-narrow.button03 { width: 200px; padding: 8px 10px; font-size: 14px; }
.button01.-narrow:before, .-narrow.button02:before, .-narrow.button03:before { font-size: 14px; }
@media only screen and (max-width: 768px) { .button01.-narrow, .-narrow.button02, .-narrow.button03 { width: 100%; max-width: 345px; padding: 11px; font-size: 18px; }
  .button01.-narrow:before, .-narrow.button02:before, .-narrow.button03:before { font-size: 15px; } }
.button01.-wide, .-wide.button02, .-wide.button03 { width: 480px; }
.button01.-prev:before, .-prev.button02:before, .-prev.button03:before { right: auto; left: 20px; transform: translateY(-50%) scale(-1, 1); }
.button01:before, .button02:before, .button03:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.button01:hover, .button02:hover, .button03:hover { text-decoration: none; box-shadow: 0 0 0 1px #0280b4 inset; background: #fff; color: #0280b4; }
@media only screen and (max-width: 768px) { .button01, .button02, .button03 { width: 100%; max-width: 345px; padding: 11px; } }

.button02 { background: #b40254; }
.button02:hover { box-shadow: 0 0 0 1px #b40254 inset; color: #b40254; }

.button03 { background: #F5F5F5; padding: 17px 40px 17px 75px; width: 245px; color: #505050; }
.button03:hover { box-shadow: 0 0 0 1px #F5F5F5 inset; color: #505050; }
.button03:before { content: "\f060"; font-family: "Font Awesome 5 Free"; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); right: unset; left: 40px; }
@media only screen and (max-width: 768px) { .button03 { width: 80%; } }

.table01 { width: 100%; }

.table02 { width: 100%; }

.table03 { width: 100%; }

.table01 { width: 100%; }
.table01 th, .table01 td { border: 1px solid #ddd; padding: 12px 20px; }
.table01 th { background: #f5f5f5; width: 200px; color: #0280b4; }
.table01 td .attention { display: inline-block; text-indent: -20px; padding-left: 20px; }
@media only screen and (max-width: 768px) { .table01 { border-bottom: 1px solid #ddd; }
  .table01 td, .table01 th { display: block; width: 100% !important; padding: 10px 15px; border-bottom: none; }
  .table01 th { border-bottom: none; border-top: 1px solid #ddd; } }

.table02 { width: 100%; border-bottom: 1px solid #333; }
.table02.-form th { line-height: 1.5; padding: 30px 25px 30px 25px; }
.table02.-form td { vertical-align: middle; padding: 30px 15px; }
.table02.-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.table02.-form .arrow { position: relative; }
.table02.-form .arrow:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: "\f107"; font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #0280b4; }
@media only screen and (max-width: 768px) { .table02.-form th { padding: 25px 15px 10px; width: 100% !important; border-bottom: none; }
  .table02.-form td { width: 100% !important; border-top: none; padding: 5px 15px 25px; } }
.table02 th, .table02 td { border-top: 1px solid #333; padding: 30px 0; }
@media only screen and (max-width: 768px) { .table02 th, .table02 td { display: block; padding: 10px; } }
.table02 th { vertical-align: middle; }

.no-table { width: 100%; }
.no-table th { vertical-align: middle; }
.no-table td { padding-left: 30px; }
@media only screen and (max-width: 768px) { .no-table th, .no-table td { display: block !important; width: 100% !important; padding: 0; }
  .no-table th { margin-bottom: 10px; } }

.table03 { width: 100%; }
.table03 th, .table03 td { border: 1px solid #ddd; padding: 12px 20px; }
.table03 th { background: #f5f5f5; width: 200px; color: #0280b4; }
.table03 td .attention { display: inline-block; text-indent: -20px; padding-left: 20px; }

.mt0 { margin-top: 0px !important; }

.mr0 { margin-right: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.pl0 { padding-left: 0px !important; }

.mt1 { margin-top: 1px !important; }

.mr1 { margin-right: 1px !important; }

.mb1 { margin-bottom: 1px !important; }

.ml1 { margin-left: 1px !important; }

.pt1 { padding-top: 1px !important; }

.pr1 { padding-right: 1px !important; }

.pb1 { padding-bottom: 1px !important; }

.pl1 { padding-left: 1px !important; }

.mt2 { margin-top: 2px !important; }

.mr2 { margin-right: 2px !important; }

.mb2 { margin-bottom: 2px !important; }

.ml2 { margin-left: 2px !important; }

.pt2 { padding-top: 2px !important; }

.pr2 { padding-right: 2px !important; }

.pb2 { padding-bottom: 2px !important; }

.pl2 { padding-left: 2px !important; }

.mt3 { margin-top: 3px !important; }

.mr3 { margin-right: 3px !important; }

.mb3 { margin-bottom: 3px !important; }

.ml3 { margin-left: 3px !important; }

.pt3 { padding-top: 3px !important; }

.pr3 { padding-right: 3px !important; }

.pb3 { padding-bottom: 3px !important; }

.pl3 { padding-left: 3px !important; }

.mt4 { margin-top: 4px !important; }

.mr4 { margin-right: 4px !important; }

.mb4 { margin-bottom: 4px !important; }

.ml4 { margin-left: 4px !important; }

.pt4 { padding-top: 4px !important; }

.pr4 { padding-right: 4px !important; }

.pb4 { padding-bottom: 4px !important; }

.pl4 { padding-left: 4px !important; }

.mt5 { margin-top: 5px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.pl5 { padding-left: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mr6 { margin-right: 6px !important; }

.mb6 { margin-bottom: 6px !important; }

.ml6 { margin-left: 6px !important; }

.pt6 { padding-top: 6px !important; }

.pr6 { padding-right: 6px !important; }

.pb6 { padding-bottom: 6px !important; }

.pl6 { padding-left: 6px !important; }

.mt7 { margin-top: 7px !important; }

.mr7 { margin-right: 7px !important; }

.mb7 { margin-bottom: 7px !important; }

.ml7 { margin-left: 7px !important; }

.pt7 { padding-top: 7px !important; }

.pr7 { padding-right: 7px !important; }

.pb7 { padding-bottom: 7px !important; }

.pl7 { padding-left: 7px !important; }

.mt8 { margin-top: 8px !important; }

.mr8 { margin-right: 8px !important; }

.mb8 { margin-bottom: 8px !important; }

.ml8 { margin-left: 8px !important; }

.pt8 { padding-top: 8px !important; }

.pr8 { padding-right: 8px !important; }

.pb8 { padding-bottom: 8px !important; }

.pl8 { padding-left: 8px !important; }

.mt9 { margin-top: 9px !important; }

.mr9 { margin-right: 9px !important; }

.mb9 { margin-bottom: 9px !important; }

.ml9 { margin-left: 9px !important; }

.pt9 { padding-top: 9px !important; }

.pr9 { padding-right: 9px !important; }

.pb9 { padding-bottom: 9px !important; }

.pl9 { padding-left: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.mt11 { margin-top: 11px !important; }

.mr11 { margin-right: 11px !important; }

.mb11 { margin-bottom: 11px !important; }

.ml11 { margin-left: 11px !important; }

.pt11 { padding-top: 11px !important; }

.pr11 { padding-right: 11px !important; }

.pb11 { padding-bottom: 11px !important; }

.pl11 { padding-left: 11px !important; }

.mt12 { margin-top: 12px !important; }

.mr12 { margin-right: 12px !important; }

.mb12 { margin-bottom: 12px !important; }

.ml12 { margin-left: 12px !important; }

.pt12 { padding-top: 12px !important; }

.pr12 { padding-right: 12px !important; }

.pb12 { padding-bottom: 12px !important; }

.pl12 { padding-left: 12px !important; }

.mt13 { margin-top: 13px !important; }

.mr13 { margin-right: 13px !important; }

.mb13 { margin-bottom: 13px !important; }

.ml13 { margin-left: 13px !important; }

.pt13 { padding-top: 13px !important; }

.pr13 { padding-right: 13px !important; }

.pb13 { padding-bottom: 13px !important; }

.pl13 { padding-left: 13px !important; }

.mt14 { margin-top: 14px !important; }

.mr14 { margin-right: 14px !important; }

.mb14 { margin-bottom: 14px !important; }

.ml14 { margin-left: 14px !important; }

.pt14 { padding-top: 14px !important; }

.pr14 { padding-right: 14px !important; }

.pb14 { padding-bottom: 14px !important; }

.pl14 { padding-left: 14px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.pl15 { padding-left: 15px !important; }

.mt16 { margin-top: 16px !important; }

.mr16 { margin-right: 16px !important; }

.mb16 { margin-bottom: 16px !important; }

.ml16 { margin-left: 16px !important; }

.pt16 { padding-top: 16px !important; }

.pr16 { padding-right: 16px !important; }

.pb16 { padding-bottom: 16px !important; }

.pl16 { padding-left: 16px !important; }

.mt17 { margin-top: 17px !important; }

.mr17 { margin-right: 17px !important; }

.mb17 { margin-bottom: 17px !important; }

.ml17 { margin-left: 17px !important; }

.pt17 { padding-top: 17px !important; }

.pr17 { padding-right: 17px !important; }

.pb17 { padding-bottom: 17px !important; }

.pl17 { padding-left: 17px !important; }

.mt18 { margin-top: 18px !important; }

.mr18 { margin-right: 18px !important; }

.mb18 { margin-bottom: 18px !important; }

.ml18 { margin-left: 18px !important; }

.pt18 { padding-top: 18px !important; }

.pr18 { padding-right: 18px !important; }

.pb18 { padding-bottom: 18px !important; }

.pl18 { padding-left: 18px !important; }

.mt19 { margin-top: 19px !important; }

.mr19 { margin-right: 19px !important; }

.mb19 { margin-bottom: 19px !important; }

.ml19 { margin-left: 19px !important; }

.pt19 { padding-top: 19px !important; }

.pr19 { padding-right: 19px !important; }

.pb19 { padding-bottom: 19px !important; }

.pl19 { padding-left: 19px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mr25 { margin-right: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pr25 { padding-right: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.pl25 { padding-left: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl30 { padding-left: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mr35 { margin-right: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.ml35 { margin-left: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pr35 { padding-right: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.pl35 { padding-left: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pr40 { padding-right: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.pl40 { padding-left: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mr45 { margin-right: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.ml45 { margin-left: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pr45 { padding-right: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.pl45 { padding-left: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mr50 { margin-right: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pr50 { padding-right: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl50 { padding-left: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mr55 { margin-right: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.ml55 { margin-left: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pr55 { padding-right: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.pl55 { padding-left: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mr60 { margin-right: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pr60 { padding-right: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl60 { padding-left: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mr65 { margin-right: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.ml65 { margin-left: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pr65 { padding-right: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.pl65 { padding-left: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mr70 { margin-right: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.ml70 { margin-left: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pr70 { padding-right: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.pl70 { padding-left: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mr75 { margin-right: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.ml75 { margin-left: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pr75 { padding-right: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.pl75 { padding-left: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mr80 { margin-right: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pr80 { padding-right: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.pl80 { padding-left: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mr85 { margin-right: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.ml85 { margin-left: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pr85 { padding-right: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.pl85 { padding-left: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mr90 { margin-right: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.ml90 { margin-left: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pr90 { padding-right: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.pl90 { padding-left: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mr95 { margin-right: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.ml95 { margin-left: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pr95 { padding-right: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.pl95 { padding-left: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mr100 { margin-right: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml100 { margin-left: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pr100 { padding-right: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl100 { padding-left: 100px !important; }

.mt105 { margin-top: 105px !important; }

.mr105 { margin-right: 105px !important; }

.mb105 { margin-bottom: 105px !important; }

.ml105 { margin-left: 105px !important; }

.pt105 { padding-top: 105px !important; }

.pr105 { padding-right: 105px !important; }

.pb105 { padding-bottom: 105px !important; }

.pl105 { padding-left: 105px !important; }

.mt110 { margin-top: 110px !important; }

.mr110 { margin-right: 110px !important; }

.mb110 { margin-bottom: 110px !important; }

.ml110 { margin-left: 110px !important; }

.pt110 { padding-top: 110px !important; }

.pr110 { padding-right: 110px !important; }

.pb110 { padding-bottom: 110px !important; }

.pl110 { padding-left: 110px !important; }

.mt115 { margin-top: 115px !important; }

.mr115 { margin-right: 115px !important; }

.mb115 { margin-bottom: 115px !important; }

.ml115 { margin-left: 115px !important; }

.pt115 { padding-top: 115px !important; }

.pr115 { padding-right: 115px !important; }

.pb115 { padding-bottom: 115px !important; }

.pl115 { padding-left: 115px !important; }

.mt120 { margin-top: 120px !important; }

.mr120 { margin-right: 120px !important; }

.mb120 { margin-bottom: 120px !important; }

.ml120 { margin-left: 120px !important; }

.pt120 { padding-top: 120px !important; }

.pr120 { padding-right: 120px !important; }

.pb120 { padding-bottom: 120px !important; }

.pl120 { padding-left: 120px !important; }

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

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

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

.f8px { font-size: 8px !important; }

.f9px { font-size: 9px !important; }

.f10px { font-size: 10px !important; }

.f11px { font-size: 11px !important; }

.f12px { font-size: 12px !important; }

.f13px { font-size: 13px !important; }

.f14px { font-size: 14px !important; }

.f15px { font-size: 15px !important; }

.f16px { font-size: 16px !important; }

.f17px { font-size: 17px !important; }

.f18px { font-size: 18px !important; }

.f19px { font-size: 19px !important; }

.f20px { font-size: 20px !important; }

.f21px { font-size: 21px !important; }

.f22px { font-size: 22px !important; }

.f23px { font-size: 23px !important; }

.f24px { font-size: 24px !important; }

.f25px { font-size: 25px !important; }

.f26px { font-size: 26px !important; }

.f27px { font-size: 27px !important; }

.f28px { font-size: 28px !important; }

.f29px { font-size: 29px !important; }

.f30px { font-size: 30px !important; }

.f31px { font-size: 31px !important; }

.f32px { font-size: 32px !important; }

.f33px { font-size: 33px !important; }

.f34px { font-size: 34px !important; }

.f35px { font-size: 35px !important; }

.f36px { font-size: 36px !important; }

.f37px { font-size: 37px !important; }

.f38px { font-size: 38px !important; }

.f39px { font-size: 39px !important; }

.f40px { font-size: 40px !important; }

.lh10 { line-height: 1 !important; }

.lh11 { line-height: 1.1 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh19 { line-height: 1.9 !important; }

.lh20 { line-height: 2 !important; }

.lh21 { line-height: 2.1 !important; }

.lh22 { line-height: 2.2 !important; }

.lh23 { line-height: 2.3 !important; }

.lh24 { line-height: 2.4 !important; }

.lh25 { line-height: 2.5 !important; }

.lh26 { line-height: 2.6 !important; }

.lh27 { line-height: 2.7 !important; }

.lh28 { line-height: 2.8 !important; }

.lh29 { line-height: 2.9 !important; }

.lh30 { line-height: 3 !important; }

.ls0 { letter-spacing: 0em !important; }

.ls1 { letter-spacing: 0.001em !important; }

.ls2 { letter-spacing: 0.002em !important; }

.ls3 { letter-spacing: 0.003em !important; }

.ls4 { letter-spacing: 0.004em !important; }

.ls5 { letter-spacing: 0.005em !important; }

.ls6 { letter-spacing: 0.006em !important; }

.ls7 { letter-spacing: 0.007em !important; }

.ls8 { letter-spacing: 0.008em !important; }

.ls9 { letter-spacing: 0.009em !important; }

.ls10 { letter-spacing: 0.01em !important; }

.ls11 { letter-spacing: 0.011em !important; }

.ls12 { letter-spacing: 0.012em !important; }

.ls13 { letter-spacing: 0.013em !important; }

.ls14 { letter-spacing: 0.014em !important; }

.ls15 { letter-spacing: 0.015em !important; }

.ls16 { letter-spacing: 0.016em !important; }

.ls17 { letter-spacing: 0.017em !important; }

.ls18 { letter-spacing: 0.018em !important; }

.ls19 { letter-spacing: 0.019em !important; }

.ls20 { letter-spacing: 0.02em !important; }

.ls21 { letter-spacing: 0.021em !important; }

.ls22 { letter-spacing: 0.022em !important; }

.ls23 { letter-spacing: 0.023em !important; }

.ls24 { letter-spacing: 0.024em !important; }

.ls25 { letter-spacing: 0.025em !important; }

.ls26 { letter-spacing: 0.026em !important; }

.ls27 { letter-spacing: 0.027em !important; }

.ls28 { letter-spacing: 0.028em !important; }

.ls29 { letter-spacing: 0.029em !important; }

.ls30 { letter-spacing: 0.03em !important; }

.ls31 { letter-spacing: 0.031em !important; }

.ls32 { letter-spacing: 0.032em !important; }

.ls33 { letter-spacing: 0.033em !important; }

.ls34 { letter-spacing: 0.034em !important; }

.ls35 { letter-spacing: 0.035em !important; }

.ls36 { letter-spacing: 0.036em !important; }

.ls37 { letter-spacing: 0.037em !important; }

.ls38 { letter-spacing: 0.038em !important; }

.ls39 { letter-spacing: 0.039em !important; }

.ls40 { letter-spacing: 0.04em !important; }

.ls41 { letter-spacing: 0.041em !important; }

.ls42 { letter-spacing: 0.042em !important; }

.ls43 { letter-spacing: 0.043em !important; }

.ls44 { letter-spacing: 0.044em !important; }

.ls45 { letter-spacing: 0.045em !important; }

.ls46 { letter-spacing: 0.046em !important; }

.ls47 { letter-spacing: 0.047em !important; }

.ls48 { letter-spacing: 0.048em !important; }

.ls49 { letter-spacing: 0.049em !important; }

.ls50 { letter-spacing: 0.05em !important; }

.ls51 { letter-spacing: 0.051em !important; }

.ls52 { letter-spacing: 0.052em !important; }

.ls53 { letter-spacing: 0.053em !important; }

.ls54 { letter-spacing: 0.054em !important; }

.ls55 { letter-spacing: 0.055em !important; }

.ls56 { letter-spacing: 0.056em !important; }

.ls57 { letter-spacing: 0.057em !important; }

.ls58 { letter-spacing: 0.058em !important; }

.ls59 { letter-spacing: 0.059em !important; }

.ls60 { letter-spacing: 0.06em !important; }

.ls61 { letter-spacing: 0.061em !important; }

.ls62 { letter-spacing: 0.062em !important; }

.ls63 { letter-spacing: 0.063em !important; }

.ls64 { letter-spacing: 0.064em !important; }

.ls65 { letter-spacing: 0.065em !important; }

.ls66 { letter-spacing: 0.066em !important; }

.ls67 { letter-spacing: 0.067em !important; }

.ls68 { letter-spacing: 0.068em !important; }

.ls69 { letter-spacing: 0.069em !important; }

.ls70 { letter-spacing: 0.07em !important; }

.ls71 { letter-spacing: 0.071em !important; }

.ls72 { letter-spacing: 0.072em !important; }

.ls73 { letter-spacing: 0.073em !important; }

.ls74 { letter-spacing: 0.074em !important; }

.ls75 { letter-spacing: 0.075em !important; }

.ls76 { letter-spacing: 0.076em !important; }

.ls77 { letter-spacing: 0.077em !important; }

.ls78 { letter-spacing: 0.078em !important; }

.ls79 { letter-spacing: 0.079em !important; }

.ls80 { letter-spacing: 0.08em !important; }

.ls81 { letter-spacing: 0.081em !important; }

.ls82 { letter-spacing: 0.082em !important; }

.ls83 { letter-spacing: 0.083em !important; }

.ls84 { letter-spacing: 0.084em !important; }

.ls85 { letter-spacing: 0.085em !important; }

.ls86 { letter-spacing: 0.086em !important; }

.ls87 { letter-spacing: 0.087em !important; }

.ls88 { letter-spacing: 0.088em !important; }

.ls89 { letter-spacing: 0.089em !important; }

.ls90 { letter-spacing: 0.09em !important; }

.ls91 { letter-spacing: 0.091em !important; }

.ls92 { letter-spacing: 0.092em !important; }

.ls93 { letter-spacing: 0.093em !important; }

.ls94 { letter-spacing: 0.094em !important; }

.ls95 { letter-spacing: 0.095em !important; }

.ls96 { letter-spacing: 0.096em !important; }

.ls97 { letter-spacing: 0.097em !important; }

.ls98 { letter-spacing: 0.098em !important; }

.ls99 { letter-spacing: 0.099em !important; }

.ls100 { letter-spacing: 0.1em !important; }

.fw100 { font-weight: 100 !important; }

.fw200 { font-weight: 200 !important; }

.fw300 { font-weight: 300 !important; }

.fw400 { font-weight: 400 !important; }

.fw500 { font-weight: 500 !important; }

.fw600 { font-weight: 600 !important; }

.fw700 { font-weight: 700 !important; }

.fw800 { font-weight: 800 !important; }

.fw900 { font-weight: 900 !important; }

.link { text-decoration: underline; }
.link:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.absolute { position: absolute !important; }

.relative { position: relative !important; }

.static { position: static !important; }

.mt1em { margin-top: 1em; }

.mb1em { margin-bottom: 1em; }

.mw100 { max-width: 100%; height: auto; }

.w100 { width: 100% !important; }

.fade, .h-wrap .logo, .grid-box .logo, footer .logo img, footer .ysc-logo img { transition: opacity 0.2s; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.fade:hover, .h-wrap .logo:hover, .grid-box .logo:hover, footer .logo img:hover, footer .ysc-logo img:hover { opacity: 0.7; }

.left-box { float: left !important; }

.right-box { float: right !important; }

.center-box { margin-left: auto !important; margin-right: auto !important; }

.left-sp { float: left !important; }

.right-sp { float: right !important; }

.normal { font-weight: normal; }

.bold { font-weight: bold; }

@media only screen and (max-width: 768px) { .left-text-tb { text-align: left !important; }
  .right-text-tb { text-align: right !important; }
  .center-text-tb { text-align: center !important; }
  .mt0-tb { margin-top: 0px !important; }
  .mr0-tb { margin-right: 0px !important; }
  .mb0-tb { margin-bottom: 0px !important; }
  .ml0-tb { margin-left: 0px !important; }
  .pt0-tb { padding-top: 0px !important; }
  .pr0-tb { padding-right: 0px !important; }
  .pb0-tb { padding-bottom: 0px !important; }
  .pl0-tb { padding-left: 0px !important; }
  .mt1-tb { margin-top: 1px !important; }
  .mr1-tb { margin-right: 1px !important; }
  .mb1-tb { margin-bottom: 1px !important; }
  .ml1-tb { margin-left: 1px !important; }
  .pt1-tb { padding-top: 1px !important; }
  .pr1-tb { padding-right: 1px !important; }
  .pb1-tb { padding-bottom: 1px !important; }
  .pl1-tb { padding-left: 1px !important; }
  .mt2-tb { margin-top: 2px !important; }
  .mr2-tb { margin-right: 2px !important; }
  .mb2-tb { margin-bottom: 2px !important; }
  .ml2-tb { margin-left: 2px !important; }
  .pt2-tb { padding-top: 2px !important; }
  .pr2-tb { padding-right: 2px !important; }
  .pb2-tb { padding-bottom: 2px !important; }
  .pl2-tb { padding-left: 2px !important; }
  .mt3-tb { margin-top: 3px !important; }
  .mr3-tb { margin-right: 3px !important; }
  .mb3-tb { margin-bottom: 3px !important; }
  .ml3-tb { margin-left: 3px !important; }
  .pt3-tb { padding-top: 3px !important; }
  .pr3-tb { padding-right: 3px !important; }
  .pb3-tb { padding-bottom: 3px !important; }
  .pl3-tb { padding-left: 3px !important; }
  .mt4-tb { margin-top: 4px !important; }
  .mr4-tb { margin-right: 4px !important; }
  .mb4-tb { margin-bottom: 4px !important; }
  .ml4-tb { margin-left: 4px !important; }
  .pt4-tb { padding-top: 4px !important; }
  .pr4-tb { padding-right: 4px !important; }
  .pb4-tb { padding-bottom: 4px !important; }
  .pl4-tb { padding-left: 4px !important; }
  .mt5-tb { margin-top: 5px !important; }
  .mr5-tb { margin-right: 5px !important; }
  .mb5-tb { margin-bottom: 5px !important; }
  .ml5-tb { margin-left: 5px !important; }
  .pt5-tb { padding-top: 5px !important; }
  .pr5-tb { padding-right: 5px !important; }
  .pb5-tb { padding-bottom: 5px !important; }
  .pl5-tb { padding-left: 5px !important; }
  .mt6-tb { margin-top: 6px !important; }
  .mr6-tb { margin-right: 6px !important; }
  .mb6-tb { margin-bottom: 6px !important; }
  .ml6-tb { margin-left: 6px !important; }
  .pt6-tb { padding-top: 6px !important; }
  .pr6-tb { padding-right: 6px !important; }
  .pb6-tb { padding-bottom: 6px !important; }
  .pl6-tb { padding-left: 6px !important; }
  .mt7-tb { margin-top: 7px !important; }
  .mr7-tb { margin-right: 7px !important; }
  .mb7-tb { margin-bottom: 7px !important; }
  .ml7-tb { margin-left: 7px !important; }
  .pt7-tb { padding-top: 7px !important; }
  .pr7-tb { padding-right: 7px !important; }
  .pb7-tb { padding-bottom: 7px !important; }
  .pl7-tb { padding-left: 7px !important; }
  .mt8-tb { margin-top: 8px !important; }
  .mr8-tb { margin-right: 8px !important; }
  .mb8-tb { margin-bottom: 8px !important; }
  .ml8-tb { margin-left: 8px !important; }
  .pt8-tb { padding-top: 8px !important; }
  .pr8-tb { padding-right: 8px !important; }
  .pb8-tb { padding-bottom: 8px !important; }
  .pl8-tb { padding-left: 8px !important; }
  .mt9-tb { margin-top: 9px !important; }
  .mr9-tb { margin-right: 9px !important; }
  .mb9-tb { margin-bottom: 9px !important; }
  .ml9-tb { margin-left: 9px !important; }
  .pt9-tb { padding-top: 9px !important; }
  .pr9-tb { padding-right: 9px !important; }
  .pb9-tb { padding-bottom: 9px !important; }
  .pl9-tb { padding-left: 9px !important; }
  .mt10-tb { margin-top: 10px !important; }
  .mr10-tb { margin-right: 10px !important; }
  .mb10-tb { margin-bottom: 10px !important; }
  .ml10-tb { margin-left: 10px !important; }
  .pt10-tb { padding-top: 10px !important; }
  .pr10-tb { padding-right: 10px !important; }
  .pb10-tb { padding-bottom: 10px !important; }
  .pl10-tb { padding-left: 10px !important; }
  .mt11-tb { margin-top: 11px !important; }
  .mr11-tb { margin-right: 11px !important; }
  .mb11-tb { margin-bottom: 11px !important; }
  .ml11-tb { margin-left: 11px !important; }
  .pt11-tb { padding-top: 11px !important; }
  .pr11-tb { padding-right: 11px !important; }
  .pb11-tb { padding-bottom: 11px !important; }
  .pl11-tb { padding-left: 11px !important; }
  .mt12-tb { margin-top: 12px !important; }
  .mr12-tb { margin-right: 12px !important; }
  .mb12-tb { margin-bottom: 12px !important; }
  .ml12-tb { margin-left: 12px !important; }
  .pt12-tb { padding-top: 12px !important; }
  .pr12-tb { padding-right: 12px !important; }
  .pb12-tb { padding-bottom: 12px !important; }
  .pl12-tb { padding-left: 12px !important; }
  .mt13-tb { margin-top: 13px !important; }
  .mr13-tb { margin-right: 13px !important; }
  .mb13-tb { margin-bottom: 13px !important; }
  .ml13-tb { margin-left: 13px !important; }
  .pt13-tb { padding-top: 13px !important; }
  .pr13-tb { padding-right: 13px !important; }
  .pb13-tb { padding-bottom: 13px !important; }
  .pl13-tb { padding-left: 13px !important; }
  .mt14-tb { margin-top: 14px !important; }
  .mr14-tb { margin-right: 14px !important; }
  .mb14-tb { margin-bottom: 14px !important; }
  .ml14-tb { margin-left: 14px !important; }
  .pt14-tb { padding-top: 14px !important; }
  .pr14-tb { padding-right: 14px !important; }
  .pb14-tb { padding-bottom: 14px !important; }
  .pl14-tb { padding-left: 14px !important; }
  .mt15-tb { margin-top: 15px !important; }
  .mr15-tb { margin-right: 15px !important; }
  .mb15-tb { margin-bottom: 15px !important; }
  .ml15-tb { margin-left: 15px !important; }
  .pt15-tb { padding-top: 15px !important; }
  .pr15-tb { padding-right: 15px !important; }
  .pb15-tb { padding-bottom: 15px !important; }
  .pl15-tb { padding-left: 15px !important; }
  .mt16-tb { margin-top: 16px !important; }
  .mr16-tb { margin-right: 16px !important; }
  .mb16-tb { margin-bottom: 16px !important; }
  .ml16-tb { margin-left: 16px !important; }
  .pt16-tb { padding-top: 16px !important; }
  .pr16-tb { padding-right: 16px !important; }
  .pb16-tb { padding-bottom: 16px !important; }
  .pl16-tb { padding-left: 16px !important; }
  .mt17-tb { margin-top: 17px !important; }
  .mr17-tb { margin-right: 17px !important; }
  .mb17-tb { margin-bottom: 17px !important; }
  .ml17-tb { margin-left: 17px !important; }
  .pt17-tb { padding-top: 17px !important; }
  .pr17-tb { padding-right: 17px !important; }
  .pb17-tb { padding-bottom: 17px !important; }
  .pl17-tb { padding-left: 17px !important; }
  .mt18-tb { margin-top: 18px !important; }
  .mr18-tb { margin-right: 18px !important; }
  .mb18-tb { margin-bottom: 18px !important; }
  .ml18-tb { margin-left: 18px !important; }
  .pt18-tb { padding-top: 18px !important; }
  .pr18-tb { padding-right: 18px !important; }
  .pb18-tb { padding-bottom: 18px !important; }
  .pl18-tb { padding-left: 18px !important; }
  .mt19-tb { margin-top: 19px !important; }
  .mr19-tb { margin-right: 19px !important; }
  .mb19-tb { margin-bottom: 19px !important; }
  .ml19-tb { margin-left: 19px !important; }
  .pt19-tb { padding-top: 19px !important; }
  .pr19-tb { padding-right: 19px !important; }
  .pb19-tb { padding-bottom: 19px !important; }
  .pl19-tb { padding-left: 19px !important; }
  .mt20-tb { margin-top: 20px !important; }
  .mr20-tb { margin-right: 20px !important; }
  .mb20-tb { margin-bottom: 20px !important; }
  .ml20-tb { margin-left: 20px !important; }
  .pt20-tb { padding-top: 20px !important; }
  .pr20-tb { padding-right: 20px !important; }
  .pb20-tb { padding-bottom: 20px !important; }
  .pl20-tb { padding-left: 20px !important; }
  .mt25-tb { margin-top: 25px !important; }
  .mr25-tb { margin-right: 25px !important; }
  .mb25-tb { margin-bottom: 25px !important; }
  .ml25-tb { margin-left: 25px !important; }
  .pt25-tb { padding-top: 25px !important; }
  .pr25-tb { padding-right: 25px !important; }
  .pb25-tb { padding-bottom: 25px !important; }
  .pl25-tb { padding-left: 25px !important; }
  .mt30-tb { margin-top: 30px !important; }
  .mr30-tb { margin-right: 30px !important; }
  .mb30-tb { margin-bottom: 30px !important; }
  .ml30-tb { margin-left: 30px !important; }
  .pt30-tb { padding-top: 30px !important; }
  .pr30-tb { padding-right: 30px !important; }
  .pb30-tb { padding-bottom: 30px !important; }
  .pl30-tb { padding-left: 30px !important; }
  .mt35-tb { margin-top: 35px !important; }
  .mr35-tb { margin-right: 35px !important; }
  .mb35-tb { margin-bottom: 35px !important; }
  .ml35-tb { margin-left: 35px !important; }
  .pt35-tb { padding-top: 35px !important; }
  .pr35-tb { padding-right: 35px !important; }
  .pb35-tb { padding-bottom: 35px !important; }
  .pl35-tb { padding-left: 35px !important; }
  .mt40-tb { margin-top: 40px !important; }
  .mr40-tb { margin-right: 40px !important; }
  .mb40-tb { margin-bottom: 40px !important; }
  .ml40-tb { margin-left: 40px !important; }
  .pt40-tb { padding-top: 40px !important; }
  .pr40-tb { padding-right: 40px !important; }
  .pb40-tb { padding-bottom: 40px !important; }
  .pl40-tb { padding-left: 40px !important; }
  .mt45-tb { margin-top: 45px !important; }
  .mr45-tb { margin-right: 45px !important; }
  .mb45-tb { margin-bottom: 45px !important; }
  .ml45-tb { margin-left: 45px !important; }
  .pt45-tb { padding-top: 45px !important; }
  .pr45-tb { padding-right: 45px !important; }
  .pb45-tb { padding-bottom: 45px !important; }
  .pl45-tb { padding-left: 45px !important; }
  .mt50-tb { margin-top: 50px !important; }
  .mr50-tb { margin-right: 50px !important; }
  .mb50-tb { margin-bottom: 50px !important; }
  .ml50-tb { margin-left: 50px !important; }
  .pt50-tb { padding-top: 50px !important; }
  .pr50-tb { padding-right: 50px !important; }
  .pb50-tb { padding-bottom: 50px !important; }
  .pl50-tb { padding-left: 50px !important; }
  .mt55-tb { margin-top: 55px !important; }
  .mr55-tb { margin-right: 55px !important; }
  .mb55-tb { margin-bottom: 55px !important; }
  .ml55-tb { margin-left: 55px !important; }
  .pt55-tb { padding-top: 55px !important; }
  .pr55-tb { padding-right: 55px !important; }
  .pb55-tb { padding-bottom: 55px !important; }
  .pl55-tb { padding-left: 55px !important; }
  .mt60-tb { margin-top: 60px !important; }
  .mr60-tb { margin-right: 60px !important; }
  .mb60-tb { margin-bottom: 60px !important; }
  .ml60-tb { margin-left: 60px !important; }
  .pt60-tb { padding-top: 60px !important; }
  .pr60-tb { padding-right: 60px !important; }
  .pb60-tb { padding-bottom: 60px !important; }
  .pl60-tb { padding-left: 60px !important; }
  .mt65-tb { margin-top: 65px !important; }
  .mr65-tb { margin-right: 65px !important; }
  .mb65-tb { margin-bottom: 65px !important; }
  .ml65-tb { margin-left: 65px !important; }
  .pt65-tb { padding-top: 65px !important; }
  .pr65-tb { padding-right: 65px !important; }
  .pb65-tb { padding-bottom: 65px !important; }
  .pl65-tb { padding-left: 65px !important; }
  .mt70-tb { margin-top: 70px !important; }
  .mr70-tb { margin-right: 70px !important; }
  .mb70-tb { margin-bottom: 70px !important; }
  .ml70-tb { margin-left: 70px !important; }
  .pt70-tb { padding-top: 70px !important; }
  .pr70-tb { padding-right: 70px !important; }
  .pb70-tb { padding-bottom: 70px !important; }
  .pl70-tb { padding-left: 70px !important; }
  .mt75-tb { margin-top: 75px !important; }
  .mr75-tb { margin-right: 75px !important; }
  .mb75-tb { margin-bottom: 75px !important; }
  .ml75-tb { margin-left: 75px !important; }
  .pt75-tb { padding-top: 75px !important; }
  .pr75-tb { padding-right: 75px !important; }
  .pb75-tb { padding-bottom: 75px !important; }
  .pl75-tb { padding-left: 75px !important; }
  .mt80-tb { margin-top: 80px !important; }
  .mr80-tb { margin-right: 80px !important; }
  .mb80-tb { margin-bottom: 80px !important; }
  .ml80-tb { margin-left: 80px !important; }
  .pt80-tb { padding-top: 80px !important; }
  .pr80-tb { padding-right: 80px !important; }
  .pb80-tb { padding-bottom: 80px !important; }
  .pl80-tb { padding-left: 80px !important; }
  .mt85-tb { margin-top: 85px !important; }
  .mr85-tb { margin-right: 85px !important; }
  .mb85-tb { margin-bottom: 85px !important; }
  .ml85-tb { margin-left: 85px !important; }
  .pt85-tb { padding-top: 85px !important; }
  .pr85-tb { padding-right: 85px !important; }
  .pb85-tb { padding-bottom: 85px !important; }
  .pl85-tb { padding-left: 85px !important; }
  .mt90-tb { margin-top: 90px !important; }
  .mr90-tb { margin-right: 90px !important; }
  .mb90-tb { margin-bottom: 90px !important; }
  .ml90-tb { margin-left: 90px !important; }
  .pt90-tb { padding-top: 90px !important; }
  .pr90-tb { padding-right: 90px !important; }
  .pb90-tb { padding-bottom: 90px !important; }
  .pl90-tb { padding-left: 90px !important; }
  .mt95-tb { margin-top: 95px !important; }
  .mr95-tb { margin-right: 95px !important; }
  .mb95-tb { margin-bottom: 95px !important; }
  .ml95-tb { margin-left: 95px !important; }
  .pt95-tb { padding-top: 95px !important; }
  .pr95-tb { padding-right: 95px !important; }
  .pb95-tb { padding-bottom: 95px !important; }
  .pl95-tb { padding-left: 95px !important; }
  .mt100-tb { margin-top: 100px !important; }
  .mr100-tb { margin-right: 100px !important; }
  .mb100-tb { margin-bottom: 100px !important; }
  .ml100-tb { margin-left: 100px !important; }
  .pt100-tb { padding-top: 100px !important; }
  .pr100-tb { padding-right: 100px !important; }
  .pb100-tb { padding-bottom: 100px !important; }
  .pl100-tb { padding-left: 100px !important; }
  .mt105-tb { margin-top: 105px !important; }
  .mr105-tb { margin-right: 105px !important; }
  .mb105-tb { margin-bottom: 105px !important; }
  .ml105-tb { margin-left: 105px !important; }
  .pt105-tb { padding-top: 105px !important; }
  .pr105-tb { padding-right: 105px !important; }
  .pb105-tb { padding-bottom: 105px !important; }
  .pl105-tb { padding-left: 105px !important; }
  .mt110-tb { margin-top: 110px !important; }
  .mr110-tb { margin-right: 110px !important; }
  .mb110-tb { margin-bottom: 110px !important; }
  .ml110-tb { margin-left: 110px !important; }
  .pt110-tb { padding-top: 110px !important; }
  .pr110-tb { padding-right: 110px !important; }
  .pb110-tb { padding-bottom: 110px !important; }
  .pl110-tb { padding-left: 110px !important; }
  .mt115-tb { margin-top: 115px !important; }
  .mr115-tb { margin-right: 115px !important; }
  .mb115-tb { margin-bottom: 115px !important; }
  .ml115-tb { margin-left: 115px !important; }
  .pt115-tb { padding-top: 115px !important; }
  .pr115-tb { padding-right: 115px !important; }
  .pb115-tb { padding-bottom: 115px !important; }
  .pl115-tb { padding-left: 115px !important; }
  .mt120-tb { margin-top: 120px !important; }
  .mr120-tb { margin-right: 120px !important; }
  .mb120-tb { margin-bottom: 120px !important; }
  .ml120-tb { margin-left: 120px !important; }
  .pt120-tb { padding-top: 120px !important; }
  .pr120-tb { padding-right: 120px !important; }
  .pb120-tb { padding-bottom: 120px !important; }
  .pl120-tb { padding-left: 120px !important; }
  .f8px-tb { font-size: 8px !important; }
  .f9px-tb { font-size: 9px !important; }
  .f10px-tb { font-size: 10px !important; }
  .f11px-tb { font-size: 11px !important; }
  .f12px-tb { font-size: 12px !important; }
  .f13px-tb { font-size: 13px !important; }
  .f14px-tb { font-size: 14px !important; }
  .f15px-tb { font-size: 15px !important; }
  .f16px-tb { font-size: 16px !important; }
  .f17px-tb { font-size: 17px !important; }
  .f18px-tb { font-size: 18px !important; }
  .f19px-tb { font-size: 19px !important; }
  .f20px-tb { font-size: 20px !important; }
  .f21px-tb { font-size: 21px !important; }
  .f22px-tb { font-size: 22px !important; }
  .f23px-tb { font-size: 23px !important; }
  .f24px-tb { font-size: 24px !important; }
  .f25px-tb { font-size: 25px !important; }
  .f26px-tb { font-size: 26px !important; }
  .f27px-tb { font-size: 27px !important; }
  .f28px-tb { font-size: 28px !important; }
  .f29px-tb { font-size: 29px !important; }
  .f30px-tb { font-size: 30px !important; }
  .f31px-tb { font-size: 31px !important; }
  .f32px-tb { font-size: 32px !important; }
  .f33px-tb { font-size: 33px !important; }
  .f34px-tb { font-size: 34px !important; }
  .f35px-tb { font-size: 35px !important; }
  .f36px-tb { font-size: 36px !important; }
  .f37px-tb { font-size: 37px !important; }
  .f38px-tb { font-size: 38px !important; }
  .f39px-tb { font-size: 39px !important; }
  .f40px-tb { font-size: 40px !important; }
  .lh10-tb { line-height: 1 !important; }
  .lh11-tb { line-height: 1.1 !important; }
  .lh12-tb { line-height: 1.2 !important; }
  .lh13-tb { line-height: 1.3 !important; }
  .lh14-tb { line-height: 1.4 !important; }
  .lh15-tb { line-height: 1.5 !important; }
  .lh16-tb { line-height: 1.6 !important; }
  .lh17-tb { line-height: 1.7 !important; }
  .lh18-tb { line-height: 1.8 !important; }
  .lh19-tb { line-height: 1.9 !important; }
  .lh20-tb { line-height: 2 !important; }
  .lh21-tb { line-height: 2.1 !important; }
  .lh22-tb { line-height: 2.2 !important; }
  .lh23-tb { line-height: 2.3 !important; }
  .lh24-tb { line-height: 2.4 !important; }
  .lh25-tb { line-height: 2.5 !important; }
  .lh26-tb { line-height: 2.6 !important; }
  .lh27-tb { line-height: 2.7 !important; }
  .lh28-tb { line-height: 2.8 !important; }
  .lh29-tb { line-height: 2.9 !important; }
  .lh30-tb { line-height: 3 !important; }
  .ls0-tb { letter-spacing: 0em !important; }
  .ls1-tb { letter-spacing: 0.001em !important; }
  .ls2-tb { letter-spacing: 0.002em !important; }
  .ls3-tb { letter-spacing: 0.003em !important; }
  .ls4-tb { letter-spacing: 0.004em !important; }
  .ls5-tb { letter-spacing: 0.005em !important; }
  .ls6-tb { letter-spacing: 0.006em !important; }
  .ls7-tb { letter-spacing: 0.007em !important; }
  .ls8-tb { letter-spacing: 0.008em !important; }
  .ls9-tb { letter-spacing: 0.009em !important; }
  .ls10-tb { letter-spacing: 0.01em !important; }
  .ls11-tb { letter-spacing: 0.011em !important; }
  .ls12-tb { letter-spacing: 0.012em !important; }
  .ls13-tb { letter-spacing: 0.013em !important; }
  .ls14-tb { letter-spacing: 0.014em !important; }
  .ls15-tb { letter-spacing: 0.015em !important; }
  .ls16-tb { letter-spacing: 0.016em !important; }
  .ls17-tb { letter-spacing: 0.017em !important; }
  .ls18-tb { letter-spacing: 0.018em !important; }
  .ls19-tb { letter-spacing: 0.019em !important; }
  .ls20-tb { letter-spacing: 0.02em !important; }
  .ls21-tb { letter-spacing: 0.021em !important; }
  .ls22-tb { letter-spacing: 0.022em !important; }
  .ls23-tb { letter-spacing: 0.023em !important; }
  .ls24-tb { letter-spacing: 0.024em !important; }
  .ls25-tb { letter-spacing: 0.025em !important; }
  .ls26-tb { letter-spacing: 0.026em !important; }
  .ls27-tb { letter-spacing: 0.027em !important; }
  .ls28-tb { letter-spacing: 0.028em !important; }
  .ls29-tb { letter-spacing: 0.029em !important; }
  .ls30-tb { letter-spacing: 0.03em !important; }
  .ls31-tb { letter-spacing: 0.031em !important; }
  .ls32-tb { letter-spacing: 0.032em !important; }
  .ls33-tb { letter-spacing: 0.033em !important; }
  .ls34-tb { letter-spacing: 0.034em !important; }
  .ls35-tb { letter-spacing: 0.035em !important; }
  .ls36-tb { letter-spacing: 0.036em !important; }
  .ls37-tb { letter-spacing: 0.037em !important; }
  .ls38-tb { letter-spacing: 0.038em !important; }
  .ls39-tb { letter-spacing: 0.039em !important; }
  .ls40-tb { letter-spacing: 0.04em !important; }
  .ls41-tb { letter-spacing: 0.041em !important; }
  .ls42-tb { letter-spacing: 0.042em !important; }
  .ls43-tb { letter-spacing: 0.043em !important; }
  .ls44-tb { letter-spacing: 0.044em !important; }
  .ls45-tb { letter-spacing: 0.045em !important; }
  .ls46-tb { letter-spacing: 0.046em !important; }
  .ls47-tb { letter-spacing: 0.047em !important; }
  .ls48-tb { letter-spacing: 0.048em !important; }
  .ls49-tb { letter-spacing: 0.049em !important; }
  .ls50-tb { letter-spacing: 0.05em !important; }
  .ls51-tb { letter-spacing: 0.051em !important; }
  .ls52-tb { letter-spacing: 0.052em !important; }
  .ls53-tb { letter-spacing: 0.053em !important; }
  .ls54-tb { letter-spacing: 0.054em !important; }
  .ls55-tb { letter-spacing: 0.055em !important; }
  .ls56-tb { letter-spacing: 0.056em !important; }
  .ls57-tb { letter-spacing: 0.057em !important; }
  .ls58-tb { letter-spacing: 0.058em !important; }
  .ls59-tb { letter-spacing: 0.059em !important; }
  .ls60-tb { letter-spacing: 0.06em !important; }
  .ls61-tb { letter-spacing: 0.061em !important; }
  .ls62-tb { letter-spacing: 0.062em !important; }
  .ls63-tb { letter-spacing: 0.063em !important; }
  .ls64-tb { letter-spacing: 0.064em !important; }
  .ls65-tb { letter-spacing: 0.065em !important; }
  .ls66-tb { letter-spacing: 0.066em !important; }
  .ls67-tb { letter-spacing: 0.067em !important; }
  .ls68-tb { letter-spacing: 0.068em !important; }
  .ls69-tb { letter-spacing: 0.069em !important; }
  .ls70-tb { letter-spacing: 0.07em !important; }
  .ls71-tb { letter-spacing: 0.071em !important; }
  .ls72-tb { letter-spacing: 0.072em !important; }
  .ls73-tb { letter-spacing: 0.073em !important; }
  .ls74-tb { letter-spacing: 0.074em !important; }
  .ls75-tb { letter-spacing: 0.075em !important; }
  .ls76-tb { letter-spacing: 0.076em !important; }
  .ls77-tb { letter-spacing: 0.077em !important; }
  .ls78-tb { letter-spacing: 0.078em !important; }
  .ls79-tb { letter-spacing: 0.079em !important; }
  .ls80-tb { letter-spacing: 0.08em !important; }
  .ls81-tb { letter-spacing: 0.081em !important; }
  .ls82-tb { letter-spacing: 0.082em !important; }
  .ls83-tb { letter-spacing: 0.083em !important; }
  .ls84-tb { letter-spacing: 0.084em !important; }
  .ls85-tb { letter-spacing: 0.085em !important; }
  .ls86-tb { letter-spacing: 0.086em !important; }
  .ls87-tb { letter-spacing: 0.087em !important; }
  .ls88-tb { letter-spacing: 0.088em !important; }
  .ls89-tb { letter-spacing: 0.089em !important; }
  .ls90-tb { letter-spacing: 0.09em !important; }
  .ls91-tb { letter-spacing: 0.091em !important; }
  .ls92-tb { letter-spacing: 0.092em !important; }
  .ls93-tb { letter-spacing: 0.093em !important; }
  .ls94-tb { letter-spacing: 0.094em !important; }
  .ls95-tb { letter-spacing: 0.095em !important; }
  .ls96-tb { letter-spacing: 0.096em !important; }
  .ls97-tb { letter-spacing: 0.097em !important; }
  .ls98-tb { letter-spacing: 0.098em !important; }
  .ls99-tb { letter-spacing: 0.099em !important; }
  .ls100-tb { letter-spacing: 0.1em !important; } }
@media only screen and (max-width: 480px) { .left-text-sp { text-align: left !important; }
  .right-text-sp { text-align: right !important; }
  .center-text-sp { text-align: center !important; }
  .mt0-sp { margin-top: 0px !important; }
  .mr0-sp { margin-right: 0px !important; }
  .mb0-sp { margin-bottom: 0px !important; }
  .ml0-sp { margin-left: 0px !important; }
  .pt0-sp { padding-top: 0px !important; }
  .pr0-sp { padding-right: 0px !important; }
  .pb0-sp { padding-bottom: 0px !important; }
  .pl0-sp { padding-left: 0px !important; }
  .mt1-sp { margin-top: 1px !important; }
  .mr1-sp { margin-right: 1px !important; }
  .mb1-sp { margin-bottom: 1px !important; }
  .ml1-sp { margin-left: 1px !important; }
  .pt1-sp { padding-top: 1px !important; }
  .pr1-sp { padding-right: 1px !important; }
  .pb1-sp { padding-bottom: 1px !important; }
  .pl1-sp { padding-left: 1px !important; }
  .mt2-sp { margin-top: 2px !important; }
  .mr2-sp { margin-right: 2px !important; }
  .mb2-sp { margin-bottom: 2px !important; }
  .ml2-sp { margin-left: 2px !important; }
  .pt2-sp { padding-top: 2px !important; }
  .pr2-sp { padding-right: 2px !important; }
  .pb2-sp { padding-bottom: 2px !important; }
  .pl2-sp { padding-left: 2px !important; }
  .mt3-sp { margin-top: 3px !important; }
  .mr3-sp { margin-right: 3px !important; }
  .mb3-sp { margin-bottom: 3px !important; }
  .ml3-sp { margin-left: 3px !important; }
  .pt3-sp { padding-top: 3px !important; }
  .pr3-sp { padding-right: 3px !important; }
  .pb3-sp { padding-bottom: 3px !important; }
  .pl3-sp { padding-left: 3px !important; }
  .mt4-sp { margin-top: 4px !important; }
  .mr4-sp { margin-right: 4px !important; }
  .mb4-sp { margin-bottom: 4px !important; }
  .ml4-sp { margin-left: 4px !important; }
  .pt4-sp { padding-top: 4px !important; }
  .pr4-sp { padding-right: 4px !important; }
  .pb4-sp { padding-bottom: 4px !important; }
  .pl4-sp { padding-left: 4px !important; }
  .mt5-sp { margin-top: 5px !important; }
  .mr5-sp { margin-right: 5px !important; }
  .mb5-sp { margin-bottom: 5px !important; }
  .ml5-sp { margin-left: 5px !important; }
  .pt5-sp { padding-top: 5px !important; }
  .pr5-sp { padding-right: 5px !important; }
  .pb5-sp { padding-bottom: 5px !important; }
  .pl5-sp { padding-left: 5px !important; }
  .mt6-sp { margin-top: 6px !important; }
  .mr6-sp { margin-right: 6px !important; }
  .mb6-sp { margin-bottom: 6px !important; }
  .ml6-sp { margin-left: 6px !important; }
  .pt6-sp { padding-top: 6px !important; }
  .pr6-sp { padding-right: 6px !important; }
  .pb6-sp { padding-bottom: 6px !important; }
  .pl6-sp { padding-left: 6px !important; }
  .mt7-sp { margin-top: 7px !important; }
  .mr7-sp { margin-right: 7px !important; }
  .mb7-sp { margin-bottom: 7px !important; }
  .ml7-sp { margin-left: 7px !important; }
  .pt7-sp { padding-top: 7px !important; }
  .pr7-sp { padding-right: 7px !important; }
  .pb7-sp { padding-bottom: 7px !important; }
  .pl7-sp { padding-left: 7px !important; }
  .mt8-sp { margin-top: 8px !important; }
  .mr8-sp { margin-right: 8px !important; }
  .mb8-sp { margin-bottom: 8px !important; }
  .ml8-sp { margin-left: 8px !important; }
  .pt8-sp { padding-top: 8px !important; }
  .pr8-sp { padding-right: 8px !important; }
  .pb8-sp { padding-bottom: 8px !important; }
  .pl8-sp { padding-left: 8px !important; }
  .mt9-sp { margin-top: 9px !important; }
  .mr9-sp { margin-right: 9px !important; }
  .mb9-sp { margin-bottom: 9px !important; }
  .ml9-sp { margin-left: 9px !important; }
  .pt9-sp { padding-top: 9px !important; }
  .pr9-sp { padding-right: 9px !important; }
  .pb9-sp { padding-bottom: 9px !important; }
  .pl9-sp { padding-left: 9px !important; }
  .mt10-sp { margin-top: 10px !important; }
  .mr10-sp { margin-right: 10px !important; }
  .mb10-sp { margin-bottom: 10px !important; }
  .ml10-sp { margin-left: 10px !important; }
  .pt10-sp { padding-top: 10px !important; }
  .pr10-sp { padding-right: 10px !important; }
  .pb10-sp { padding-bottom: 10px !important; }
  .pl10-sp { padding-left: 10px !important; }
  .mt11-sp { margin-top: 11px !important; }
  .mr11-sp { margin-right: 11px !important; }
  .mb11-sp { margin-bottom: 11px !important; }
  .ml11-sp { margin-left: 11px !important; }
  .pt11-sp { padding-top: 11px !important; }
  .pr11-sp { padding-right: 11px !important; }
  .pb11-sp { padding-bottom: 11px !important; }
  .pl11-sp { padding-left: 11px !important; }
  .mt12-sp { margin-top: 12px !important; }
  .mr12-sp { margin-right: 12px !important; }
  .mb12-sp { margin-bottom: 12px !important; }
  .ml12-sp { margin-left: 12px !important; }
  .pt12-sp { padding-top: 12px !important; }
  .pr12-sp { padding-right: 12px !important; }
  .pb12-sp { padding-bottom: 12px !important; }
  .pl12-sp { padding-left: 12px !important; }
  .mt13-sp { margin-top: 13px !important; }
  .mr13-sp { margin-right: 13px !important; }
  .mb13-sp { margin-bottom: 13px !important; }
  .ml13-sp { margin-left: 13px !important; }
  .pt13-sp { padding-top: 13px !important; }
  .pr13-sp { padding-right: 13px !important; }
  .pb13-sp { padding-bottom: 13px !important; }
  .pl13-sp { padding-left: 13px !important; }
  .mt14-sp { margin-top: 14px !important; }
  .mr14-sp { margin-right: 14px !important; }
  .mb14-sp { margin-bottom: 14px !important; }
  .ml14-sp { margin-left: 14px !important; }
  .pt14-sp { padding-top: 14px !important; }
  .pr14-sp { padding-right: 14px !important; }
  .pb14-sp { padding-bottom: 14px !important; }
  .pl14-sp { padding-left: 14px !important; }
  .mt15-sp { margin-top: 15px !important; }
  .mr15-sp { margin-right: 15px !important; }
  .mb15-sp { margin-bottom: 15px !important; }
  .ml15-sp { margin-left: 15px !important; }
  .pt15-sp { padding-top: 15px !important; }
  .pr15-sp { padding-right: 15px !important; }
  .pb15-sp { padding-bottom: 15px !important; }
  .pl15-sp { padding-left: 15px !important; }
  .mt16-sp { margin-top: 16px !important; }
  .mr16-sp { margin-right: 16px !important; }
  .mb16-sp { margin-bottom: 16px !important; }
  .ml16-sp { margin-left: 16px !important; }
  .pt16-sp { padding-top: 16px !important; }
  .pr16-sp { padding-right: 16px !important; }
  .pb16-sp { padding-bottom: 16px !important; }
  .pl16-sp { padding-left: 16px !important; }
  .mt17-sp { margin-top: 17px !important; }
  .mr17-sp { margin-right: 17px !important; }
  .mb17-sp { margin-bottom: 17px !important; }
  .ml17-sp { margin-left: 17px !important; }
  .pt17-sp { padding-top: 17px !important; }
  .pr17-sp { padding-right: 17px !important; }
  .pb17-sp { padding-bottom: 17px !important; }
  .pl17-sp { padding-left: 17px !important; }
  .mt18-sp { margin-top: 18px !important; }
  .mr18-sp { margin-right: 18px !important; }
  .mb18-sp { margin-bottom: 18px !important; }
  .ml18-sp { margin-left: 18px !important; }
  .pt18-sp { padding-top: 18px !important; }
  .pr18-sp { padding-right: 18px !important; }
  .pb18-sp { padding-bottom: 18px !important; }
  .pl18-sp { padding-left: 18px !important; }
  .mt19-sp { margin-top: 19px !important; }
  .mr19-sp { margin-right: 19px !important; }
  .mb19-sp { margin-bottom: 19px !important; }
  .ml19-sp { margin-left: 19px !important; }
  .pt19-sp { padding-top: 19px !important; }
  .pr19-sp { padding-right: 19px !important; }
  .pb19-sp { padding-bottom: 19px !important; }
  .pl19-sp { padding-left: 19px !important; }
  .mt20-sp { margin-top: 20px !important; }
  .mr20-sp { margin-right: 20px !important; }
  .mb20-sp { margin-bottom: 20px !important; }
  .ml20-sp { margin-left: 20px !important; }
  .pt20-sp { padding-top: 20px !important; }
  .pr20-sp { padding-right: 20px !important; }
  .pb20-sp { padding-bottom: 20px !important; }
  .pl20-sp { padding-left: 20px !important; }
  .mt25-sp { margin-top: 25px !important; }
  .mr25-sp { margin-right: 25px !important; }
  .mb25-sp { margin-bottom: 25px !important; }
  .ml25-sp { margin-left: 25px !important; }
  .pt25-sp { padding-top: 25px !important; }
  .pr25-sp { padding-right: 25px !important; }
  .pb25-sp { padding-bottom: 25px !important; }
  .pl25-sp { padding-left: 25px !important; }
  .mt30-sp { margin-top: 30px !important; }
  .mr30-sp { margin-right: 30px !important; }
  .mb30-sp { margin-bottom: 30px !important; }
  .ml30-sp { margin-left: 30px !important; }
  .pt30-sp { padding-top: 30px !important; }
  .pr30-sp { padding-right: 30px !important; }
  .pb30-sp { padding-bottom: 30px !important; }
  .pl30-sp { padding-left: 30px !important; }
  .mt35-sp { margin-top: 35px !important; }
  .mr35-sp { margin-right: 35px !important; }
  .mb35-sp { margin-bottom: 35px !important; }
  .ml35-sp { margin-left: 35px !important; }
  .pt35-sp { padding-top: 35px !important; }
  .pr35-sp { padding-right: 35px !important; }
  .pb35-sp { padding-bottom: 35px !important; }
  .pl35-sp { padding-left: 35px !important; }
  .mt40-sp { margin-top: 40px !important; }
  .mr40-sp { margin-right: 40px !important; }
  .mb40-sp { margin-bottom: 40px !important; }
  .ml40-sp { margin-left: 40px !important; }
  .pt40-sp { padding-top: 40px !important; }
  .pr40-sp { padding-right: 40px !important; }
  .pb40-sp { padding-bottom: 40px !important; }
  .pl40-sp { padding-left: 40px !important; }
  .mt45-sp { margin-top: 45px !important; }
  .mr45-sp { margin-right: 45px !important; }
  .mb45-sp { margin-bottom: 45px !important; }
  .ml45-sp { margin-left: 45px !important; }
  .pt45-sp { padding-top: 45px !important; }
  .pr45-sp { padding-right: 45px !important; }
  .pb45-sp { padding-bottom: 45px !important; }
  .pl45-sp { padding-left: 45px !important; }
  .mt50-sp { margin-top: 50px !important; }
  .mr50-sp { margin-right: 50px !important; }
  .mb50-sp { margin-bottom: 50px !important; }
  .ml50-sp { margin-left: 50px !important; }
  .pt50-sp { padding-top: 50px !important; }
  .pr50-sp { padding-right: 50px !important; }
  .pb50-sp { padding-bottom: 50px !important; }
  .pl50-sp { padding-left: 50px !important; }
  .mt55-sp { margin-top: 55px !important; }
  .mr55-sp { margin-right: 55px !important; }
  .mb55-sp { margin-bottom: 55px !important; }
  .ml55-sp { margin-left: 55px !important; }
  .pt55-sp { padding-top: 55px !important; }
  .pr55-sp { padding-right: 55px !important; }
  .pb55-sp { padding-bottom: 55px !important; }
  .pl55-sp { padding-left: 55px !important; }
  .mt60-sp { margin-top: 60px !important; }
  .mr60-sp { margin-right: 60px !important; }
  .mb60-sp { margin-bottom: 60px !important; }
  .ml60-sp { margin-left: 60px !important; }
  .pt60-sp { padding-top: 60px !important; }
  .pr60-sp { padding-right: 60px !important; }
  .pb60-sp { padding-bottom: 60px !important; }
  .pl60-sp { padding-left: 60px !important; }
  .mt65-sp { margin-top: 65px !important; }
  .mr65-sp { margin-right: 65px !important; }
  .mb65-sp { margin-bottom: 65px !important; }
  .ml65-sp { margin-left: 65px !important; }
  .pt65-sp { padding-top: 65px !important; }
  .pr65-sp { padding-right: 65px !important; }
  .pb65-sp { padding-bottom: 65px !important; }
  .pl65-sp { padding-left: 65px !important; }
  .mt70-sp { margin-top: 70px !important; }
  .mr70-sp { margin-right: 70px !important; }
  .mb70-sp { margin-bottom: 70px !important; }
  .ml70-sp { margin-left: 70px !important; }
  .pt70-sp { padding-top: 70px !important; }
  .pr70-sp { padding-right: 70px !important; }
  .pb70-sp { padding-bottom: 70px !important; }
  .pl70-sp { padding-left: 70px !important; }
  .mt75-sp { margin-top: 75px !important; }
  .mr75-sp { margin-right: 75px !important; }
  .mb75-sp { margin-bottom: 75px !important; }
  .ml75-sp { margin-left: 75px !important; }
  .pt75-sp { padding-top: 75px !important; }
  .pr75-sp { padding-right: 75px !important; }
  .pb75-sp { padding-bottom: 75px !important; }
  .pl75-sp { padding-left: 75px !important; }
  .mt80-sp { margin-top: 80px !important; }
  .mr80-sp { margin-right: 80px !important; }
  .mb80-sp { margin-bottom: 80px !important; }
  .ml80-sp { margin-left: 80px !important; }
  .pt80-sp { padding-top: 80px !important; }
  .pr80-sp { padding-right: 80px !important; }
  .pb80-sp { padding-bottom: 80px !important; }
  .pl80-sp { padding-left: 80px !important; }
  .mt85-sp { margin-top: 85px !important; }
  .mr85-sp { margin-right: 85px !important; }
  .mb85-sp { margin-bottom: 85px !important; }
  .ml85-sp { margin-left: 85px !important; }
  .pt85-sp { padding-top: 85px !important; }
  .pr85-sp { padding-right: 85px !important; }
  .pb85-sp { padding-bottom: 85px !important; }
  .pl85-sp { padding-left: 85px !important; }
  .mt90-sp { margin-top: 90px !important; }
  .mr90-sp { margin-right: 90px !important; }
  .mb90-sp { margin-bottom: 90px !important; }
  .ml90-sp { margin-left: 90px !important; }
  .pt90-sp { padding-top: 90px !important; }
  .pr90-sp { padding-right: 90px !important; }
  .pb90-sp { padding-bottom: 90px !important; }
  .pl90-sp { padding-left: 90px !important; }
  .mt95-sp { margin-top: 95px !important; }
  .mr95-sp { margin-right: 95px !important; }
  .mb95-sp { margin-bottom: 95px !important; }
  .ml95-sp { margin-left: 95px !important; }
  .pt95-sp { padding-top: 95px !important; }
  .pr95-sp { padding-right: 95px !important; }
  .pb95-sp { padding-bottom: 95px !important; }
  .pl95-sp { padding-left: 95px !important; }
  .mt100-sp { margin-top: 100px !important; }
  .mr100-sp { margin-right: 100px !important; }
  .mb100-sp { margin-bottom: 100px !important; }
  .ml100-sp { margin-left: 100px !important; }
  .pt100-sp { padding-top: 100px !important; }
  .pr100-sp { padding-right: 100px !important; }
  .pb100-sp { padding-bottom: 100px !important; }
  .pl100-sp { padding-left: 100px !important; }
  .mt105-sp { margin-top: 105px !important; }
  .mr105-sp { margin-right: 105px !important; }
  .mb105-sp { margin-bottom: 105px !important; }
  .ml105-sp { margin-left: 105px !important; }
  .pt105-sp { padding-top: 105px !important; }
  .pr105-sp { padding-right: 105px !important; }
  .pb105-sp { padding-bottom: 105px !important; }
  .pl105-sp { padding-left: 105px !important; }
  .mt110-sp { margin-top: 110px !important; }
  .mr110-sp { margin-right: 110px !important; }
  .mb110-sp { margin-bottom: 110px !important; }
  .ml110-sp { margin-left: 110px !important; }
  .pt110-sp { padding-top: 110px !important; }
  .pr110-sp { padding-right: 110px !important; }
  .pb110-sp { padding-bottom: 110px !important; }
  .pl110-sp { padding-left: 110px !important; }
  .mt115-sp { margin-top: 115px !important; }
  .mr115-sp { margin-right: 115px !important; }
  .mb115-sp { margin-bottom: 115px !important; }
  .ml115-sp { margin-left: 115px !important; }
  .pt115-sp { padding-top: 115px !important; }
  .pr115-sp { padding-right: 115px !important; }
  .pb115-sp { padding-bottom: 115px !important; }
  .pl115-sp { padding-left: 115px !important; }
  .mt120-sp { margin-top: 120px !important; }
  .mr120-sp { margin-right: 120px !important; }
  .mb120-sp { margin-bottom: 120px !important; }
  .ml120-sp { margin-left: 120px !important; }
  .pt120-sp { padding-top: 120px !important; }
  .pr120-sp { padding-right: 120px !important; }
  .pb120-sp { padding-bottom: 120px !important; }
  .pl120-sp { padding-left: 120px !important; }
  .f8px-sp { font-size: 8px !important; }
  .f9px-sp { font-size: 9px !important; }
  .f10px-sp { font-size: 10px !important; }
  .f11px-sp { font-size: 11px !important; }
  .f12px-sp { font-size: 12px !important; }
  .f13px-sp { font-size: 13px !important; }
  .f14px-sp { font-size: 14px !important; }
  .f15px-sp { font-size: 15px !important; }
  .f16px-sp { font-size: 16px !important; }
  .f17px-sp { font-size: 17px !important; }
  .f18px-sp { font-size: 18px !important; }
  .f19px-sp { font-size: 19px !important; }
  .f20px-sp { font-size: 20px !important; }
  .f21px-sp { font-size: 21px !important; }
  .f22px-sp { font-size: 22px !important; }
  .f23px-sp { font-size: 23px !important; }
  .f24px-sp { font-size: 24px !important; }
  .f25px-sp { font-size: 25px !important; }
  .f26px-sp { font-size: 26px !important; }
  .f27px-sp { font-size: 27px !important; }
  .f28px-sp { font-size: 28px !important; }
  .f29px-sp { font-size: 29px !important; }
  .f30px-sp { font-size: 30px !important; }
  .f31px-sp { font-size: 31px !important; }
  .f32px-sp { font-size: 32px !important; }
  .f33px-sp { font-size: 33px !important; }
  .f34px-sp { font-size: 34px !important; }
  .f35px-sp { font-size: 35px !important; }
  .f36px-sp { font-size: 36px !important; }
  .f37px-sp { font-size: 37px !important; }
  .f38px-sp { font-size: 38px !important; }
  .f39px-sp { font-size: 39px !important; }
  .f40px-sp { font-size: 40px !important; }
  .lh10-sp { line-height: 1 !important; }
  .lh11-sp { line-height: 1.1 !important; }
  .lh12-sp { line-height: 1.2 !important; }
  .lh13-sp { line-height: 1.3 !important; }
  .lh14-sp { line-height: 1.4 !important; }
  .lh15-sp { line-height: 1.5 !important; }
  .lh16-sp { line-height: 1.6 !important; }
  .lh17-sp { line-height: 1.7 !important; }
  .lh18-sp { line-height: 1.8 !important; }
  .lh19-sp { line-height: 1.9 !important; }
  .lh20-sp { line-height: 2 !important; }
  .lh21-sp { line-height: 2.1 !important; }
  .lh22-sp { line-height: 2.2 !important; }
  .lh23-sp { line-height: 2.3 !important; }
  .lh24-sp { line-height: 2.4 !important; }
  .lh25-sp { line-height: 2.5 !important; }
  .lh26-sp { line-height: 2.6 !important; }
  .lh27-sp { line-height: 2.7 !important; }
  .lh28-sp { line-height: 2.8 !important; }
  .lh29-sp { line-height: 2.9 !important; }
  .lh30-sp { line-height: 3 !important; }
  .ls0-sp { letter-spacing: 0em !important; }
  .ls1-sp { letter-spacing: 0.001em !important; }
  .ls2-sp { letter-spacing: 0.002em !important; }
  .ls3-sp { letter-spacing: 0.003em !important; }
  .ls4-sp { letter-spacing: 0.004em !important; }
  .ls5-sp { letter-spacing: 0.005em !important; }
  .ls6-sp { letter-spacing: 0.006em !important; }
  .ls7-sp { letter-spacing: 0.007em !important; }
  .ls8-sp { letter-spacing: 0.008em !important; }
  .ls9-sp { letter-spacing: 0.009em !important; }
  .ls10-sp { letter-spacing: 0.01em !important; }
  .ls11-sp { letter-spacing: 0.011em !important; }
  .ls12-sp { letter-spacing: 0.012em !important; }
  .ls13-sp { letter-spacing: 0.013em !important; }
  .ls14-sp { letter-spacing: 0.014em !important; }
  .ls15-sp { letter-spacing: 0.015em !important; }
  .ls16-sp { letter-spacing: 0.016em !important; }
  .ls17-sp { letter-spacing: 0.017em !important; }
  .ls18-sp { letter-spacing: 0.018em !important; }
  .ls19-sp { letter-spacing: 0.019em !important; }
  .ls20-sp { letter-spacing: 0.02em !important; }
  .ls21-sp { letter-spacing: 0.021em !important; }
  .ls22-sp { letter-spacing: 0.022em !important; }
  .ls23-sp { letter-spacing: 0.023em !important; }
  .ls24-sp { letter-spacing: 0.024em !important; }
  .ls25-sp { letter-spacing: 0.025em !important; }
  .ls26-sp { letter-spacing: 0.026em !important; }
  .ls27-sp { letter-spacing: 0.027em !important; }
  .ls28-sp { letter-spacing: 0.028em !important; }
  .ls29-sp { letter-spacing: 0.029em !important; }
  .ls30-sp { letter-spacing: 0.03em !important; }
  .ls31-sp { letter-spacing: 0.031em !important; }
  .ls32-sp { letter-spacing: 0.032em !important; }
  .ls33-sp { letter-spacing: 0.033em !important; }
  .ls34-sp { letter-spacing: 0.034em !important; }
  .ls35-sp { letter-spacing: 0.035em !important; }
  .ls36-sp { letter-spacing: 0.036em !important; }
  .ls37-sp { letter-spacing: 0.037em !important; }
  .ls38-sp { letter-spacing: 0.038em !important; }
  .ls39-sp { letter-spacing: 0.039em !important; }
  .ls40-sp { letter-spacing: 0.04em !important; }
  .ls41-sp { letter-spacing: 0.041em !important; }
  .ls42-sp { letter-spacing: 0.042em !important; }
  .ls43-sp { letter-spacing: 0.043em !important; }
  .ls44-sp { letter-spacing: 0.044em !important; }
  .ls45-sp { letter-spacing: 0.045em !important; }
  .ls46-sp { letter-spacing: 0.046em !important; }
  .ls47-sp { letter-spacing: 0.047em !important; }
  .ls48-sp { letter-spacing: 0.048em !important; }
  .ls49-sp { letter-spacing: 0.049em !important; }
  .ls50-sp { letter-spacing: 0.05em !important; }
  .ls51-sp { letter-spacing: 0.051em !important; }
  .ls52-sp { letter-spacing: 0.052em !important; }
  .ls53-sp { letter-spacing: 0.053em !important; }
  .ls54-sp { letter-spacing: 0.054em !important; }
  .ls55-sp { letter-spacing: 0.055em !important; }
  .ls56-sp { letter-spacing: 0.056em !important; }
  .ls57-sp { letter-spacing: 0.057em !important; }
  .ls58-sp { letter-spacing: 0.058em !important; }
  .ls59-sp { letter-spacing: 0.059em !important; }
  .ls60-sp { letter-spacing: 0.06em !important; }
  .ls61-sp { letter-spacing: 0.061em !important; }
  .ls62-sp { letter-spacing: 0.062em !important; }
  .ls63-sp { letter-spacing: 0.063em !important; }
  .ls64-sp { letter-spacing: 0.064em !important; }
  .ls65-sp { letter-spacing: 0.065em !important; }
  .ls66-sp { letter-spacing: 0.066em !important; }
  .ls67-sp { letter-spacing: 0.067em !important; }
  .ls68-sp { letter-spacing: 0.068em !important; }
  .ls69-sp { letter-spacing: 0.069em !important; }
  .ls70-sp { letter-spacing: 0.07em !important; }
  .ls71-sp { letter-spacing: 0.071em !important; }
  .ls72-sp { letter-spacing: 0.072em !important; }
  .ls73-sp { letter-spacing: 0.073em !important; }
  .ls74-sp { letter-spacing: 0.074em !important; }
  .ls75-sp { letter-spacing: 0.075em !important; }
  .ls76-sp { letter-spacing: 0.076em !important; }
  .ls77-sp { letter-spacing: 0.077em !important; }
  .ls78-sp { letter-spacing: 0.078em !important; }
  .ls79-sp { letter-spacing: 0.079em !important; }
  .ls80-sp { letter-spacing: 0.08em !important; }
  .ls81-sp { letter-spacing: 0.081em !important; }
  .ls82-sp { letter-spacing: 0.082em !important; }
  .ls83-sp { letter-spacing: 0.083em !important; }
  .ls84-sp { letter-spacing: 0.084em !important; }
  .ls85-sp { letter-spacing: 0.085em !important; }
  .ls86-sp { letter-spacing: 0.086em !important; }
  .ls87-sp { letter-spacing: 0.087em !important; }
  .ls88-sp { letter-spacing: 0.088em !important; }
  .ls89-sp { letter-spacing: 0.089em !important; }
  .ls90-sp { letter-spacing: 0.09em !important; }
  .ls91-sp { letter-spacing: 0.091em !important; }
  .ls92-sp { letter-spacing: 0.092em !important; }
  .ls93-sp { letter-spacing: 0.093em !important; }
  .ls94-sp { letter-spacing: 0.094em !important; }
  .ls95-sp { letter-spacing: 0.095em !important; }
  .ls96-sp { letter-spacing: 0.096em !important; }
  .ls97-sp { letter-spacing: 0.097em !important; }
  .ls98-sp { letter-spacing: 0.098em !important; }
  .ls99-sp { letter-spacing: 0.099em !important; }
  .ls100-sp { letter-spacing: 0.1em !important; } }
@media only screen and (max-width: 768px) { .pc { display: none !important; } }

@media only screen and (max-width: 480px) { .pctb { display: none !important; } }

@media only screen and (min-width: 769px) { .tb { display: none !important; } }

@media only screen and (min-width: 481px) { .sp { display: none !important; } }

.flex { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; display: flex; }

.fd--row { flex-direction: row; }

.fd--column { flex-direction: column; }

.fw--nowrap { flex-wrap: nowrap; }

.fw--wrap { flex-wrap: wrap; }

.jc--start { justify-content: flex-start; }

.jc--end { justify-content: flex-end; }

.jc--center { justify-content: center; }

.jc--between { justify-content: space-between; }

.jc--around { justify-content: space-around; }

.jc--evenly { justify-content: space-evenly; }

.ai--start { align-items: flex-start; }

.ai--end { align-items: flex-end; }

.ai--center { align-items: center; }

@media only screen and (max-width: 768px) { .fd--row-tb { flex-direction: row; }
  .fd--column-tb { flex-direction: column; }
  .fw--nowrap-tb { flex-wrap: nowrap; }
  .fw--wrap-tb { flex-wrap: wrap; }
  .jc--start-tb { justify-content: flex-start; }
  .jc--end-tb { justify-content: flex-end; }
  .jc--center-tb { justify-content: center; }
  .jc--between-tb { justify-content: space-between; }
  .jc--around-tb { justify-content: space-around; }
  .jc--evenly-tb { justify-content: space-evenly; }
  .ai--start-tb { align-items: flex-start; }
  .ai--end-tb { align-items: flex-end; }
  .ai--center-tb { align-items: center; } }
@media only screen and (max-width: 480px) { .fd--row-sp { flex-direction: row; }
  .fd--column-sp { flex-direction: column; }
  .fw--nowrap-sp { flex-wrap: nowrap; }
  .fw--wrap-sp { flex-wrap: wrap; }
  .jc--start-sp { justify-content: flex-start; }
  .jc--end-sp { justify-content: flex-end; }
  .jc--center-sp { justify-content: center; }
  .jc--between-sp { justify-content: space-between; }
  .jc--around-sp { justify-content: space-around; }
  .jc--evenly-sp { justify-content: space-evenly; }
  .ai--start-sp { align-items: flex-start; }
  .ai--end-sp { align-items: flex-end; }
  .ai--center-sp { align-items: center; } }
.container, .pickup-section .pickup-box, footer { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; width: 1020px; }
.container:before, .pickup-section .pickup-box:before, footer:before, .container:after, .pickup-section .pickup-box:after, footer:after { content: " "; display: table; }
.container:after, .pickup-section .pickup-box:after, footer:after { clear: both; }
@media only screen and (max-width: 768px) { .container, .pickup-section .pickup-box, footer { padding-left: 15px; padding-right: 15px; } }
@media only screen and (max-width: 480px) { .container, .pickup-section .pickup-box, footer { padding-left: 15px; padding-right: 15px; } }
@media only screen and (max-width: 768px) { .container, .pickup-section .pickup-box, footer { width: auto; } }
@media only screen and (max-width: 480px) { .container, .pickup-section .pickup-box, footer { width: auto; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }
@media only screen and (max-width: 768px) { .container-fluid { padding-left: 15px; padding-right: 15px; } }
@media only screen and (max-width: 480px) { .container-fluid { padding-left: 15px; padding-right: 15px; } }

.row { margin-left: -10px; margin-right: -10px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
@media only screen and (max-width: 768px) { .row { margin-left: -5px; margin-right: -5px; } }
@media only screen and (max-width: 480px) { .row { margin-left: -5px; margin-right: -5px; } }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; }
@media only screen and (max-width: 768px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding-left: 5px; padding-right: 5px; } }
@media only screen and (max-width: 480px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding-left: 5px; padding-right: 5px; } }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; }

.col1 { width: 8.3333333333%; }

.col2 { width: 16.6666666667%; }

.col3 { width: 25%; }

.col4 { width: 33.3333333333%; }

.col5 { width: 41.6666666667%; }

.col6 { width: 50%; }

.col7 { width: 58.3333333333%; }

.col8 { width: 66.6666666667%; }

.col9 { width: 75%; }

.col10 { width: 83.3333333333%; }

.col11 { width: 91.6666666667%; }

.col12 { width: 100%; }

.col0-pull { right: auto; }

.col1-pull { right: 8.3333333333%; }

.col2-pull { right: 16.6666666667%; }

.col3-pull { right: 25%; }

.col4-pull { right: 33.3333333333%; }

.col5-pull { right: 41.6666666667%; }

.col6-pull { right: 50%; }

.col7-pull { right: 58.3333333333%; }

.col8-pull { right: 66.6666666667%; }

.col9-pull { right: 75%; }

.col10-pull { right: 83.3333333333%; }

.col11-pull { right: 91.6666666667%; }

.col12-pull { right: 100%; }

.col0-push { left: auto; }

.col1-push { left: 8.3333333333%; }

.col2-push { left: 16.6666666667%; }

.col3-push { left: 25%; }

.col4-push { left: 33.3333333333%; }

.col5-push { left: 41.6666666667%; }

.col6-push { left: 50%; }

.col7-push { left: 58.3333333333%; }

.col8-push { left: 66.6666666667%; }

.col9-push { left: 75%; }

.col10-push { left: 83.3333333333%; }

.col11-push { left: 91.6666666667%; }

.col12-push { left: 100%; }

.col0-offset { margin-left: 0%; }

.col1-offset { margin-left: 8.3333333333%; }

.col2-offset { margin-left: 16.6666666667%; }

.col3-offset { margin-left: 25%; }

.col4-offset { margin-left: 33.3333333333%; }

.col5-offset { margin-left: 41.6666666667%; }

.col6-offset { margin-left: 50%; }

.col7-offset { margin-left: 58.3333333333%; }

.col8-offset { margin-left: 66.6666666667%; }

.col9-offset { margin-left: 75%; }

.col10-offset { margin-left: 83.3333333333%; }

.col11-offset { margin-left: 91.6666666667%; }

.col12-offset { margin-left: 100%; }

.col1-tb, .col1-sp, .col2-tb, .col2-sp, .col3-tb, .col3-sp, .col4-tb, .col4-sp, .col5-tb, .col5-sp, .col6-tb, .col6-sp, .col7-tb, .col7-sp, .col8-tb, .col8-sp, .col9-tb, .col9-sp, .col10-tb, .col10-sp, .col11-tb, .col11-sp, .col12-tb, .col12-sp { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; }
@media only screen and (max-width: 768px) { .col1-tb, .col1-sp, .col2-tb, .col2-sp, .col3-tb, .col3-sp, .col4-tb, .col4-sp, .col5-tb, .col5-sp, .col6-tb, .col6-sp, .col7-tb, .col7-sp, .col8-tb, .col8-sp, .col9-tb, .col9-sp, .col10-tb, .col10-sp, .col11-tb, .col11-sp, .col12-tb, .col12-sp { padding-left: 5px; padding-right: 5px; } }
@media only screen and (max-width: 480px) { .col1-tb, .col1-sp, .col2-tb, .col2-sp, .col3-tb, .col3-sp, .col4-tb, .col4-sp, .col5-tb, .col5-sp, .col6-tb, .col6-sp, .col7-tb, .col7-sp, .col8-tb, .col8-sp, .col9-tb, .col9-sp, .col10-tb, .col10-sp, .col11-tb, .col11-sp, .col12-tb, .col12-sp { padding-left: 5px; padding-right: 5px; } }

@media only screen and (max-width: 768px) { .col1-tb, .col2-tb, .col3-tb, .col4-tb, .col5-tb, .col6-tb, .col7-tb, .col8-tb, .col9-tb, .col10-tb, .col11-tb, .col12-tb { float: left; }
  .col1-tb { width: 8.3333333333%; }
  .col2-tb { width: 16.6666666667%; }
  .col3-tb { width: 25%; }
  .col4-tb { width: 33.3333333333%; }
  .col5-tb { width: 41.6666666667%; }
  .col6-tb { width: 50%; }
  .col7-tb { width: 58.3333333333%; }
  .col8-tb { width: 66.6666666667%; }
  .col9-tb { width: 75%; }
  .col10-tb { width: 83.3333333333%; }
  .col11-tb { width: 91.6666666667%; }
  .col12-tb { width: 100%; }
  .col0-pull-tb { right: auto; }
  .col1-pull-tb { right: 8.3333333333%; }
  .col2-pull-tb { right: 16.6666666667%; }
  .col3-pull-tb { right: 25%; }
  .col4-pull-tb { right: 33.3333333333%; }
  .col5-pull-tb { right: 41.6666666667%; }
  .col6-pull-tb { right: 50%; }
  .col7-pull-tb { right: 58.3333333333%; }
  .col8-pull-tb { right: 66.6666666667%; }
  .col9-pull-tb { right: 75%; }
  .col10-pull-tb { right: 83.3333333333%; }
  .col11-pull-tb { right: 91.6666666667%; }
  .col12-pull-tb { right: 100%; }
  .col0-push-tb { left: auto; }
  .col1-push-tb { left: 8.3333333333%; }
  .col2-push-tb { left: 16.6666666667%; }
  .col3-push-tb { left: 25%; }
  .col4-push-tb { left: 33.3333333333%; }
  .col5-push-tb { left: 41.6666666667%; }
  .col6-push-tb { left: 50%; }
  .col7-push-tb { left: 58.3333333333%; }
  .col8-push-tb { left: 66.6666666667%; }
  .col9-push-tb { left: 75%; }
  .col10-push-tb { left: 83.3333333333%; }
  .col11-push-tb { left: 91.6666666667%; }
  .col12-push-tb { left: 100%; }
  .col0-offset-tb { margin-left: 0%; }
  .col1-offset-tb { margin-left: 8.3333333333%; }
  .col2-offset-tb { margin-left: 16.6666666667%; }
  .col3-offset-tb { margin-left: 25%; }
  .col4-offset-tb { margin-left: 33.3333333333%; }
  .col5-offset-tb { margin-left: 41.6666666667%; }
  .col6-offset-tb { margin-left: 50%; }
  .col7-offset-tb { margin-left: 58.3333333333%; }
  .col8-offset-tb { margin-left: 66.6666666667%; }
  .col9-offset-tb { margin-left: 75%; }
  .col10-offset-tb { margin-left: 83.3333333333%; }
  .col11-offset-tb { margin-left: 91.6666666667%; }
  .col12-offset-tb { margin-left: 100%; } }
@media only screen and (max-width: 480px) { .col1-sp, .col2-sp, .col3-sp, .col4-sp, .col5-sp, .col6-sp, .col7-sp, .col8-sp, .col9-sp, .col10-sp, .col11-sp, .col12-sp { float: left; }
  .col1-sp { width: 8.3333333333%; }
  .col2-sp { width: 16.6666666667%; }
  .col3-sp { width: 25%; }
  .col4-sp { width: 33.3333333333%; }
  .col5-sp { width: 41.6666666667%; }
  .col6-sp { width: 50%; }
  .col7-sp { width: 58.3333333333%; }
  .col8-sp { width: 66.6666666667%; }
  .col9-sp { width: 75%; }
  .col10-sp { width: 83.3333333333%; }
  .col11-sp { width: 91.6666666667%; }
  .col12-sp { width: 100%; }
  .col0-pull-sp { right: auto; }
  .col1-pull-sp { right: 8.3333333333%; }
  .col2-pull-sp { right: 16.6666666667%; }
  .col3-pull-sp { right: 25%; }
  .col4-pull-sp { right: 33.3333333333%; }
  .col5-pull-sp { right: 41.6666666667%; }
  .col6-pull-sp { right: 50%; }
  .col7-pull-sp { right: 58.3333333333%; }
  .col8-pull-sp { right: 66.6666666667%; }
  .col9-pull-sp { right: 75%; }
  .col10-pull-sp { right: 83.3333333333%; }
  .col11-pull-sp { right: 91.6666666667%; }
  .col12-pull-sp { right: 100%; }
  .col0-push-sp { left: auto; }
  .col1-push-sp { left: 8.3333333333%; }
  .col2-push-sp { left: 16.6666666667%; }
  .col3-push-sp { left: 25%; }
  .col4-push-sp { left: 33.3333333333%; }
  .col5-push-sp { left: 41.6666666667%; }
  .col6-push-sp { left: 50%; }
  .col7-push-sp { left: 58.3333333333%; }
  .col8-push-sp { left: 66.6666666667%; }
  .col9-push-sp { left: 75%; }
  .col10-push-sp { left: 83.3333333333%; }
  .col11-push-sp { left: 91.6666666667%; }
  .col12-push-sp { left: 100%; }
  .col0-offset-sp { margin-left: 0%; }
  .col1-offset-sp { margin-left: 8.3333333333%; }
  .col2-offset-sp { margin-left: 16.6666666667%; }
  .col3-offset-sp { margin-left: 25%; }
  .col4-offset-sp { margin-left: 33.3333333333%; }
  .col5-offset-sp { margin-left: 41.6666666667%; }
  .col6-offset-sp { margin-left: 50%; }
  .col7-offset-sp { margin-left: 58.3333333333%; }
  .col8-offset-sp { margin-left: 66.6666666667%; }
  .col9-offset-sp { margin-left: 75%; }
  .col10-offset-sp { margin-left: 83.3333333333%; }
  .col11-offset-sp { margin-left: 91.6666666667%; }
  .col12-offset-sp { margin-left: 100%; } }
@media only screen and (max-width: 768px) { .float > .left-box { float: none !important; width: 100% !important; }
  .float > .right-box { float: none !important; width: 100% !important; }
  .float > [class^="mr"], .float > [class*=" mr"] { margin-right: 0 !important; }
  .float > [class^="ml"], .float > [class*=" ml"] { margin-left: 0 !important; }
  .float-r > [class^="mb"], .float-r > [class*=" mb"] { margin-bottom: 0 !important; } }
@media only screen and (min-width: 769px) { .float-r > .left-box { float: none !important; width: 100% !important; }
  .float-r > .right-box { float: none !important; width: 100% !important; }
  .float-r > [class^="mr"], .float-r > [class*=" mr"] { margin-right: 0 !important; }
  .float-r > [class^="ml"], .float-r > [class*=" ml"] { margin-left: 0 !important; }
  .float > [class^="mb"], .float > [class*=" mb"] { margin-bottom: 0 !important; } }
.float:before, .float:after { content: " "; display: table; }
.float:after { clear: both; }

.float-r:before, .float-r:after { content: " "; display: table; }
.float-r:after { clear: both; }

@media only screen and (max-width: 480px) { .float > .left-sp { float: none !important; width: 100% !important; }
  .float > .right-sp { float: none !important; width: 100% !important; }
  .float > [class^="mr"], .float > [class*=" mr"] { margin-right: 0 !important; }
  .float > [class^="ml"], .float > [class*=" ml"] { margin-left: 0 !important; }
  .float-r > [class^="mb"], .float-r > [class*=" mb"] { margin-bottom: 0 !important; } }
@media only screen and (min-width: 769px) { .float-r > .left-sp { float: none !important; width: 100% !important; }
  .float-r > .right-sp { float: none !important; width: 100% !important; }
  .float-r > [class^="mr"], .float-r > [class*=" mr"] { margin-right: 0 !important; }
  .float-r > [class^="ml"], .float-r > [class*=" ml"] { margin-left: 0 !important; }
  .float > [class^="mb"], .float > [class*=" mb"] { margin-bottom: 0 !important; } }
@media print { .tb, .sp { display: none !important; } }
body { color: #333; font-size: 16px; font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
body.top { font-size: 16px; }

p, a, dt, dd, li, th, td { line-height: 2; }
body.top p, body.top a, body.top dt, body.top dd, body.top li, body.top th, body.top td { line-height: 2; }

a { text-decoration: none; color: #0280b4; }
a:hover { text-decoration: underline; }
a:hover { color: #0280b4; }

@media only screen and (max-width: 768px) { body { font-size: 13px; }
  body.top { font-size: 13px; } }
#centerColumn { width: 690px; padding-top: 0; }

#leftColumn { width: 690px; padding-top: 0; }

#rightColumn { width: 690px; padding-top: 0; }

.error { color: #FF0000; }

h3 { letter-spacing: .12em; font-size: 28px; font-weight: bold; position: relative; min-height: 46px; padding-left: 20px; margin-bottom: 30px; }
body.top h3.-top { position: static; min-height: auto; padding-left: 0; text-transform: uppercase; margin-bottom: 30px; font-size: 36px; font-weight: bold; font-family: "Nunito", sans-serif; }
body.top h3.-top > span { display: block; text-transform: initial; letter-spacing: .16em; color: #0280b4; font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 16px; }
@media only screen and (max-width: 768px) { body.top h3.-top { font-size: 26px; margin-bottom: 20px; }
  body.top h3.-top > span { font-size: 14px; letter-spacing: .12em; } }
body.top h3.-top:before, body.top h3.-top:after { display: none; }
h3.-smaller { font-size: 26px; }
@media only screen and (max-width: 768px) { h3.-smaller { font-size: 22px; } }
h3:before, h3:after { content: ""; display: block; position: absolute; width: 6px; height: 50%; left: 0; }
h3:before { background: #0280b4; top: 0; }
h3:after { background: #b40254; bottom: 0; }
@media only screen and (max-width: 768px) { h3 { font-size: 22px; min-height: 32px; margin-bottom: 20px; } }

h4 { letter-spacing: .12em; border-bottom: solid 1px #ddd; position: relative; font-weight: bold; font-size: 23px; padding-bottom: 10px; margin-bottom: 25px; }
body.top h4.-top { margin-bottom: 25px; position: relative; padding-bottom: 0; border: none; }
body.top h4.-top > span { letter-spacing: .12em; line-height: 2.1; display: inline; padding: 10px 3px; background: #fdf26e; font-size: 26px; font-weight: bold; }
body.top h4.-top:after { content: ""; background: url("../img/minc.png") no-repeat center/contain; width: 80px; height: 57px; position: absolute; bottom: 100%; left: -45px; }
body.top h4.-top:before { display: none; }
@media only screen and (max-width: 768px) { body.top h4.-top { margin-bottom: 15px; }
  body.top h4.-top > span { font-size: 20px; line-height: 2.5; padding: 8px 3px; }
  body.top h4.-top:after { left: 0; bottom: 90%; transform: rotate(17deg); } }
h4:before { position: absolute; content: ""; display: block; border-bottom: solid 1px #0280b4; bottom: -1px; width: 100px; }
@media only screen and (max-width: 768px) { h4 { font-size: 18px; margin-bottom: 20px; }
  h4:after { width: 60px; } }

h5.-top { position: relative; letter-spacing: .12em; color: #0280b4; background: linear-gradient(transparent 70%, #fdf26e 70%); display: inline-block; padding: 0 4px; line-height: 1.2; margin-bottom: 30px; font-size: 32px; font-weight: bold; }
h5.-top:before { content: ""; background: url("../img/dot.png") no-repeat center/contain; position: absolute; top: -12px; left: -12px; width: 15px; height: 15px; }
@media only screen and (max-width: 768px) { h5.-top { display: inline; font-size: 20px; } }

h6.-top { letter-spacing: .08em; color: #0280b4; line-height: 1.5; margin-bottom: 15px; font-size: 30px; font-weight: bold; }
@media only screen and (max-width: 768px) { h6.-top { font-size: 18px; text-align: left; } }

.overflow-table { overflow-x: auto; }

@media only screen and (max-width: 768px) { .nodrop-table tr th, .nodrop-table tr td { display: table-cell; width: auto !important; } }
@media only screen and (max-width: 768px) { .nodrop-table tr th { white-space: nowrap; } }

.hover-all { position: relative; }
.hover-all > a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; }

a[href^="tel:"] { text-decoration: none; color: #333; }
@media only screen and (min-width: 769px) { a[href^="tel:"] { pointer-events: none; } }

.pdf_icon { vertical-align: middle; height: 16px; padding: 0 5px; }

body { width: 100%; padding-top: 90px; }
body.open { position: fixed; height: 100%; overflow: hidden; }
@media only screen and (max-width: 768px) { body { position: relative; padding-top: 75px; } }

.slide-menu { position: fixed; margin-top: 75px; background: #fbf8ea; padding: 0 15px 50px; top: 0; left: 100%; width: 100%; height: 100%; padding-bottom: 100px; overflow: scroll; z-index: 9998; box-sizing: border-box; transition: left 0.3s; }
@media only screen and (min-width: 769px) { .slide-menu { display: none; } }
body.open .slide-menu { left: 0; }
.slide-menu .button02, .slide-menu .button01, .slide-menu .button02, .slide-menu .button03 { padding: 13px; }

.slidemenu-list { border-top: 1px solid #ddd; }
.slidemenu-list > li { border-bottom: 1px solid #ddd; }
.slidemenu-list > li > a { display: block; padding: 16px 0; letter-spacing: 0; text-decoration: none !important; font-size: 14px; font-weight: bold; }
.slidemenu-list .inner-list { display: block; margin-bottom: 20px; }
.slidemenu-list .inner-list > li > a { letter-spacing: 0; color: #333; display: block; margin-bottom: 10px; text-decoration: none !important; font-size: 14px; font-weight: bold; }
.slidemenu-list .inner-list > li > a:before { content: "-"; color: #0280b4; margin-right: 5px; }

@media only screen and (min-width: 769px) { .l-container { min-width: 1020px; overflow: hidden; } }

header { top: 0; left: 0; width: 100%; z-index: 9999; background: #fbf8ea; padding: 14px 0; transition: .2s background-color; position: fixed; }
@media only screen and (max-width: 768px) { header { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; } }

.h-wrap { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; display: flex; width: 1020px; margin: 0 auto; }
.h-wrap .logo { padding-left: 10px; width: 365px; }
.h-wrap .logo img { width: 231px; }
.h-wrap .logo h1 { font-size: 0; }
.h-wrap .h-link { font-size: 12px; letter-spacing: 0; text-align: right; display: inherit; margin-bottom: 2px; }
.h-wrap .h-link:before { content: "\f138"; margin-right: 5px; text-decoration: none !important; font-family: "Font Awesome 5 Free"; font-size: 11px; font-weight: bold; }
.h-wrap .h-btn { display: inline-block; background: #b40254; text-decoration: none; color: #fff; border-radius: 3px; letter-spacing: 0; padding: 8px 38px; transition: .2s; margin-left: 18px; margin-right: 7px; font-size: 12px; font-weight: bold; }
.h-wrap .h-btn:hover { box-shadow: 0 0 0 1px #b40254 inset; background: #fff; color: #b40254; }
.h-wrap .slidemenu-btn { display: none; }
@media only screen and (max-width: 768px) { .h-wrap { justify-content: start; width: 100%; padding-left: 15px; padding-right: 15px; }
  .h-wrap .h-link, .h-wrap .h-btn { display: none; }
  .h-wrap .logo { width: 180px; }
  .h-wrap .logo img { width: 100%; }
  .h-wrap .slidemenu-btn { display: block; width: 38px; height: 38px; padding: 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } }

.h-nav { flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; display: flex; margin: 0 -10px; }
.h-nav > li a { color: #333; letter-spacing: 0; display: block; margin: 0 10px; transition: .2s; font-size: 13px; font-weight: bold; }
.h-nav > li a:hover { color: #b40254; text-decoration: none; box-shadow: 0 4px 1px -3px #b40254; }
@media only screen and (max-width: 768px) { .h-nav { display: none; } }

h1 { line-height: 0; font-size: 0; }

.top-key-visual { position: relative; background: #fbf8ea; height: 710px; padding-bottom: 20px; }
.top-key-visual:before, .top-key-visual:after { content: " "; display: table; }
.top-key-visual:after { clear: both; }
.top-key-visual .top-key-img { float: right; width: 70%; height: 100%; }
.top-key-visual .top-key-img img { height: 100%; width: 100%; object-fit: cover; font-family: "object-fit:cover;"; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
@media only screen and (max-width: 1500px) { .top-key-visual .top-key-img { width: 78%; } }
.top-key-visual .txt-wrap { position: absolute; top: 0; left: 50%; height: 710px; transform: translateX(-50%); width: 1000px; }
.top-key-visual .txt-wrap h2.top-key-ttl { font-size: 0; padding: 0; margin: 50px 0 40px; line-height: 1; width: 345px; }
.top-key-visual .txt-wrap .top-key-txt { width: 465px; margin-bottom: 40px; }
.top-key-visual .side-txt { position: absolute; left: 20px; writing-mode: vertical-rl; text-orientation: upright; height: 100%; text-align: center; font-size: 11px; letter-spacing: 2px; color: #5d5d5d; }
@media only screen and (max-width: 768px) { .top-key-visual { height: 600px; }
  .top-key-visual .top-key-img { width: 100%; position: relative; }
  .top-key-visual .top-key-img img { border-radius: 0; }
  .top-key-visual .top-key-img:before { content: ""; background: url("../img/blur.png") no-repeat bottom/cover; width: 100%; height: 480px; position: absolute; bottom: 0; left: 0; display: none; }
  .top-key-visual .txt-wrap { width: 100%; height: 180px; top: calc(100% - 200px); text-align: center; }
  .top-key-visual .txt-wrap .button01, .top-key-visual .txt-wrap .button02, .top-key-visual .txt-wrap .button03 { display: none; }
  .top-key-visual .txt-wrap h2.top-key-ttl { margin: 0 auto 20px; line-height: 1; width: 236px; }
  .top-key-visual .txt-wrap .top-key-txt { width: 308px; margin: 20px auto 0; }
  .top-key-visual .side-txt { display: none; } }
@media only screen and (max-width: 480px) { .top-key-visual .top-key-img:before { display: block; } }

.key-visual { position: relative; height: 295px; background: #fbf8ea; }
.key-visual .key-text { text-align: center; position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: fit-content; }
.key-visual .key-text .ttl, .key-visual .key-text h1.news-h1 { font-family: "Nunito", sans-serif; font-size: 34px; font-weight: bold; line-height: 1.2; letter-spacing: .11em; }
.key-visual .key-text .sub-ttl { line-height: 2.6; color: #0280b4; font-size: 20px; font-family: "Nunito", sans-serif; font-weight: bold; letter-spacing: .06em; }
@media only screen and (max-width: 768px) { .key-visual { height: 220px; }
  .key-visual .key-text .ttl, .key-visual .key-text h1.news-h1 { font-size: 30px; line-height: 1.2; }
  .key-visual .key-text .sub-ttl { font-size: 14px; } }

.bread-crumb { background: #fbf8ea; }
.bread-crumb:before, .bread-crumb:after { content: " "; display: table; }
.bread-crumb:after { clear: both; }
.bread-crumb li { margin-bottom: 5px; float: left; font-size: 15px; }
.bread-crumb li:not(:last-child):after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #0280b4; margin: 0 12px; }
.bread-crumb li > a { color: #0280b4; text-decoration: underline; }
.bread-crumb li > a:hover { text-decoration: none; }

.pickup-section { padding: 20px 0 45px; background: #fbf8ea; }
.pickup-section .pickup-box { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; display: flex; background: #fff; padding: 36px 48px 36px 50px; border-radius: 8px; }
.pickup-section .pickup-box .pickup-left { width: 20%; border-right: 1px solid #ddd; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; display: flex; }
.pickup-section .pickup-box .pickup-right { width: 80%; padding: 5px 0 5px 25px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; display: flex; }
@media only screen and (max-width: 768px) { .pickup-section { padding: 20px 15px 35px 15px; }
  .pickup-section .pickup-box { padding: 35px 20px; }
  .pickup-section .pickup-box .pickup-left { width: 100%; border-right: none; }
  .pickup-section .pickup-box .pickup-left h3 { display: block; text-align: center; margin: 0 auto 30px; }
  .pickup-section .pickup-box .pickup-right { width: 100%; padding: 0; } }

.pickup-list > li:not(:last-child) { margin-bottom: 5px; }
.pickup-list > li time { letter-spacing: .06em; margin-right: 10px; }
.pickup-list > li .tag { margin-right: 20px; }
.pickup-list > li time, .pickup-list > li a { font-size: 15px; }
.pickup-list > li a { color: #333; }
@media only screen and (max-width: 768px) { .pickup-list > li { width: 100%; }
  .pickup-list > li:not(:last-child) { border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
  .pickup-list > li > time { font-size: 14px; }
  .pickup-list > li .tag { font-size: 10px; transform: translateY(-2px); }
  .pickup-list > li > time, .pickup-list > li .tag { margin-bottom: 10px; }
  .pickup-list > li > a { display: block; font-size: 13px; } }

.tag { letter-spacing: .06em; display: inline-block; background: #a31212; border-radius: 2px; min-width: 80px; color: #fff; text-align: center; font-size: 10px; font-weight: bold; }
.tag.-news, .tag.news-link { background: #0280b4; }
.tag.-activities, .tag.activity-link { background: #b40254; }
.tag.-lecture, .tag.info-link { background: #5bb402; }
.tag.-media, .tag.media-link { background: #ce8c3f; }
.tag.-knowhow, .tag.house-link { background: #2053a5; }
.tag.all-link { background: #a31212; }
.tag.news-link, .tag.news { background: #0280B4; }
.tag.info-link, .tag.seminar { background: #5BB402; }
.tag.activity-link, .tag.report { background: #b40254; }
.tag.house-link, .tag.know-how { background: #2053A5; }
.tag.media-link, .tag.media-info { background: #CE8C3F; }

.grid-section { position: relative; padding: 70px 0 56px 0; background: url("../img/box.jpg") repeat 43px/43px; overflow: hidden; }
.grid-section .grid-inner { padding-left: 45px; }
@media only screen and (max-width: 768px) { .grid-section { padding: 60px 0; }
  .grid-section .grid-inner { padding-left: 0; } }

.radius5 { border-radius: 5px; }

.activity-section { background: #fbf8ea; padding: 85px 0 100px; }
@media only screen and (max-width: 768px) { .activity-section { padding: 60px 0; } }

.absoulte-ancor, .activity-list > li > a, .news-list > li > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }

.ob-c img { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit:cover;"; }

.activity-list { width: calc(100% + 35px); margin-bottom: 65px; }
.activity-list:before, .activity-list:after { content: " "; display: table; }
.activity-list:after { clear: both; }
.activity-list > li { float: left; width: calc(33.33% - 35px); margin: 0 35px 0 0; position: relative; border-radius: 5px; overflow: hidden; }
.activity-list > li:first-child .txt-wrap { border-color: #0280b4; }
.activity-list > li:first-child .txt-wrap .ttl { color: #0280b4; }
.activity-list > li:nth-child(2) .txt-wrap { border-color: #b40254; }
.activity-list > li:nth-child(2) .txt-wrap .ttl { color: #b40254; }
.activity-list > li:last-child .txt-wrap { border-color: #5bb402; }
.activity-list > li:last-child .txt-wrap .ttl { color: #5bb402; }
.activity-list > li .img-wrap { background: url("../img/wip.jpg") no-repeat center/cover; height: 220px; overflow: hidden; }
.activity-list > li .img-wrap img { transition: .2s; }
.activity-list > li .txt-wrap { background: #fff; border-bottom: 5px solid #ddd; padding: 20px 25px; }
.activity-list > li .txt-wrap .ttl { margin-bottom: 5px; font-size: 18px; font-weight: bold; }
.activity-list > li .txt-wrap .ttl:before { content: "\f138"; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: bold; }
.activity-list > li:hover .img-wrap img { transform: scale(1.1); }
.activity-list > li:hover .txt-wrap .txt { text-decoration: underline; }
@media only screen and (max-width: 768px) { .activity-list { width: calc(100% + 20px); }
  .activity-list > li { width: calc(33.33% - 20px); margin: 0 20px 0 0; }
  .activity-list > li .img-wrap { height: 170px; }
  .activity-list > li .txt-wrap .ttl { font-size: 17px; white-space: nowrap; }
  .activity-list > li .txt-wrap .ttl:before { font-size: 12px; } }
@media only screen and (max-width: 480px) { .activity-list { width: 100%; margin-bottom: 20px; }
  .activity-list > li { width: 100%; margin: 0 0 30px 0; } }

.roots-box { width: 100%; border: #ededed 3px solid; min-height: 355px; position: relative; border-radius: 10px; background: #fff; padding: 50px; margin-bottom: 100px; }
.roots-box .inner-box { max-width: 560px; }
.roots-box .roots-img { position: absolute; top: 65px; right: 50px; width: 313px; height: 230px; }
.roots-box .roots-img img { border-radius: 5px; }
@media only screen and (max-width: 768px) { .roots-box { padding: 40px 25px 50px 25px; margin-bottom: 60px; }
  .roots-box .inner-box { max-width: 100%; }
  .roots-box .roots-img { position: static; width: 100%; height: auto; margin-bottom: 20px; } }

.news-wrap { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; display: flex; position: relative; }
.news-wrap .news-contents { width: 685px; }
.news-wrap .news-contents .no-news { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; display: flex; height: 100%; margin-bottom: 50px; }
.news-wrap .news-contents .no-news > p { font-weight: bold; }
.news-wrap > .button01.-narrow, .news-wrap > .-narrow.button02, .news-wrap > .-narrow.button03 { position: absolute; right: 0; top: -77px; }
@media only screen and (max-width: 768px) { .news-wrap { width: calc(100% + 20px); }
  .news-wrap .news-contents { width: calc(100% - 20px); }
  .news-wrap > .button01.-narrow, .news-wrap > .-narrow.button02, .news-wrap > .-narrow.button03 { position: relative; top: 0; } }

.news-tab { width: 200px; }
.news-tab > li { margin-bottom: 15px; }
.news-tab > li > a { display: block; width: 100%; background: #a31212; text-align: center; color: #fff; text-decoration: none !important; border: 1px solid #a31212; transition: .2s; font-weight: bold; letter-spacing: 0; padding: 7px 0; border-radius: 3px; }
.news-tab > li > a.current, .news-tab > li > a:hover { background: #fff !important; }
.news-tab > li.-all a.current, .news-tab > li.-all a:hover { color: #a31212; }
.news-tab > li.-news a { background: #0280b4; border-color: #0280b4; }
.news-tab > li.-news a.current, .news-tab > li.-news a:hover { color: #0280b4; }
.news-tab > li.-lecture a { background: #5bb402; border-color: #5bb402; }
.news-tab > li.-lecture a.current, .news-tab > li.-lecture a:hover { color: #5bb402; }
.news-tab > li.-activities a { background: #b40254; border-color: #b40254; }
.news-tab > li.-activities a.current, .news-tab > li.-activities a:hover { color: #b40254; }
.news-tab > li.-knowhow a { background: #2053a5; border-color: #2053a5; }
.news-tab > li.-knowhow a.current, .news-tab > li.-knowhow a:hover { color: #2053a5; }
.news-tab > li.-media a { background: #ce8c3f; border-color: #ce8c3f; }
.news-tab > li.-media a.current, .news-tab > li.-media a:hover { color: #ce8c3f; }
@media only screen and (max-width: 768px) { .news-tab { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; display: flex; margin-bottom: 30px; }
  .news-tab > li { width: calc(50% - 20px); margin: 0 20px 13px 0; } }

.news-list > li { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; display: flex; position: relative; }
.news-list > li:not(:last-child) { border-bottom: 1px dashed #ddd; padding-bottom: 30px; margin-bottom: 30px; }
.news-list > li:before { content: ""; border-style: solid; border-width: 0 0 10px 5px; border-color: transparent transparent #1a8002 transparent; top: -10px; left: 2px; position: absolute; z-index: 9; }
.news-list > li > time { position: absolute; background: #5bb402; color: #fff; line-height: 2; left: 7px; padding: 1px 5px; top: -10px; z-index: 9; font-size: 10px; font-weight: bold; }
.news-list > li .img-wrap { width: 260px; height: 160px; overflow: hidden; background: url("../img/wip.jpg") no-repeat center/cover; z-index: 1; }
.news-list > li .img-wrap img { transition: .2s; }
.news-list > li .txt-wrap { width: 385px; }
.news-list > li .txt-wrap .tag { transform: translateY(-7px); }
.news-list > li .txt-wrap .news-ttl { font-size: 18px; font-weight: bold; }
.news-list > li:hover .img-wrap img { transform: scale(1.1); }
.news-list > li:hover .txt-wrap .news-ttl { text-decoration: underline; }
@media only screen and (max-width: 768px) { .news-list { width: calc(100% + 20px); flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; display: flex; }
  .news-list > li { width: calc(50% - 20px); margin: 0 20px 35px 0; padding-bottom: 25px; }
  .news-list > li:last-child { border-bottom: none; margin-bottom: 25px; }
  .news-list > li .img-wrap { width: 100%; height: 170px; margin-bottom: 20px; }
  .news-list > li .txt-wrap .tag { transform: none; margin-bottom: 10px; }
  .news-list > li .txt-wrap .news-ttl { font-size: 16px; } }
@media only screen and (max-width: 480px) { .news-list { width: 100%; }
  .news-list > li { width: 100%; margin: 0 0 35px 0; } }

.member-section { background: #fbf8ea; padding: 85px 0 100px; overflow: hidden; }
@media only screen and (max-width: 768px) { .member-section { padding: 60px 0; } }

.bnr-list { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; display: flex; width: calc(100% + 20px); margin-bottom: 30px; }
.bnr-list > li { width: calc((100% / 4) - 20px); margin: 0 20px 20px 0; }
@media only screen and (max-width: 768px) { .bnr-list { justify-content: center; }
  .bnr-list > li { width: calc(33.33% - 20px); } }
@media only screen and (max-width: 480px) { .bnr-list { justify-content: flex-start; }
  .bnr-list > li { width: calc(50% - 20px); } }

.blur-section { padding: 70px 0; }
@media only screen and (max-width: 768px) { .blur-section { padding: 50px 0; } }

.grid-box { background: url("../img/box.jpg") repeat 43px/43px; padding: 50px 50px 55px; text-align: center; border-radius: 15px; }
.grid-box .logo { display: block; width: 235px; margin: 0 auto 10px; }
.grid-box .blur-txt { text-align: left; margin-bottom: 35px; }
@media only screen and (max-width: 768px) { .grid-box { padding: 40px 20px; }
  .grid-box .logo { margin-bottom: 20px; }
  .grid-box .blur-txt { margin-bottom: 30px; } }

@media only screen and (max-width: 768px) { .w100-tb { width: 100% !important; } }

.grey-text { color: #727272; }

.join-ttl { line-height: 1.5; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 15px; text-align: center; font-size: 36px; font-weight: bold; font-family: "Nunito", sans-serif; }
.join-ttl > span { line-height: 2; display: block; text-transform: initial; letter-spacing: .16em; color: #0280b4; font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 16px; }
@media only screen and (max-width: 768px) { .join-ttl { font-size: 26px; margin-bottom: 20px; }
  .join-ttl > span { font-size: 14px; letter-spacing: .12em; } }
.join-ttl:before, .join-ttl:after { display: none; }

.training-contain, .support-contain, .network-contain { padding-bottom: 50px; position: relative; margin-top: 50px; }
.training-contain .img-wrap, .support-contain .img-wrap, .network-contain .img-wrap { width: 370px; height: 350px; overflow: hidden; border-radius: 10px; }
@media only screen and (max-width: 768px) { .training-contain .img-wrap, .support-contain .img-wrap, .network-contain .img-wrap { height: auto; } }
.training-contain .text-wrap, .support-contain .text-wrap, .network-contain .text-wrap { width: 590px; }
.training-contain .text-wrap p, .support-contain .text-wrap p, .network-contain .text-wrap p { letter-spacing: .06em; line-height: 2; }
.training-contain .text-wrap span, .support-contain .text-wrap span, .network-contain .text-wrap span { letter-spacing: .12em; margin-bottom: 17px; display: flex; font-weight: 600; font-size: 28px; }
.training-contain .text-wrap span::before, .support-contain .text-wrap span::before, .network-contain .text-wrap span::before { text-align: center; padding: 9px 0 4px 4px; content: '\f6ff'; margin-right: 18px; color: #fff; font-size: 19px; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 40px; height: 40px; border-radius: 50%; }
@media only screen and (max-width: 480px) { .training-contain .text-wrap span, .support-contain .text-wrap span, .network-contain .text-wrap span { font-size: 23px; }
  .training-contain .text-wrap span::before, .support-contain .text-wrap span::before, .network-contain .text-wrap span::before { margin-right: 12px; padding: 7px 5px; font-size: 14px; width: 30px; height: 30px; } }
.training-contain .text-wrap .hand-icon::before, .support-contain .text-wrap .hand-icon::before, .network-contain .text-wrap .hand-icon::before { content: '\f4c4'; }
.training-contain .text-wrap .pen-icon::before, .support-contain .text-wrap .pen-icon::before, .network-contain .text-wrap .pen-icon::before { content: '\f303'; }
.training-contain .links, .support-contain .links, .network-contain .links { position: absolute; width: 300px; display: inline-grid; border-radius: 6px; text-align: center; bottom: 50px; left: 56%; transform: translateX(-50%); }
@media only screen and (max-width: 768px) { .training-contain .links, .support-contain .links, .network-contain .links { width: 200px; left: 50%; bottom: 5%; }
  .training-contain .links a, .support-contain .links a, .network-contain .links a { padding: 10px; } }
@media only screen and (max-width: 768px) { .training-contain, .support-contain, .network-contain { padding-bottom: 85px; } }

.network-contain { border-bottom: 2px solid #ddd; }
.network-contain .links { background: #0280B4; }
.network-contain .links .button02 { background: #0280B4; }
.network-contain .links .button02:hover { background: #fff; color: #0280B4; box-shadow: 0 0 0 1px #0280B4 inset; }
.network-contain span { color: #0280B4; }
.network-contain span::before { background: #0280B4; }

.training-contain { border-bottom: 2px solid #ddd; }
.training-contain .links { background: #b40254; }
.training-contain .links .button02 { background: #b40254; }
.training-contain .links .button02:hover { background: #fff; color: #b40254; box-shadow: 0 0 0 1px #b40254 inset; }
.training-contain span { color: #b40254; }
.training-contain span::before { background: #b40254; }

.txt-cost { background: #fff; border-radius: 0 0 10px 10px; }
.txt-cost div { padding: 22px 35px 0 40px; }
.txt-cost div p { font-size: 15px; }
.txt-cost div p:first-child { text-align: center; font-weight: bold; }
.txt-cost div p:first-child span { font-size: 30px; }

.blue-under { display: inline-block; line-height: 1; font-weight: bold; color: #0280b4; border-bottom: 1px dashed #0280b4; }

.nemberbox-list02 { margin-bottom: 25px; counter-reset: num 0; }
.nemberbox-list02 li { display: flex; padding: 32px 40px; border: 2px solid #0280b4; border-radius: 10px; margin-bottom: 72px; position: relative; }
.nemberbox-list02 li:after { position: absolute; bottom: -48px; left: 50%; transform: translateX(-50%); content: ""; width: 119px; height: 21px; background: url(../img/after-arrow.png) no-repeat bottom/cover; background-size: 119px 20px; }
.nemberbox-list02 li:last-child { margin-bottom: 0px; }
.nemberbox-list02 li:last-child:after { content: none; }
.nemberbox-list02 li .left-txt { line-height: 1.7; width: 320px; margin: auto 30px auto 0; padding-left: 85px; position: relative; font-size: 26px; font-weight: bold; color: #0280b4; }
.nemberbox-list02 li .left-txt::before { text-align: center; padding: 7px 0; left: 0; top: 50%; transform: translateY(-50%); position: absolute; content: '\f4ad'; font-family: "Font Awesome 5 Free"; font-size: 27px; font-weight: bold; color: #fff; width: 60px; height: 60px; background: #0280b4; border-radius: 50%; }
@media only screen and (max-width: 768px) { .nemberbox-list02 li .left-txt { display: block; width: 100%; text-align: center; font-size: 22px; padding: 50px 0 15px 0; margin: 0; }
  .nemberbox-list02 li .left-txt::before { left: 50%; transform: translateX(-50%); top: 0; font-size: 17px; padding-top: 5px; width: 40px; height: 40px; } }
.nemberbox-list02 li .pen { line-height: 2; color: #5bb402; }
.nemberbox-list02 li .pen::before { content: '\f304'; background: #5bb402; }
.nemberbox-list02 li .pen::after { text-align: center; content: '任意'; font-size: 16px; font-weight: bold; color: #fff; background: #5bb402; position: absolute; top: -33px; left: -40px; border-radius: 5px 0 5px 0; width: 92px; height: 30px; }
@media only screen and (max-width: 768px) { .nemberbox-list02 li .pen::after { top: -21px; left: -11px; } }
@media only screen and (max-width: 768px) { .nemberbox-list02 li .pen::after { width: 70px; height: 22px; font-size: 12px; } }
.nemberbox-list02 li .clipboard-check::before { content: '\f46c'; }
.nemberbox-list02 li .user-friends::before { content: '\f500'; }
.nemberbox-list02 li .comments-icon::before { content: '\f086'; }
.nemberbox-list02 li .right-txt { margin: auto 0px; width: 570px; }
.nemberbox-list02 li .right-txt a { text-decoration: underline; }
.nemberbox-list02 li .right-txt a::before { text-decoration: none; content: '\f138'; margin-right: 10px; font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #0280b4; }
@media only screen and (max-width: 768px) { .nemberbox-list02 li .right-txt { display: block; width: 100%; text-align: center; font-size: 14px; padding: 0; margin: 0; } }
@media only screen and (max-width: 768px) { .nemberbox-list02 { margin-bottom: 20px; }
  .nemberbox-list02 li { display: block; padding: 20px 10px 30px; } }

.option-box { display: flex; }
.option-box li { text-align: center; }
.option-box li:first-child { padding-right: 74px; width: 33%; }
@media only screen and (max-width: 768px) { .option-box li:first-child { padding-right: 0; } }
.option-box li:nth-child(2) { width: 39%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.option-box li:last-child { padding-left: 67px; width: 29%; }
.option-box li:last-child span { padding-top: 80px; }
@media only screen and (max-width: 768px) { .option-box li:last-child { padding-right: 0; }
  .option-box li:last-child span { padding-top: 50px; } }
.option-box li span { display: block; letter-spacing: .12em; margin-bottom: 17px; padding-top: 106px; position: relative; font-weight: 600; font-size: 28px; }
.option-box li span::before { padding-top: 2px; text-align: center; color: #fff; font-size: 27px; font-weight: 600; font-family: "Font Awesome 5 Free"; top: 0; left: 50%; transform: translateX(-50%); position: absolute; content: '\f6ff'; margin-right: 18px; width: 58px; height: 58px; border-radius: 50%; background: #0280b4; }
@media only screen and (max-width: 768px) { .option-box li span { font-size: 16px; padding-top: 60px; }
  .option-box li span::before { padding-top: 0px; width: 30px; height: 30px; font-size: 15px; } }
.option-box li .network-icon { color: #0280b4; }
.option-box li .resreach-icon { color: #b40254; }
.option-box li .resreach-icon::before { content: '\f4c4'; background: #b40254; }
.option-box li .skill-icon { color: #5bb402; }
.option-box li .skill-icon::before { content: '\f303'; background: #5bb402; }
@media only screen and (max-width: 768px) { .option-box li:first-child { padding-right: 0; width: 33.33%; }
  .option-box li:nth-child(2) { width: 33.33%; }
  .option-box li:last-child { padding-left: 0; width: 33.33%; }
  .option-box li:last-child span { padding-top: 50px; } }
@media only screen and (max-width: 480px) { .option-box { display: block; }
  .option-box li:first-child { width: 100%; padding-right: 0; }
  .option-box li:last-child { padding-left: 0; width: 100%; padding-top: 10px; }
  .option-box li:last-child span { padding-top: 45px; }
  .option-box li:nth-child(2) { width: 100%; padding-top: 10px; border-left: none; border-right: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
  .option-box li span { margin-bottom: 0; font-size: 20px; padding-top: 45px; }
  .option-box li span::before { font-size: 19px; width: 45px; height: 45px; padding-top: 3px; } }

.num-list02 { counter-reset: num 0; }
.num-list02 > li { padding: 20px 17px 20px 43px; position: relative; font-weight: bold; border-top: 1px solid #ddd; line-height: 2; font-size: 16px; }
.num-list02 > li:before { counter-increment: num 1; content: counter(num) "."; position: absolute; left: 14px; top: 14px; color: #0280b4; font-size: 22px; font-family: "Nunito", sans-serif; font-weight: bold; }
.num-list02 > li:last-child { margin-bottom: 0px; border-bottom: 1px solid #ddd; }
@media only screen and (max-width: 768px) { .num-list02 > li { line-height: 1.5; } }

.support-contain .links { background: #5bb402; }
.support-contain .links .button02 { background: #5bb402; }
.support-contain .links .button02:hover { background: #fff; color: #5bb402; box-shadow: 0 0 0 1px #5bb402 inset; }
.support-contain span { color: #5bb402; }
.support-contain span::before { background: #5bb402; }

.head-form span:last-child { font-weight: 600; font-size: 18px; }
.head-form .span-redbox { margin-right: 0px; }

.toptext { display: inline-flex; }
.toptext .left-img { position: relative; width: 160px; float: left; margin: auto 0; }
.toptext .left-img img { width: 145px; z-index: -1; float: left; }
.toptext .left-img span { letter-spacing: .12em; top: 50%; left: 9%; transform: translateY(-50%); position: absolute; z-index: 2; color: #0280B4; font-weight: 600; }
@media only screen and (max-width: 768px) { .toptext .left-img span { left: 18%; } }

.networking-contain { min-height: 350px; overflow: hidden; margin-top: 30px; }
.networking-contain .img-wrap { width: 460px; border-radius: 10px; }
.networking-contain .img-wrap img { width: 460px; }
.networking-contain .text-wrap { width: calc(100% - 510px); }
.networking-contain .text-wrap .links { width: 300px; display: inline-grid; height: 70px; border-radius: 6px; text-align: center; vertical-align: middle; }
.networking-contain .text-wrap .links a { color: #fff; font-size: 18px; padding: 20px; text-decoration: none; }

.icon-list li { border-top: 1px solid #ddd; line-height: 2; padding: 21px 0; font-weight: bold; padding-left: 15px; }
.icon-list li p { display: flex; }
.icon-list li p::before { margin-right: 10px; content: '\f00c'; font-size: 16px; font-family: "Font Awesome 5 Free"; color: #0280b4; }
.icon-list li:last-child { border-bottom: 1px solid #ddd; }

.question-box { border-top: 1px solid #ddd; padding: 18px 15px 20px 15px; }
.question-box p { font-size: 16px; }
.question-box .question { position: relative; margin-bottom: 15px; padding-left: 28px; font-size: 16px; font-weight: bold; }
.question-box .question::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: 'Q'; font-family: "Nunito", sans-serif; font-size: 22px; font-weight: bold; color: #0280b4; }
.question-box:last-child { border-bottom: 1px solid #ddd; }

.gray-box { background: #F5F5F5; border-radius: 5px; }
.gray-box div { padding: 20px 30px; }
.gray-box div p { line-height: 2.5; font-size: 15px; }
.gray-box div p::before { line-height: 1.8; margin-right: 10px; content: '※'; font-size: 15px; }
.gray-box div a { margin-left: 21px; text-decoration: underline; }
.gray-box div a::before { text-decoration: none; content: '\f138'; margin-right: 10px; font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #0280b4; }
.gray-box span { font-size: 15px; padding: 30px; display: block; }
@media only screen and (max-width: 768px) { .gray-box span { padding: 20px; } }

.color-box { margin-bottom: 17px; }
.color-box p { font-size: 18px; margin-bottom: 7px; line-height: 2; letter-spacing: .06em; }
.color-box a { text-decoration: underline; color: #0280b4; }

.midde-contain { background: #fbf8ea; border-radius: 10px; margin-bottom: 82px; }
.midde-contain .bg-box { padding: 40px 40px 35px 40px; }
.midde-contain .bg-box span { letter-spacing: .12em; font-weight: 600; font-size: 20px; color: #0280B4; }
.midde-contain .adjust-box { padding: 30px 40px; display: flex; }
.midde-contain .adjust-box .left-span { margin: auto 45px auto 0; position: relative; }
.midde-contain .adjust-box .left-span span { letter-spacing: .12em; font-weight: 600; font-size: 30px; color: #0280B4; }
.midde-contain .adjust-box .left-span:after { padding-left: 7px; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); content: '='; font-weight: 600; font-size: 30px; color: #0280B4; }
.midde-contain .adjust-box .right-span span { letter-spacing: .06em; line-height: 2; font-size: 20px; font-weight: 600; }
@media only screen and (max-width: 480px) { .midde-contain .adjust-box { padding: 10px; display: block; }
  .midde-contain .adjust-box .left-span, .midde-contain .adjust-box .right-span { width: 100%; }
  .midde-contain .adjust-box .left-span { margin-bottom: 5px; }
  .midde-contain .adjust-box .left-span span { font-size: 15px; }
  .midde-contain .adjust-box .left-span:after { font-size: 15px; left: auto; }
  .midde-contain .adjust-box .right-span { text-align: center; }
  .midde-contain .adjust-box .right-span span { font-size: 10px; } }

.feature-contain { margin-bottom: 60px; position: relative; padding: 50px 120px; border: 4px solid #0280B4; border-radius: 10px; width: 100%; background: #FBF8EA; }
.feature-contain:before, .feature-contain:after { content: " "; display: table; }
.feature-contain:after { clear: both; }
@media only screen and (max-width: 768px) { .feature-contain { padding: 30px 45px; } }
@media only screen and (max-width: 480px) { .feature-contain { padding: 30px 25px; } }
.feature-contain span { font-weight: 600; font-size: 20px; color: #0280B4; }
.feature-contain .last-content { font-size: 22px; z-index: 1; font-weight: 600; line-height: 1.8; }
@media only screen and (max-width: 768px) { .feature-contain .last-content { font-size: 16px; } }
@media only screen and (max-width: 480px) { .feature-contain .last-content { font-size: 14px; } }
.feature-contain img { position: absolute; width: 33.75px; height: 32.27px; top: 16%; }
@media only screen and (max-width: 768px) { .feature-contain img { width: 23.75px; height: 21.27px; top: 13%; } }
@media only screen and (max-width: 480px) { .feature-contain img { width: 13.75px; height: 12.27px; } }
.feature-contain .img-left { left: 8%; }
@media only screen and (max-width: 768px) { .feature-contain .img-left { left: 3%; } }
.feature-contain .img-right { right: 8%; }
@media only screen and (max-width: 768px) { .feature-contain .img-right { right: 3%; } }

.blue-border, .red-border { border: 2px solid #0280b4; }
.blue-border p span, .red-border p span { color: #0280b4; }
.blue-border p span:first-child, .red-border p span:first-child { font-size: 30px; font-weight: bold; }
.blue-border p:first-child, .red-border p:first-child { text-align: center; }
.blue-border p:last-child, .red-border p:last-child { font-weight: normal; }

.red-border { border: 2px solid #b40254; }
.red-border p span { color: #b40254; }

.red-txt { border: 2px solid #b40254; color: #b40254; }

.blue-txt { border: 2px solid #0280b4; color: #0280b4; }

.common-txt .head-box { border-radius: 10px 10px 0 0; width: 100%; text-align: center; }
.common-txt .head-box p { color: #fff; padding: 22px 0; letter-spacing: .04em; line-height: 1.5; font-size: 22px; font-weight: 600; }
@media only screen and (max-width: 768px) { .common-txt .head-box p { font-size: 20px; padding: 20px 0; } }
.common-txt .head-box span { margin-left: 60px; padding: 30px 0; color: #fff; position: relative; display: inline-block; font-size: 22px; font-weight: 600; }
.common-txt .head-box span::before { padding: 10px; left: -56px; top: 50%; transform: translateY(-50%); position: absolute; content: '\f4ad'; font-family: "Font Awesome 5 Free"; font-size: 19px; font-weight: bold; color: #b40254; margin-right: 15px; width: 40px; height: 40px; background: #fff; border-radius: 50%; }
@media only screen and (max-width: 768px) { .common-txt .head-box span { font-size: 20px; padding: 20px 0; } }
.common-txt .head-box .heart-holding::before { content: '\f4be'; }
.common-txt .head-box .hotel::before { content: '\f594'; }
.common-txt .head-box .red-icon::before { color: #0280b4; }
.common-txt .txt-content { border-radius: 0 0 10px 10px; font-size: 15px; font-weight: 600; background: #fff; margin-bottom: 20px; }
.common-txt .txt-content div { padding: 23px 35px 10px 38px; }
.common-txt .txt-content div p { line-height: 2; margin-bottom: 18px; }
@media only screen and (max-width: 768px) { .common-txt .txt-content div { padding: 0; } }
@media only screen and (max-width: 768px) { .common-txt .txt-content { padding: 23px 20px 0 20px; } }

.overflow-table { width: 100%; }
.overflow-table .swipe { display: none; }
@media only screen and (max-width: 768px) { .overflow-table { overflow-x: auto; overflow-x: scroll; position: relative; }
  .overflow-table table { min-width: 768px; }
  .overflow-table table th, .overflow-table table td { width: auto !important; }
  .overflow-table .swipe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; display: block; width: 80px; height: 80px; background: url(../img/swipe.png) no-repeat scroll 0px 0px transparent; background-size: 80px 80px; }
  .overflow-table .swipe.swiping { opacity: 0; }
  .overflow-table .swipe.-large-table { top: 200px; } }

.-red { border: 2px solid #b40254; background: #b40254; }

.-blue { border: 2px solid #0280b4; background: #0280b4; }

.text-content::after { width: 205px; height: 36px; background: url("../img/down-arrow.png") no-repeat bottom/cover; margin: 0 auto 15px auto; }

.green-box { background: #5bb402; border-radius: 10px; text-align: center; }
.green-box span { display: block; color: #fff; font-size: 18px; font-weight: 600; padding: 46px 40px; }
@media only screen and (max-width: 768px) { .green-box span { padding: 22px 20px; } }

.network-comment { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; display: flex; position: relative; }
.network-comment .comment-girl, .network-comment .comment-boy { font-weight: bold; width: 855px; padding: 25px; border-radius: 10px; }
@media only screen and (max-width: 768px) { .network-comment .comment-girl, .network-comment .comment-boy { padding: 15px; } }
.network-comment .comment-boy { margin-right: 145px; }
@media only screen and (max-width: 768px) { .network-comment .comment-boy { margin-right: 75px; } }
.network-comment .comment-girl { margin-left: 145px; background: #F5F5F5; }
@media only screen and (max-width: 768px) { .network-comment .comment-girl { margin-left: 65px; } }
.network-comment .picture { bottom: 0; width: 95px; }
@media only screen and (max-width: 768px) { .network-comment .picture { width: 55px; } }
.network-comment .picture-boy { position: absolute; right: 15px; bottom: 0; }
.network-comment .picture-girl { position: absolute; left: 3px; bottom: 8px; }

.u-text { padding-left: 10px; line-height: 1.7; letter-spacing: .12em; font-weight: bold; font-size: 32px; background: linear-gradient(transparent 70%, #fef8b1 0%); display: inline; }
@media only screen and (max-width: 768px) { .u-text { font-size: 20px; } }

.text { margin-bottom: 42px; }

.span-text { letter-spacing: .12em; font-size: 22px; font-weight: 600; }
.span-text::before { content: ''; border: 3px solid #0280b4; border-radius: 50%; width: 22px; height: 22px; margin-right: 10px; }

.training-step { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; display: flex; margin-bottom: 27px; }
.training-step .step-box { width: 220px; }
.training-step .step-box:not(:last-child) { margin-right: 40px; }
.training-step .step-box .box-border { margin-bottom: 10px; min-height: 208px; background: #fbf8ea; text-align: center; }
.training-step .step-box .box-border p { font-size: 12px; padding-left: 20px; text-align: left; }
.training-step .step-box .box-border .alignment { padding-top: 30px; padding-bottom: 10px; }
.training-step .step-box .box-border span { font-weight: 600; }
.training-step .step-box .box-border span:first-child { font-size: 15px; color: #0280b4; }
.training-step .step-box .box-border span:last-child { font-size: 20px; }
.training-step .step-box .bottom-box p { font-size: 14px; position: relative; padding-left: 20px; line-height: 1.7; letter-spacing: .02em; }
.training-step .step-box .bottom-box p::before { content: '※'; font-weight: 600; color: #0280b4; position: absolute; left: 0; top: 0; font-size: 14px; line-height: inherit; }
@media only screen and (max-width: 768px) { .training-step .step-box { width: calc(49% - 40px) !important; margin-right: 2%; }
  .training-step .step-box:nth-child(2n) { margin-right: 0; } }
@media only screen and (max-width: 480px) { .training-step .step-box { width: 100% !important; margin-right: 0 !important; padding-bottom: 50px; margin-bottom: 30px; } }
.training-step .arrow { position: relative; }
.training-step .arrow::after { margin-left: 10px; position: absolute; top: 107px; transform: translateY(-50%); left: 100%; content: ''; background: url("../img/right-arrow.png") no-repeat right/cover; width: 20px; height: 103px; }
@media only screen and (max-width: 480px) { .training-step .arrow::after { transform: rotate(90deg); top: 79%; left: 50%; margin: 0; } }

.blue-mark { font-size: 14px; }
.blue-mark span { color: #0280b4; }

.table03 th, .table03 td { letter-spacing: .032em; }
.table03 th { height: 50px; }
.table03 th:first-child { width: 210px; }
@media only screen and (max-width: 768px) { .table03 th:first-child { width: 180px !important; } }
.table03 th:not(:first-child) { text-align: center; width: 396px; }

.training-list li { font-size: 16px; font-weight: 600; }

.inner-container { padding: 0 50px; }

.smaller-container { padding: 0 110px; margin-bottom: 120px; }
@media only screen and (max-width: 768px) { .smaller-container { padding: 0; margin-bottom: 50px; } }

.practical-content { width: 100%; }

.span-graybox, .span-redbox { position: relative; padding-left: 65px; display: block; }
.span-graybox::before, .span-redbox::before { top: 50%; transform: translateY(-50%); left: 0; position: absolute; content: '必須'; font-size: 12px; font-weight: 600; color: #fff; background: #b40202; margin-right: 15px; width: 54px; height: 22px; padding: 2px 0; text-align: center; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; display: flex; }

.span-graybox:before { content: '任意'; background: #ededed; color: #6c6c6c; }

.table02.-form th { width: 340px; }
.table02.-form th span { font-size: 18px; }
.table02.-form td select { color: #333; border: 1px solid #ddd; border-radius: 3px; display: inline-block; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; box-sizing: border-box; width: 250px; height: 45px; background-image: url("../img/select-arrow.png"); background-position: calc(100% - 1.5rem), 100% 0; background-size: 9px 11px; background-repeat: no-repeat; cursor: pointer; }
.table02.-form td select:focus { border-color: #0280b4; outline: 0; }
.table02.-form td input[type=text] { width: 390px; height: 45px; border-radius: 3px; padding-left: 10px; }
.table02.-form td input[type=text]::placeholder { color: #c4c4c4; }
@media only screen and (max-width: 768px) { .table02.-form td input[type=text] { width: 100%; height: 40px; } }
.table02.-form td input[type=checkbox] + label, .table02.-form td input[type=radio] + label { width: 390px; position: relative; letter-spacing: 0; position: relative; padding-left: 35px; cursor: pointer; }
.table02.-form td input[type=checkbox] + label::before, .table02.-form td input[type=radio] + label::before { cursor: pointer; content: ''; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; }
.table02.-form td input[type=radio] + label:before { border-radius: 50%; }
.table02.-form td input[type=checkbox], .table02.-form td input[type=radio] { display: none; }
.table02.-form td input[type=checkbox]:checked + label:before, .table02.-form td input[type=radio]:checked + label:before { content: ''; height: 20px; width: 20px; }
.table02.-form td input[type=radio]:checked + label:before { border: 5px solid #0280b4; border-radius: 50%; }
.table02.-form td input[type=checkbox]:checked + label:before { background: url("../img/checkbox.png") no-repeat center/cover #ddd; background-size: 13px 10px; }
.table02.-form td textarea { margin-top: 15px; width: 390px; height: 110px; resize: none; }
@media only screen and (max-width: 768px) { .table02.-form td textarea { width: 100%; } }
.table02.-form td:not(:last-child) { margin-bottom: 10px; }
@media only screen and (max-width: 768px) { .table02.-form td { width: 100%; } }

.menu-info { width: calc(100% + 20px); margin-bottom: 30px; }
.menu-info:before, .menu-info:after { content: " "; display: table; }
.menu-info:after { clear: both; }
.menu-info li { float: left; border-radius: 3px; margin-right: 20px; width: calc((100% / 6) - 20px); height: 46px; }
.menu-info li a { display: block; width: 100%; height: 100%; color: #fff; font-weight: 600; padding: 5px; line-height: 2.3; text-decoration: none; text-align: center; }
@media only screen and (max-width: 768px) { .menu-info { width: calc(100% + 15px); }
  .menu-info li { width: calc(25% - 15px); margin: 0 15px 10px 0; }
  .menu-info li a { padding: 9px; } }
@media only screen and (max-width: 480px) { .menu-info { width: calc(100% + 15px); }
  .menu-info li { width: calc(50% - 15px); } }

.info-list { margin-bottom: 80px; }
.info-list > li { padding: 19px 0; border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 768px) { .info-list { margin-bottom: 40px; }
  .info-list > li { padding: 10px 0; } }

.bottom-head { font-size: 28px; font-weight: 600; }
.bottom-head p { letter-spacing: .12em; }

.all-link a { background: #a31212; transition: .3s; border-radius: 3px; }
.all-link a:hover, .all-link a.current { color: #a31212; box-shadow: 0 0 0 1px #a31212 inset; background: #fff; }

.news-link a { background: #0280B4; transition: .3s; border-radius: 3px; }
.news-link a:hover, .news-link a.current { color: #0280B4; box-shadow: 0 0 0 1px #0280B4 inset; background: #fff; }

.info-link a { background: #5BB402; transition: .3s; border-radius: 3px; }
.info-link a:hover, .info-link a.current { color: #5BB402; box-shadow: 0 0 0 1px #5BB402 inset; background: #fff; }

.activity-link a { background: #b40254; transition: .3s; border-radius: 3px; }
.activity-link a:hover, .activity-link a.current { color: #b40254; box-shadow: 0 0 0 1px #b40254 inset; background: #fff; }

.house-link a { background: #2053A5; transition: .3s; border-radius: 3px; }
.house-link a:hover, .house-link a.current { color: #2053A5; box-shadow: 0 0 0 1px #2053A5 inset; background: #fff; }

.media-link a { background: #CE8C3F; transition: .3s; border-radius: 3px; }
.media-link a:hover, .media-link a.current { color: #CE8C3F; box-shadow: 0 0 0 1px #CE8C3F inset; background: #fff; }

.span-tag.all-link { background: #a31212; }
.span-tag.news-link, .span-tag.news { background: #0280B4; }
.span-tag.info-link, .span-tag.seminar { background: #5BB402; }
.span-tag.activity-link, .span-tag.report { background: #b40254; }
.span-tag.house-link, .span-tag.know-how { background: #2053A5; }
.span-tag.media-link, .span-tag.media-info { background: #CE8C3F; }

.info-list .span-date, .top-head .span-date { width: 75px; margin-right: 10px; font-size: 14px; font-weight: 600; }
.info-list .span-tag, .top-head .span-tag { display: inline-block; width: 80px; margin-right: 25px; text-align: center; border-radius: 2px; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; }
@media only screen and (max-width: 768px) { .info-list .span-tag, .top-head .span-tag { margin-bottom: 15px; } }
.info-list .span-content, .top-head .span-content { letter-spacing: .06em; line-height: 2; color: #333 !important; font-size: 16px; font-weight: 600; }
@media only screen and (max-width: 768px) { .info-list .span-content, .top-head .span-content { display: block; } }

.page-oder:before, .page-oder:after { content: " "; display: table; }
.page-oder:after { clear: both; }
.page-oder > a { color: #fff; background: #0280B4; }
.page-oder > a, .page-oder > span { text-decoration: none; transition: .3s; border-radius: 50%; display: inline-block; line-height: 45px; text-align: center; width: 45px; height: 45px; font-size: 22px; font-weight: bold; font-family: "Nunito", sans-serif; }
.page-oder > a:not(:last-child), .page-oder > span:not(:last-child) { margin-right: 15px; }
.page-oder > a:hover, .page-oder > span { color: #333; background: #d6d6d6; }

.news-containt { padding: 0 85px; }
@media only screen and (max-width: 768px) { .news-containt { padding: 0; } }

.news-img:before, .news-img:after { content: " "; display: table; }
.news-img:after { clear: both; }
.news-img > img { width: auto !important; height: auto !important; }
.news-img a { margin-top: 30px; float: left; text-align: left; text-decoration: underline; color: #333; font-size: 15px; }
.news-img a::before { content: ''; background: url("../img/pdf.png"); width: 11px; height: 15px; margin-right: 6px; }

/*
.top-img { position: relative; &::after { position: absolute; bottom: 0; right: 0; content: ''; background: url(../img/know1.png) no-repeat bottom/cover; background-size: 486px 99px; width: 100%; height: 100%; }
}

.bottom-img { position: relative; &::before { position: absolute; bottom: 0; left: 0; content: ''; background: url(../img/chart1.png) no-repeat left/cover; background-size: 106px 82px; width: 106px; height: 82px; } &::after { position: absolute; bottom: 0px; right: 0; content: ''; background: url(../img/know2.png) no-repeat right/cover; background-size: 465px 100px; width: 100%; height: 100px; }
}
*/
.left-knowbox { width: 486px; /*
.same-box { border-radius: 10px; text-align: center; .toptext { letter-spacing: .12em; line-height: 2.8; font: { size: 22px; weight: 600; } ; margin: 15px auto 0 auto; @media only screen and(max-width: $screen-tb) { font-size: 15px; } } .between-box { margin-bottom: 12px; p { margin: 0; &:first-child { line-height: 1; font: { size: 22px; weight: 600; } ; @media only screen and(max-width: $screen-tb) { font-size: 15px; } } } span { font: { size: 60px; weight: 600; family: $f-nun; } ; @media only screen and(max-width: $screen-tb) { font-size: 25px; } } }
}

.top-box { position: relative; border: 2px solid $primary; .toptext, span { color: $primary; } span { position: relative; &::after { position: absolute; bottom: 7px; left: 0; content: ''; background: url('../img/blue-line.png') repeat-x; width: 113px; height: 8px; } } */ }

.under-box { background: #fff; /* position: relative; border: 2px solid $secondary; .toptext, span { color: $secondary; } span { position: relative; &::after { position: absolute; bottom: 7px; left: 3px; content: ''; background: url('../img/red-line.png') repeat-x; width: 75px; height: 8px; } } */ }

.right-knowbox { width: 462px; }
.right-knowbox .chart-box p { padding: 25px 0 0 16px; font-size: 14px; font-weight: 600; }
.right-knowbox .chart-box span { font-size: 10px; width: 100%; position: relative; padding-left: 38px; }
.right-knowbox .chart-box span::after { position: absolute; left: 0; bottom: 3px; content: ''; width: 30px; height: 10px; border-radius: 8px; }
.right-knowbox .chart-box span:first-child::after { border: 1px solid #0280b4; }
.right-knowbox .chart-box span:last-child::after { background: #b40254; }

.text-box p { font-size: 12px; }
.text-box p a { position: relative; color: #0280b4; text-decoration: underline; }
.text-box p a::before { text-decoration: none; margin-right: 5px; content: '\f24d'; font-size: 12px; font-family: "Font Awesome 5 Free"; }

.arrow-down { margin-bottom: 34px; position: relative; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; display: flex; padding-bottom: 76px; }
.arrow-down:after { content: ''; background: url(../img/down-arrow.png) no-repeat bottom/cover; background-size: 205px 36px; height: 36px; width: 205px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
@media only screen and (max-width: 768px) { .arrow-down:after { background-size: 100px 20px; } }
@media only screen and (max-width: 768px) { .arrow-down { padding-bottom: 36px; } }

.situation-box { position: relative; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; display: flex; }
.situation-box .situation-left { width: 370px; }
@media only screen and (max-width: 768px) { .situation-box .situation-left { margin-bottom: 15px; width: 100%; } }
.situation-box .situation-right { width: 630px; background: #fff; }
.situation-box .situation-right div { padding: 40px 40px 20px; }
.situation-box .situation-right div p:first-child { letter-spacing: .12em; font-size: 23px; font-weight: 600; }
@media only screen and (max-width: 768px) { .situation-box .situation-right div p:first-child { font-size: 17px; } }
@media only screen and (max-width: 768px) { .situation-box .situation-right div p { font-size: 12px; } }
@media only screen and (max-width: 768px) { .situation-box .situation-right div { padding: 20px 20px 15px; } }
@media only screen and (max-width: 768px) { .situation-box .situation-right { width: 100%; } }
.situation-box .primary { border-right: 4px solid #0280b4; border-radius: 0 5px 5px 0; }
.situation-box .primary p:first-child { color: #0280b4; }
.situation-box .secondary { border-right: 4px solid #b40254; border-radius: 0 5px 5px 0; }
.situation-box .secondary p:first-child { color: #b40254; }

.age-box p { z-index: 1; position: relative; width: 100%; }
.age-box p span { z-index: 2; padding: 20px 0; text-align: center; color: #fff; display: inline-block; width: 84px; height: 84px; border-radius: 50%; background: #0280b4; font-size: 23px; font-weight: 600; }
.age-box p .age-6 { margin-left: 25px; }
.age-box p .age-12 { margin-left: 100px; }
.age-box p .age-15 { margin-left: 120px; }
.age-box p .age-18 { margin-left: 215px; }
.age-box p::before { z-index: -1; left: 0; top: 50%; transform: translateY(-50%); position: absolute; content: ''; background: url(../img/know-dot.png) left/cover; background-repeat: repeat-x; background-size: 10px; height: 12px; width: 100%; }

.blue-title { font-size: 22px; font-weight: 600; color: #0280b4; }

.blue-wrap { border: 2px solid #0280b4; border-radius: 10px; }

.time-wrap { display: flex; }
.time-wrap .midde-school { margin-right: 20px; width: 399px; }
.time-wrap .midde-school div { padding: 25px 40px; text-align: center; }
.time-wrap .midde-school div p { font-size: 13px; }
.time-wrap .midde-school div span { position: relative; letter-spacing: .04em; font-size: 17px; font-weight: 600; width: 100%; }
.time-wrap .midde-school div span::after { position: absolute; bottom: 0px; left: 0; content: ''; background: url("../img/blue-line.png") repeat-x; width: 100%; height: 3px; }
.time-wrap .night-school { margin-right: 20px; width: 136px; text-align: center; }
.time-wrap .night-school img { width: 136px; }
.time-wrap .night-school span { display: block; width: 136px; border-radius: 10px; }
.time-wrap .night-school .blue-box { margin-top: 10px; padding: 7px 25px; color: #fff; font-size: 15px; font-weight: 600; background: #0280b4; }
.time-wrap .night-school .blue-border { margin-top: 15px; padding: 20px; border: 2px solid #0280b4; color: #0280b4; }
.time-wrap .high-school { position: relative; width: 156px; padding: 50px 20px; text-align: center; }
.time-wrap .high-school p:last-child { font-size: 13px; font-weight: 600; }
.time-wrap .high-school::after { position: absolute; content: ''; background: url(../img/head-arrow.png) no-repeat right/cover; background-size: 17px 28px; display: inline-block; height: 30px; width: 35px; top: 50%; transform: translateY(-50%); right: -38px; }
.time-wrap .college-school { width: 118px; margin-left: 54px; text-align: center; }
.time-wrap .college-school div { padding-top: 20px; padding-bottom: 25px; }

footer { padding: 45px 10px 40px; }
footer:before, footer:after { content: " "; display: table; }
footer:after { clear: both; }
footer .f-left { float: left; }
footer .f-left:first-child { width: 485px; }
footer .f-left:nth-child(2) { width: 260px; }
footer .f-right { float: right; width: 250px; }
footer .logo img { width: 314px; margin-bottom: 15px; }
footer .ysc-logo img { width: 235px; margin-bottom: 15px; }
footer .tel img { max-width: 250px; }
@media only screen and (max-width: 768px) { footer { padding: 40px 0; }
  footer .f-left { width: 100% !important; }
  footer .f-right { padding-top: 0; width: 250px !important; margin: 0 auto; }
  footer .button01.-narrow, footer .-narrow.button02, footer .-narrow.button03 { padding: 8px; font-size: 14px; }
  footer .f-left, footer .f-right { text-align: center; float: none; }
  footer .logo img { width: 277px; }
  footer .ysc-logo img { width: 235px; margin-bottom: 10px; } }

.button-custom { width: 360px; }
@media only screen and (max-width: 480px) { .button-custom { width: 60%; } }

.f-nav { margin-top: -5px; }
.f-nav > li a { letter-spacing: 0; line-height: 1.8; color: #333; font-size: 14px; font-weight: bold; }
.f-nav > li .inner-list { margin-bottom: 0; }
.f-nav > li .inner-list > li > a:before { content: "-"; color: #0280b4; margin: 0 5px 0 10px; text-decoration: none; font-size: 14px; font-weight: bold; }
@media only screen and (max-width: 768px) { .f-nav { display: none; } }

.sns-list { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; display: flex; margin-bottom: 25px; }
.sns-list > li { width: 30px; height: 30px; margin: 0 15px 0 0; }
.sns-list > li > a img { transition: .2s; }
.sns-list > li > a img:hover { transform: scale(1.1); }
@media only screen and (max-width: 768px) { .sns-list { justify-content: center; margin-bottom: 25px; }
  .sns-list > li { margin: 0 7.5px; } }

.primary-txt { color: #0280b4; }

.underline { text-decoration: underline; }
.underline > i { text-decoration: none; }
.underline:hover { text-decoration: none; }

.news-details-title:empty, .news-details-image:empty, .news-details-content:empty, .news-details-pdf:empty { display: none; }

.news-details-title { margin-bottom: 15px; }

.news-details-image { margin-bottom: 55px; }

.news-details-content { margin-bottom: 40px; }

.news-details-pdf { margin-bottom: 55px; }

@media only screen and (max-width: 768px) { .news-details-title { margin-bottom: 10px; }
  .news-details-image { margin-bottom: 30px; }
  .news-details-content { margin-bottom: 20px; }
  .news-details-pdf { margin-bottom: 30px; } }

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