@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

@font-face {
  font-family: “源ノ明朝”;
  src: url(“/font/SourceHanSerif-Bold.woff”) format(“woff”), url(“/font/SourceHanSerif-Bold.otf”) format(“opentype”);
}
._sp-only {
  display: none !important;
}

._pc-only {
  display: block !important;
}

._pc {
  display: block !important;
}

._sp {
  display: none !important;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #515151;
  line-height: 1.8;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 500;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.area-nav {
  display: inline-block;
  width: 100%;
  margin-bottom: 133px;
}

.breadcrumb-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.breadcrumb-block > li {
  font-size: 11px;
  font-size: 1.1rem;
  list-style: none;
  height: 9px;
}
.breadcrumb-block > li:after {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  color: #666666;
}
.breadcrumb-block > li > a {
  color: #666666;
}
.breadcrumb-block > li:last-child {
  padding-top: 3.3px;
}
.breadcrumb-block > li:last-child:after {
  display: none;
}

.modal-main,
.modal-main-step {
  display: none;
  width: 500px;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #f8f8f8;
  color: #666666;
  border-radius: 4px;
  position: fixed;
  z-index: 1500;
}

.modal-open {
  cursor: pointer;
}

.modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.level-modal {
  border: 6px solid #DADBDC;
  padding: 20px;
  position: relative;
  border-radius: 4px;
}
.level-modal:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  font-size: 28px;
  font-size: 2.8rem;
  top: -50px;
  right: -4px;
  content: "";
  color: #fff;
}
.level-modal .title {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
}
.level-modal .text {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
}
.level-modal .note {
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
}
.level-modal dl {
  font-size: 15px;
  font-size: 1.5rem;
}
.level-modal dl > .levelname {
  font-weight: bold;
}
.level-modal dl > .description {
  margin: 0 0 20px 0;
}
.level-modal .level-unit {
  margin-bottom: 20px;
}
.level-modal .level-unit > .level-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-modal .level-unit > .level-block > .level {
  border: 1px solid #CCCCCC;
  border-right: none;
  padding-right: 5px;
  padding-left: 5px;
}
.level-modal .level-unit > .level-block > .level:last-child {
  border-right: 1px solid #CCCCCC;
}
.level-modal .level-unit > .level-block > .-applicable {
  background: #DADBDC;
}

/* =====================
  Cancellation
===================== */
.l-header html, .l-header body, .l-header div, .l-header span, .l-header applet, .l-header object, .l-header iframe,
.l-header h1, .l-header h2, .l-header h3, .l-header h4, .l-header h5, .l-header h6, .l-header p, .l-header blockquote, .l-header pre,
.l-header a, .l-header abbr, .l-header acronym, .l-header address, .l-header big, .l-header cite, .l-header code,
.l-header del, .l-header dfn, .l-header em, .l-header img, .l-header ins, .l-header kbd, .l-header q, .l-header s, .l-header samp,
.l-header small, .l-header strike, .l-header strong, .l-header sub, .l-header sup, .l-header tt, .l-header var,
.l-header b, .l-header i, .l-header u, .l-header center,
.l-header dl, .l-header dt, .l-header dd, .l-header ol, .l-header ul, .l-header li,
.l-header fieldset, .l-header form, .l-header label, .l-header legend,
.l-header table, .l-header caption, .l-header tbody, .l-header tfoot, .l-header thead, .l-header tr, .l-header th, .l-header td,
.l-header article, .l-header aside, .l-header canvas, .l-header details, .l-header embed, .l-header fieldset,
.l-header figure, .l-header figcaption, .l-header footer, .l-header header, .l-header hgroup,
.l-header menu, .l-header nav, .l-header output, .l-header ruby, .l-header section, .l-header summary,
.l-header time, .l-header mark, .l-header audio, .l-header video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: inherit;
}

/* =====================
  Header
===================== */
.l-header {
  background: #fff;
  position: relative;
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px 0px;
          box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px 0px;
  z-index: 1;
}
.l-header .header-nav {
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 0 5px;
  margin: 0 auto;
  position: relative;
}
.l-header .title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-header .title-block .logo {
  margin-right: 10px;
}
.l-header .title-block .logo > a > img {
  width: 60px;
  height: 60px;
}
.l-header h1, .l-header .catchtext {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  line-height: 1.5;
  margin: 0;
  margin-right: 30px;
  letter-spacing: inherit;
}
.l-header h1 a, .l-header .catchtext a {
  color: #281203;
  font-weight: 700;
  line-height: 1.2;
}
.l-header h1 a:hover, .l-header .catchtext a:hover {
  color: #950000;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.l-header .school-block > .school-group {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.l-header .school-block > .school-group > li {
  font-size: 21px;
  font-size: 2.1rem;
  color: #281203;
  font-weight: 700;
  font-family: serif;
  margin: 0;
  margin-right: 20px;
  line-height: 1.35;
}
.l-header .school-block > .school-group > li > span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 500;
  color: #7E7E7E;
}
.l-header .login-block > ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}
.l-header .login-block > ul > li > a {
  display: block;
  line-height: 1.35;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.l-header .login-block > ul > li > .button {
  width: 140px;
  min-width: inherit;
  min-height: inherit;
  background: #950000;
  border-radius: 4px;
  color: #fff;
  font-weight: normal;
  position: relative;
  padding: 14px 10px;
  margin-left: 5px;
  text-align: left;
  margin-bottom: 3px;
}
.l-header .login-block > ul > li > .button.button-small {
  width: 80px;
  min-height: 46px;
  font-size: 12px;
  font-size: 1.2rem;
}
.l-header .login-block > ul > li > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-header .login-block > ul > li > .button:hover {
  background: #c80000;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.l-header .login-block > ul > li > .member {
  width: 80px;
  text-align: center;
  border: 1px solid #950000;
  background: #fff;
  color: #950000;
  margin-bottom: 5px;
  padding: 3px;
  font-size: 13px;
  font-size: 1.3rem;
}
.l-header .login-block > ul > li > .member:after {
  display: none;
}
.l-header .login-block > ul > li > .member i {
  margin-right: 3px;
}
.l-header .login-block > ul > li > .member:hover {
  background: #ff9595;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.l-header .login-block > ul > li > .new {
  font-size: 12px;
  font-size: 1.2rem;
  color: #950000;
  text-align: center;
}
.l-header .global-nav {
  border-top: 1px solid #CCCCCC;
}
.l-header .global-nav > ul {
  width: 1080px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px auto 0;
  padding-bottom: 10px;
}
.l-header .global-nav > ul > li {
  -webkit-transform: skewX(165deg);
      -ms-transform: skewX(165deg);
          transform: skewX(165deg);
  display: block;
  border-left: 1px solid #CCCCCC;
  margin: 0;
}
.l-header .global-nav > ul > li:last-child {
  border-right: 1px solid #CCCCCC;
}
.l-header .global-nav > ul > li > a {
  display: block;
  text-align: center;
  line-height: 1.35;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #281203;
  letter-spacing: 0.1em;
  -webkit-transform: skewX(-165deg);
      -ms-transform: skewX(-165deg);
          transform: skewX(-165deg);
  padding: 0 30px;
}
.l-header .global-nav > ul > li > a:hover {
  color: #950000;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.l-header .global-nav > ul > li > a > span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
  letter-spacing: 0.25em;
}
.l-header .global-nav > ul > li > .nav_infomations:after,
.l-header .global-nav > ul > li > .nav_searchtheme:after,
.l-header .global-nav > ul > li > .nav_location:after,
.l-header .global-nav > ul > li > .nav_curricula:after,
.l-header .global-nav > ul > li > .nav_teachers:after,
.l-header .global-nav > ul > li > .nav_shop:after,
.l-header .global-nav > ul > li > .nav_trial:after {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #BEA870;
  letter-spacing: 0.25em;
}
.l-header .global-nav > ul > li > .nav_infomations:after {
  content: "Information";
}
.l-header .global-nav > ul > li > .nav_searchtheme:after {
  content: "Curriculum";
}
.l-header .global-nav > ul > li > .nav_location:after {
  content: "School";
}
.l-header .global-nav > ul > li > .nav_curricula:after {
  content: "Application";
}
.l-header .global-nav > ul > li > .nav_teachers:after {
  content: "Educator";
}
.l-header .global-nav > ul > li > .nav_shop:after {
  content: "OnlineShop";
}
.l-header .global-nav > ul > li > .nav_trial:after {
  content: "Trial";
}
.l-header .sub-nav {
  position: absolute;
  z-index: 9999;
  top: 3px;
  right: 0;
}
.l-header .sub-nav > ul {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-header .sub-nav > ul > li {
  border-left: 1px solid #CCCCCC;
  font-size: 10px;
  font-size: 1rem;
  padding: 0 10px;
}
.l-header .sub-nav > ul > li > a {
  color: #281203;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 400;
}
.l-header .sub-nav > ul > li > a:hover {
  color: #950000;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.l-header .sub-nav > ul > li:first-child {
  border: none;
}
.l-header .sub-nav > ul > li:last-child {
  padding-right: 0;
}

/* =====================
  Footer
===================== */
.l-footer a {
  color: rgba(255, 255, 255, 0.6);
}
.l-footer > .footer-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
.l-footer > .footer-unit.-first {
  min-width: 1060px;
  margin-top: 80px;
  background: #281203;
}
.l-footer > .footer-unit.-first > .social-unit {
  width: 274px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 62px;
}
.l-footer > .footer-unit.-first > .social-unit a {
  display: block;
}
.l-footer > .footer-unit.-first > .social-unit > .child-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.l-footer > .footer-unit.-first > .social-unit > .child-group > a > i {
  font-size: 30px;
  font-size: 3rem;
  padding-right: 30px;
}
.l-footer > .footer-unit.-first > .social-unit > .companylogo img {
  display: block;
  max-height: auto;
  max-width: 274px;
  display: block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.l-footer > .footer-unit > .school-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 786px;
}
.l-footer > .footer-unit > .school-group > .school-unit {
  display: block;
  width: 330px;
  margin-bottom: 30px;
  margin-right: 62px;
  position: relative;
}
.l-footer > .footer-unit > .school-group > .school-unit > .schoolname:after {
  content: "";
  padding: 1rem;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
  color: rgba(255, 255, 255, 0.6);
  top: 0;
  right: 0;
}
.l-footer > .footer-unit > .school-group > .school-unit > .address,
.l-footer > .footer-unit > .school-group > .school-unit > .tell {
  font-size: 10px;
  font-size: 1rem;
}
.l-footer > .footer-unit.-second {
  background: #1B0C00;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: 　column;
          flex-direction: 　column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 810px;
}
.l-footer > .footer-unit.-second > .nav-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.l-footer > .footer-unit.-second > .nav-group > ul {
  font-size: 12px;
  font-size: 1.2rem;
  width: 240px;
  list-style: none;
}
.l-footer > .footer-unit.-second > .nav-group > ul > li {
  line-height: 2;
}
.l-footer > .footer-unit.-second > .nav-group > ul > li:before {
  content: "";
  padding: 1rem;
  font-family: "Ionicons";
  font-size: 10px;
  font-size: 1rem;
  content: "";
  color: rgba(255, 255, 255, 0.6);
  top: 0;
  right: 0;
}
.l-footer > .nav-group.-small._noborder {
  margin: 0;
  padding-top: 0;
}
.l-footer > .footer-unit.-second > .copyright {
  margin-top: 50px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  width: 100%;
}
.l-footer > .footer-unit.-second > .grouplogo > a > img {
  display: block;
  max-height: 44px;
  max-width: 200px;
  display: block;
  vertical-align: top;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

/* =====================
  Sub page SP only
===================== */
.othercourse-box {
  display: none;
}

/* =====================
  SearchTheme's Unit
===================== */
.page-search_theme_type_c .description-block > .area-block > .area-label:before, .page-search_theme_type_a .description-block > .area-block > .area-label:before,
.page-search_theme_type_b .description-block > .area-block > .area-label:before,
.page-search_theme_type_d .description-block > .area-block > .area-label:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.page-search_theme_type_c .description-block > .area-block > .-aoyama.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-aoyama.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-aoyama.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-aoyama.area-label:before {
  color: #4072C1;
}
.page-search_theme_type_c .description-block > .area-block > .-ginza.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-ginza.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-ginza.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-ginza.area-label:before {
  color: #CCCCCC;
}
.page-search_theme_type_c .description-block > .area-block > .-shinjuku.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-shinjuku.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-shinjuku.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-shinjuku.area-label:before {
  color: #D99600;
}
.page-search_theme_type_c .description-block > .area-block > .-osaka.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-osaka.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-osaka.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-osaka.area-label:before {
  color: #950000;
}
.page-search_theme_type_c .description-block > .area-block > .-nagoya.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-nagoya.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-nagoya.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-nagoya.area-label:before {
  color: #010035;
}
.page-search_theme_type_c .description-block > .area-block > .-restaurant.area-label:before, .page-search_theme_type_a .description-block > .area-block > .-restaurant.area-label:before,
.page-search_theme_type_b .description-block > .area-block > .-restaurant.area-label:before,
.page-search_theme_type_d .description-block > .area-block > .-restaurant.area-label:before {
  color: #CCCCCC;
  content: "";
}

.page-search_theme_type_c .description-block > .level-unit, .page-search_theme_type_a .description-block > .level-unit,
.page-search_theme_type_b .description-block > .level-unit,
.page-search_theme_type_d .description-block > .level-unit {
  margin-bottom: 20px;
}
.page-search_theme_type_c .description-block > .level-unit > .level-block, .page-search_theme_type_a .description-block > .level-unit > .level-block,
.page-search_theme_type_b .description-block > .level-unit > .level-block,
.page-search_theme_type_d .description-block > .level-unit > .level-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.page-search_theme_type_c .description-block > .level-unit > .level-block > .level, .page-search_theme_type_a .description-block > .level-unit > .level-block > .level,
.page-search_theme_type_b .description-block > .level-unit > .level-block > .level,
.page-search_theme_type_d .description-block > .level-unit > .level-block > .level {
  border: 1px solid #CCCCCC;
  border-right: none;
  padding-right: 5px;
  padding-left: 5px;
}
.page-search_theme_type_c .description-block > .level-unit > .level-block > .level:last-child, .page-search_theme_type_a .description-block > .level-unit > .level-block > .level:last-child,
.page-search_theme_type_b .description-block > .level-unit > .level-block > .level:last-child,
.page-search_theme_type_d .description-block > .level-unit > .level-block > .level:last-child {
  border-right: 1px solid #CCCCCC;
}
.page-search_theme_type_c .description-block > .level-unit > .level-block > .-applicable, .page-search_theme_type_a .description-block > .level-unit > .level-block > .-applicable,
.page-search_theme_type_b .description-block > .level-unit > .level-block > .-applicable,
.page-search_theme_type_d .description-block > .level-unit > .level-block > .-applicable {
  background: #DADBDC;
}
.page-search_theme_type_c .description-block > .level-unit > .levelname:after, .page-search_theme_type_a .description-block > .level-unit > .levelname:after,
.page-search_theme_type_b .description-block > .level-unit > .levelname:after,
.page-search_theme_type_d .description-block > .level-unit > .levelname:after {
  display: inline-block;
  font-family: "Ionicons";
  font-size: 1.2em;
  padding-left: 5px;
  padding-right: 2px;
  content: "";
  position: relative;
  z-index: 9;
}

/* =====================
  TypeA, TypeB, TypeC
===================== */
.page-course_list .westtaisaku-title, .page-course_list .nijisiken-title, .page-course_list .step1-title, .page-course_list .reasons-title, .page-course_list .trial-title, .page-course_list .theme-title, .dir-search_theme.-theme22 .theme-title, .dir-search_theme.-theme21 .theme-title, .dir-search_theme.-theme20 .theme-title, .dir-search_theme.-theme19 .theme-title, .dir-search_theme.-theme18 .theme-title, .dir-search_theme.-theme17 .theme-title, .dir-search_theme.-theme16 .theme-title, .dir-search_theme.-theme15 .theme-title, .dir-search_theme.-theme14 .theme-title, .dir-search_theme.-theme13 .theme-title, .dir-search_theme.-theme12 .theme-title, .dir-search_theme.-theme11 .theme-title, .dir-search_theme.-theme10 .theme-title, .dir-search_theme.-theme9 .theme-title, .dir-search_theme.-theme8 .theme-title, .dir-search_theme.-theme7 .theme-title, .dir-search_theme.-theme6 .theme-title, .dir-search_theme.-theme5 .theme-title, .dir-search_theme.-theme4 .theme-title, .dir-search_theme.-theme3 .theme-title, .dir-search_theme.-theme2 .theme-title, .dir-search_theme.-theme1 .theme-title, .dir-search_theme .theme-title {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
  min-height: 250px;
}
.page-course_list .westtaisaku-title:before, .page-course_list .nijisiken-title:before, .page-course_list .step1-title:before, .page-course_list .reasons-title:before, .page-course_list .trial-title:before, .page-course_list .theme-title:before, .dir-search_theme.-theme22 .theme-title:before, .dir-search_theme.-theme21 .theme-title:before, .dir-search_theme.-theme20 .theme-title:before, .dir-search_theme.-theme19 .theme-title:before, .dir-search_theme.-theme18 .theme-title:before, .dir-search_theme.-theme17 .theme-title:before, .dir-search_theme.-theme16 .theme-title:before, .dir-search_theme.-theme15 .theme-title:before, .dir-search_theme.-theme14 .theme-title:before, .dir-search_theme.-theme13 .theme-title:before, .dir-search_theme.-theme12 .theme-title:before, .dir-search_theme.-theme11 .theme-title:before, .dir-search_theme.-theme10 .theme-title:before, .dir-search_theme.-theme9 .theme-title:before, .dir-search_theme.-theme8 .theme-title:before, .dir-search_theme.-theme7 .theme-title:before, .dir-search_theme.-theme6 .theme-title:before, .dir-search_theme.-theme5 .theme-title:before, .dir-search_theme.-theme4 .theme-title:before, .dir-search_theme.-theme3 .theme-title:before, .dir-search_theme.-theme2 .theme-title:before, .dir-search_theme.-theme1 .theme-title:before, .dir-search_theme .theme-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.85);
  width: 700px;
  height: 100%;
  z-index: 0;
}
.page-course_list .westtaisaku-title > nav > .breadcrumb-block, .page-course_list .nijisiken-title > nav > .breadcrumb-block, .page-course_list .step1-title > nav > .breadcrumb-block, .page-course_list .reasons-title > nav > .breadcrumb-block, .page-course_list .trial-title > nav > .breadcrumb-block, .page-course_list .theme-title > nav > .breadcrumb-block, .dir-search_theme .theme-title > nav > .breadcrumb-block {
  display: block;
  position: absolute;
  width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-course_list .westtaisaku-title > .title, .page-course_list .nijisiken-title > .title, .page-course_list .step1-title > .title, .page-course_list .reasons-title > .title, .page-course_list .trial-title > .title, .page-course_list .theme-title > .title, .dir-search_theme .theme-title > .title {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  text-align: center;
  position: relative;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.5;
}
.page-course_list .westtaisaku-title > .description, .page-course_list .nijisiken-title > .description, .page-course_list .step1-title > .description, .page-course_list .reasons-title > .description, .page-course_list .trial-title > .description, .page-course_list .theme-title > .description, .dir-search_theme .theme-title > .description {
  text-align: center;
  position: relative;
  color: #000;
  max-width: 80%;
  margin: 0 auto;
  line-height: 1.5;
}
.page-course_list .westtaisaku-title > .description > .strong, .page-course_list .nijisiken-title > .description > .strong, .page-course_list .step1-title > .description > .strong, .page-course_list .reasons-title > .description > .strong, .page-course_list .trial-title > .description > .strong, .page-course_list .theme-title > .description > .strong, .dir-search_theme .theme-title > .description > .strong {
  display: block;
  color: #950000;
  margin: 10px auto 0;
  font-weight: 700;
  line-height: 1.35;
}
.page-course_list .westtaisaku-title > .title-emblem, .page-course_list .nijisiken-title > .title-emblem, .page-course_list .step1-title > .title-emblem, .page-course_list .reasons-title > .title-emblem, .page-course_list .trial-title > .title-emblem, .page-course_list .theme-title > .title-emblem, .dir-search_theme .theme-title > .title-emblem {
  width: 700px;
  margin: 0 auto;
  position: relative;
}
.page-course_list .westtaisaku-title > .title-emblem > .body, .page-course_list .nijisiken-title > .title-emblem > .body, .page-course_list .step1-title > .title-emblem > .body, .page-course_list .reasons-title > .title-emblem > .body, .page-course_list .trial-title > .title-emblem > .body, .page-course_list .theme-title > .title-emblem > .body, .dir-search_theme .theme-title > .title-emblem > .body {
  width: 150px;
  height: 150px;
  padding-top: 35px;
  background: #950000;
  border-radius: 50%;
  border: double 5px #fff;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.35;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  position: absolute;
  top: -110px;
  left: 30px;
}
.page-course_list .westtaisaku-title > .title-emblem > .sake, .page-course_list .nijisiken-title > .title-emblem > .sake, .page-course_list .step1-title > .title-emblem > .sake, .page-course_list .reasons-title > .title-emblem > .sake, .page-course_list .trial-title > .title-emblem > .sake, .page-course_list .theme-title > .title-emblem > .sake, .dir-search_theme .theme-title > .title-emblem > .sake {
  position: absolute;
  top: -150px;
}
.page-course_list .westtaisaku-title > .title-emblem > .body > .strong, .page-course_list .nijisiken-title > .title-emblem > .body > .strong, .page-course_list .step1-title > .title-emblem > .body > .strong, .page-course_list .reasons-title > .title-emblem > .body > .strong, .page-course_list .trial-title > .title-emblem > .body > .strong, .page-course_list .theme-title > .title-emblem > .body > .strong, .dir-search_theme .theme-title > .title-emblem > .body > .strong {
  font-size: 26px;
  font-size: 2.6rem;
  color: #D99600;
  font-weight: 700;
}

.dir-search_theme .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-11.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-11.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-11.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme1 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-1.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme2 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-2.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme3 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-3.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme4 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-4.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme5 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-5.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-5.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-5.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme6 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-6.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-6.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-6.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme7 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-7.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-7.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-7.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme8 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-8.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-8.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-8.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme9 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-9.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-9.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-9.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme10 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-10.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-10.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-10.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme11 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-11.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-11.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-11.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme12 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-12.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-12.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-12.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme13 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-13.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-13.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-13.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme14 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-14.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-14.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-14.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme15 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-15.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-15.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-15.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme16 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-16.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-16.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-16.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme17 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-17.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-17.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-17.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme18 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-18.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-18.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-18.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme19 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-19.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-19.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-19.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme20 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-20.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-20.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-20.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme21 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-21.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-21.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-21.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.dir-search_theme.-theme22 .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc/bg_header-22.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc/bg_header-22.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-22.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.page-search_theme_type_a .tab-content,
.page-search_theme_type_b .tab-content,
.page-search_theme_type_c .tab-content,
.page-search_theme_type_d .tab-content {
  width: 100%;
  display: none;
  clear: both;
  overflow: hidden;
}
.page-search_theme_type_a #aoyama:checked ~ #aoyama_content,
.page-search_theme_type_a #ginza:checked ~ #ginza_content,
.page-search_theme_type_a #nagoya:checked ~ #nagoya_content,
.page-search_theme_type_a #osaka:checked ~ #osaka_content,
.page-search_theme_type_a #sakae:checked ~ #sakae_content,
.page-search_theme_type_a #shinjyuku:checked ~ #shinjyuku_content,
.page-search_theme_type_a #tokyo:checked ~ #tokyo_content,
.page-search_theme_type_a #umeda:checked ~ #umeda_content,
.page-search_theme_type_b #aoyama:checked ~ #aoyama_content,
.page-search_theme_type_b #ginza:checked ~ #ginza_content,
.page-search_theme_type_b #nagoya:checked ~ #nagoya_content,
.page-search_theme_type_b #osaka:checked ~ #osaka_content,
.page-search_theme_type_b #sakae:checked ~ #sakae_content,
.page-search_theme_type_b #shinjyuku:checked ~ #shinjyuku_content,
.page-search_theme_type_b #tokyo:checked ~ #tokyo_content,
.page-search_theme_type_b #umeda:checked ~ #umeda_content,
.page-search_theme_type_c #aoyama:checked ~ #aoyama_content,
.page-search_theme_type_c #ginza:checked ~ #ginza_content,
.page-search_theme_type_c #nagoya:checked ~ #nagoya_content,
.page-search_theme_type_c #osaka:checked ~ #osaka_content,
.page-search_theme_type_c #sakae:checked ~ #sakae_content,
.page-search_theme_type_c #shinjyuku:checked ~ #shinjyuku_content,
.page-search_theme_type_c #tokyo:checked ~ #tokyo_content,
.page-search_theme_type_c #umeda:checked ~ #umeda_content,
.page-search_theme_type_d #aoyama:checked ~ #aoyama_content,
.page-search_theme_type_d #ginza:checked ~ #ginza_content,
.page-search_theme_type_d #nagoya:checked ~ #nagoya_content,
.page-search_theme_type_d #osaka:checked ~ #osaka_content,
.page-search_theme_type_d #sakae:checked ~ #sakae_content,
.page-search_theme_type_d #shinjyuku:checked ~ #shinjyuku_content,
.page-search_theme_type_d #tokyo:checked ~ #tokyo_content,
.page-search_theme_type_d #umeda:checked ~ #umeda_content {
  display: block !important;
}
.page-search_theme_type_a .tab-group form,
.page-search_theme_type_a .tab-group_typeA,
.page-search_theme_type_b .tab-group form,
.page-search_theme_type_b .tab-group_typeA,
.page-search_theme_type_c .tab-group form,
.page-search_theme_type_c .tab-group_typeA,
.page-search_theme_type_d .tab-group form,
.page-search_theme_type_d .tab-group_typeA {
  width: 1040px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-search_theme_type_a .tab-group form input[type=radio],
.page-search_theme_type_a .tab-group_typeA input[type=radio],
.page-search_theme_type_b .tab-group form input[type=radio],
.page-search_theme_type_b .tab-group_typeA input[type=radio],
.page-search_theme_type_c .tab-group form input[type=radio],
.page-search_theme_type_c .tab-group_typeA input[type=radio],
.page-search_theme_type_d .tab-group form input[type=radio],
.page-search_theme_type_d .tab-group_typeA input[type=radio] {
  display: none;
}
.page-search_theme_type_a .tab-group form input:checked + .item-tab,
.page-search_theme_type_a .tab-group_typeA input:checked + .item-tab,
.page-search_theme_type_b .tab-group form input:checked + .item-tab,
.page-search_theme_type_b .tab-group_typeA input:checked + .item-tab,
.page-search_theme_type_c .tab-group form input:checked + .item-tab,
.page-search_theme_type_c .tab-group_typeA input:checked + .item-tab,
.page-search_theme_type_d .tab-group form input:checked + .item-tab,
.page-search_theme_type_d .tab-group_typeA input:checked + .item-tab {
  color: #f8f8f8;
  background: #281203;
}
.page-search_theme_type_a .tab-group form input:checked + .item-tab:after,
.page-search_theme_type_a .tab-group_typeA input:checked + .item-tab:after,
.page-search_theme_type_b .tab-group form input:checked + .item-tab:after,
.page-search_theme_type_b .tab-group_typeA input:checked + .item-tab:after,
.page-search_theme_type_c .tab-group form input:checked + .item-tab:after,
.page-search_theme_type_c .tab-group_typeA input:checked + .item-tab:after,
.page-search_theme_type_d .tab-group form input:checked + .item-tab:after,
.page-search_theme_type_d .tab-group_typeA input:checked + .item-tab:after {
  color: #f8f8f8;
}
.page-search_theme_type_a .tab-group form.tab-group .item-tab,
.page-search_theme_type_a .tab-group_typeA.tab-group .item-tab,
.page-search_theme_type_b .tab-group form.tab-group .item-tab,
.page-search_theme_type_b .tab-group_typeA.tab-group .item-tab,
.page-search_theme_type_c .tab-group form.tab-group .item-tab,
.page-search_theme_type_c .tab-group_typeA.tab-group .item-tab,
.page-search_theme_type_d .tab-group form.tab-group .item-tab,
.page-search_theme_type_d .tab-group_typeA.tab-group .item-tab {
  min-width: 160px;
}
.page-search_theme_type_a .item-tab,
.page-search_theme_type_b .item-tab,
.page-search_theme_type_c .item-tab,
.page-search_theme_type_d .item-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: #fff;
  min-width: 200px;
  height: 60px;
  border: 1px solid #281203;
  border-radius: 4px;
  margin: -30px 5px 30px;
  position: relative;
  z-index: 999;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #281203;
}
.page-search_theme_type_a .item-tab:after,
.page-search_theme_type_b .item-tab:after,
.page-search_theme_type_c .item-tab:after,
.page-search_theme_type_d .item-tab:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(40, 18, 3, 0.5);
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-search_theme_type_a .item-tab:hover,
.page-search_theme_type_b .item-tab:hover,
.page-search_theme_type_c .item-tab:hover,
.page-search_theme_type_d .item-tab:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_a .item-tab.-active,
.page-search_theme_type_b .item-tab.-active,
.page-search_theme_type_c .item-tab.-active,
.page-search_theme_type_d .item-tab.-active {
  background: #281203;
  color: #f8f8f8;
}
.page-search_theme_type_a .item-tab.-active:after,
.page-search_theme_type_b .item-tab.-active:after,
.page-search_theme_type_c .item-tab.-active:after,
.page-search_theme_type_d .item-tab.-active:after {
  color: rgba(248, 248, 248, 0.5);
}
.page-search_theme_type_a .course-select,
.page-search_theme_type_b .course-select,
.page-search_theme_type_c .course-select,
.page-search_theme_type_d .course-select {
  width: 480px;
  margin: 20px auto;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
.page-search_theme_type_a .course-select:after,
.page-search_theme_type_b .course-select:after,
.page-search_theme_type_c .course-select:after,
.page-search_theme_type_d .course-select:after {
  display: block;
  position: absolute;
  font-family: "Ionicons";
  content: "";
  font-size: 16px;
  font-size: 1.6rem;
  top: 20px;
  right: 20px;
}
.page-search_theme_type_a .course-select > select,
.page-search_theme_type_b .course-select > select,
.page-search_theme_type_c .course-select > select,
.page-search_theme_type_d .course-select > select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  border: 1px solid #DADBDC;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
  border-radius: 4px;
}
.page-search_theme_type_a .course-select > select::-ms-expand,
.page-search_theme_type_b .course-select > select::-ms-expand,
.page-search_theme_type_c .course-select > select::-ms-expand,
.page-search_theme_type_d .course-select > select::-ms-expand {
  display: none;
}
.page-search_theme_type_a .course-select + .notes,
.page-search_theme_type_b .course-select + .notes,
.page-search_theme_type_c .course-select + .notes,
.page-search_theme_type_d .course-select + .notes {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.page-search_theme_type_a .course-select + .notes .textsmall,
.page-search_theme_type_b .course-select + .notes .textsmall,
.page-search_theme_type_c .course-select + .notes .textsmall,
.page-search_theme_type_d .course-select + .notes .textsmall {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.page-search_theme_type_a .tab-group .item-logo,
.page-search_theme_type_b .tab-group .item-logo,
.page-search_theme_type_c .tab-group .item-logo,
.page-search_theme_type_d .tab-group .item-logo {
  display: none;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.page-search_theme_type_a .tab-group.fold form,
.page-search_theme_type_b .tab-group.fold form,
.page-search_theme_type_c .tab-group.fold form,
.page-search_theme_type_d .tab-group.fold form {
  display: block;
}
.page-search_theme_type_a .tab-group.fold:after,
.page-search_theme_type_b .tab-group.fold:after,
.page-search_theme_type_c .tab-group.fold:after,
.page-search_theme_type_d .tab-group.fold:after {
  display: block;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60px;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #DADBDC;
  -webkit-box-shadow: 0 1px 3px 0 rgba(49, 53, 63, 0.28);
          box-shadow: 0 1px 3px 0 rgba(49, 53, 63, 0.28);
}
.page-search_theme_type_a .tab-group.fold .item-logo,
.page-search_theme_type_b .tab-group.fold .item-logo,
.page-search_theme_type_c .tab-group.fold .item-logo,
.page-search_theme_type_d .tab-group.fold .item-logo {
  display: block;
  position: fixed;
  min-width: inherit;
  height: 60px;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 25;
  opacity: 1;
}
.page-search_theme_type_a .tab-group.fold .item-logo img,
.page-search_theme_type_b .tab-group.fold .item-logo img,
.page-search_theme_type_c .tab-group.fold .item-logo img,
.page-search_theme_type_d .tab-group.fold .item-logo img {
  height: inherit;
  padding: 5px;
}
.page-search_theme_type_a .tab-group.fold .item-tab,
.page-search_theme_type_b .tab-group.fold .item-tab,
.page-search_theme_type_c .tab-group.fold .item-tab,
.page-search_theme_type_d .tab-group.fold .item-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 6px;
  min-width: inherit;
  height: 48px;
  margin: 0;
  padding: 0;
  z-index: 25;
  border-radius: 0;
  border: 0;
  color: #CCCCCC;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.page-search_theme_type_a .tab-group.fold #tokyo + .item-tab,
.page-search_theme_type_b .tab-group.fold #tokyo + .item-tab,
.page-search_theme_type_c .tab-group.fold #tokyo + .item-tab,
.page-search_theme_type_d .tab-group.fold #tokyo + .item-tab {
  position: fixed;
  width: 216.666px;
  margin-left: 390px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #osaka + .item-tab,
.page-search_theme_type_b .tab-group.fold #osaka + .item-tab,
.page-search_theme_type_c .tab-group.fold #osaka + .item-tab,
.page-search_theme_type_d .tab-group.fold #osaka + .item-tab {
  position: fixed;
  width: 216.666px;
  margin-left: 606.666px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #nagoya + .item-tab,
.page-search_theme_type_b .tab-group.fold #nagoya + .item-tab,
.page-search_theme_type_c .tab-group.fold #nagoya + .item-tab,
.page-search_theme_type_d .tab-group.fold #nagoya + .item-tab {
  position: fixed;
  width: 216.666px;
  margin-left: 823.332px;
  border-right: 1px solid #DADBDC;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #aoyama + .item-tab,
.page-search_theme_type_b .tab-group.fold #aoyama + .item-tab,
.page-search_theme_type_c .tab-group.fold #aoyama + .item-tab,
.page-search_theme_type_d .tab-group.fold #aoyama + .item-tab {
  position: fixed;
  width: 130px;
  margin-left: 390px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #ginza + .item-tab,
.page-search_theme_type_b .tab-group.fold #ginza + .item-tab,
.page-search_theme_type_c .tab-group.fold #ginza + .item-tab,
.page-search_theme_type_d .tab-group.fold #ginza + .item-tab {
  position: fixed;
  width: 130px;
  margin-left: 520px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #shinjyuku + .item-tab,
.page-search_theme_type_b .tab-group.fold #shinjyuku + .item-tab,
.page-search_theme_type_c .tab-group.fold #shinjyuku + .item-tab,
.page-search_theme_type_d .tab-group.fold #shinjyuku + .item-tab {
  position: fixed;
  width: 130px;
  margin-left: 650px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #umeda + .item-tab,
.page-search_theme_type_b .tab-group.fold #umeda + .item-tab,
.page-search_theme_type_c .tab-group.fold #umeda + .item-tab,
.page-search_theme_type_d .tab-group.fold #umeda + .item-tab {
  position: fixed;
  width: 130px;
  margin-left: 780px;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold #sakae + .item-tab,
.page-search_theme_type_b .tab-group.fold #sakae + .item-tab,
.page-search_theme_type_c .tab-group.fold #sakae + .item-tab,
.page-search_theme_type_d .tab-group.fold #sakae + .item-tab {
  position: fixed;
  width: 130px;
  margin-left: 910px;
  border-right: 1px solid #DADBDC;
  border-left: 1px solid #DADBDC;
}
.page-search_theme_type_a .tab-group.fold input:checked + .item-tab,
.page-search_theme_type_b .tab-group.fold input:checked + .item-tab,
.page-search_theme_type_c .tab-group.fold input:checked + .item-tab,
.page-search_theme_type_d .tab-group.fold input:checked + .item-tab {
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-right: 1px solid #DADBDC !important;
  border-radius: 0;
  color: #f8f8f8;
}
.page-search_theme_type_a .othercourse-box,
.page-search_theme_type_b .othercourse-box,
.page-search_theme_type_c .othercourse-box,
.page-search_theme_type_d .othercourse-box {
  padding: 0 10px;
}
.page-search_theme_type_a .othercourse-box > .title,
.page-search_theme_type_b .othercourse-box > .title,
.page-search_theme_type_c .othercourse-box > .title,
.page-search_theme_type_d .othercourse-box > .title {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
  position: relative;
  margin-bottom: 10px;
  text-align: center;
}
.page-search_theme_type_a .othercourse-box > .title:after,
.page-search_theme_type_b .othercourse-box > .title:after,
.page-search_theme_type_c .othercourse-box > .title:after,
.page-search_theme_type_d .othercourse-box > .title:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #6E5516;
}
.page-search_theme_type_a .othercourse-box > .button-group,
.page-search_theme_type_b .othercourse-box > .button-group,
.page-search_theme_type_c .othercourse-box > .button-group,
.page-search_theme_type_d .othercourse-box > .button-group {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.page-search_theme_type_a .othercourse-box > .button-group > a,
.page-search_theme_type_b .othercourse-box > .button-group > a,
.page-search_theme_type_c .othercourse-box > .button-group > a,
.page-search_theme_type_d .othercourse-box > .button-group > a {
  position: relative;
  display: block;
  color: #000;
  padding: 10px;
}
.page-search_theme_type_a .othercourse-box > .button-group > a:after,
.page-search_theme_type_b .othercourse-box > .button-group > a:after,
.page-search_theme_type_c .othercourse-box > .button-group > a:after,
.page-search_theme_type_d .othercourse-box > .button-group > a:after {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
  color: #6E5516;
}
.page-search_theme_type_a .othercourse-box > .button-group > a:last-child,
.page-search_theme_type_b .othercourse-box > .button-group > a:last-child,
.page-search_theme_type_c .othercourse-box > .button-group > a:last-child,
.page-search_theme_type_d .othercourse-box > .button-group > a:last-child {
  border-bottom: none;
}
.page-search_theme_type_a .othercourse-box > .button-group > a:hover,
.page-search_theme_type_b .othercourse-box > .button-group > a:hover,
.page-search_theme_type_c .othercourse-box > .button-group > a:hover,
.page-search_theme_type_d .othercourse-box > .button-group > a:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

/* =====================
  TypeA, TypeB, TypeD
===================== */
.page-search_theme_type_a .-displayExist .course-card[class*=disabled],
.page-search_theme_type_b .-displayExist .course-card[class*=disabled],
.page-search_theme_type_d .-displayExist .course-card[class*=disabled] {
  display: none;
}
.page-search_theme_type_a .course-card,
.page-search_theme_type_b .course-card,
.page-search_theme_type_d .course-card {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
  padding: 20px 20px 10px;
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.page-search_theme_type_a .course-card[class*=disabled],
.page-search_theme_type_b .course-card[class*=disabled],
.page-search_theme_type_d .course-card[class*=disabled] {
  background: #EEEEEE;
}
.page-search_theme_type_a .course-card[class*=disabled] > .description-block,
.page-search_theme_type_b .course-card[class*=disabled] > .description-block,
.page-search_theme_type_d .course-card[class*=disabled] > .description-block {
  color: #7E7E7E;
}
.page-search_theme_type_a .course-card[class*=disabled] > .description-block > .title,
.page-search_theme_type_b .course-card[class*=disabled] > .description-block > .title,
.page-search_theme_type_d .course-card[class*=disabled] > .description-block > .title {
  color: #7E7E7E;
}
.page-search_theme_type_a .course-announce,
.page-search_theme_type_b .course-announce,
.page-search_theme_type_d .course-announce {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
  padding: 20px;
  background: #f8f8f8;
  position: relative;
  text-align: center;
}
.page-search_theme_type_a .thumbnail-block,
.page-search_theme_type_b .thumbnail-block,
.page-search_theme_type_d .thumbnail-block {
  width: 200px;
  margin-right: 20px;
}
.page-search_theme_type_a .thumbnail-block img,
.page-search_theme_type_b .thumbnail-block img,
.page-search_theme_type_d .thumbnail-block img {
  width: 100%;
}
.page-search_theme_type_a .thumbnail-block > .image,
.page-search_theme_type_b .thumbnail-block > .image,
.page-search_theme_type_d .thumbnail-block > .image {
  width: 200px;
  min-height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: bottom;
}
.page-search_theme_type_a .thumbnail-block > .label,
.page-search_theme_type_b .thumbnail-block > .label,
.page-search_theme_type_d .thumbnail-block > .label {
  position: absolute;
  top: 0;
  right: 20px;
  width: 150px;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-search_theme_type_a .thumbnail-block > .label.-first,
.page-search_theme_type_b .thumbnail-block > .label.-first,
.page-search_theme_type_d .thumbnail-block > .label.-first {
  background: #D99600;
}
.page-search_theme_type_a .thumbnail-block > .label.-first > br,
.page-search_theme_type_b .thumbnail-block > .label.-first > br,
.page-search_theme_type_d .thumbnail-block > .label.-first > br {
  display: none;
}
.page-search_theme_type_a .thumbnail-block > .label.-new,
.page-search_theme_type_b .thumbnail-block > .label.-new,
.page-search_theme_type_d .thumbnail-block > .label.-new {
  background: #950000;
}
.page-search_theme_type_a .thumbnail-block > .marketing-label,
.page-search_theme_type_b .thumbnail-block > .marketing-label,
.page-search_theme_type_d .thumbnail-block > .marketing-label {
  width: 100%;
  background: #281203;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  padding: 5px;
}
.page-search_theme_type_a .thumbnail-block > .marketing-label:before,
.page-search_theme_type_b .thumbnail-block > .marketing-label:before,
.page-search_theme_type_d .thumbnail-block > .marketing-label:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  content: "";
}
.page-search_theme_type_a ._pc-deco,
.page-search_theme_type_b ._pc-deco,
.page-search_theme_type_d ._pc-deco {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.page-search_theme_type_a .description-block,
.page-search_theme_type_b .description-block,
.page-search_theme_type_d .description-block {
  font-size: 14px;
  font-size: 1.4rem;
  width: calc(100% - 220px);
  margin-top: 10px;
}
.page-search_theme_type_a .description-block > .title,
.page-search_theme_type_b .description-block > .title,
.page-search_theme_type_d .description-block > .title {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  margin: 0;
  color: #000;
  font-weight: 700;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.page-search_theme_type_a .description-block > .entry-description,
.page-search_theme_type_b .description-block > .entry-description,
.page-search_theme_type_d .description-block > .entry-description {
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  color: #000;
}
.page-search_theme_type_a .description-block > .catchup,
.page-search_theme_type_b .description-block > .catchup,
.page-search_theme_type_d .description-block > .catchup {
  font-size: 20px;
  font-size: 2rem;
  line-height: normal;
  margin: 8px 0;
  color: #950000;
  font-weight: 700;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.page-search_theme_type_a .description-block > .area-block,
.page-search_theme_type_b .description-block > .area-block,
.page-search_theme_type_d .description-block > .area-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-search_theme_type_a .description-block > .area-block > .area:after,
.page-search_theme_type_b .description-block > .area-block > .area:after,
.page-search_theme_type_d .description-block > .area-block > .area:after {
  content: ":";
}
.page-search_theme_type_a .description-block > .date-block,
.page-search_theme_type_b .description-block > .date-block,
.page-search_theme_type_d .description-block > .date-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-search_theme_type_a .description-block > .date-block > .datename:after,
.page-search_theme_type_b .description-block > .date-block > .datename:after,
.page-search_theme_type_d .description-block > .date-block > .datename:after {
  content: ":";
}
.page-search_theme_type_a .description-block > .date-block > .times:before,
.page-search_theme_type_b .description-block > .date-block > .times:before,
.page-search_theme_type_d .description-block > .date-block > .times:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.page-search_theme_type_a .description-block > .price-block,
.page-search_theme_type_b .description-block > .price-block,
.page-search_theme_type_d .description-block > .price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-search_theme_type_a .description-block > .price-block > .pricename:after,
.page-search_theme_type_b .description-block > .price-block > .pricename:after,
.page-search_theme_type_d .description-block > .price-block > .pricename:after {
  content: ":";
}
.page-search_theme_type_a .description-block > .teacher-block,
.page-search_theme_type_b .description-block > .teacher-block,
.page-search_theme_type_d .description-block > .teacher-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-search_theme_type_a .description-block > .teacher-block > .teachername:after,
.page-search_theme_type_b .description-block > .teacher-block > .teachername:after,
.page-search_theme_type_d .description-block > .teacher-block > .teachername:after {
  content: ":";
}
.page-search_theme_type_a .description-block > .level-unit,
.page-search_theme_type_b .description-block > .level-unit,
.page-search_theme_type_d .description-block > .level-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-search_theme_type_a .description-block > .level-unit > .levelname,
.page-search_theme_type_b .description-block > .level-unit > .levelname,
.page-search_theme_type_d .description-block > .level-unit > .levelname {
  margin-right: 5px;
}
.page-search_theme_type_a .special-button,
.page-search_theme_type_b .special-button,
.page-search_theme_type_d .special-button {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: right;
  position: relative;
  top: -120px;
  margin-bottom: -120px;
}
.page-search_theme_type_a .special-button > .banner,
.page-search_theme_type_b .special-button > .banner,
.page-search_theme_type_d .special-button > .banner {
  width: 350px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  margin: 0 0 0 auto;
}
.page-search_theme_type_a .special-button > .banner:hover,
.page-search_theme_type_b .special-button > .banner:hover,
.page-search_theme_type_d .special-button > .banner:hover {
  opacity: 0.7;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_a .special-button > .button,
.page-search_theme_type_b .special-button > .button,
.page-search_theme_type_d .special-button > .button {
  width: 350px;
  display: block;
  background: #950000;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-weight: bold;
  color: #fff;
  margin: 0 0 5px auto;
  text-align: left;
  border-radius: 4px;
  line-height: 1.35;
  position: relative;
}
.page-search_theme_type_a .special-button > .button > span,
.page-search_theme_type_b .special-button > .button > span,
.page-search_theme_type_d .special-button > .button > span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-search_theme_type_a .special-button > .button:after,
.page-search_theme_type_b .special-button > .button:after,
.page-search_theme_type_d .special-button > .button:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
}
.page-search_theme_type_a .special-button > .button:hover,
.page-search_theme_type_b .special-button > .button:hover,
.page-search_theme_type_d .special-button > .button:hover {
  opacity: 0.85;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_a .special-button > .trial,
.page-search_theme_type_b .special-button > .trial,
.page-search_theme_type_d .special-button > .trial {
  background: #281203 !important;
}
.page-search_theme_type_a .special-button-sub,
.page-search_theme_type_b .special-button-sub,
.page-search_theme_type_d .special-button-sub {
  top: -70px;
}
.page-search_theme_type_a .buttonname,
.page-search_theme_type_b .buttonname,
.page-search_theme_type_d .buttonname {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 10px;
}
.page-search_theme_type_a .modal-step-hurikae,
.page-search_theme_type_b .modal-step-hurikae,
.page-search_theme_type_d .modal-step-hurikae {
  cursor: pointer;
  color: #515151;
  text-decoration: underline;
}
.page-search_theme_type_a .step-hurikae > .text,
.page-search_theme_type_b .step-hurikae > .text,
.page-search_theme_type_d .step-hurikae > .text {
  text-align: left;
}
.page-search_theme_type_a .step-hurikae > .hurikae,
.page-search_theme_type_b .step-hurikae > .hurikae,
.page-search_theme_type_d .step-hurikae > .hurikae {
  width: 100%;
  background: #fff;
  border: solid 1px #515151;
  border-collapse: collapse;
}
.page-search_theme_type_a .step-hurikae > .hurikae th,
.page-search_theme_type_a .step-hurikae > .hurikae td,
.page-search_theme_type_b .step-hurikae > .hurikae th,
.page-search_theme_type_b .step-hurikae > .hurikae td,
.page-search_theme_type_d .step-hurikae > .hurikae th,
.page-search_theme_type_d .step-hurikae > .hurikae td {
  font-size: 11px;
  font-size: 1.1rem;
  border: solid 1px #515151;
  padding: 2.5px;
  text-align: center;
}
.page-search_theme_type_a .step-hurikae > .hurikae th,
.page-search_theme_type_b .step-hurikae > .hurikae th,
.page-search_theme_type_d .step-hurikae > .hurikae th {
  font-weight: 700;
}
.page-search_theme_type_a .step-hurikae > .hurikae td > span,
.page-search_theme_type_b .step-hurikae > .hurikae td > span,
.page-search_theme_type_d .step-hurikae > .hurikae td > span {
  display: block;
}
.page-search_theme_type_a .course-card > .button-group,
.page-search_theme_type_b .course-card > .button-group,
.page-search_theme_type_d .course-card > .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border: none;
  border-radius: none;
  border-top: 1px solid #CCCCCC;
  margin-top: 5px;
  padding-top: 10px;
}
.page-search_theme_type_a .course-card > .button-group > .button,
.page-search_theme_type_b .course-card > .button-group > .button,
.page-search_theme_type_d .course-card > .button-group > .button {
  width: 100%;
  max-width: 475px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #6E5516;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  color: #6E5516;
}
.page-search_theme_type_a .course-card > .button-group > .button:after,
.page-search_theme_type_b .course-card > .button-group > .button:after,
.page-search_theme_type_d .course-card > .button-group > .button:after {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
  color: #6E5516;
}
.page-search_theme_type_a .course-card > .button-group > .button:hover,
.page-search_theme_type_b .course-card > .button-group > .button:hover,
.page-search_theme_type_d .course-card > .button-group > .button:hover {
  background: #6E5516;
  color: #fff;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_a .course-card > .button-group > a.button[class*=disabled],
.page-search_theme_type_b .course-card > .button-group > a.button[class*=disabled],
.page-search_theme_type_d .course-card > .button-group > a.button[class*=disabled] {
  pointer-events: none;
}
.page-search_theme_type_a .course-card > .button-group > .button[class*=disabled],
.page-search_theme_type_b .course-card > .button-group > .button[class*=disabled],
.page-search_theme_type_d .course-card > .button-group > .button[class*=disabled] {
  background: #CCCCCC;
  border-color: #CCCCCC;
  color: #7E7E7E;
  border-color: #7E7E7E;
}
.page-search_theme_type_a .course-card > .button-group > .button[class*=disabled]:after,
.page-search_theme_type_b .course-card > .button-group > .button[class*=disabled]:after,
.page-search_theme_type_d .course-card > .button-group > .button[class*=disabled]:after {
  color: #7E7E7E;
}
.page-search_theme_type_a .course-card > .button-group > .icon-sun,
.page-search_theme_type_b .course-card > .button-group > .icon-sun,
.page-search_theme_type_d .course-card > .button-group > .icon-sun {
  background: #fff url("/img/ver2.0/SearchTheme/course_list/icon/sun.svg") no-repeat 10px 50%;
  background-size: 19px;
  padding-left: 35px;
}
.page-search_theme_type_a .course-card > .button-group > .icon-sun:hover,
.page-search_theme_type_b .course-card > .button-group > .icon-sun:hover,
.page-search_theme_type_d .course-card > .button-group > .icon-sun:hover {
  background: #6E5516 url("/img/ver2.0/SearchTheme/course_list/icon/sun.svg") no-repeat 10px 50%;
  background-size: 19px;
}
.page-search_theme_type_a .course-card > .button-group > .icon-moon,
.page-search_theme_type_b .course-card > .button-group > .icon-moon,
.page-search_theme_type_d .course-card > .button-group > .icon-moon {
  background: #fff url("/img/ver2.0/SearchTheme/course_list/icon/moon.svg") no-repeat 10px 50%;
  background-size: 19px;
  padding-left: 35px;
}
.page-search_theme_type_a .course-card > .button-group > .icon-moon:hover,
.page-search_theme_type_b .course-card > .button-group > .icon-moon:hover,
.page-search_theme_type_d .course-card > .button-group > .icon-moon:hover {
  background: #6E5516 url("/img/ver2.0/SearchTheme/course_list/icon/moon.svg") no-repeat 10px 50%;
  background-size: 19px;
}
.page-search_theme_type_a .course-card-test,
.page-search_theme_type_b .course-card-test,
.page-search_theme_type_d .course-card-test {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.page-search_theme_type_a .course-card-test > .title,
.page-search_theme_type_b .course-card-test > .title,
.page-search_theme_type_d .course-card-test > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #281203;
  border-top: solid 1px #281203;
  border-bottom: solid 1px #281203;
}
.page-search_theme_type_a .course-card-test > .body > .strong,
.page-search_theme_type_b .course-card-test > .body > .strong,
.page-search_theme_type_d .course-card-test > .body > .strong {
  font-weight: 700;
}
.page-search_theme_type_a .course-card-test > .button,
.page-search_theme_type_b .course-card-test > .button,
.page-search_theme_type_d .course-card-test > .button {
  display: block;
  text-align: center;
  width: 250px;
  border: solid 1px #6E5516;
  padding: 5px;
  border-radius: 4px;
  color: #6E5516;
  position: absolute;
  right: 0;
  bottom: 0;
}
.page-search_theme_type_a .course-card-test > .button:after,
.page-search_theme_type_b .course-card-test > .button:after,
.page-search_theme_type_d .course-card-test > .button:after {
  display: inline-block;
  margin-left: 10px;
  font-family: "Ionicons";
  content: "";
}
.page-search_theme_type_a .course-card-test-niji,
.page-search_theme_type_b .course-card-test-niji,
.page-search_theme_type_d .course-card-test-niji {
  margin-top: 50px;
}

/* =====================
  TypeC
===================== */
.page-search_theme_type_c .button-pagetop {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 15;
  text-align: center;
}
.page-search_theme_type_c .button-pagetop a {
  display: block;
  padding-top: 32px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #7E7E7E;
}
.page-search_theme_type_c .button-pagetop a:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  margin-top: -50px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(49, 53, 63, 0.28);
          box-shadow: 0 1px 3px 0 rgba(49, 53, 63, 0.28);
}
.page-search_theme_type_c .select-root-unit {
  max-width: 1000px;
  margin: 0 auto;
}
.page-search_theme_type_c .select-root-unit > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #281203;
}
.page-search_theme_type_c .select-root-unit > .accbox label {
  display: block;
  cursor: pointer;
  padding: 10px;
  font-weight: 700;
  border: 1px solid #BEA870;
  border-radius: 4px;
  position: relative;
  z-index: 9;
  background: #fff;
  color: #281203;
}
.page-search_theme_type_c .select-root-unit > .accbox label:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 10px;
}
.page-search_theme_type_c .select-root-unit > .accbox label:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_c .select-root-unit > .accbox input {
  display: none;
}
.page-search_theme_type_c .select-root-unit .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_c .select-root-unit .cssacc:checked + .accshow {
  height: auto;
  opacity: 1;
  position: relative;
  top: -5px;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul {
  list-style: none;
  margin: 0;
  padding: 30px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: solid 1px #6E5516;
  border-radius: 4px;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li {
  width: 33%;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.35;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li:nth-child(even) {
  border-right: none;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li:last-child {
  border-bottom: none;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #6E5516;
  margin-right: 10px;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li > a {
  color: #000;
  text-decoration: underline;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li > a:hover {
  color: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_c .select-root-unit > .accbox > .accshow > ul > li > a > br {
  display: none;
}
.page-search_theme_type_c .course-group {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.page-search_theme_type_c .course-group > .coursename {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #D99600;
}
.page-search_theme_type_c .course-group > .coursename:after,
.page-search_theme_type_c .course-group > .coursename:before {
  border-top: 1px solid;
  content: "";
  display: inline;
  /* for IE */
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-search_theme_type_c .course-group > .coursename:before {
  margin-right: 0.5em;
}
.page-search_theme_type_c .course-group > .coursename:after {
  margin-left: 0.5em;
}
.page-search_theme_type_c .-displayExist .course-list[class*=disabled] {
  display: none;
}
.page-search_theme_type_c .course-list {
  background: #f8f8f8;
  position: relative;
  margin-bottom: 10px;
}
.page-search_theme_type_c .course-list > a {
  display: block;
  padding: 20px;
}
.page-search_theme_type_c .course-list > a:hover {
  background: #daaf44;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_c .course-list:after {
  font-family: "Ionicons";
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  color: #7E7E7E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  background: #CCCCCC;
  width: 22px;
  height: 100%;
}
.page-search_theme_type_c .course-list[class*=disabled] {
  background: #CCCCCC;
}
.page-search_theme_type_c .course-list[class*=disabled]:after {
  background: #7E7E7E;
  color: #CCCCCC;
}
.page-search_theme_type_c .course-list[class*=disabled] > a:hover {
  background: #CCCCCC;
}
.page-search_theme_type_c .course-list[class*=disabled] > .description-block {
  color: #7E7E7E;
}
.page-search_theme_type_c .course-list[class*=disabled] > .description-block > .title {
  color: #7E7E7E;
}
.page-search_theme_type_c .course-announce {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
  padding: 20px;
  background: #f8f8f8;
  position: relative;
  text-align: center;
}
.page-search_theme_type_c .description-block {
  font-size: 14px;
  font-size: 1.4rem;
  color: #515151;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-search_theme_type_c .description-block > .title {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000;
  margin: 0;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.page-search_theme_type_c .description-block > .area-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.page-search_theme_type_c .description-block > .area-block > .area:after {
  content: ":";
}
.page-search_theme_type_c .description-block > .date-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 10px;
}
.page-search_theme_type_c .description-block > .date-block > .datename:after {
  content: ":";
}
.page-search_theme_type_c .description-block > .date-block > .times:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.page-search_theme_type_c .description-block > .price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.page-search_theme_type_c .description-block > .price-block > .pricename:after {
  content: ":";
}
.page-search_theme_type_c .description-block > .teacher-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.page-search_theme_type_c .description-block > .teacher-block > .teachername:after {
  content: ":";
}
.page-search_theme_type_c .description-block > .level-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-search_theme_type_c .close-button,
.page-search_theme_type_c .more-button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.page-search_theme_type_c .close-button:hover,
.page-search_theme_type_c .more-button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.course-app-tab-unit {
  padding: 10px 0 20px !important;
}
.course-app-tab-unit > .text-area {
  margin: 0 10px;
}
.course-app-tab-unit .header > .lh {
  line-height: 1.4;
  padding: 10px;
}
.course-app-tab-unit > .body {
  width: 1010px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.course-app-tab-unit > .body > .tab_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: #fff;
  min-width: 200px;
  height: 60px;
  border: 1px solid #281203;
  border-radius: 4px;
  margin: -40px 5px 40px;
  position: relative;
  z-index: 999;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #281203;
  float: left;
}
.course-app-tab-unit > .body > .tab_item:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(40, 18, 3, 0.5);
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.course-app-tab-unit > .body > .tab_item:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.course-app-tab-unit > .body > .tab_item.-active {
  background: #281203;
  color: #f8f8f8;
}
.course-app-tab-unit > .body > .tab_item.-active:after {
  color: rgba(248, 248, 248, 0.5);
}
.course-app-tab-unit > .body > input:checked + .tab_item {
  background-color: #281203;
  color: #fff;
}
.course-app-tab-unit > .body > input:checked + .tab_item:after {
  color: #f8f8f8;
}
.course-app-tab-unit > .body > input[name=tab_item] {
  display: none;
}
.course-app-tab-unit > .body > .tab_content {
  visibility: hidden;
  height: 0;
  clear: both;
  overflow: hidden;
  width: 1010px;
  margin: 0 auto;
}
.course-app-tab-unit #course-nagoya:checked ~ #nagoya_content,
.course-app-tab-unit #course-osaka:checked ~ #osaka_content,
.course-app-tab-unit #course-tokyo:checked ~ #tokyo_content {
  visibility: visible;
  height: auto;
}
.course-app-tab-unit > .body > .tab_content > .title {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0 0 10px;
  text-align: center;
}
.course-app-tab-unit > .body > .tab_content > .button-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li {
  width: 320px;
  overflow: hidden;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a {
  display: block;
  line-height: 1.5;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a p {
  margin: 0;
  padding: 0;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn {
  border: solid 1px #281203;
  color: #281203;
  border-radius: 4px;
  padding: 0;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 3.3333333333px;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn:after {
  display: block;
  font-family: "Ionicons";
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #281203;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn > img {
  vertical-align: bottom;
  max-width: 318px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn > p:last-child {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding: 0 0 5px 5px;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > .btn > p:last-child > span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #950000;
  color: #fff;
  padding: 0 5px;
  margin-right: 10px;
  border-radius: 2px;
}
.course-app-tab-unit > .body > .tab_content > .button-list > li > a > p {
  text-align: center;
  text-decoration: underline;
  color: #281203;
  font-weight: 700;
}
.course-app-tab-unit > .body > .tab_content > .tab_content_description > .title {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
  position: relative;
  margin: 50px 0 0;
  text-align: center;
}

.tab_content_description > .pickup-slider {
  position: relative;
  width: 1010px;
  margin: 0 auto;
}
.tab_content_description > .pickup-slider .slides > li {
  display: none;
  width: 320px;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body {
  display: block !important;
  width: 320px;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a {
  display: block;
  color: #515151;
  border: solid 1px #BEA870;
  border-radius: 4px;
  overflow: hidden;
  min-height: 355px;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > .label {
  padding: 0;
  margin: 10px 0 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > .label > li {
  background: #281203;
  color: #fff;
  border-radius: 2px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > p {
  margin: 0 0 5px;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > .img > img {
  vertical-align: bottom;
  width: 100%;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  -o-text-overflow: ellipsis !important;
     text-overflow: ellipsis !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-height: 1.5;
  margin: 0 10px 5px;
}
.tab_content_description > .pickup-slider > .flex-viewport > .slides > .body > a > .day {
  font-size: 12px;
  font-size: 1.2rem;
  color: #7E7E7E;
  margin-left: 10px;
  font-weight: normal;
}
.tab_content_description > .pickup-slider > .flex-direction-nav {
  margin: 0;
  padding: 0;
}
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-next > a,
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-prev > a {
  background: rgba(110, 85, 22, 0.8);
  display: block;
  width: 25px;
  height: 65px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-prev > a {
  left: -10px;
}
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-prev > a:before {
  display: block;
  font-family: "Ionicons";
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-next > a {
  right: -10px;
}
.tab_content_description > .pickup-slider > .flex-direction-nav > .flex-nav-next > a:before {
  display: block;
  font-family: "Ionicons";
  font-size: 14px;
  font-size: 1.4rem;
  content: "";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab_content_description > .pickup-slider .flex-nav-next:after,
.tab_content_description > .pickup-slider .flex-nav-prev:after {
  display: none;
}
.tab_content_description > .pickup-slider .flex-control-nav {
  position: static;
  margin: 10px 0 0;
}
.tab_content_description > .pickup-slider .flex-control-paging li a {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: #fff;
  border: solid 1px #6E5516;
}
.tab_content_description > .pickup-slider .flex-control-paging li a.flex-active {
  background: #6E5516;
}

/* =====================
  TypeA
===================== */
.page-search_theme_type_a .course-card > .description-block > .title .notes {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.page-search_theme_type_a .course-card > .description-block > .title .notes {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-oldprice > .pricename {
  color: #950000;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-oldprice > .price > span {
  color: #950000;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-oldprice > .price > .price-linethrough {
  text-decoration: line-through;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-newprice .pricename,
.page-search_theme_type_a .course-card > .description-block > .price-block.-newprice .price {
  color: #950000;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-newprice .pricename {
  margin-left: -0.5rem;
}
.page-search_theme_type_a .course-card > .description-block > .price-block.-newprice .pricename > .smalltext,
.page-search_theme_type_a .course-card > .description-block > .price-block.-newprice .price > .smalltext {
  font-size: 14px;
  font-size: 1.4rem;
}

.page-course_list .theme-title {
  background-image: url("/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-course_list.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-course_list.jpg) 1x, url(/img/ver2.0/SearchTheme/bg_header/pc_high/bg_header-course_list.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .theme-title .curricula-news a {
  display: inline-block;
  margin-top: 20px;
  background: #fff;
  color: #281203;
  border-radius: 4px;
  padding: 8px 16px;
  border: solid 1px #281203;
}
.page-course_list .theme-title .curricula-news a:after {
  font-family: "Ionicons";
  content: "";
  display: inline block;
  padding-left: 10px;
}
.page-course_list .theme-nav {
  margin: 0;
  padding: 10px;
}
.page-course_list .theme-nav > .title {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
  margin-bottom: 10px;
}
.page-course_list .theme-nav > .button {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
.page-course_list .theme-nav > .button > li {
  width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  background: #281203;
  border-radius: 4px;
  margin-right: 5px;
  overflow: hidden;
}
.page-course_list .theme-nav > .button > li:last-child {
  margin-right: 0;
}
.page-course_list .theme-nav > .button > li > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  padding: 10px 10px 5px;
}
.page-course_list .theme-nav > .button > li > a:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
}
.page-course_list .theme-nav > .button > li > a:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-course_list .course-unit {
  padding-top: 10px;
  padding-bottom: 20px;
}
.page-course_list .course-unit > .header > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.page-course_list .course-unit > .header > .title:before,
.page-course_list .course-unit > .header > .title:after {
  border-top: 1px solid;
  content: "";
  display: inline;
  /* for IE */
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-course_list .course-unit > .header > .title:before {
  margin-right: 0.5em;
}
.page-course_list .course-unit > .header > .title:after {
  margin-left: 0.5em;
}
.page-course_list .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1010px;
  margin: 0 auto;
}
.page-course_list .button-group > li {
  width: 500px;
  height: 170px;
  margin: 0 10px 10px 0;
  border: 1px solid #BEA870;
  border-radius: 4px;
  position: relative;
}
.page-course_list .button-group > li:nth-child(even) {
  margin-right: 0;
}
.page-course_list .button-group > li > .button:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 250px;
  height: 170px;
  border: 1px solid #BEA870;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page-course_list .button-group > li > .course-1:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-1.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-2:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-2.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-3:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-3.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-4:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-4.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-5:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-5.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-5.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-5.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-6:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-6.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-6.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-6.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-7:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-7.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-7.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-7.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-8:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-8.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-8.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-8.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-9:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-9.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-9.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-9.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-10:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-10.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-10.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-10.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-11:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-11.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-11.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-11.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-12:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-12.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-12.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-12.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-13:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-13.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-13.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-13.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-14:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-14.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-14.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-14.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-15:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-15.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-15.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-15.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-16:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-16.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-16.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-16.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-17:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-17.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-17.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-17.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-18:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-18.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-18.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-18.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-19:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-19.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-19.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-19.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-20:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-20.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-20.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-20.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-21:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-21.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-21.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-21.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-22:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-22.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-22.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-22.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-23:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-23.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-23.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-23.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-24:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-24.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-24.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-24.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-25:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-25.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-25.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-25.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li > .course-26:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-26.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-26.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-26.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .button-group > li:hover {
  background-color: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-course_list .button-group > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  line-height: 1.35;
  text-decoration: underline;
  padding: 0 20px 0 260px;
}
.page-course_list .button-group > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
  color: #BEA870;
}
.page-course_list .button-group > li > a > .example {
  display: none;
}
.page-course_list .course-unitbeginner,
.page-course_list .course-unitexam {
  text-align: center;
}
.page-course_list .course-unitbeginner > .header > .title,
.page-course_list .course-unitexam > .header > .title {
  text-align: center;
  color: #6E5516;
}
.page-course_list .course-unitbeginner > .header > .title > div:last-child::after,
.page-course_list .course-unitexam > .header > .title > div:last-child::after {
  display: none !important;
}
.page-course_list .course-unitbeginner > .banner,
.page-course_list .course-unitexam > .banner {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: 4px;
}
.page-course_list .course-unitbeginner > .banner img,
.page-course_list .course-unitexam > .banner img {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  width: 830px;
  height: auto;
  margin: 0;
  padding: 0;
}
.page-course_list .course-unitbeginner > .course-list,
.page-course_list .course-unitexam > .course-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 830px;
  margin: 0 auto;
}
.page-course_list .course-unitbeginner > .course-list > .course-item,
.page-course_list .course-unitexam > .course-list > .course-item {
  width: 270px;
  height: 276px;
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #fff;
  margin-right: 6px;
}
.page-course_list .course-unitbeginner > .course-list > .course-item:last-of-type,
.page-course_list .course-unitexam > .course-list > .course-item:last-of-type {
  margin-right: 0;
}
.page-course_list .course-unitbeginner > .course-list > .course-item > a,
.page-course_list .course-unitexam > .course-list > .course-item > a {
  display: inline-block;
  padding: 10px;
  height: 100%;
}
.page-course_list .course-unitbeginner > .course-list > .course-item > a > .thumbnail > picture > img,
.page-course_list .course-unitexam > .course-list > .course-item > a > .thumbnail > picture > img {
  display: block;
  margin: 0;
  vertical-align: bottom;
  width: 250px;
  height: 140px;
}
.page-course_list .course-unitbeginner > .course-list > .course-item > a > .text-block > .title,
.page-course_list .course-unitexam > .course-list > .course-item > a > .text-block > .title {
  font-weight: 700;
  margin: 12px 0 0;
  font-size: 14px;
  text-align: left;
  color: #290E00;
}
.page-course_list .course-unitbeginner > .course-list > .course-item > a > .text-block > .detail-text,
.page-course_list .course-unitexam > .course-list > .course-item > a > .text-block > .detail-text {
  font-size: 14px;
  text-align: left;
  margin: 5px 0 0;
  color: #2C2C2C;
}
.page-course_list .course-unitbeginner > .remarks,
.page-course_list .course-unitexam > .remarks {
  text-align: center;
}
.page-course_list .course-unitbeginner > .remarks a,
.page-course_list .course-unitexam > .remarks a {
  text-decoration: underline;
  color: #6E5516;
}
.page-course_list .beginner-main-box {
  background-color: #F8F8F8;
}
.page-course_list .unitbottom {
  padding-bottom: 50px;
}
.page-course_list .infomation-unit {
  padding: 40px 0;
  text-align: center;
}
.page-course_list .experience-group {
  font-size: 16px;
  font-size: 1.6rem;
}
.page-course_list .experience-group > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.page-course_list .experience-group > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.page-course_list .experience-group > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-course_list .experience-group > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-course_list .experience-group > .button:hover {
  background: #c80000;
}
.page-course_list .experience-group > .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.page-course_list .experience-group > .button-stepOne {
  background: #DB8338;
}
.page-course_list .experience-group > .button-stepOne > span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-course_list .experience-group > .button-stepOne:hover {
  background: #e39e63;
}
.page-course_list .tel-group {
  padding: 20px;
  width: 550px;
  border: 1px solid #CCCCCC;
  margin: 20px auto;
}
.page-course_list .tel-group > .title {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.page-course_list .tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.page-course_list .tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.page-course_list .tel-group > .tel-groupschool > dd {
  font-size: 34px;
  font-size: 3.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.page-course_list .tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.page-course_list .tel-group > p {
  margin: 0;
}
.page-course_list .tel-group > .time {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0;
}

.slides {
  padding: 0;
  margin: 0;
  list-style: none;
}
.slides > .slides-card {
  min-height: 500px;
}

.flex-nav-prev {
  list-style: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}
.flex-nav-prev:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
}

.flex-nav-next {
  list-style: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
}
.flex-nav-next:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
}

.bizWine {
  background: url("/img/ver2.0/Home/pc/bizWine.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/bizWine.jpg) 1x, url(/img/ver2.0/Home/pc_high/bizWine.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bizWine > .body {
  width: 650px;
  margin: 0 0 0 auto;
}
@media screen\0  {
  .bizWine > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.bizWine > .body > .body-in {
  background: rgba(255, 255, 255, 0.8);
  width: 550px;
  padding: 20px;
  color: #000;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}
.bizWine > .body > .body-in > .beginnercourse-catch {
  position: absolute;
  top: -30px;
  left: -90px;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  padding: 14px 10px 10px;
  background: #FFD443;
  text-align: center;
  margin-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.bizWine > .body > .body-in > .beginnercourse-catch .month {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.bizWine > .body > .body-in > .bizWine1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  border-bottom: solid 1px #000;
  margin: 0 0 10px 75px;
  padding-right: 75px;
}
.bizWine > .body > .body-in > .bizWine2 {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.35;
}
.bizWine > .body > .body-in > .bizWine2 > .smalltext {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.bizWine > .body > .body-in > .bizWine2 > .successtext {
  color: #950000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.bizWine > .body > .button {
  width: 550px;
  margin: 0 auto 5px 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.bizWine > .body > .button > span {
  font-weight: 700;
}
.bizWine > .body > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.bizWine > .body > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.bizWine > .body > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.bizWine > .body > .tokusetu {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.bizWine > .body > .tokusetu:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.license_exam_preparation {
  background: url("/img/ver2.0/license/exam_preparation/pc/bg_keyvisual.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
}
.license_exam_preparation > .body {
  margin: 0 auto 0;
  padding: 0;
  width: 550px;
}
@media screen\0  {
  .license_exam_preparation > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.license_exam_preparation > .body > .body-in > .bg {
  width: 550px;
  padding: 5px 0 5px;
  position: relative;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou {
  position: absolute;
  top: 20px;
  right: -180px;
  width: 160px;
  height: 160px;
  background: #950000;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 26px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 10px;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .catch {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .catch.-large {
  font-size: 45px;
  font-size: 4.5rem;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .catch.-small {
  font-size: 14px;
  font-size: 1.4rem;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .num {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .small {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.license_exam_preparation > .body > .body-in > .bg > .license-kaikou .label-near {
  margin-top: 0;
  width: 64%;
  font-size: 14px;
  font-size: 1.4rem;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before, .license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 24px;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .normaltext {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.8);
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .largetext {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.8);
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  background: linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  font-size: 30px;
  font-size: 3rem;
}
.license_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext .smalltext {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.license_exam_preparation > .body > .body-in > .bg > p {
  text-align: center;
}
.license_exam_preparation > .body > .body-in > .button {
  width: 550px;
  margin: 5px auto 0 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.license_exam_preparation > .body > .body-in > .button > span {
  font-weight: 700;
}
.license_exam_preparation > .body > .body-in > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.license_exam_preparation > .body > .body-in > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.license_exam_preparation > .body > .body-in > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.license_exam_preparation > .body > .body-in > .button-license_exam_preparation {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.license_exam_preparation > .body > .body-in > .button-license_exam_preparation .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.license_exam_preparation > .body > .body-in > .button-license_exam_preparation:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.sake_exam_preparation {
  background: url("/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg) 1x, url(/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg) 2x);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sake_exam_preparation > .body {
  margin: 0 auto 0;
  padding: 0;
  width: 550px;
}
@media screen\0  {
  .sake_exam_preparation > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.sake_exam_preparation > .body > .body-in > .bg {
  width: 550px;
  padding: 5px 0 5px;
  position: relative;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou {
  position: absolute;
  top: 20px;
  right: -180px;
  width: 160px;
  height: 160px;
  background: #950000;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 28px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 10px;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch.-large {
  font-size: 45px;
  font-size: 4.5rem;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch.-small {
  font-size: 14px;
  font-size: 1.4rem;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .num {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .small {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.sake_exam_preparation > .body > .body-in > .bg > .sake-kaikou .label-near {
  margin-top: 0;
  width: 64%;
  font-size: 14px;
  font-size: 1.4rem;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before, .sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 24px;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .normaltext {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.8);
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .largetext {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.8);
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  background: linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  font-size: 30px;
  font-size: 3rem;
}
.sake_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext .smalltext {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.sake_exam_preparation > .body > .body-in > .bg > p {
  text-align: center;
}
.sake_exam_preparation > .body > .body-in > .button {
  width: 550px;
  margin: 5px auto 0 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.sake_exam_preparation > .body > .body-in > .button > span {
  font-weight: 700;
}
.sake_exam_preparation > .body > .body-in > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.sake_exam_preparation > .body > .body-in > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.sake_exam_preparation > .body > .body-in > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.sake_exam_preparation > .body > .body-in > .button-license_exam_preparation {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.sake_exam_preparation > .body > .body-in > .button-license_exam_preparation .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake_exam_preparation > .body > .body-in > .button-license_exam_preparation:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.cheese_exam_preparation {
  background: url("/img/ver2.0/cheese/exam_preparation/pc/bg_header-cheese.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/cheese/exam_preparation/pc/bg_header-cheese.jpg) 1x, url(/img/ver2.0/cheese/exam_preparation/pc/bg_header-cheese_high.jpg) 2x);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
}
.cheese_exam_preparation:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
.cheese_exam_preparation > .body {
  position: relative;
  z-index: 2;
  margin: 0 auto 0;
  padding: 0;
  width: 550px;
}
@media screen\0  {
  .cheese_exam_preparation > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.cheese_exam_preparation > .body > .body-in > .bg {
  width: 550px;
  padding: 5px 0 5px;
  position: relative;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou {
  position: absolute;
  top: 20px;
  right: -180px;
  width: 160px;
  height: 160px;
  background: #950000;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 28px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 10px;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch.-large {
  font-size: 45px;
  font-size: 4.5rem;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .catch.-small {
  font-size: 14px;
  font-size: 1.4rem;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .num {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .small {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.cheese_exam_preparation > .body > .body-in > .bg > .sake-kaikou .label-near {
  margin-top: 0;
  width: 64%;
  font-size: 14px;
  font-size: 1.4rem;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before, .cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 24px;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .normaltext {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  color: #000;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .largetext {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
  color: #000;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  background: linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  font-size: 30px;
  font-size: 3rem;
}
.cheese_exam_preparation > .body > .body-in > .bg > .license_exam_preparation2 > .strongtext .smalltext {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese_exam_preparation > .body > .body-in > .bg > p {
  text-align: center;
}
.cheese_exam_preparation > .body > .body-in > .button {
  width: 550px;
  margin: 5px auto 0 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.cheese_exam_preparation > .body > .body-in > .button > span {
  font-weight: 700;
}
.cheese_exam_preparation > .body > .body-in > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.cheese_exam_preparation > .body > .body-in > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.cheese_exam_preparation > .body > .body-in > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cheese_exam_preparation > .body > .body-in > .button-license_exam_preparation {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.cheese_exam_preparation > .body > .body-in > .button-license_exam_preparation .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese_exam_preparation > .body > .body-in > .button-license_exam_preparation:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.wset_exam_preparation {
  background: url(/img/ver2.0/wset/pc/adv_wset.jpg);
  background-image: -webkit-image-set(url(/img/ver2.0/wset/pc/adv_wset.jpg) 1x, url(/img/ver2.0/wset/pc_high/adv_wset.jpg) 2x);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.wset_exam_preparation:before {
  background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8));
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
}
.wset_exam_preparation > .body {
  margin: 0 auto 0;
  padding: 0;
  width: 550px;
  z-index: 2;
}
@media screen\0  {
  .wset_exam_preparation > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.wset_exam_preparation > .body > .body-in > .bg {
  width: 550px;
  padding: 5px 0 5px;
  color: #000;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation1:before, .wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 24px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 > .logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 > .logo-group > .logo {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 140px;
  height: auto;
  padding: 10px;
  background: #fff;
  margin-right: 20px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 > .logo-group > .normaltext {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 > .largetext {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 10px;
  margin-bottom: 24px;
}
.wset_exam_preparation > .body > .body-in > .bg > .wset_exam_preparation2 > .strongtext {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  background: linear-gradient(transparent 55%, rgba(255, 212, 67, 0.8) 55%);
  font-size: 30px;
  font-size: 3rem;
}
.wset_exam_preparation > .body > .body-in > .bg > p {
  text-align: center;
}
.wset_exam_preparation > .body > .body-in > .button {
  width: 550px;
  margin: 5px auto 0 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.wset_exam_preparation > .body > .body-in > .button > span {
  font-weight: 700;
}
.wset_exam_preparation > .body > .body-in > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.wset_exam_preparation > .body > .body-in > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.wset_exam_preparation > .body > .body-in > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.wset_exam_preparation > .body > .body-in > .button-wset_exam_preparation {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.wset_exam_preparation > .body > .body-in > .button-wset_exam_preparation .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.wset_exam_preparation > .body > .body-in > .button-license_exam_preparation:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.flex-active-slide.sommelierBasic > .body > .body-in > .circle {
  display: block !important;
  background: url("/img/ver2.0/Home/pc/sommelierBasic-icon_2021.svg?20191108_2") no-repeat 0 0;
  background-size: 136px;
  width: 136px;
  height: 136px;
  color: #000;
  text-align: center;
  margin-left: -100px;
  margin-top: -10px;
  position: absolute;
  z-index: 100;
}

.sommelierBasic {
  background: url("/img/ver2.0/Home/pc/sommelierBasic.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/sommelierBasic.jpg) 1x, url(/img/ver2.0/Home/pc_high/sommelierBasic.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sommelierBasic > .body {
  margin: 0 auto 0;
  padding: 0;
  width: 550px;
}
@media screen\0  {
  .sommelierBasic > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.sommelierBasic > .body > .body-in > .bg {
  background: rgba(255, 255, 255, 0.8);
  width: 550px;
  padding: 5px 0 5px;
}
.sommelierBasic > .body > .body-in > .circle {
  background: url("/img/ver2.0/Home/pc/sommelierBasic-icon_2021.svg?20191108_2") no-repeat 0 0;
  background-size: 136px;
  width: 136px;
  height: 136px;
  color: #000;
  text-align: center;
  margin-left: -100px;
  margin-top: -10px;
  position: absolute;
  z-index: 100;
}
.sommelierBasic > .body > .body-in > .bg > .sommelierBasic1 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
}
.sommelierBasic > .body > .body-in > .bg > .sommelierBasic1:before, .sommelierBasic > .body > .body-in > .bg > .sommelierBasic1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.sommelierBasic > .body > .body-in > .bg > .sommelierBasic1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.sommelierBasic > .body > .body-in > .bg > .sommelierBasic1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.sommelierBasic > .body > .body-in > .bg > .sommelierBasic2 {
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 24px;
}
.sommelierBasic > .body > .body-in > .bg > p {
  text-align: center;
}
.sommelierBasic > .body > .body-in > .button {
  width: 550px;
  margin: 5px auto 0 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.sommelierBasic > .body > .body-in > .button > span {
  font-weight: 700;
}
.sommelierBasic > .body > .body-in > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.sommelierBasic > .body > .body-in > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.sommelierBasic > .body > .body-in > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.sommelierBasic > .body > .body-in > .button-sommelierBasic {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.sommelierBasic > .body > .body-in > .button-sommelierBasic .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.sommelierBasic > .body > .body-in > .button-sommelierBasic:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.stepOne {
  background: url("/img/ver2.0/Home/pc/step1_autumn_bg_home.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/step1_autumn_bg_home.jpg) 1x);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 500px;
  position: relative;
}
.stepOne > .body {
  width: 1080px;
  margin: 0 auto;
}
@media screen\0  {
  .stepOne > .body {
    property: value;
    padding-top: 5%;
  }
}
.stepOne > .body > .body-margin > .body-in {
  background-size: 85px;
  width: 800px;
  padding: 20px;
  color: #000;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
}
.stepOne > .body > .body-margin > .body-in > .label-extend {
  position: absolute;
  top: -14px;
  left: 0;
  background: #FFD443;
  text-align: center;
  padding: 4px 30px 4px 8px;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.stepOne > .body > .body-margin > .body-in > .label-extend .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.stepOne > .body > .body-margin > .body-in > .label-extend:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 22px 15px 22px 0;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-hayawari img {
  position: absolute;
  top: 90px;
  right: 50px;
  width: 160px;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-kaikou {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 160px;
  height: 160px;
  background: #FFD443;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 34px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.stepOne > .body > .body-margin > .body-in > .stepOne-kaikou .num {
  font-size: 24px;
  font-size: 2.4rem;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-kaikou .small {
  font-size: 12px;
  font-size: 1.2rem;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-kaikou .label-near {
  margin-top: 0;
  width: 64%;
  font-size: 14px;
  font-size: 1.4rem;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-catch {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  padding: 36px 10px 10px 10px;
  background: #FFD443;
  text-align: center;
  margin-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
.stepOne > .body > .body-margin > .body-in > .stepOne-catch .month {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.stepOne > .body > .body-margin > .body-in > .stepOne1 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0 0 14px 120px;
}
.stepOne > .body > .body-margin > .body-in > .stepOne1:before, .stepOne > .body > .body-margin > .body-in > .stepOne1:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 1px solid #000;
}
.stepOne > .body > .body-margin > .body-in > .stepOne1:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.stepOne > .body > .body-margin > .body-in > .stepOne1:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.stepOne > .body > .body-margin > .body-in > .stepOne2 {
  font-size: 38px;
  font-size: 3.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 20px 0 0;
  line-height: 1.35;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
.stepOne > .body > .body-margin > .body-in > .stepOne2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.stepOne > .body > .body-margin > .body-in > .stepOne2 > .-notes {
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #515151;
  font-weight: normal;
}
.stepOne .stepOne3 {
  display: inline-block;
  margin: 16px auto 0;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  border: solid 1px #950000;
  color: #950000;
  background: #fff;
  padding: 0 5px;
  width: 344px;
}
.stepOne .stepOne4 {
  margin: 5px auto 0;
  font-weight: 700;
  color: #950000;
  font-size: 18px;
  font-size: 1.8rem;
}
.stepOne > .body > .body-margin > .button {
  width: 600px;
  margin: 0 auto 5px 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.stepOne > .body > .body-margin > .button > span {
  font-weight: 700;
}
.stepOne > .body > .body-margin > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.stepOne > .body > .body-margin > .button-special {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.stepOne > .body > .body-margin > .button-special:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.stepOne > .body > .body-margin > .button-special .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.stepOne > .body > .body-margin > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.stepOne > .body > .body-margin > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.stepOne > .body > .body-margin > .button-special {
  background: #281203;
}
.stepOne > .body > .body-margin > .button-special:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.stepOne-autumn {
  position: relative;
}
.stepOne-autumn .grape-element {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(/img/ver2.0/Home/pc/step1_autumn_element.png);
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/step1_autumn_element.png) 1x, url(/img/ver2.0/Home/pc_high/step1_autumn_element.png) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: auto;
}
.stepOne-autumn .body {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 500px;
  position: relative;
}
.stepOne-autumn .body .body-margin {
  margin-left: 50px;
}

.beginnercourse {
  background-image: url("/img/ver2.0/about/pc/img-head.jpg?20190507");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-head.jpg?20190507) 1x, url(/img/ver2.0/about/pc/img-head@2x.jpg?20190507) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 500px;
  position: relative;
}
.beginnercourse > .body > .body-margin > .body-in {
  width: 600px;
  padding: 20px;
  color: #000;
  margin-right: 20vw;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
.beginnercourse > .body > .body-margin > .body-in > .title {
  text-align: center;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 700;
  color: #281203;
  line-height: 1.35;
  margin: 0;
  margin-top: 50px;
  padding: 10px 0 10px;
}
.beginnercourse > .body > .body-margin > .body-in sup {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  top: -44px;
}
.beginnercourse > .body > .body-margin > .body-in > .title > .subtitle {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 10px;
  line-height: 1.2;
}
.beginnercourse > .body > .body-margin > .body-in > .title > .subtitle .-textstrong {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
}
.beginnercourse > .body > .body-margin > .body-in > .title > .-oblique:before, .beginnercourse > .body > .body-margin > .body-in > .title > .-oblique:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 1px solid #000;
}
.beginnercourse > .body > .body-margin > .body-in > .title > .-oblique:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.beginnercourse > .body > .body-margin > .body-in > .title > .-oblique:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.beginnercourse > .body > .body-margin > .body-in > .attention {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
  text-align: center;
}
.beginnercourse > .body > .body-margin > .body-in > .beginnercourse-catch {
  position: absolute;
  top: 30px;
  right: -5vw;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  padding: 26px 10px 10px 10px;
  background: #FFD443;
  text-align: center;
  margin-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
.beginnercourse > .body > .body-margin > .body-in > .beginnercourse-catch .month {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.beginnercourse > .body > .body-margin > .button {
  width: 600px;
  margin: 0 auto 5px 0;
  display: block;
  background: #950000;
  font-size: 25px;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.beginnercourse > .body > .body-margin > .button > span {
  font-weight: 700;
}
.beginnercourse > .body > .body-margin > .button > span > .small {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.beginnercourse > .body > .body-margin > .button-special {
  background: #281203;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.beginnercourse > .body > .body-margin > .button-special:hover {
  background: #b6520e;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.beginnercourse > .body > .body-margin > .button-special .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.beginnercourse > .body > .body-margin > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.beginnercourse > .body > .body-margin > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.beginnercourse > .body > .body-margin > .tokusetu {
  background: #281203;
}
.beginnercourse > .body > .body-margin > .button-special:hover {
  background: #6f3208;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.beginner {
  background: url("/img/ver2.0/Home/pc/img-school-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-school-1.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-school-1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.beginner > .body {
  width: 1080px;
  margin: 0 auto;
}
@media screen\0  {
  .beginner > .body {
    property: value;
    padding-top: 2.5%;
  }
}
.beginner > .body > .body-in {
  background: rgba(255, 255, 255, 0.9);
  background-size: 100px;
  width: 550px;
  padding: 20px;
  color: #000;
  margin-bottom: 10px;
  border: solid 5px rgba(110, 85, 22, 0.38);
}
.beginner > .body > .body-in > .title {
  font-size: 47px;
  font-size: 4.7rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  line-height: 1.35;
}
.beginner > .body > .body-in > .title > span {
  font-size: 27px;
  font-size: 2.7rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.beginner > .body > .body-in > .school-name {
  font-size: 23px;
  font-size: 2.3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 0;
  margin-bottom: 10px;
}
.beginner > .body > .body-in > .school-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.beginner > .body > .body-in > .school-list > li {
  display: block;
  width: 100%;
  text-align: center;
  border-left: 1px solid #000;
  padding: 0;
}
.beginner > .body > .body-in > .school-list > li:first-child {
  border: none;
}
.beginner > .body > .body-in > .school-list > li > a {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: underline;
}
.beginner > .body > .experience-group > .button {
  margin-left: 0;
  margin-right: auto;
}
.beginner > .body > .button {
  width: 550px;
  margin: 0 auto 5px 0;
  display: block;
  background: #950000;
  line-height: 1.35;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.beginner > .body > .button > .in {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700;
}
.beginner > .body > .button > .in > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.beginner > .body > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.beginner > .body > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.beginner > .body > .button-stepOne {
  background: #DB8338;
  min-height: 77px;
}
.beginner > .body > .button-stepOne:hover {
  background: #e39e63;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.important-information a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 95%;
  max-width: 980px;
  margin: 0 auto 10px;
  border: 3px solid #CCCCCC;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  color: black;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
.important-information a:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  font-size: 25px;
  font-size: 2.5rem;
  right: 14px;
}
.important-information a .ion-alert-circled {
  display: block;
  margin-left: 10px;
  margin-right: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #1a1a62;
}
.important-information a .title {
  font-weight: 700;
  margin-right: 15px;
}
.important-information a:hover {
  background: rgba(110, 85, 22, 0.1);
}

.topics-unit {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.35;
}
.topics-unit > .title {
  color: #6E5516;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  border-left: 3px solid #6E5516;
  padding-left: 10px;
  padding-right: 30px;
}
.topics-unit > .title > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.topics-unit > .body {
  width: 100%;
}
.topics-unit > .body > p {
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 5px;
  color: #515151;
}
.topics-unit > .body > p:last-child {
  border: none;
}
.topics-unit > .body > p > a {
  color: #515151;
}
.topics-unit > .body > p > a > strong > .label {
  color: #950000;
}

.content-unit-no1 {
  background: #ded3b6;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content-unit-no1 > .title {
  padding: 20px 0;
  padding-top: 10px;
  width: 50%;
}
.content-unit-no1 > .title > h2 {
  width: 400px;
  margin-left: auto;
  margin-right: 60px;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
}
.content-unit-no1 > .title > h2 > span {
  color: #402c00;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.content-unit-no1 > .title > h2 > .title-1 {
  font-size: 60px;
  font-size: 6rem;
}
.content-unit-no1 > .title > h2 > .title-1:before {
  display: inline-block;
  content: "";
  width: 60px;
  height: 60px;
  background: url("/img/ver2.0/Home/pc/icon/crown.svg") no-repeat 50%;
  background-size: 60px;
  margin-right: 5px;
}
.content-unit-no1 > .title > h2 > .title-2 {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
}
.content-unit-no1 > .title > p {
  width: 400px;
  margin-left: auto;
  margin-right: 60px;
}
.content-unit-no1 > .title > p > span {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}
.content-unit-no1 > .image {
  background: url("/img/ver2.0/Home/pc/img-no1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-no1.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-no1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
}

.content-unit-top-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 980px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.content-unit-top-bnr .area-banner {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.content-unit-top-bnr .area-banner.banner-sommelier {
  width: 60%;
  max-width: 590px;
}
.content-unit-top-bnr .area-banner.banner-sake {
  width: 39%;
  max-width: 380px;
}
.content-unit-top-bnr .area-banner > .banner {
  padding-top: 4px;
  padding-bottom: 4px;
}
.content-unit-top-bnr .area-banner > .banner > a > picture > img {
  border: none;
  width: 100%;
  height: auto;
}

.content-unit-reason {
  text-align: center;
}
.content-unit-reason > .title > h2 {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.content-unit-reason > .title > h2 > span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.content-unit-reason > .body {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
}
.content-unit-reason > .body > .reason {
  border: 1px solid #6E5516;
  margin-bottom: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  min-height: 280px;
}
.content-unit-reason > .body > .reason:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.content-unit-reason > .body > .reason > .reason-in {
  width: 50%;
  padding: 10px;
}
.content-unit-reason > .body > .reason > .reason-in > .box {
  width: 60px;
  height: 60px;
  background: #6E5516;
  color: #fff;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -30px;
  right: 20%;
}
.content-unit-reason > .body > .reason > .reason-in > .left {
  left: 20%;
}
.content-unit-reason > .body > .reason > .reason-in h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 10px;
}
.content-unit-reason > .body > .reason > .reason-in h3 > span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.content-unit-reason > .body > .reason > .reason-in > .text {
  max-width: 430px;
  margin: 0 auto;
  text-align: left;
}
.content-unit-reason > .body > .reason > .image {
  width: 50%;
  height: 100%;
  min-height: 280px;
}

.reason-1 {
  background: url("/img/ver2.0/Home/pc/img-reason1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-reason1.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-reason1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reason-2 {
  background: url("/img/ver2.0/Home/pc/img-reason2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-reason2.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-reason2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reason-3 {
  background: url("/img/ver2.0/Home/pc/img-reason3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-reason3.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-reason3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reason-4 {
  background: url("/img/ver2.0/Home/pc/img-reason4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-reason4.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-reason4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reason-5 {
  background: url("/img/ver2.0/Home/pc/img-reason5.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc/img-reason5.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-reason5.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.content-unit-features {
  background: #ded3b6;
  text-align: center;
  padding: 50px 0;
}
.content-unit-features > .title > h2 {
  color: #402c00;
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  padding: 0;
}
.content-unit-features > .title > h2 > span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.content-unit-features > .body,
.content-unit-features > .body > .card-features {
  margin: 0;
  padding: 0;
}
.content-unit-features > .body > .card-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
.content-unit-features > .body > .card-features > li {
  width: 290px;
  margin: 0 10px;
  color: #000;
}
.content-unit-features > .body > .card-features > li > .image {
  width: 290px;
  height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  font-size: 42px;
  font-size: 4.2rem;
  color: #fff;
  line-height: 1.35;
  margin-bottom: 10px;
  text-shadow: 0 0 10px #000;
  position: relative;
}
.content-unit-features > .body > .card-features > li > .image:after {
  display: block;
  content: "";
  width: 290px;
  height: 290px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.content-unit-features > .body > .card-features > li > .image > span {
  position: relative;
  z-index: 99;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.content-unit-features > .body > .card-features > .features1 .image {
  background: url("/img/ver2.0/Home/pc_high/img-features1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc_high/img-features1.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-features1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.content-unit-features > .body > .card-features > .features2 .image {
  background: url("/img/ver2.0/Home/pc_high/img-features2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc_high/img-features2.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-features2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.content-unit-features > .body > .card-features > .features3 .image {
  background: url("/img/ver2.0/Home/pc_high/img-features3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/Home/pc_high/img-features3.jpg) 1x, url(/img/ver2.0/Home/pc_high/img-features3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.content-unit-features > .body > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 480px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #402c00;
  color: #402c00;
  position: relative;
}
.content-unit-features > .body > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.content-unit-features > .body > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(110, 85, 22, 0.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
}
.content-unit-features > .body > .button:hover {
  background: rgba(255, 255, 255, 0.8);
}

.content-curriculum {
  text-align: center;
  background: #f8f8f8;
  /* search 共通 */
}
.content-curriculum > .title {
  background: #281203;
  padding: 10px;
}
.content-curriculum > .title > h2 {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.35;
}
.content-curriculum > .title > h2 > span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  letter-spacing: 0.25em;
}
.content-curriculum > .body {
  padding: 40px 0;
  background-color: #fff;
}
.content-curriculum .area-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content-curriculum .area-banner > p {
  margin: 0;
}
.content-curriculum .area-banner-text {
  font-size: 12px;
  font-size: 1.2rem;
}
.content-curriculum .area-banner-text a {
  color: #515151;
}
.content-curriculum .area-banner > .banner {
  text-align: left;
  max-width: 680px;
  margin-right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: underline;
}
.content-curriculum .area-banner > .banner > a {
  display: block;
  position: relative;
}
.content-curriculum .area-banner > .banner > a:hover {
  opacity: 0.8;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.content-curriculum .area-banner > .banner > a > img {
  width: auto;
  height: 180px;
  border-radius: 4px;
  border: 1px solid #7E7E7E;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}
.content-curriculum .area-banner > .banner > a:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 24px;
  font-size: 2.4rem;
  color: #000;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-curriculum .area-banner > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  max-width: 400px;
  height: 180px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.35;
  position: relative;
  padding-top: 65px;
  padding-right: 50px;
  border: none;
}
.content-curriculum .area-banner > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.content-curriculum .area-banner > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-curriculum .area-banner > .button:hover {
  background: #c80000;
}
.content-curriculum .area-banner > .button > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.content-curriculum .area-banner > .banner > span {
  line-height: 1.8;
}
.content-curriculum .area-banner.-twocolumns img {
  width: 470px !important;
  height: auto !important;
  margin-left: 6px;
}
.content-curriculum .area-banner.-rectangle-bunner img {
  width: 356px !important;
  height: auto !important;
  margin-left: 0;
}
.content-curriculum .area-banner.-wset-bunner .banner {
  max-width: 718px !important;
  height: auto !important;
}
.content-curriculum .area-banner.-wset-bunner img {
  width: 720px !important;
  height: auto !important;
}
.content-curriculum .online-bunner.-top > .banner > a > img {
  width: 468px !important;
  height: auto !important;
}
.content-curriculum .body > h3,
.content-curriculum .area-dayevent > h3,
.content-curriculum .area-course > h3 {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
  border-bottom: 1px solid #6E5516;
  padding: 0 20px;
}
.content-curriculum > .body > .area-dayevent > h3 > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #950000;
}
.content-curriculum .body > .lh {
  line-height: 1.6;
}
.content-curriculum .course-unitbeginner ul, .content-curriculum .course-unitbeginner li {
  list-style: none;
  padding: 0;
}
.content-curriculum .course-unitbeginner > .header > .title {
  margin-bottom: 40px;
  margin-top: 50px;
}
.content-curriculum .course-unitbeginner > .header > .title > div {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.content-curriculum .course-unitbeginner > .header > .title > div:first-child {
  font-size: 18px;
}
.content-curriculum .course-unitbeginner > .header > .title > div:last-child {
  font-size: 40px;
  position: relative;
}
.content-curriculum .course-unitbeginner > .header > .title > div:last-child::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  width: 50px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #6E5516;
}
.content-curriculum .course-unitbeginner > .body {
  text-decoration: none;
}
.content-curriculum .course-unitbeginner > .body > .button::after {
  color: #fff;
}
.content-curriculum .course-unitbeginner.search .search-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content-curriculum .course-unitbeginner.search .search-tab li {
  width: 500px;
  font-size: 2.4rem;
  padding: 28px 0;
  color: #6E5516;
  background-color: #F8F6F3;
  border-bottom: #6E5516 solid 2px;
  cursor: pointer;
}
.content-curriculum .course-unitbeginner.search .search-tab .active {
  color: #fff;
  background-color: #6E5516;
}
.content-curriculum .course-unitbeginner.search .search-area {
  max-width: 1000px;
  margin: 0 auto;
}
.content-curriculum .course-unitbeginner.search .search-area .search-area-box {
  display: none;
}
.content-curriculum .course-unitbeginner.search .search-area .active {
  display: block;
}
.content-curriculum .course-unitbeginner .search-box,
.content-curriculum .course-unitbeginner .other-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* search icon */
}
.content-curriculum .course-unitbeginner .search-box li,
.content-curriculum .course-unitbeginner .other-box li {
  width: 490px;
  height: 144px;
  margin: 5px;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.7;
  border: solid 1px #9F9F9F;
  border-radius: 4px;
  color: #515151;
}
.content-curriculum .course-unitbeginner .search-box a,
.content-curriculum .course-unitbeginner .other-box a {
  display: block;
  font-size: 1.6rem;
  width: 100%;
  height: 100%;
  padding: 0 25px 0 85.5px;
  cursor: pointer;
  color: #515151;
}
.content-curriculum .course-unitbeginner .search-box .button div:last-child,
.content-curriculum .course-unitbeginner .other-box .button div:last-child {
  font-size: 1.4rem;
}
.content-curriculum .course-unitbeginner .search-box .button div:first-child,
.content-curriculum .course-unitbeginner .other-box .button div:first-child {
  font-size: 2rem;
  font-weight: bold;
  padding: 24.5px 0 0;
  margin: 0 0 12px;
}
.content-curriculum .course-unitbeginner .search-box .button div.title-only,
.content-curriculum .course-unitbeginner .other-box .button div.title-only {
  font-size: 2rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.content-curriculum .course-unitbeginner .search-box li::before,
.content-curriculum .course-unitbeginner .other-box li::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  left: 7px;
}
.content-curriculum .course-unitbeginner .search-box .hobby-1::before,
.content-curriculum .course-unitbeginner .other-box .hobby-1::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-1.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-2::before,
.content-curriculum .course-unitbeginner .other-box .hobby-2::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-2.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-3::before,
.content-curriculum .course-unitbeginner .other-box .hobby-3::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-3.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-4::before,
.content-curriculum .course-unitbeginner .other-box .hobby-4::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-4.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-5::before,
.content-curriculum .course-unitbeginner .other-box .hobby-5::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-5.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-6::before,
.content-curriculum .course-unitbeginner .other-box .hobby-6::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-6.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-7::before,
.content-curriculum .course-unitbeginner .other-box .hobby-7::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-7.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-8::before,
.content-curriculum .course-unitbeginner .other-box .hobby-8::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-8.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-9::before,
.content-curriculum .course-unitbeginner .other-box .hobby-9::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-9.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-10::before,
.content-curriculum .course-unitbeginner .other-box .hobby-10::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-10.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-11::before,
.content-curriculum .course-unitbeginner .other-box .hobby-11::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/1-11.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-12::before,
.content-curriculum .course-unitbeginner .other-box .hobby-12::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-1.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-13::before,
.content-curriculum .course-unitbeginner .other-box .hobby-13::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-2.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-14::before,
.content-curriculum .course-unitbeginner .other-box .hobby-14::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-3.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-15::before,
.content-curriculum .course-unitbeginner .other-box .hobby-15::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-4.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-16::before,
.content-curriculum .course-unitbeginner .other-box .hobby-16::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-5.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-17::before,
.content-curriculum .course-unitbeginner .other-box .hobby-17::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-6.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-18::before,
.content-curriculum .course-unitbeginner .other-box .hobby-18::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/2-7.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-19::before,
.content-curriculum .course-unitbeginner .other-box .hobby-19::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/3-1.png") 1x);
}
.content-curriculum .course-unitbeginner .search-box .hobby-20::before,
.content-curriculum .course-unitbeginner .other-box .hobby-20::before {
  background-image: -webkit-image-set(url("/img/ver2.3/SearchTheme/3-2.png") 1x);
}
.content-curriculum .course-unitbeginner .other-area {
  max-width: 1000px;
  margin: 0 auto;
}
.content-curriculum .course-unitbeginner .other-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-curriculum .course-unitbeginner .other-box li {
  width: 490px;
  height: 144px;
  margin: 5px;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.7;
  border: solid 1px #9F9F9F;
  border-radius: 4px;
}
.content-curriculum .course-unitbeginner .other-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 85.5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content-curriculum .course-unitbeginner .other-box .button div {
  font-size: 2.2rem;
  font-weight: bold;
  padding: 24.5px 0 0;
  margin: 0 0 24.5px;
}
.content-curriculum .course-unitbeginner .other-box li::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 68px;
  height: 68px;
  left: 9px;
}
.content-curriculum .right_icon::after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
  color: #BEA870;
}

.indexinfo-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.indexinfo-unit > .title {
  background: #CCCCCC;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding: 20px;
  width: 30%;
  text-align: right;
}
.indexinfo-unit > .body {
  width: 70%;
}
.indexinfo-unit > .body > p {
  margin: 0;
  padding: 10px;
}
.indexinfo-unit > .body > p > a {
  color: #515151;
}
.indexinfo-unit > .body p:nth-child(odd) {
  background: #EEEEEE;
}

.page-course_list .trial-title {
  background: url("/img/ver2.0/SearchTheme/bg_header/sp/bg_header-course_list.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-head {
  margin: 30px 10px;
}
.page-course_list .trial-news a {
  display: inline-block;
  margin-top: 20px;
  background: #fff;
  color: #281203;
  border-radius: 4px;
  padding: 8px 16px;
  border: solid 1px #281203;
}
.page-course_list .trial-news a:after {
  font-family: "Ionicons";
  content: "";
  display: inline block;
  padding-left: 10px;
}
.page-course_list .trial-chart-unit {
  width: 100%;
  max-width: 1000px;
  margin: 30px auto 30px;
}
.page-course_list .trial-chart-unit > h2 {
  color: #6E5516;
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  margin-bottom: 20px;
}
.page-course_list .trial-chart-unit > h2 .small {
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.page-course_list .trial-chart-unit .accshow {
  height: auto;
  padding: 10px;
  padding-bottom: 30px;
  margin: 0 10px;
  background: #f8f8f8;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page-course_list .trial-chart-card {
  width: 210px;
  position: relative;
  margin-top: 30px;
}
.page-course_list .trial-chart-card:nth-child(-n+2):after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #6E5516;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -60px;
}
.page-course_list .trial-chart-card > .trial-chart-group {
  height: 100%;
  border: 1px solid #6E5516;
  border-radius: 4px;
  background: #fff;
  padding: 0;
}
.page-course_list .trial-chart-card > .trial-chart-group > .step {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  background: #6E5516;
  color: #fff;
  text-align: center;
}
.page-course_list .trial-chart-card > .trial-chart-group > .image {
  background: #000;
  width: 100%;
  height: 115px;
}
.page-course_list .trial-chart-card > .trial-chart-group > .text {
  padding: 14px 10px;
}
.page-course_list .trial-chart-card > .trial-chart-group > .text > .comment-br {
  line-height: 250%;
}
.page-course_list .trial-chart-card > .trial-chart-group > .text > .comment {
  font-size: 12px;
  font-size: 1.2rem;
}
.page-course_list .trial-chart-card > .trial-chart-group > .chart1 {
  background: url("/img/ver2.0/trial/pc/chart-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/trial/pc/chart-1.jpg) 1x, url(/img/ver2.0/trial/pc_high/chart-1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-chart-card > .trial-chart-group > .chart2 {
  background: url("/img/ver2.0/trial/pc/chart-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/trial/pc/chart-2.jpg) 1x, url(/img/ver2.0/trial/pc_high/chart-2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-chart-card > .trial-chart-group > .chart3 {
  background: url("/img/ver2.0/trial/pc/chart-3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/trial/pc/chart-3.jpg) 1x, url(/img/ver2.0/trial/pc_high/chart-3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-chart-card > .trial-chart-group > .chart4 {
  background: url("/img/ver2.0/trial/pc/chart-4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/trial/pc/chart-4.jpg) 1x, url(/img/ver2.0/trial/pc_high/chart-4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-chart-check {
  background: #fff;
  width: 760px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 70px 10px 20px;
  font-weight: 700;
  padding: 40px 100px 20px;
  position: relative;
}
.page-course_list .trial-chart-check > .check-title {
  width: 400px;
  color: #fff;
  background: #281203;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  border-radius: 25px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
}
.page-course_list .trial-chart-check > .check-title:after {
  content: "";
  z-index: 5;
  border-top: 10px solid #281203;
  border-right: 15px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  top: 50px;
  left: 46%;
}
.page-course_list .trial-chart-check > .check-text {
  text-align: left;
  padding-left: 34px;
  position: relative;
  font-weight: 700;
}
.page-course_list .trial-chart-check > .check-text:before, .page-course_list .trial-chart-check > .check-text:after {
  content: "";
  display: block;
  position: absolute;
}
.page-course_list .trial-chart-check > .check-text:before {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  left: 0;
  top: 4px;
}
.page-course_list .trial-chart-check > .check-text:after {
  border-left: 4px solid #6E5516;
  border-bottom: 3px solid #6E5516;
  width: 19px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 4px;
  top: 6px;
}
.page-course_list .trial-chart-text {
  text-align: center;
}
.page-course_list .trial-chart-text > .gold-text {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.page-course_list .trial-chart-text > .gold-text > .gold-text-br {
  line-height: 280%;
}
.page-course_list .trial-chart-text > .gold-text > .big-text {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ede7d8));
  background: -o-linear-gradient(transparent 70%, #ede7d8 70%);
  background: linear-gradient(transparent 70%, #ede7d8 70%);
  font-weight: 700;
}
.page-course_list .trial-select-unit {
  padding: 20px 0;
}
.page-course_list .trial-select-unit > h2 {
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.page-course_list .trial-select-unit > h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #6E5516;
}
.page-course_list .trial-select-unit > h3.smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.page-course_list .trial-select-unit > h3:before, .page-course_list .trial-select-unit > h3:after {
  border-top: 1px solid;
  content: "";
  display: inline;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-course_list .trial-select-unit > h3:before {
  margin-right: 0.5em;
}
.page-course_list .trial-select-unit > h3:after {
  margin-left: 0.5em;
}
.page-course_list .trial-select-unit .button-group {
  text-align: left;
}
.page-course_list .trial-select-unit .button-group > li {
  margin-bottom: 50px;
}
.page-course_list .trial-select-unit .button-group.-disable > li {
  background: #DADBDC;
}
.page-course_list .trial-select-unit .button-group.-disable > li a.button {
  color: #7E7E7E;
  text-decoration: none;
  pointer-events: none;
}
.page-course_list .trial-select-unit .button-group.-disable > li:hover {
  background: #DADBDC;
}
.page-course_list .trial-select-unit .button-group > li:hover {
  background: none;
}
.page-course_list .trial-select-unit .button-group > li > a:hover,
.page-course_list .trial-select-unit .button-group > li > .link-lp > a:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-course_list .trial-select-unit .button-group > li > a > .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
}
.page-course_list .trial-select-unit .button-group > li > .link-lp {
  border: solid 1px #281203;
  border-radius: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  position: absolute;
  bottom: -30px;
  right: 0;
}
.page-course_list .trial-select-unit .button-group > li > .link-lp > a {
  display: block;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  color: #281203;
}
.page-course_list .trial-select-unit .button-group > li > .link-lp > a:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  color: #BEA870;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 5px;
}
.page-course_list .trial-select-unit .button-group > li > .trial-1:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-1.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-2:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-2.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-3:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-3.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-4:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-4.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-5:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-5.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-5.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-5.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-6:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-6.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-6.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-6.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-7:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-7.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-7.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-7.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-8:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-8.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-8.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-8.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-9:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-9.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-9.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-9.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-10:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-10.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-10.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-10.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-11:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-11.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-11.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-11.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-12:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-12.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-12.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-12.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-13:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-13.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-13.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-13.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-14:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-14.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-14.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-14.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-15:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-15.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-15.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-15.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-16:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-16.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-16.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-16.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-17:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-17.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-17.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-17.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-18:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-18.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-18.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-18.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-19:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-19.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-19.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-19.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-20:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-20.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-20.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-20.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-21:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-21.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-21.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-21.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-22:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-22.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-22.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-22.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-23:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-23.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-23.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-23.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-24:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-24.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-24.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-24.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-25:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-25.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-25.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-25.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-26:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-26.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-26.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-26.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-select-unit .button-group > li > .trial-27:before {
  background: url("/img/ver2.0/SearchTheme/course_list/pc/course-27.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/SearchTheme/course_list/pc/course-27.jpg) 1x, url(/img/ver2.0/SearchTheme/course_list/pc_high/course-27.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-course_list .trial-attention {
  width: 100%;
  max-width: 1000px;
  margin: 10px auto 100px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 40px 40px;
  background: #f8f8f8;
}
.page-course_list .trial-attention > h4 {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 20px;
  font-weight: 700;
}
.page-course_list .trial-attention > h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0;
}
.page-course_list .trial-attention > ul > li {
  list-style-type: disc;
}
.page-course_list .trial-attention > a {
  color: #6E5516;
  text-decoration: underline;
}
.page-course_list .trial-spacer {
  padding: 20px 0;
}

.beginner-main .about-head-title {
  background-image: url("/img/ver2.0/about/pc/img-head.jpg?20190507");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-head.jpg?20190507) 1x, url(/img/ver2.0/about/pc/img-head@2x.jpg?20190507) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0 100px;
  position: relative;
  min-width: 1060px;
  min-height: 400px;
}
.beginner-main .about-head-title > .title-group {
  width: 600px;
  margin-left: 45%;
}
.beginner-main .about-head-title > .title-group > h1 {
  text-align: center;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 700;
  color: #281203;
  line-height: 1.35;
  margin: 0;
  margin-top: 50px;
  padding: 10px 0 10px;
}
.beginner-main .about-head-title > .title-group sup {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  top: -44px;
}
.beginner-main .about-head-title > .title-group .textcatch {
  margin-top: 10px;
  display: block;
  text-align: center;
  background: #FFD443;
  color: #000;
  border-radius: 4px;
  padding: 5px;
  font-weight: 700;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-main .about-head-title > .title-group .textcatch > .-smalltext {
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-main .about-head-title > .title-group > h1 > .subtitle {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 10px;
  line-height: 1.2;
}
.beginner-main .about-head-title > .title-group > h1 > .subtitle .-textstrong {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
}
.beginner-main .about-head-title > .title-group > h1 > .-oblique:before, .beginner-main .about-head-title > .title-group > h1 > .-oblique:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 1px solid #000;
}
.beginner-main .about-head-title > .title-group > h1 > .-oblique:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.beginner-main .about-head-title > .title-group > h1 > .-oblique:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.beginner-main .about-head-title > .title-group > .attention {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
  text-align: center;
}

/*
	キービジュアル直下のCTA
-----------------------------------*/
.beginner-main > .infomation-unit .subtitle {
  margin-top: 14px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: -10px;
}

.beginner-main > .infomation-unit .experience-group {
  margin-top: 10px;
}
.beginner-main > .infomation-unit .experience-group .button {
  margin-top: 10px;
}

/* スケジュールの確認・講座の申し込みボタン */
.beginner-main > .infomation-unit .experience-group._3column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.beginner-main > .infomation-unit .experience-group._3column .curricula-button {
  background: #DB8338;
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-main > .infomation-unit .experience-group._3column .curricula-button span {
  font-size: 12px;
  font-size: 1.2rem;
}
.beginner-main > .infomation-unit .experience-group._3column .button:first-of-type {
  margin-right: 10px;
}
.beginner-main > .infomation-unit .experience-group._3column .button:last-of-type {
  margin-left: 10px;
}

/*
	すべてのCTA
-----------------------------------*/
.beginner-main .experience-group > .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
}
.beginner-main .experience-group > .curricula-button span {
  margin-top: 0 !important;
}

.beginner-main .experience-group > .curricula-button.-disabled {
  background: #CCCCCC !important;
  border-bottom: 0 solid #CCCCCC;
  color: #7E7E7E;
  pointer-events: none;
  border: 0px none #CCCCCC;
}
.beginner-main .experience-group > .curricula-button.-disabled:after {
  color: #7E7E7E;
}

.beginner-main .infomation-unit .backlink {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.beginner-main .infomation-unit .backlink > a {
  display: block;
  border: 1px solid #281203;
  color: #515151;
  padding: 10px;
  border-radius: 2px;
  position: relative;
}
.beginner-main .infomation-unit .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.beginner-main .introduction,
.beginner-main .about-osusume-unit,
.beginner-main .about-learn-unit,
.beginner-main .about-lesson-unit,
.beginner-main .price-unit,
.beginner-main .faq-unit,
.beginner-main .about-courseinfo-unit {
  padding: 30px 0;
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.beginner-main .introduction > .title,
.beginner-main .about-osusume-unit > .title,
.beginner-main .about-learn-unit > .title,
.beginner-main .about-lesson-unit > .title,
.beginner-main .price-unit > .title,
.beginner-main .faq-unit > .title,
.beginner-main .about-courseinfo-unit > .title {
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 50px;
}
.beginner-main .introduction > .title > span,
.beginner-main .about-osusume-unit > .title > span,
.beginner-main .about-learn-unit > .title > span,
.beginner-main .about-lesson-unit > .title > span,
.beginner-main .price-unit > .title > span,
.beginner-main .faq-unit > .title > span,
.beginner-main .about-courseinfo-unit > .title > span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #000;
  padding: 5px;
  margin: 0 10px 10px;
  border-radius: 4px;
}

.beginner-main .introduction p {
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-main .introduction .-textstrong {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 60%, rgba(190, 168, 112, 0.4) 0%);
  background: linear-gradient(transparent 60%, rgba(190, 168, 112, 0.4) 0%);
}
.beginner-main .introduction .photo img, .beginner-main .introduction .photo picture {
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-osusume-unit > .checklist,
.about-learn-unit > .checklist {
  padding: 0 10px;
  list-style: none;
}
.about-osusume-unit > .checklist > li,
.about-learn-unit > .checklist > li {
  padding-top: 10px;
  border-bottom: 1px dotted #CCCCCC;
}
.about-osusume-unit > .checklist > li:before,
.about-learn-unit > .checklist > li:before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background: url("/img/ver2.0/about/check.svg") no-repeat;
  margin-right: 10px;
}
.about-osusume-unit > .checklist > li > span,
.about-learn-unit > .checklist > li > span {
  display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #F7FF00));
  background: -o-linear-gradient(transparent 60%, #F7FF00 0%);
  background: linear-gradient(transparent 60%, #F7FF00 0%);
}

.about-osusume-unit {
  background: #f8f8f8;
}
.about-osusume-unit > .checklist {
  background: #fff url("/img/ver2.0/about/wine.svg") no-repeat 100% 100%;
  background-size: 50px;
  padding: 0 30px 10px;
  margin: 0 10px;
  border-radius: 8px;
  border: solid 1px #6E5516;
}
.about-osusume-unit > .checklist > li {
  border: 0;
}

> .checklist {
  background: #fff url("/img/ver2.0/about/wine.svg") no-repeat 100% 100%;
  background-size: 50px;
  padding: 0 30px 10px;
  margin: 0 10px;
  border-radius: 8px;
  border: solid 1px #6E5516;
}

> .checklist > li {
  border: 0;
}

> .checklist > li:before {
  background: url("/img/ver2.0/about/glass.svg") no-repeat;
}

.beginner-main .about-learn-unit {
  width: 100%;
  background: #f8f8f8;
}
.beginner-main .about-learn-unit h3 {
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #281203;
  border-bottom: 1px solid #281203;
  position: relative;
  padding-bottom: 20px;
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.beginner-main .about-learn-unit h3:not(:first-of-type) {
  margin-top: 30px;
}
.beginner-main .about-learn-unit h3:before {
  position: absolute;
  content: "";
  width: 100%;
  min-height: 100%;
  bottom: -5px;
  left: 0;
  border-bottom: 2px solid #000;
}
.beginner-main .about-learn-unit h3 .smalltext {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-main .about-learn-unit h3 .smalltext:before, .beginner-main .about-learn-unit h3 .smalltext:after {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  border-top: 1px solid #000;
}
.beginner-main .about-learn-unit h3 .smalltext:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.beginner-main .about-learn-unit h3 .smalltext:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.beginner-main .about-learn-unit .unit-lesson {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #CCCCCC;
}
.beginner-main .about-learn-unit .unit-lesson:not(:first-of-type) {
  padding-top: 20px;
}
.beginner-main .about-learn-unit .unit-lesson .photo {
  position: relative;
}
.beginner-main .about-learn-unit .unit-lesson .photo .label {
  position: absolute;
  top: 0;
  left: 0;
  background: #281203;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 10px;
  padding-right: 10px;
}
.beginner-main .about-learn-unit .unit-lesson .photo img, .beginner-main .about-learn-unit .unit-lesson .photo picture {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.beginner-main .about-learn-unit .unit-lesson .text-gruop {
  margin-left: 30px;
}
.beginner-main .about-learn-unit .unit-lesson .text-gruop h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
}
.beginner-main .about-learn-unit .unit-lesson .text-gruop h4 .smalltext {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.beginner-main .about-learn-unit .unit-lesson .text-gruop p, .beginner-main .about-learn-unit .unit-lesson .text-gruop .attention {
  font-size: 16px;
  font-size: 1.6rem;
}

.beginner-main .about-lesson-unit > .about-card,
.beginner-main .about-courseinfo-unit > .about-card {
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  margin: 0 10px 20px;
}
.beginner-main .about-lesson-unit > .about-card > .title-group,
.beginner-main .about-courseinfo-unit > .about-card > .title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 10px 10px 0;
}
.beginner-main .about-lesson-unit > .about-card > .title-group > .title > .smalltext,
.beginner-main .about-courseinfo-unit > .about-card > .title-group > .title > .smalltext {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.beginner-main .about-lesson-unit > .about-card > .title-group > .box,
.beginner-main .about-courseinfo-unit > .about-card > .title-group > .box {
  background: #6E5516;
  color: #fff;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.35;
  margin-right: 10px;
}
.beginner-main .about-lesson-unit > .about-card > .title-group > .box > span,
.beginner-main .about-courseinfo-unit > .about-card > .title-group > .box > span {
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.beginner-main .about-lesson-unit > .about-card > .title-group > h3,
.beginner-main .about-courseinfo-unit > .about-card > .title-group > h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.beginner-main .about-lesson-unit .about-card > .lesson1 {
  background: url(/img/ver2.0/about/pc/img-lesson-1_beginner.jpg) !important;
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-lesson-1_beginner.jpg) 1x, url(/img/ver2.0/about/pc/img-lesson-1_high_beginner.jpg) 2x) !important;
}

.beginner-main .step1-lesson-group {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 0;
}
.beginner-main .step1-lesson-group > .title {
  margin-bottom: 50px;
}
.beginner-main .step1-lesson-group > .about-lesson-unit {
  background: #fff;
}
.beginner-main .step1-lesson-group .about-card > .body > h3,
.beginner-main .step1-lesson-group .about-card > .body > .text {
  text-align: left;
  padding-left: 20px;
}
.beginner-main .step1-lesson-group .about-card > .body > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.beginner-main .step1-lesson-group > .accbox label {
  max-width: 1000px;
  display: block;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  position: relative;
  z-index: 9;
  background: #fff;
  margin: 0 auto 20px;
}
.beginner-main .step1-lesson-group > .accbox label:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 10px;
}
.beginner-main .step1-lesson-group > .accbox input {
  display: none;
}
.beginner-main .step1-lesson-group .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.beginner-main .step1-lesson-group .cssacc:checked + .accshow {
  height: auto;
  opacity: 1;
  background: #fff;
}
.beginner-main .step1-lesson-group .accshow > .about-card {
  border: solid 1px #6E5516;
  border-radius: 4px;
}

.beginner-main .price-unit .price-gruop {
  width: 100%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #281203;
}
.beginner-main .price-unit .price-gruop th {
  text-align: center;
  padding-left: 10px;
}
.beginner-main .price-unit .price-gruop tr {
  border-top: 1px solid #281203;
}
.beginner-main .price-unit .price-gruop td {
  padding: 10px;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.beginner-main .price-unit .price-gruop .label {
  background: #6E5516;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
}
.beginner-main .price-unit .price-gruop .label.-full {
  background: #950000;
}
.beginner-main .price-unit .smalltext {
  font-size: 14px;
  font-size: 1.4rem;
}

.beginner-main .faq-unit h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beginner-main .faq-unit h3 span.number {
  display: block;
  background: #281203;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
}
.beginner-main .faq-unit h3 span.question {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  font-size: 1.8rem;
  padding-left: 10px;
  font-weight: 700;
}
.beginner-main .faq-unit .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #CCCCCC;
}
.beginner-main .faq-unit .answer span.number {
  display: block;
  background: #950000;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
}
.beginner-main .faq-unit .answer p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 0;
  padding-left: 10px;
}
.beginner-main .faq-unit .answer p .textstrong {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 60%, rgba(110, 85, 22, 0.4) 0%);
  background: linear-gradient(transparent 60%, rgba(110, 85, 22, 0.4) 0%);
  font-size: 18px;
  font-size: 1.8rem;
}

.beginner-main .infomation-unit .attention {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.school-head-unit {
  background: #f8f8f8;
  padding-top: 20px;
}
.school-head-unit > .body {
  background: #281203;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
}
.school-head-unit > .body > .title > h1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #fff;
  line-height: 1.35;
  margin: 10px;
}
.school-head-unit > .body > .title > .disc {
  color: #BEA870;
  margin: 0 10px 10px;
}
.school-head-unit > .body > .visual > img {
  width: 440px;
  height: 190px;
  vertical-align: bottom;
}

.school-map-unit {
  background: #f8f8f8;
  padding-bottom: 20px;
  max-width: 1000px;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.school-map-unit > .title > h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
  margin: 0 0 10px;
}
.school-map-unit > .map-group {
  width: 230px;
}
.school-map-unit > .map-group > img {
  max-width: 100%;
  border: 1px solid #281203;
}
.school-map-unit > .map-group > .link > a {
  color: #c80000;
}

.school-address {
  background: #f8f8f8;
}
.school-address table {
  margin: 0 10px;
  border-collapse: collapse;
  border: 1px solid #7E7E7E;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.school-address th {
  background: #6E5516;
  white-space: nowrap;
  border: 1px solid #7E7E7E;
  padding: 10px;
  color: #ffffff;
}
.school-address td {
  border: 1px solid #7E7E7E;
  padding: 10px;
}

.school-button-group > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin: 0 10px;
  text-align: left;
  position: relative;
  background: #fff;
}
.school-button-group > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.school-button-group > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.school-bg-set {
  padding-bottom: 20px;
}

.infomation-unit {
  background: #f8f8f8;
}
.infomation-unit .banner > .button {
  text-decoration: underline;
  color: #515151;
}
.infomation-unit .banner > .button > img {
  border-radius: 4px;
  border: 1px solid #7E7E7E;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.school-bg-setB {
  background: #fff;
}

.school-padding-set {
  margin: 0;
  padding-top: 20px;
}

.school-info-hayawari {
  max-width: 1000px;
  margin: 30px auto;
}
.school-info-hayawari > .button {
  width: 550px;
  margin: 10px auto 0;
  display: block;
  background: #950000;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.school-info-hayawari > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 25px;
  font-size: 2.5rem;
}
.school-info-hayawari > .button:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.hayawari {
  text-decoration: line-through;
}

.hayawari-strong {
  color: #950000;
  font-weight: 700;
}

.school-sakae-school > .button,
.school-sakae-trial > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.school-sakae-school > .button:hover,
.school-sakae-trial > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.school-sakae-school > .button > span,
.school-sakae-trial > .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.school-sakae-school > .button:after,
.school-sakae-trial > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.school-sakae-school > .button:hover,
.school-sakae-trial > .button:hover {
  background: #c80000;
}

.school-sakae-school {
  padding: 30px 0;
  background: #f8f8f8;
}
.school-sakae-school > .title {
  margin: 0 0 30px;
  color: #281203;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.school-sakae-school > .title > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(0%, #daaf44));
  background: -o-linear-gradient(transparent 30%, #daaf44 0%);
  background: linear-gradient(transparent 30%, #daaf44 0%);
}
.school-sakae-school > .body {
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto 30px;
}
.school-sakae-school > .body > .wrap {
  background: #fff;
  padding: 10px;
  width: 490px;
}
.school-sakae-school > .body > .wrap > .img {
  margin: 0;
}
.school-sakae-school > .body > .wrap > .img > img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.school-sakae-school > .body > .wrap > .title {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #281203;
  margin: 5px 0;
}
.school-sakae-school > .body > .wrap > .text {
  margin: 0;
}

.school-sakae-map {
  background: #f8f8f8;
  padding-bottom: 30px;
}
.school-sakae-map > .school-address {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-sakae-map > .school-address > table {
  margin-right: 10px;
}
.school-sakae-map > .school-address > .school-map-unit {
  margin: 0;
}

.school-sakae-lesson {
  margin-bottom: 50px;
}
.school-sakae-lesson > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  color: #6E5516;
  margin-bottom: 0;
}
.school-sakae-lesson > .text {
  text-align: center;
  font-weight: 700;
  margin: 0 0 20px;
}
.school-sakae-lesson > .list-couse {
  max-width: 1000px;
  margin: 0 auto 10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.school-sakae-lesson > .list-couse > .list-in {
  width: 320px;
  border: solid 1px #6E5516;
  position: relative;
  padding-bottom: 10px;
}
.school-sakae-lesson > .list-couse > .list-img {
  padding: 0;
}
.school-sakae-lesson > .list-couse > .list-in > p {
  margin: 0;
}
.school-sakae-lesson > .list-couse > .list-in > .img > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.school-sakae-lesson > .list-couse > .list-in > .label {
  background: #950000;
  width: 170px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: -1px;
  right: -1px;
}
.school-sakae-lesson > .list-couse > .list-in > .labelB {
  background: #6E5516;
}
.school-sakae-lesson > .list-couse > .list-in > .title {
  text-align: center;
  font-weight: 700;
}
.school-sakae-lesson > .list-couse > .list-in > .title > span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
.school-sakae-lesson > .list-couse > .list-in > .text {
  padding: 0 10px 10px;
}
.school-sakae-lesson > .list-couse > .list-in > .link {
  color: #281203;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.school-sakae-lesson > .list-couse > .list-in > .link:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 10px;
}
.school-sakae-lesson > .coution {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}

.school-sakae-voice {
  max-width: 1000px;
  margin: 0 auto 30px;
  border: solid 1px #6E5516;
  border-radius: 12px;
  padding: 10px 30px;
}
.school-sakae-voice > .title {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
}
.school-sakae-voice > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.school-sakae-voice > .list > .body {
  width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.school-sakae-voice > .list > .body > .img > img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 10px;
}
.school-sakae-voice > .list > .body > .text > p {
  margin: 0;
}
.school-sakae-voice > .list > .body > .text > .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.school-sakae-voice > .list > .body > .text > .title > span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #daaf44));
  background: -o-linear-gradient(transparent 60%, #daaf44 0%);
  background: linear-gradient(transparent 60%, #daaf44 0%);
}
.school-sakae-voice > .list > .body > .text > .name {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}

.school-sakae-QandA {
  max-width: 1000px;
  margin: 0 auto 80px;
  background: rgba(187, 169, 119, 0.15);
  border-radius: 12px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.school-sakae-QandA > .title {
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.school-sakae-QandA > .body {
  line-height: 1.5;
  width: 650px;
}
.school-sakae-QandA > .body > .question {
  color: #6E5516;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}
.school-sakae-QandA > .body > .question:before {
  display: block;
  content: "Q";
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin-right: 10px;
}
.school-sakae-QandA > .body > .answer {
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-sakae-QandA > .body > .answer:last-child {
  margin: 0;
}
.school-sakae-QandA > .body > .answer:before {
  display: block;
  content: "A";
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin-right: 10px;
}

.school-sakae-hajimete {
  background: #f8f8f8;
  text-align: center;
  padding: 80px 0;
}
.school-sakae-hajimete > .img > img {
  max-width: 100%;
  height: auto;
  border: solid 1px #6E5516;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
  margin-bottom: 10px;
}
.school-sakae-hajimete > .img > img:hover {
  opacity: 0.8;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.school-sakae-hajimete > .button {
  width: 550px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  text-align: left;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #281203;
  background: #fff;
}
.school-sakae-hajimete > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.school-sakae-hajimete > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.school-sakae-trial {
  background: url("/img/ver2.0/schools/pc/school_sakae_schoolimg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-top: solid 1px #6E5516;
  border-bottom: solid 1px #6E5516;
  text-align: center;
  padding: 80px 0 50px;
}
.school-sakae-trial > .title,
.school-sakae-trial > p,
.school-sakae-trial > a {
  position: relative;
  z-index: 1;
  font-weight: 700;
}
.school-sakae-trial > p {
  margin-bottom: 20px;
}
.school-sakae-trial > .title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #000;
  margin: 0;
}
.school-sakae-trial:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}

.page-course_list .reasons-title {
  background: url("/img/ver2.0/reasons/sp/img-head.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-head.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-head.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  min-height: 250px;
}
.page-course_list .reasons-title > .title {
  font-size: 30px;
  font-size: 3rem;
}
.page-course_list .reasons-title > .title > span {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}

.reasons-card-unit {
  background: #fff;
  padding: 50px 0;
}
.reasons-card-unit > .label {
  max-width: 950px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.reasons-card-unit > .label:before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 1px;
  background: #6E5516;
  margin-right: 10px;
  position: relative;
  top: -5px;
}
.reasons-card-unit > .label > span {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.reasons-card-unit > .body {
  max-width: 950px;
  margin: 0 auto;
  position: relative;
}
.reasons-card-unit > .body > h2 {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
  letter-spacing: 0.08em;
  color: #000;
  line-height: 1.5;
  margin-top: 10px;
}
.reasons-card-unit > .body > h2:after {
  display: block;
  content: "";
  width: 300px;
  height: 153px;
  background: #f0f;
  position: absolute;
  top: 160px;
}
.reasons-card-unit > .body > p {
  margin-bottom: 0;
  padding-bottom: 1em;
}
.reasons-card-unit > .body > .button {
  display: block;
  width: 300px;
  text-align: center;
  color: #281203;
  border: 1px solid #BEA870;
  border-radius: 4px;
  padding: 10px 0;
  background: #fff;
}
.reasons-card-unit > .body > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.reasons-card-unit > .body > .button:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 10px;
}

.reasons-card-bg1 > .body > p,
.reasons-card-bg3 > .body > p,
.reasons-card-bg5 > .body > p {
  padding-left: 320px;
}
.reasons-card-bg1 > .body > .button,
.reasons-card-bg3 > .body > .button,
.reasons-card-bg5 > .body > .button {
  margin-right: 0;
  margin-left: auto;
}

.reasons-card-bg2,
.reasons-card-bg4 {
  background: #f8f8f8;
}
.reasons-card-bg2 > .body > h2:after,
.reasons-card-bg4 > .body > h2:after {
  right: 0;
}
.reasons-card-bg2 > .body > p,
.reasons-card-bg4 > .body > p {
  padding-right: 320px;
}
.reasons-card-bg2 > .body > .button,
.reasons-card-bg4 > .body > .button {
  margin-right: 320px;
  margin-left: auto;
}

.reasons-card-bg1 > .body > h2:after {
  background: url("/img/ver2.0/reasons/pc/img-reasons1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-reasons1.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-reasons1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reasons-card-bg2 > .body > h2:after {
  background: url("/img/ver2.0/reasons/pc/img-reasons2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-reasons2.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-reasons2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reasons-card-bg3 > .body > h2:after {
  background: url("/img/ver2.0/reasons/pc/img-reasons3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-reasons3.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-reasons3.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reasons-card-bg4 > .body > h2:after {
  background: url("/img/ver2.0/reasons/pc/img-reasons4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-reasons4.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-reasons4.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reasons-card-bg5 > .body > h2:after {
  background: url("/img/ver2.0/reasons/pc/img-reasons5.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/reasons/pc/img-reasons5.jpg) 1x, url(/img/ver2.0/reasons/pc_high/img-reasons5.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.reasons-card-bg6 {
  text-align: center;
  background: #ded3b6;
}
.reasons-card-bg6 > .label {
  display: none;
}
.reasons-card-bg6 > .body > h2 {
  font-size: 50px;
  font-size: 5rem;
  color: #402c00;
  font-weight: 700;
  margin: 0;
  letter-spacing: normal;
}
.reasons-card-bg6 > .body > h2 > span {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.reasons-card-bg6 > .body > h2:after {
  display: none;
}
.reasons-card-bg6 > .body > .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reasons-card-bg6 > .body > .list > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px;
}
.reasons-card-bg6 > .body > .list > li > .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}
.reasons-card-bg6 > .body > .list > li > .img:before {
  background: rgba(0, 0, 0, 0.38);
  display: block;
  content: "";
  width: 290px;
  height: 290px;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
}
.reasons-card-bg6 > .body > .list > li > .img > span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.reasons-card-bg6 > .body > .list > li > .image1 {
  background: url("/img/ver2.0/Home/sp/img-features1.jpg") no-repeat 50% 0;
  background-size: contain;
}
.reasons-card-bg6 > .body > .list > li > .image2 {
  background: url("/img/ver2.0/Home/sp/img-features2.jpg") no-repeat 50% 0;
  background-size: contain;
}
.reasons-card-bg6 > .body > .list > li > .image3 {
  background: url("/img/ver2.0/Home/sp/img-features3.jpg") no-repeat 50% 0;
  background-size: contain;
}
.reasons-card-bg6 > .body > .button {
  margin: 10px auto;
}

.page-course_list .step1-title {
  background: url("/img/ver2.0/step1/pc/step1_autumn_bg.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/step1/pc/step1_autumn_bg.jpg) 1x, url(/img/ver2.0/step1/pc/step1_autumn_bg.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.page-course_list .step1-title:before {
  display: none;
}

.step1-title .step1-title-in {
  padding: 40px 10px 0;
  position: relative;
  z-index: 9;
  width: 880px;
  margin: 0 auto;
}
.step1-title .step1-title-in > .title > .subtitle {
  display: block;
  margin-bottom: 10px;
  padding: 0 5px;
  color: #6E5516;
  border: solid 1px #6E5516;
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  font-weight: bold;
  width: 344px;
  text-align: center;
}
.step1-title .step1-title-in > .title > .stepOne1 {
  margin: 0;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #281203;
  font-weight: 700;
  line-height: 1.35;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 6px;
}
.step1-title .step1-title-in > .title > .stepOne1 span {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.step1-title .step1-title-in > .title .-notes {
  display: block;
  margin-top: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.step1-title .catch-group {
  margin-top: 40px;
  width: 300px;
}
.step1-title .catch {
  border-radius: 5px;
  padding: 10px;
  background: #FFD443;
  text-align: center;
  margin-right: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  font-weight: 700;
  margin-bottom: 10px;
}
.step1-title .catch .month {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-title .step1-title-in > .description {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  text-indent: -1.2rem;
}
.step1-title .step1-title-in > .description > span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #daaf44));
  background: -o-linear-gradient(transparent 60%, #daaf44 0%);
  background: linear-gradient(transparent 60%, #daaf44 0%);
}
.step1-title .step1-title-in > .stepOne-hayawari {
  position: absolute;
  bottom: -25px;
  left: 300px;
}

.campaign-area {
  background: #ffd443;
}
.campaign-area > picture > img {
  width: 35%;
  min-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.step-title-autumn {
  padding-top: 0 !important;
  padding-bottom: 50px !important;
}
.step-title-autumn > .step1-autumn_element {
  background: url("/img/ver2.0/step1/pc/step1_autumn_element.png?20191007");
  background-image: -webkit-image-set(url(/img/ver2.0/step1/pc/step1_autumn_element.png?20191007) 1x, url(/img/ver2.0/step1/pc_high/step1_autumn_element.png?20191007) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: auto;
  background-position: center top;
}
.step-title-autumn > .step1-autumn_element > .step1-title-in {
  padding: 50px 0 0;
  position: relative;
  z-index: 9;
  width: 880px;
  margin: 0 auto;
}

.infomation-unit > .introduction {
  margin: 60px;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
}
.infomation-unit > .introduction > .highlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee8d9));
  background: -o-linear-gradient(transparent 60%, #eee8d9 0%);
  background: linear-gradient(transparent 60%, #eee8d9 0%);
  font-weight: 700;
}
.infomation-unit > .introduction > h2 {
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.infomation-unit > .introduction > h2 > .highlight {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  font-size: 38px;
  font-size: 3.8rem;
}

.step1-main {
  min-width: 1060px;
}

.step1-main > .campaign-section {
  background: #DA5035;
}
.step1-main > .campaign-section > picture > img {
  width: 35%;
  min-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.step1-main > .conversion-section.-top > .button-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}

.step1-main > .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  border-bottom: 2px solid #2f0000;
  position: relative;
}
.step1-main > .conversion-section.-top > .button-unit > .trial-button span:not(.fukidashi) {
  margin-top: 16px;
}
.step1-main > .conversion-section.-top > .button-unit > .trial-button .fukidashi {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 2px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 30px;
  border: 2px solid #FF0062;
  color: #FF0062;
  position: absolute;
  top: -12px;
}
.step1-main > .conversion-section.-top > .button-unit > .trial-button .fukidashi:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FF0062;
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -4px;
}
.step1-main > .conversion-section.-top > .button-unit > .trial-button .fukidashi:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
}

.step1-main > .conversion-section.-top > .button-unit > .curricula-button,
.step1-main > .infomation-unit .curricula-button {
  margin-top: 10px;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  position: relative;
}
.step1-main > .conversion-section.-top > .button-unit > .curricula-button .fukidashi,
.step1-main > .infomation-unit .curricula-button .fukidashi {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 2px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 30px;
  border: 2px solid #FF0062;
  color: #FF0062;
  position: relative;
  top: -30px;
}
.step1-main > .conversion-section.-top > .button-unit > .curricula-button .fukidashi:before,
.step1-main > .infomation-unit .curricula-button .fukidashi:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FF0062;
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -4px;
}
.step1-main > .conversion-section.-top > .button-unit > .curricula-button .fukidashi:after,
.step1-main > .infomation-unit .curricula-button .fukidashi:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
}
.step1-main > .conversion-section.-top > .button-unit > .curricula-button .incentivetext,
.step1-main > .infomation-unit .curricula-button .incentivetext {
  margin-top: -24px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.step1-main > .conversion-section.-top > .button-unit > .curricula-button .incentivetext .largetext,
.step1-main > .infomation-unit .curricula-button .incentivetext .largetext {
  font-size: 38px;
  font-size: 3.8rem;
}

/*
.step1-main> .conversion-section.-top > .button-unit >.button {
  display: block;
  width: 400px;
  font-weight: $font-weight-bold;
  padding: $spacer * 2;
  color: $white;
  margin: 0 $spacer $spacer;
  border-radius: $default-border-radius;
  position: relative;
  @include font-size(24);
}

.step1-main> .conversion-section.-top  > .button-unit >.button > span {
  display: block;
  @include font-size(18);
}

.step1-main> .conversion-section.-top  > .button-unit >.button:after {
  display: block;
  font-family: "Ionicons";
  content: "\f3d3";
  color: $white;
  position: absolute;
  right: $spacer * 2;
  top: 50%;
  transform: translateY(-50%);
}

.step1-main> .conversion-section.-top  > .textlink-unit {
  text-align: right;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  > a {
    text-decoration: underline;
    color: $main-red;
    &:after {
      display: inline-block;
      font-family: "Ionicons";
      content: "\f3d3";
      padding-left: $spacer;
    }
  }
}
*/
.step1-main > .conversion-section.-top > .button-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}

.step1-main > .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  border-bottom: 2px solid #2f0000;
}

.step1-main > .conversion-section.-top > .button-unit > .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
}

.step1-main > .conversion-section.-top > .button-unit > .button {
  display: block;
  width: 500px;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 10px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.step1-main > .conversion-section.-top > .button-unit > .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.step1-main > .conversion-section.-top > .button-unit > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.step1-osusume-group,
.step1-what-group,
.step1-infomation-unit,
.step1-curriculum-group,
.step1-wine-group,
.step1-lesson-group,
.step1-voice-group,
.step1-info-group {
  padding: 100px 10px 100px;
}
.step1-osusume-group > .title,
.step1-what-group > .title,
.step1-infomation-unit > .title,
.step1-curriculum-group > .title,
.step1-wine-group > .title,
.step1-lesson-group > .title,
.step1-voice-group > .title,
.step1-info-group > .title {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.step1-osusume-group > .title span,
.step1-what-group > .title span,
.step1-infomation-unit > .title span,
.step1-curriculum-group > .title span,
.step1-wine-group > .title span,
.step1-lesson-group > .title span,
.step1-voice-group > .title span,
.step1-info-group > .title span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
}

.step1-main > .introduction {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 10px;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-main > .introduction > .highlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee8d9));
  background: -o-linear-gradient(transparent 60%, #eee8d9 0%);
  background: linear-gradient(transparent 60%, #eee8d9 0%);
  font-weight: 700;
}
.step1-main > .introduction > h2 {
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.step1-main > .introduction > h2 > .highlight {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  font-size: 38px;
  font-size: 3.8rem;
}

.step1-osusume-group {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0;
}
.step1-osusume-group > .list:before {
  content: "";
  display: block;
  width: 259px;
  height: 354px;
  border-radius: 4px;
  float: left;
  margin-right: 50px;
  background: url("img/ver2.0/step1/pc/adv_lesson.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/step1/pc/adv_lesson.jpg) 1x, url(/img/ver2.0/step1/pc_high/adv_lesson.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.step1-osusume-group > .list:after {
  display: block;
  content: "";
  clear: both;
}
.step1-osusume-group > .list {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
}
.step1-osusume-group > .list > li {
  border-bottom: dotted 1px #CCCCCC;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-osusume-group > .list > li:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/ver2.0/SearchTheme/icon/checkbox.svg") no-repeat;
  margin-right: 10px;
}

.step1-what-card {
  max-width: 1000px;
  margin: 0 auto 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step1-what-card > .body {
  width: 100%;
}
.step1-what-card > .body > .subtitle {
  text-align: center;
  border: solid 1px #6E5516;
  border-radius: 4px;
  padding: 20px 0;
  position: relative;
}
.step1-what-card > .body > .subtitle > dt {
  background: #fff;
  padding: 0 20px;
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-what-card > .body > .subtitle > dd {
  margin: 0;
  font-size: 33px;
  font-size: 3.3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.5;
}
.step1-what-card > .body > .subsubtitle {
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 26px;
  font-size: 2.6rem;
  margin: 30px 0 0 0;
}
.step1-what-card > .body > p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 10px 0;
}
.step1-what-card > .body > p > .strong {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee8d9));
  background: -o-linear-gradient(transparent 60%, #eee8d9 0%);
  background: linear-gradient(transparent 60%, #eee8d9 0%);
}
.step1-what-card > .body > p > .small {
  font-size: 16px;
  font-size: 1.6rem;
}
.step1-what-card > .img {
  width: 500px;
  margin-left: 20px;
}
.step1-what-card > .img > p {
  margin: 0 0 10px 0;
}
.step1-what-card > .img > p > picture > img {
  max-width: 100%;
  vertical-align: bottom;
  border-radius: 4px;
}

.step1-what-card:last-child {
  margin-bottom: 0;
}

.step1-what-card:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.step1-what-card:nth-child(odd) > .img {
  margin-left: 0;
  margin-right: 20px;
}

.step1-infomation-unit {
  background: #f8f8f8;
  padding: 50px 0 !important;
}
.step1-infomation-unit span:not(.fukidashi) {
  margin-top: 16px;
}
.step1-infomation-unit .fukidashi {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 2px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 30px;
  border: 2px solid #FF0062;
  color: #FF0062;
  position: absolute;
  top: -12px;
}
.step1-infomation-unit .fukidashi:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FF0062;
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -4px;
}
.step1-infomation-unit .fukidashi:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
}
.step1-infomation-unit .campaign-area {
  background: #ffd443;
}
.step1-infomation-unit .campaign-area > picture > img {
  width: 35%;
  min-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.step1-infomation-unit > .experience-group > .title {
  margin: 0;
}

.infomation-unit span:not(.fukidashi) {
  margin-top: 16px;
}
.infomation-unit .fukidashi {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 2px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 30px;
  border: 2px solid #FF0062;
  color: #FF0062;
  position: absolute;
  top: -12px;
}
.infomation-unit .fukidashi:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FF0062;
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -4px;
}
.infomation-unit .fukidashi:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
}
.infomation-unit .campaign-area {
  background: #ffd443;
}
.infomation-unit .campaign-area > picture > img {
  width: 35%;
  min-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.infomation-unit .backlink {
  text-align: center;
}
.infomation-unit .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.infomation-unit .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.step1-wine-group {
  background: #ded3b6;
  padding: 50px;
}
.step1-wine-group > .syurui {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 20px;
  background: #fff;
  border-radius: 15px;
  text-align: center;
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 1.35;
}
.step1-wine-group > .syurui > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.step1-wine-group > .syurui > .syuruiA {
  font-size: 58px;
  font-size: 5.8rem;
}
.step1-wine-group > .syurui > .syuruiB {
  font-size: 97px;
  font-size: 9.7rem;
}
.step1-wine-group > .body {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step1-wine-group > .body > .body-r,
.step1-wine-group > .body > .body-l {
  width: 50%;
}
.step1-wine-group > .body > .body-l {
  font-size: 20px;
  font-size: 2rem;
  padding-right: 30px;
}
.step1-wine-group > .body > .body-r {
  border-left: solid 1px #fff;
  padding-left: 30px;
}
.step1-wine-group > .body > .body-r > dt {
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-wine-group > .body > .body-r > dd {
  margin: 0;
}
.step1-wine-group > .body > .body-r > dd > ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.step1-wine-group > .body > .body-r > dd > ul > li {
  margin-right: 1em;
}

.step1-lesson-group {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 0;
}
.step1-lesson-group > .title {
  margin-bottom: 50px;
}
.step1-lesson-group > .accbox label {
  max-width: 1000px;
  display: block;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  position: relative;
  z-index: 9;
  background: #fff;
  margin: 0 auto 20px;
}
.step1-lesson-group > .accbox label:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 10px;
}
.step1-lesson-group > .accbox input {
  display: none;
}
.step1-lesson-group .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.step1-lesson-group .cssacc:checked + .accshow {
  height: auto;
  opacity: 1;
  background: #fff;
}
.step1-lesson-group .accshow > .about-card {
  border: solid 1px #BEA870;
  border-radius: 4px;
}

.step1-curriculum-group > .title {
  margin-bottom: 50px;
}
.step1-curriculum-group > .body {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.step1-curriculum-group > .body > div > .subtitle {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
}

.step1-curriculum-group > .body-lesson-summery {
  max-width: 1060px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 50px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson:nth-child(1),
.step1-curriculum-group > .body-lesson-summery .unit-lesson:nth-child(2) {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson {
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .photo {
  position: relative;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .photo .label {
  position: absolute;
  top: 0;
  left: 0;
  background: #281203;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 10px;
  padding-right: 10px;
  border-top-left-radius: 4px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .photo img,
.step1-curriculum-group > .body-lesson-summery .unit-lesson .photo picture {
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .text-gruop {
  margin-left: 30px;
  margin-right: 30px;
  width: 500px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .text-gruop h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .text-gruop h4 .smalltext {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.step1-curriculum-group > .body-lesson-summery .unit-lesson .text-gruop p,
.step1-curriculum-group > .body-lesson-summery .unit-lesson .text-gruop .attention {
  font-size: 16px;
  font-size: 1.6rem;
}

.step1-curriculum-group > .body > div > .lesson-list {
  border-collapse: collapse;
  border: solid 1px #281203;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 60px;
  width: 460px;
  margin: 0 auto;
}
.step1-curriculum-group > .body > div > .lesson-list th,
.step1-curriculum-group > .body > div > .lesson-list td {
  border: solid 1px #281203;
  padding: 0 5px;
}
.step1-curriculum-group > .body > div > .lesson-list th {
  background: #6E5516;
  color: #fff;
  text-align: center;
}

.step1-info-group {
  width: 740px;
  margin: 0 auto;
}
.step1-info-group > .body > dt {
  background: #6E5516;
  color: #fff;
  padding: 0 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.step1-info-group > .body > dd {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step1-info-group > .body > dd > div {
  width: 100%;
  border: solid 1px #BEA870;
  border-radius: 2px;
  text-align: center;
  padding: 10px;
  margin-right: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.step1-info-group > .body > dd > div > span {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
}
.step1-info-group > .body > dd > div > .sale-price > span {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
}
.step1-info-group > .body > dd > div:last-child {
  margin-right: 0;
}
.step1-info-group > .text {
  font-size: 11px;
  font-size: 1.1rem;
}
.step1-info-group .tax-rate-information {
  background: #f6f3eb;
  padding: 10px;
  margin-bottom: 40px;
}
.step1-info-group .tax-rate-information strong {
  display: block;
}
.step1-info-group .line-through {
  text-decoration: line-through;
}
.step1-info-group .pricedowntext {
  color: #950000;
}
.step1-info-group .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.step1-info-group .sale-price {
  display: inline-block;
}
.step1-info-group .sale-price .ion-arrow-right-a {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 20px;
  color: #950000;
}

.step1-voice-group {
  background: #fff;
}
.step1-voice-group > .about-voice-unit {
  border: solid 1px #BEA870;
}

.stepOne-kaikou {
  width: 180px;
  height: 180px;
  background: #FFD443;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  padding-top: 20px;
  text-align: center;
  padding-top: 42px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 20px;
}
.stepOne-kaikou .num {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  vertical-align: top;
}
.stepOne-kaikou .label-near {
  display: inline-block;
  background: #950000;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 6px;
  border-radius: 4px;
  margin-left: 4px;
  margin-top: 6px;
  vertical-align: top;
}
.stepOne-kaikou .small {
  font-size: 14px;
  font-size: 1.4rem;
}

.stepOne-hayawari > picture > img {
  width: 150px;
  height: 150px;
  margin-top: -70px;
  margin-left: 70px;
}

.step1-main .textlink {
  margin-left: 10px;
  color: #950000;
  text-decoration: underline;
}
.step1-main .textlink:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  padding-left: 10px;
}

.about-lesson-unit {
  background: #f6f3eb;
}
.about-lesson-unit > .about-card {
  background: #fff;
  max-width: 1000px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-lesson-unit > .about-card > .box {
  width: 125px;
  background: #BEA870;
  text-align: center;
  padding-top: 10px;
  color: #402c00;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.about-lesson-unit > .about-card > .box > span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.about-lesson-unit .about-card > .image {
  width: 300px;
  height: 200px;
  background: #ff0;
  margin-right: 10px;
}
.about-lesson-unit .about-card > .lesson1 {
  background: url("/img/ver2.0/about/pc/img-lesson-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-lesson-1.jpg) 1x, url(/img/ver2.0/about/pc/img-lesson-1_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-lesson-unit .about-card > .lesson2 {
  background: url("/img/ver2.0/about/pc/img-lesson-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-lesson-2.jpg) 1x, url(/img/ver2.0/about/pc/img-lesson-2_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-lesson-unit > .about-card > .body > h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #6E5516;
  line-height: 1.35;
  margin: 0 0 10px;
}
.about-lesson-unit > .arrow {
  margin-top: -20px;
}
.about-lesson-unit > .arrow:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 40px;
  font-size: 4rem;
  color: #6E5516;
  text-align: center;
}
.about-lesson-unit > .infomation-unit {
  padding-bottom: 0;
}

.about-voice-unit {
  background: #fff;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 12px;
  padding: 30px;
}
.about-voice-unit > .title {
  font-size: 30px;
  font-size: 3rem;
  color: #515151;
  margin-bottom: 20px;
  line-height: normal;
}
.about-voice-unit > .title > span {
  font-size: 18px;
  font-size: 1.8rem;
}
.about-voice-unit > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-voice-unit > .body > .voice-group {
  margin: 0 10px;
  width: 50%;
}
.about-voice-unit > .body > .voice-group > .name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.about-voice-unit > .body > .voice-group > .name:before {
  display: block;
  content: "";
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-right: 10px;
  float: left;
}
.about-voice-unit > .body > .voice-group > .voice1:before {
  background: url("/img/ver2.0/about/img-voice-1.png");
  background-image: -webkit-image-set(url(/img/ver2.0/about/img-voice-1.png) 1x, url(/img/ver2.0/about/img-voice-1.png) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-voice-unit > .body > .voice-group > .voice2:before {
  background: url("/img/ver2.0/about/img-voice-2.png");
  background-image: -webkit-image-set(url(/img/ver2.0/about/img-voice-2.png) 1x, url(/img/ver2.0/about/img-voice-2.png) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-voice-unit > .body > .voice-group > .text {
  margin: 0 10px 10px;
}

.about-courseinfo-unit > .about-card:last-of-type {
  margin-bottom: 0;
}
.about-courseinfo-unit > .about-card,
.about-courseinfo-unit > .about-list > .about-card {
  max-width: 1000px;
  margin: 0 auto 20px;
  border: 1px solid #6E5516;
  padding-top: 20px;
}
.about-courseinfo-unit > .about-card > .title-group,
.about-courseinfo-unit > .about-list > .about-card > .title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.about-courseinfo-unit > .about-card > .title-group > .box,
.about-courseinfo-unit > .about-list > .about-card > .title-group > .box {
  width: 80px;
  height: 80px;
  text-align: center;
  background: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #fff;
  line-height: 1.35;
  padding-top: 10px;
  margin-right: 10px;
}
.about-courseinfo-unit > .about-card > .title-group > .box > span,
.about-courseinfo-unit > .about-list > .about-card > .title-group > .box > span {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.about-courseinfo-unit > .about-card > .title-group > h3,
.about-courseinfo-unit > .about-list > .about-card > .title-group > h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list {
  list-style: none;
  margin: 0;
  padding: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li {
  width: 49%;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li > a {
  display: block;
  width: 100%;
  margin: 0 auto;
  display: block;
  background: #281203;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  line-height: 1.5;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li > a > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li > a:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li > a:hover {
  opacity: 0.8;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.about-courseinfo-unit > .about-card > .course-group > .button-list > li > .buttonColor {
  background: #DB8338;
}
.about-courseinfo-unit > .about-card > .course-group,
.about-courseinfo-unit > .about-list > .about-card > .course-group {
  margin: 0 20px;
}
.about-courseinfo-unit > .about-card > .course-group:before,
.about-courseinfo-unit > .about-list > .about-card > .course-group:before {
  display: block;
  content: "";
  width: 200px;
  height: 150px;
}
.about-courseinfo-unit > .about-card > .courseinfo1 > .label-block,
.about-courseinfo-unit > .about-card > .courseinfo1 > .title,
.about-courseinfo-unit > .about-card > .courseinfo1 > .text,
.about-courseinfo-unit > .about-card > .courseinfo1 > .comment,
.about-courseinfo-unit > .about-card > .courseinfo2 > .label-block,
.about-courseinfo-unit > .about-card > .courseinfo2 > .title,
.about-courseinfo-unit > .about-card > .courseinfo2 > .text,
.about-courseinfo-unit > .about-card > .courseinfo2 > .comment,
.about-courseinfo-unit > .about-card > .courseinfo3 > .label-block,
.about-courseinfo-unit > .about-card > .courseinfo3 > .title,
.about-courseinfo-unit > .about-card > .courseinfo3 > .text,
.about-courseinfo-unit > .about-card > .courseinfo3 > .comment,
.about-courseinfo-unit > .about-card > .courseinfo4 > .label-block,
.about-courseinfo-unit > .about-card > .courseinfo4 > .title,
.about-courseinfo-unit > .about-card > .courseinfo4 > .text,
.about-courseinfo-unit > .about-card > .courseinfo4 > .comment {
  margin-left: 210px;
  margin-bottom: 10px;
}
.about-courseinfo-unit > .about-card > .courseinfo1:before,
.about-courseinfo-unit > .about-card > .courseinfo2:before,
.about-courseinfo-unit > .about-card > .courseinfo3:before,
.about-courseinfo-unit > .about-card > .courseinfo4:before {
  position: absolute;
}
.about-courseinfo-unit > .about-list > .about-card > .courseinfo2:before,
.about-courseinfo-unit > .about-list > .about-card > .courseinfo3:before,
.about-courseinfo-unit > .about-list > .about-card > .courseinfo4:before {
  float: left;
  margin-right: 10px;
}
.about-courseinfo-unit > .about-card > .courseinfo1:before {
  background: url("/img/ver2.0/about/pc/img-about-1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-about-1.jpg) 1x, url(/img/ver2.0/about/pc/img-about-1_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-courseinfo-unit > .about-card > .courseinfo2:before {
  background: url("/img/ver2.0/about/pc/img-about-2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-about-2.jpg) 1x, url(/img/ver2.0/about/pc/img-about-2_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-courseinfo-unit > .about-card > .courseinfo3:before {
  background: url("/img/ver2.0/about/pc/img-about-3.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-about-3.jpg) 1x, url(/img/ver2.0/about/pc/img-about-3_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-courseinfo-unit > .about-card > .courseinfo4:before {
  background: url("/img/ver2.0/about/pc/img-about-4.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/about/pc/img-about-4.jpg) 1x, url(/img/ver2.0/about/pc/img-about-4_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-courseinfo-unit > .about-card > .course-group > .label-block,
.about-courseinfo-unit > .about-list > .about-card > .course-group > .label-block {
  margin-bottom: 10px;
}
.about-courseinfo-unit > .about-card > .course-group > .label-block > span,
.about-courseinfo-unit > .about-list > .about-card > .course-group > .label-block > span {
  color: #fff;
  background: #281203;
  font-size: 11px;
  font-size: 1.1rem;
  border-radius: 4px;
  padding: 5px;
}
.about-courseinfo-unit > .about-card > .course-group > h4,
.about-courseinfo-unit > .about-list > .about-card > .course-group > h4 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 700;
  margin: 0;
}
.about-courseinfo-unit > .about-card > .course-group > h4:after,
.about-courseinfo-unit > .about-list > .about-card > .course-group > h4:after {
  display: block;
  content: "";
  clear: both;
}
.about-courseinfo-unit > .about-card > .text,
.about-courseinfo-unit > .about-list > .about-card > .text {
  margin: 20px;
}
.about-courseinfo-unit > .about-card > .comment,
.about-courseinfo-unit > .about-list > .about-card > .comment {
  margin: 0 10px 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.about-courseinfo-unit > .about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
}
.about-courseinfo-unit > .about-list > .about-card {
  max-width: 495px;
  margin: 0;
}
.about-courseinfo-unit > .about-card > .course-group > .more,
.about-courseinfo-unit > .about-list > .about-card > .more {
  display: block;
  width: 250px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #6E5516;
  margin: 10px 10px 10px auto;
  text-align: right;
  color: #515151;
}
.about-courseinfo-unit > .about-card > .course-group > .more:hover,
.about-courseinfo-unit > .about-list > .about-card > .more:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.about-courseinfo-unit > .about-card > .course-group > .more:after,
.about-courseinfo-unit > .about-list > .about-card > .more:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 30px;
}
.about-courseinfo-unit > .about-card > .course-group > .more.-special,
.about-courseinfo-unit > .about-list > .about-card > .more.-special {
  display: block;
  width: 500px;
  padding: 10px 20px;
  background: #281203;
  color: #fff !important;
  color: #515151;
  text-align: left;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  border: none;
}
.about-courseinfo-unit > .about-card > .course-group > .more.-special:hover,
.about-courseinfo-unit > .about-list > .about-card > .more.-special:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.about-courseinfo-unit > .about-card > .course-group > .more.-special:after,
.about-courseinfo-unit > .about-list > .about-card > .more.-special:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 30px;
  color: #fff;
  position: absolute;
  right: 20px;
}

.page-course_list .nijisiken-title {
  background: url("/img/ver2.0/license_2jisiken/pc/adv_2jisiken.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/license_2jisiken/pc/adv_2jisiken.jpg) 1x, url(/img/ver2.0/license_2jisiken/pc_high/adv_2jisiken.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.nijisiken-title > .nijisiken-title-in {
  position: relative;
  z-index: 9;
  text-align: center;
}
.nijisiken-title > .nijisiken-title-in > .title {
  color: #281203;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.5;
}
.nijisiken-title > .nijisiken-title-in > .title > span {
  font-size: 19px;
  font-size: 1.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.nijisiken-title > .nijisiken-title-in > .description {
  font-size: 43px;
  font-size: 4.3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #281203;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.nijisiken-description-group > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nijisiken-description-group > .list > li {
  background: #281203;
  width: 155px;
  height: 155px;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  margin: -25px 10px 0;
  position: relative;
  z-index: 10;
}
.nijisiken-description-group > .list > li > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
}
.nijisiken-description-group > .list > li > span > .small {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
}
.nijisiken-description-group > .body {
  text-align: center;
  color: #281203;
  font-size: 18px;
  font-size: 1.8rem;
}
.nijisiken-description-group > .body > .deco {
  border-bottom: solid 1px #281203;
}

.nijisiken-needs-group,
.nijisiken-difference-group,
.nijisiken-lineup-group {
  padding: 50px 0 50px;
}
.nijisiken-needs-group > .title,
.nijisiken-difference-group > .title,
.nijisiken-lineup-group > .title {
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.nijisiken-needs-group > .title span,
.nijisiken-difference-group > .title span,
.nijisiken-lineup-group > .title span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
}

.nijisiken-needs-group > .list {
  width: 600px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  line-height: 1.5;
}
.nijisiken-needs-group > .list > li {
  border-bottom: dashed 1px #6E5516;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.nijisiken-needs-group > .list > li:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/ver2.0/SearchTheme/icon/checkbox.svg") no-repeat;
  margin-right: 10px;
}

.nijisiken-difference-group > .card {
  max-width: 1000px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nijisiken-difference-group > .card:last-child {
  margin-bottom: 0;
}
.nijisiken-difference-group > .card > .img {
  min-width: 300px;
  width: 300px;
}
.nijisiken-difference-group > .card > .img > p {
  margin: 0;
}
.nijisiken-difference-group > .card > .img > .num {
  text-align: right;
  color: #6E5516;
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  letter-spacing: 0.05em;
  border-right: solid 1px #6E5516;
  padding: 0 10px 0 0;
  margin: 0 0 5px 0;
}
.nijisiken-difference-group > .card > .img > p > img {
  max-width: 100%;
}
.nijisiken-difference-group > .card > .content {
  margin-left: 20px;
}
.nijisiken-difference-group > .card > .content > .title {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.5;
}
.nijisiken-difference-group > .card > .content > .title > .small {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
}

.nijisiken-lineup-group > .list {
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.nijisiken-lineup-group > .list > .list-card {
  width: 490px;
  border: solid 1px #6E5516;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.nijisiken-lineup-group > .list > .list-card:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  cursor: pointer;
}
.nijisiken-lineup-group > .list > .list-card > a {
  color: #281203;
  display: block;
  width: 100%;
  padding: 10px;
}
.nijisiken-lineup-group > .list > .list-card > a:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  text-align: center;
  background: #6E5516;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.nijisiken-lineup-group > .list > .list-card > a > p {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 0 0 32px;
  margin: 0;
}
.nijisiken-lineup-group > .list > .list-card > a > p > .label {
  background: #950000;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 1em;
  padding: 0 5px;
  border-radius: 4px;
}
.nijisiken-lineup-group > .list > .list-card > a > p > .deco {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  border-bottom: solid 1px #281203;
}
.nijisiken-lineup-group > .list > .list-card > a > .text {
  line-height: 1.5;
}

.nijisiken-dl-group > .list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nijisiken-dl-group > .list > .list-card > a:before {
  display: none;
}
.nijisiken-dl-group > .list > .list-card > a {
  text-align: center;
  font-weight: 700;
}
.nijisiken-dl-group > .list > .list-card > a:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
}

.nijisiken-button > a {
  display: block;
  width: 475px;
  margin: 0 auto 30px;
  padding: 10px;
  border: solid 1px #6E5516;
  color: #281203;
  font-weight: 700;
  text-align: center;
}
.nijisiken-button > a:hover {
  background: #6E5516;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.nijisiken-button > a:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
}

.siken-end-info {
  color: #950000;
  font-weight: 700;
  margin-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.nijisiken-course-group {
  max-width: 1000px;
  margin: 0 auto 60px;
}
.nijisiken-course-group > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #281203;
  margin: 100px 0 10px;
}
.nijisiken-course-group > .title:after,
.nijisiken-course-group > .title:before {
  border-top: 1px solid;
  content: "";
  display: inline;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.nijisiken-course-group > .title:before {
  margin-right: 0.5em;
}
.nijisiken-course-group > .title:after {
  margin-left: 0.5em;
}
.nijisiken-course-group > .course-card > .description-block > .price-block > .price > .strong {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.nijisiken-course-group > .course-card > .description-block > .text-block {
  margin-top: 10px;
}

.nijisiken-infomation-unit > .tel-group > .tel-photo {
  text-align: left;
  line-height: 1.5;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.nijisiken-infomation-unit > .tel-group > .tel-photo > .small {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.nijisiken-infomation-unit > .tel-group > .tel-photo:before {
  display: block;
  content: "";
  width: 120px;
  height: 120px;
  border-radius: 4px;
  float: left;
  margin-right: 20px;
  background: url("/img/ver2.0/license_2jisiken/pc/adv_tel.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/license_2jisiken/pc/adv_tel.jpg) 1x, url(/img/ver2.0/license_2jisiken/pc_high/adv_tel.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.page-search_theme_type_a.-theme12 #year2018-tokyo, .page-search_theme_type_a.-theme12 #year2019-tokyo,
.page-search_theme_type_a.-theme12 #year2018-osaka, .page-search_theme_type_a.-theme12 #year2019-osaka,
.page-search_theme_type_a.-theme12 #year2018-nagoya, .page-search_theme_type_a.-theme12 #year2019-nagoya,
.page-search_theme_type_a.-theme13 #year2018-tokyo,
.page-search_theme_type_a.-theme13 #year2019-tokyo,
.page-search_theme_type_a.-theme13 #year2018-osaka,
.page-search_theme_type_a.-theme13 #year2019-osaka,
.page-search_theme_type_a.-theme13 #year2018-nagoya,
.page-search_theme_type_a.-theme13 #year2019-nagoya {
  padding-top: 140px;
  margin-top: -140px;
}
.page-search_theme_type_a.-theme12 h2.title-selectyear,
.page-search_theme_type_a.-theme13 h2.title-selectyear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #281203;
}
.page-search_theme_type_a.-theme12 h2.title-selectyear:before, .page-search_theme_type_a.-theme12 h2.title-selectyear:after,
.page-search_theme_type_a.-theme13 h2.title-selectyear:before,
.page-search_theme_type_a.-theme13 h2.title-selectyear:after {
  border-top: 1px solid;
  content: "";
  display: inline;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-search_theme_type_a.-theme12 h2.title-selectyear:before,
.page-search_theme_type_a.-theme13 h2.title-selectyear:before {
  margin-right: 0.5em;
}
.page-search_theme_type_a.-theme12 h2.title-selectyear:after,
.page-search_theme_type_a.-theme13 h2.title-selectyear:after {
  margin-left: 0.5em;
}
.page-search_theme_type_a.-theme12 .year-button-group,
.page-search_theme_type_a.-theme13 .year-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button,
.page-search_theme_type_a.-theme13 .year-button-group > .button {
  border: 1px solid #281203;
  border-bottom: 2px solid #281203;
  color: #281203;
  text-decoration: none;
  padding: 12px 80px 12px 20px;
  border-radius: 4px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button > .smalltext,
.page-search_theme_type_a.-theme13 .year-button-group > .button > .smalltext {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 1em;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button:hover,
.page-search_theme_type_a.-theme13 .year-button-group > .button:hover {
  background: #6E5516;
  opacity: 0.8;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button:before,
.page-search_theme_type_a.-theme13 .year-button-group > .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(40, 18, 3, 0.5);
  position: absolute;
  bottom: 10px;
  left: 92%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-search_theme_type_a.-theme12 .year-button-group > .button.-small,
.page-search_theme_type_a.-theme13 .year-button-group > .button.-small {
  margin-left: 1rem;
  padding: 2px 60px 2px 20px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button.-small:before,
.page-search_theme_type_a.-theme13 .year-button-group > .button.-small:before {
  bottom: 5px;
}
.page-search_theme_type_a.-theme12 .year-button-group > .button.-small > .smalltext,
.page-search_theme_type_a.-theme13 .year-button-group > .button.-small > .smalltext {
  font-size: 14px;
  font-size: 1.4rem;
}
.page-search_theme_type_a.-theme12 h2.title-year,
.page-search_theme_type_a.-theme13 h2.title-year {
  font-size: 24px;
  font-size: 2.4rem;
  color: #6E5516;
  margin-top: 7rem;
  border-bottom: 1px dashed #6E5516;
  margin-bottom: -1rem;
  font-weight: 700;
}

.page-search_theme_type_a.-theme12 .course-group,
.page-search_theme_type_a.-theme13 .course-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial,
.page-search_theme_type_a.-theme13 .course-group > .course-detial {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial .textlink,
.page-search_theme_type_a.-theme13 .course-group > .course-detial .textlink {
  color: #950000;
  text-decoration: underline;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial .textlink:after,
.page-search_theme_type_a.-theme13 .course-group > .course-detial .textlink:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -15px;
  font-family: "Ionicons";
  font-size: 16px;
  font-size: 1.6rem;
  content: "";
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial h3,
.page-search_theme_type_a.-theme13 .course-group > .course-detial h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
  color: #515151;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial h3:after,
.page-search_theme_type_a.-theme13 .course-group > .course-detial h3:after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 0;
  border-top: 1px solid #515151;
  border-bottom: 2px solid #515151;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial #course_excellence,
.page-search_theme_type_a.-theme13 .course-group > .course-detial #course_excellence {
  margin-top: -100px;
  padding-top: 150px;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial > .subtitle,
.page-search_theme_type_a.-theme13 .course-group > .course-detial > .subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.page-search_theme_type_a.-theme12 .course-group > .course-detial > .special-button,
.page-search_theme_type_a.-theme13 .course-group > .course-detial > .special-button {
  margin-top: 20px;
  position: initial;
}
.page-search_theme_type_a.-theme12 .sommelierSubCourse-title,
.page-search_theme_type_a.-theme13 .sommelierSubCourse-title {
  font-size: 22px;
  font-size: 2.2rem;
  margin-top: 40px;
  border-left: 3px solid rgba(81, 81, 81, 0.9);
  padding-left: 10px;
  font-weight: 700;
  color: rgba(81, 81, 81, 0.9);
}
.page-search_theme_type_a.-theme12 .sommelierSubCourse-title .textsmall,
.page-search_theme_type_a.-theme13 .sommelierSubCourse-title .textsmall {
  font-size: 16px;
  font-size: 1.6rem;
}
.page-search_theme_type_a.-theme12 .course-card,
.page-search_theme_type_a.-theme13 .course-card {
  position: relative;
}
.page-search_theme_type_a.-theme12 .course-card .title,
.page-search_theme_type_a.-theme13 .course-card .title {
  padding-top: 100px;
  margin-top: -100px;
}

.sanjisiken-bodycopy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.sanjisiken-bodycopy > .body {
  width: 49%;
  border: solid 1px #CCCCCC;
  position: relative;
  padding: 20px 10px 0;
  border-radius: 4px;
}
.sanjisiken-bodycopy > .body > .title {
  width: 145px;
  text-align: center;
  background: #CCCCCC;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 10px;
}
.sanjisiken-bodycopy > .body > .list > dt {
  font-weight: 700;
}
.sanjisiken-bodycopy > .body > .list > dd {
  margin: 0;
}
.sanjisiken-bodycopy > .body > .list > dd > .num {
  font-weight: 700;
  margin-right: 5px;
}

.page-course_list .westtaisaku-title {
  background: url("/img/ver2.0/wset/pc/adv_wset.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/wset/pc/adv_wset.jpg) 1x, url(/img/ver2.0/wset/pc_high/adv_wset.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}

.westtaisaku-title > .westtaisaku-title-in {
  position: relative;
  z-index: 9;
  text-align: left;
  width: 600px;
  height: 370px;
  margin: 0 auto;
  padding: 10px 0;
}
.westtaisaku-title > .westtaisaku-title-in > .title {
  color: #6E5516;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.westtaisaku-title > .westtaisaku-title-in > .title span {
  font-size: 14px;
  font-size: 1.4rem;
  border: solid 1px #6E5516;
  padding: 0 1em;
}
.westtaisaku-title > .westtaisaku-title-in > .description {
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
  line-height: 1.5;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: 32px;
  font-size: 3.2rem;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .logo-group > img {
  width: 170px;
  height: 50%;
  background: #fff;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .subtitle {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: left;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .subtext {
  margin-top: 20px;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.8;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .subtext .highlight {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee8d9));
  background: -o-linear-gradient(transparent 60%, #eee8d9 0%);
  background: linear-gradient(transparent 60%, #eee8d9 0%);
}
.westtaisaku-title > .westtaisaku-title-in > .description > .subtext .largetext {
  font-size: 20px;
  font-size: 2rem;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .title-group > .label {
  display: inline-block;
  padding-left: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  background: #266696;
  padding: 20px;
}
.westtaisaku-title > .westtaisaku-title-in > .description > .title-group > .catchtext {
  display: inline-block;
  margin-top: 10px;
  padding-left: 30px;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
  font-size: 40px;
  font-size: 4rem;
  text-align: left;
}

.page-course_list .conversion-section.-top > .button-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}

.page-course_list .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  border-bottom: 2px solid #2f0000;
}

.page-course_list .conversion-section.-top > .button-unit > .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
}

.page-course_list .conversion-section.-top > .button-unit > .button {
  display: block;
  width: 500px;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 10px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.page-course_list .conversion-section.-top > .button-unit > .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.page-course_list .conversion-section.-top > .button-unit > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.westtaisaku-osusume,
.westtaisaku-what,
.westtaisaku-sikaku,
.westtaisaku-can,
.westtaisaku-tokuchou,
.westtaisaku-curriculum,
.westtaisaku-level {
  padding: 0 0 120px;
}
.westtaisaku-osusume > .title,
.westtaisaku-what > .title,
.westtaisaku-sikaku > .title,
.westtaisaku-can > .title,
.westtaisaku-tokuchou > .title,
.westtaisaku-curriculum > .title,
.westtaisaku-level > .title {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.westtaisaku-osusume > .title span,
.westtaisaku-what > .title span,
.westtaisaku-sikaku > .title span,
.westtaisaku-can > .title span,
.westtaisaku-tokuchou > .title span,
.westtaisaku-curriculum > .title span,
.westtaisaku-level > .title span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  margin: 0;
  padding: 5px;
  border-radius: 4px;
}
.westtaisaku-osusume > .text,
.westtaisaku-osusume > .img,
.westtaisaku-what > .text,
.westtaisaku-what > .img,
.westtaisaku-sikaku > .text,
.westtaisaku-sikaku > .img,
.westtaisaku-can > .text,
.westtaisaku-can > .img,
.westtaisaku-tokuchou > .text,
.westtaisaku-tokuchou > .img,
.westtaisaku-curriculum > .text,
.westtaisaku-curriculum > .img,
.westtaisaku-level > .text,
.westtaisaku-level > .img {
  margin: 0 10px 10px;
}
.westtaisaku-osusume > .body > .list > .text > .deco,
.westtaisaku-osusume > .text > .deco,
.westtaisaku-osusume > .body > .box td > .deco,
.westtaisaku-osusume > .body > .box td > dl > dd > .deco,
.westtaisaku-osusume > .body > .text > p > .deco,
.westtaisaku-osusume > .body > .text > .point > dd > .deco,
.westtaisaku-what > .body > .list > .text > .deco,
.westtaisaku-what > .text > .deco,
.westtaisaku-what > .body > .box td > .deco,
.westtaisaku-what > .body > .box td > dl > dd > .deco,
.westtaisaku-what > .body > .text > p > .deco,
.westtaisaku-what > .body > .text > .point > dd > .deco,
.westtaisaku-sikaku > .body > .list > .text > .deco,
.westtaisaku-sikaku > .text > .deco,
.westtaisaku-sikaku > .body > .box td > .deco,
.westtaisaku-sikaku > .body > .box td > dl > dd > .deco,
.westtaisaku-sikaku > .body > .text > p > .deco,
.westtaisaku-sikaku > .body > .text > .point > dd > .deco,
.westtaisaku-can > .body > .list > .text > .deco,
.westtaisaku-can > .text > .deco,
.westtaisaku-can > .body > .box td > .deco,
.westtaisaku-can > .body > .box td > dl > dd > .deco,
.westtaisaku-can > .body > .text > p > .deco,
.westtaisaku-can > .body > .text > .point > dd > .deco,
.westtaisaku-tokuchou > .body > .list > .text > .deco,
.westtaisaku-tokuchou > .text > .deco,
.westtaisaku-tokuchou > .body > .box td > .deco,
.westtaisaku-tokuchou > .body > .box td > dl > dd > .deco,
.westtaisaku-tokuchou > .body > .text > p > .deco,
.westtaisaku-tokuchou > .body > .text > .point > dd > .deco,
.westtaisaku-curriculum > .body > .list > .text > .deco,
.westtaisaku-curriculum > .text > .deco,
.westtaisaku-curriculum > .body > .box td > .deco,
.westtaisaku-curriculum > .body > .box td > dl > dd > .deco,
.westtaisaku-curriculum > .body > .text > p > .deco,
.westtaisaku-curriculum > .body > .text > .point > dd > .deco,
.westtaisaku-level > .body > .list > .text > .deco,
.westtaisaku-level > .text > .deco,
.westtaisaku-level > .body > .box td > .deco,
.westtaisaku-level > .body > .box td > dl > dd > .deco,
.westtaisaku-level > .body > .text > p > .deco,
.westtaisaku-level > .body > .text > .point > dd > .deco {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee8d9));
  background: -o-linear-gradient(transparent 60%, #eee8d9 0%);
  background: linear-gradient(transparent 60%, #eee8d9 0%);
}

.westtaisaku-intro {
  max-width: 1000px;
  background: #EEEEEE;
  border-radius: 4px;
  margin: 70px auto;
  padding: 10px 30px;
}
.westtaisaku-intro > .title {
  color: #6E5516;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 0 10px;
  text-align: center;
}
.westtaisaku-intro > .body {
  width: 500px;
  margin: 30px auto 0;
  line-height: 0.3;
  font-size: 22px;
  font-size: 2.2rem;
}
.westtaisaku-intro > .body > .strong {
  color: #950000;
  font-size: 7.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.westtaisaku-intro > .body > .deco {
  font-size: 22px;
  font-size: 2.2rem;
}
.westtaisaku-intro > .body > .small {
  display: block;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.5;
  padding-right: 1.5em;
}

.westtaisaku-osusume > .list,
.westtaisaku-can > .list {
  width: 630px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.8rem;
}
.westtaisaku-osusume > .list > li,
.westtaisaku-can > .list > li {
  margin-bottom: 10px;
  background: url("/img/ver2.0/SearchTheme/icon/checkbox.svg") no-repeat 0 3px;
  background-size: 20px;
  border-bottom: dotted 1px #CCCCCC;
  padding: 0 10px 10px 25px;
}

.westtaisaku-what > .body {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.westtaisaku-what > .body > .list {
  width: 640px;
  margin: 0;
}
.westtaisaku-what > .body > .list > .title {
  color: #6E5516;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.westtaisaku-what > .body > .list > .text {
  margin: 0 0 50px;
  font-size: 18px;
  font-size: 1.8rem;
}
.westtaisaku-what > .body:after {
  display: block;
  content: "";
  width: 300px;
  height: 310px;
  border-radius: 4px;
  background: url("/img/ver2.0/wset/pc/adv_what-wset.jpg") no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
}

.westtaisaku-sikaku > .text {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.westtaisaku-sikaku > .list {
  max-width: 1000px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0;
  margin: 60px auto 30px;
}
.westtaisaku-sikaku > .list > li {
  border: solid 1px #6E5516;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 33px;
  font-size: 3.3rem;
  margin: 0;
  width: 190px;
  height: 190px;
  -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.16);
}
.westtaisaku-sikaku > .list > .on {
  border: solid 2px #6E5516;
  color: #281203;
  background: #daaf44;
}
.westtaisaku-sikaku > .strong {
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
  text-align: center;
  line-height: 1.35;
  margin-bottom: 0;
  padding-bottom: 80px;
}
.westtaisaku-sikaku > .strong:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 50px 50px 0 50px;
}
.westtaisaku-sikaku > .body {
  background: #EEEEEE;
  padding-top: 120px;
  padding-bottom: 100px;
}
.westtaisaku-sikaku > .body > .title {
  text-align: center;
  color: #6E5516;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 60px;
}
.westtaisaku-sikaku > .body > .box {
  max-width: 1000px;
  border-collapse: collapse;
  border: solid 1px #281203;
  margin: 0 auto;
}
.westtaisaku-sikaku > .body > .box th,
.westtaisaku-sikaku > .body > .box td {
  border: solid 1px #281203;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
.westtaisaku-sikaku > .body > .box th {
  background: #6E5516;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.westtaisaku-sikaku > .body > .box tr > .cen {
  text-align: center;
}
.westtaisaku-sikaku > .body > .box td {
  background: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  color: #281203;
  vertical-align: top;
  line-height: 1.5;
}
.westtaisaku-sikaku > .body > .box td > dl {
  padding: 0;
  margin: 0;
}
.westtaisaku-sikaku > .body > .box td > dl > dt {
  color: #6E5516;
  font-weight: 700;
}
.westtaisaku-sikaku > .body > .box td > dl > dd {
  margin: 0;
  color: #515151;
}

.westtaisaku-tokuchou {
  padding-top: 120px;
  padding-bottom: 0;
}
.westtaisaku-tokuchou > .body {
  max-width: 1000px;
  margin: 0 auto 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.westtaisaku-tokuchou > .body:last-child {
  margin-bottom: 0;
}
.westtaisaku-tokuchou .body:nth-of-type(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.westtaisaku-tokuchou > .body > .text {
  width: 640px;
}
.westtaisaku-tokuchou > .body > .img {
  width: 320px;
}
.westtaisaku-tokuchou > .body > .img > img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.westtaisaku-tokuchou > .body > .text > .sub-title > .label {
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #6E5516;
}
.westtaisaku-tokuchou > .body > .text > .sub-title > .label:before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 1px;
  background: #6E5516;
  margin-right: 10px;
  position: relative;
  top: -5px;
}
.westtaisaku-tokuchou > .body > .text > .sub-title > .label > span {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.westtaisaku-tokuchou > .body > .text > .sub-title {
  margin: 0;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.westtaisaku-tokuchou > .body > .text > p {
  margin: 0 0 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.westtaisaku-tokuchou > .body > .text > .point {
  border: solid 1px #6E5516;
  border-radius: 4px;
  position: relative;
}
.westtaisaku-tokuchou > .body > .text > .point > dt {
  background: #6E5516;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  border-radius: 22px;
  position: absolute;
  top: -16px;
  left: 10px;
  padding: 0 20px;
}
.westtaisaku-tokuchou > .body > .text > .point > dt:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #6E5516 transparent transparent transparent;
  border-width: 10px 0 0 10px;
}
.westtaisaku-tokuchou > .body > .text > .point > dd {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
  padding: 30px 10px 10px;
}

.step1-lesson-group > .accbox > label:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.step1-lesson-group > .accbox > .about-lesson-unit > .about-card > .body {
  text-align: left;
}
.step1-lesson-group > .accbox > .about-lesson-unit > .about-card > .body > .text {
  font-size: 14px;
  font-size: 1.4rem;
}

.westtaisaku-curriculum {
  padding-top: 120px;
  padding-bottom: 60px;
}
.westtaisaku-curriculum > .text {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.westtaisaku-level {
  padding: 50px 0;
  background: #eee8d9;
  margin-bottom: 30px;
}
.westtaisaku-level > .title {
  font-size: 28px;
  font-size: 2.8rem;
}
.westtaisaku-level > .body {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.westtaisaku-level > .body > .box > .sub-title {
  margin: 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
}
.westtaisaku-level > .body > .box > .lesson-list {
  width: 490px;
  margin: 0 10px 20px;
  border-collapse: collapse;
  border: solid 1px #281203;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.westtaisaku-level > .body > .box > .lesson-list th,
.westtaisaku-level > .body > .box > .lesson-list td {
  background: #fff;
  border: solid 1px #281203;
  padding: 5px;
  line-height: 1.5;
}
.westtaisaku-level > .body > .box > .lesson-list th {
  background: #6E5516;
  color: #fff;
  text-align: center;
}
.westtaisaku-level > .body > .info > dl {
  width: 360px;
  background: #fff;
  margin: 40px 20px 0 0;
  padding-bottom: 20px;
}
.westtaisaku-level > .body > .info > dl > dt {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
  padding: 20px 0;
  margin: 0 10px;
  border-bottom: dotted 1px #6E5516;
}
.westtaisaku-level > .body > .info > dl > dd {
  border-bottom: dotted 1px #6E5516;
  margin: 0 10px;
  padding: 10px;
}
.westtaisaku-level > h3 {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
}
.westtaisaku-level > .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 910px;
}
.westtaisaku-level > .button-group > .button {
  display: block;
  width: 420px;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.westtaisaku-level > .button-group > .button:hover {
  background: #c66f24;
}
.westtaisaku-level > .button-group > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.westtaisaku-level > .button-group > .button span {
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}

.page-wset .infomation-unit .experience-group > h3 {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
}
.page-wset .infomation-unit .experience-group > .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 550px;
}
.page-wset .infomation-unit .experience-group > .button-group > .button {
  display: block;
  width: 550px;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  text-align: left;
  margin-bottom: 10px;
}
.page-wset .infomation-unit .experience-group > .button-group > .button:hover {
  background: #c66f24;
}
.page-wset .infomation-unit .experience-group > .button-group > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-wset .infomation-unit .experience-group > .button-group > .button span {
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}

.page-wset .infomation-unit > .backlink {
  text-align: center;
}
.page-wset .infomation-unit > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.page-wset .infomation-unit > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.english-lesson-course,
.english-lesson-course > .course-info > .body > .bodyIn,
.english-lesson-features,
.english-lesson-intro,
.english-lesson-timeline,
.english-qanda,
.english-teacher > .body {
  padding: 50px 0;
  color: #281203;
}
.english-lesson-course > .title,
.english-lesson-course > .course-info > .body > .bodyIn > .title,
.english-lesson-features > .title,
.english-lesson-intro > .title,
.english-lesson-timeline > .title,
.english-qanda > .title,
.english-teacher > .body > .title {
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  margin: 0 0 20px;
  color: #281203;
  line-height: 1.5;
}
.english-lesson-course > .title > span,
.english-lesson-course > .course-info > .body > .bodyIn > .title > span,
.english-lesson-features > .title > span,
.english-lesson-intro > .title > span,
.english-lesson-timeline > .title > span,
.english-qanda > .title > span,
.english-teacher > .body > .title > span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.english-lesson-course > .text,
.english-lesson-course > .course-info > .body > .bodyIn > .text,
.english-lesson-features > .text,
.english-lesson-intro > .text,
.english-lesson-timeline > .text,
.english-qanda > .text,
.english-teacher > .body > .text {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 20px;
}
.english-lesson-course > .text > span,
.english-lesson-course > .course-info > .body > .bodyIn > .text > span,
.english-lesson-features > .text > span,
.english-lesson-intro > .text > span,
.english-lesson-timeline > .text > span,
.english-qanda > .text > span,
.english-teacher > .body > .text > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #E6CA50));
  background: -o-linear-gradient(transparent 60%, #E6CA50 0%);
  background: linear-gradient(transparent 60%, #E6CA50 0%);
}
.english-lesson-course > .img > img,
.english-lesson-course > .course-info > .body > .bodyIn > .img > img,
.english-lesson-features > .img > img,
.english-lesson-intro > .img > img,
.english-lesson-timeline > .img > img,
.english-qanda > .img > img,
.english-teacher > .body > .img > img {
  width: 100%;
}
.english-lesson-course > .list-can,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can,
.english-lesson-features > .list-can,
.english-lesson-intro > .list-can,
.english-lesson-timeline > .list-can,
.english-qanda > .list-can,
.english-teacher > .body > .list-can {
  background: #fff;
  padding: 20px;
  border: solid 10px #fff;
  position: relative;
}
.english-lesson-course > .list-can:after,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can:after,
.english-lesson-features > .list-can:after,
.english-lesson-intro > .list-can:after,
.english-lesson-timeline > .list-can:after,
.english-qanda > .list-can:after,
.english-teacher > .body > .list-can:after {
  content: "";
  border: solid 2px #F5F0EA;
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.english-lesson-course > .list-can > .body > .title,
.english-lesson-course > .list-can > .title,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .title,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .title,
.english-lesson-features > .list-can > .body > .title,
.english-lesson-features > .list-can > .title,
.english-lesson-intro > .list-can > .body > .title,
.english-lesson-intro > .list-can > .title,
.english-lesson-timeline > .list-can > .body > .title,
.english-lesson-timeline > .list-can > .title,
.english-qanda > .list-can > .body > .title,
.english-qanda > .list-can > .title,
.english-teacher > .body > .list-can > .body > .title,
.english-teacher > .body > .list-can > .title {
  text-align: center;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #741E2E;
  margin: 5px 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.english-lesson-course > .list-can > .list,
.english-lesson-course > .list-can > .body > .list,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list,
.english-lesson-features > .list-can > .list,
.english-lesson-features > .list-can > .body > .list,
.english-lesson-intro > .list-can > .list,
.english-lesson-intro > .list-can > .body > .list,
.english-lesson-timeline > .list-can > .list,
.english-lesson-timeline > .list-can > .body > .list,
.english-qanda > .list-can > .list,
.english-qanda > .list-can > .body > .list,
.english-teacher > .body > .list-can > .list,
.english-teacher > .body > .list-can > .body > .list {
  margin: 0 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.english-lesson-course > .list-can > .list:last-child,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list:last-child,
.english-lesson-features > .list-can > .list:last-child,
.english-lesson-intro > .list-can > .list:last-child,
.english-lesson-timeline > .list-can > .list:last-child,
.english-qanda > .list-can > .list:last-child,
.english-teacher > .body > .list-can > .list:last-child {
  margin: 0;
}
.english-lesson-course > .list-can > .list:after,
.english-lesson-course > .list-can > .body > .list:after,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list:after,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list:after,
.english-lesson-features > .list-can > .list:after,
.english-lesson-features > .list-can > .body > .list:after,
.english-lesson-intro > .list-can > .list:after,
.english-lesson-intro > .list-can > .body > .list:after,
.english-lesson-timeline > .list-can > .list:after,
.english-lesson-timeline > .list-can > .body > .list:after,
.english-qanda > .list-can > .list:after,
.english-qanda > .list-can > .body > .list:after,
.english-teacher > .body > .list-can > .list:after,
.english-teacher > .body > .list-can > .body > .list:after {
  display: block;
  content: "";
  clear: both;
}
.english-lesson-course > .list-can > .list > dt,
.english-lesson-course > .list-can > .body > .list > dt,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list > dt,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list > dt,
.english-lesson-features > .list-can > .list > dt,
.english-lesson-features > .list-can > .body > .list > dt,
.english-lesson-intro > .list-can > .list > dt,
.english-lesson-intro > .list-can > .body > .list > dt,
.english-lesson-timeline > .list-can > .list > dt,
.english-lesson-timeline > .list-can > .body > .list > dt,
.english-qanda > .list-can > .list > dt,
.english-qanda > .list-can > .body > .list > dt,
.english-teacher > .body > .list-can > .list > dt,
.english-teacher > .body > .list-can > .body > .list > dt {
  font-weight: 700;
  border-bottom: solid 1px #281203;
  margin-bottom: 5px;
}
.english-lesson-course > .list-can > .list > dd,
.english-lesson-course > .list-can > .body > .list > dd,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list > dd,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list > dd,
.english-lesson-features > .list-can > .list > dd,
.english-lesson-features > .list-can > .body > .list > dd,
.english-lesson-intro > .list-can > .list > dd,
.english-lesson-intro > .list-can > .body > .list > dd,
.english-lesson-timeline > .list-can > .list > dd,
.english-lesson-timeline > .list-can > .body > .list > dd,
.english-qanda > .list-can > .list > dd,
.english-qanda > .list-can > .body > .list > dd,
.english-teacher > .body > .list-can > .list > dd,
.english-teacher > .body > .list-can > .body > .list > dd {
  margin: 0;
}
.english-lesson-course > .list-can > .list-flex > dd,
.english-lesson-course > .list-can > .body > .list-flex > dd,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list-flex > dd,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list-flex > dd,
.english-lesson-features > .list-can > .list-flex > dd,
.english-lesson-features > .list-can > .body > .list-flex > dd,
.english-lesson-intro > .list-can > .list-flex > dd,
.english-lesson-intro > .list-can > .body > .list-flex > dd,
.english-lesson-timeline > .list-can > .list-flex > dd,
.english-lesson-timeline > .list-can > .body > .list-flex > dd,
.english-qanda > .list-can > .list-flex > dd,
.english-qanda > .list-can > .body > .list-flex > dd,
.english-teacher > .body > .list-can > .list-flex > dd,
.english-teacher > .body > .list-can > .body > .list-flex > dd {
  float: left;
  width: 50%;
}
.english-lesson-course > .list-can > .list > dd:before,
.english-lesson-course > .list-can > .body > .list > dd:before,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .list > dd:before,
.english-lesson-course > .course-info > .body > .bodyIn > .list-can > .body > .list > dd:before,
.english-lesson-features > .list-can > .list > dd:before,
.english-lesson-features > .list-can > .body > .list > dd:before,
.english-lesson-intro > .list-can > .list > dd:before,
.english-lesson-intro > .list-can > .body > .list > dd:before,
.english-lesson-timeline > .list-can > .list > dd:before,
.english-lesson-timeline > .list-can > .body > .list > dd:before,
.english-qanda > .list-can > .list > dd:before,
.english-qanda > .list-can > .body > .list > dd:before,
.english-teacher > .body > .list-can > .list > dd:before,
.english-teacher > .body > .list-can > .body > .list > dd:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  background: url("/img/ver2.0/SearchTheme/icon/checkbox.svg") no-repeat;
  margin-right: 10px;
  margin-top: 3px;
}

.english-title {
  background: url("/img/ver2.0/restaurant_service_english/pc/english_KV.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/restaurant_service_english/pc/english_KV.jpg) 1x, url(/img/ver2.0/restaurant_service_english/pc_high/english_KV.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 530px;
}
.english-title > .body {
  background: #F5F0EA;
  width: 520px;
  padding: 10px;
  position: absolute;
  top: 80px;
  left: 10%;
}
.english-title > .body > .bodyIn {
  border: solid 1px #EDDCC8;
  height: 100%;
  text-align: center;
  padding: 20px 0;
}
.english-title > .body > .bodyIn > .title-sub {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  background: #281203;
  border-radius: 15px;
  padding: 0 10px;
  margin: 0 0 20px;
}
.english-title > .body > .bodyIn > .title {
  display: inline-block;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #281203;
  border-bottom: solid 1px #281203;
  line-height: 1.35;
  margin: 0 0 10px;
}
.english-title > .body > .bodyIn > .text {
  font-weight: 700;
  color: #741E2E;
  font-size: 19px;
  font-size: 1.9rem;
  margin: 0 0 10px;
}
.english-title > .body > .bodyIn > .text > span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}
.english-title > .body > .bodyIn > .day {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #281203;
  text-align: center;
  margin: 0;
}
.english-title > .body > .bodyIn > .day > span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.english-title > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  position: absolute;
  bottom: 50px;
  left: 10%;
  margin: 0;
}
.english-title > .list > li {
  background: #741E2E;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 115px;
  height: 115px;
  -webkit-box-shadow: 1px 1px 1px #000;
          box-shadow: 1px 1px 1px #000;
  margin-left: 10px;
  line-height: 1.5;
}

.english-lesson-intro {
  background: #EDDCC8;
}
.english-lesson-intro > .title {
  font-size: 30px;
  font-size: 3rem;
}
.english-lesson-intro > .list-can {
  margin: 50px 0;
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.english-lesson-intro > .list-can > .body {
  max-width: 500px;
}
.english-lesson-intro > .list-can > .body > .title {
  font-size: 30px;
  font-size: 3rem;
}
.english-lesson-intro > .list-can > .body > .list > dt {
  font-size: 16px;
  font-size: 1.6rem;
}
.english-lesson-intro > .list-can > .body > .list > dd {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.english-lesson-intro > .list-can > .body > .list:last-child {
  margin: 0;
}
.english-lesson-intro > .list-can > .img,
.english-lesson-intro > .list-can > .img > img {
  width: 575px;
  margin: 0;
}

.english-lesson-features {
  background: #F5F0EA;
}
.english-lesson-features > .body {
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 50px;
}
.english-lesson-features > .body > .img,
.english-lesson-features > .body > .img > img {
  max-width: 540px;
  vertical-align: bottom;
  margin: 0;
}
.english-lesson-features > .body > .bodyIn {
  max-width: 540px;
  position: relative;
  background: #fff;
  padding: 20px;
  border: solid 5px #fff;
}
.english-lesson-features > .body > .bodyIn:before {
  display: block;
  content: "";
  background: #F5F0EA;
  border: double 5px #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 10;
}
.english-lesson-features > .body > .num1:before {
  content: "01";
}
.english-lesson-features > .body > .num2:before {
  content: "02";
}
.english-lesson-features > .body > .num3:before {
  content: "03";
}
.english-lesson-features > .body > .bodyIn:after {
  content: "";
  border: solid 2px #F5F0EA;
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.english-lesson-features > .body > .bodyIn > .title-h3 {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding: 5px 0;
  margin: 20px 0 0;
  line-height: 1.5;
}
.english-lesson-features > .body > .bodyIn > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.english-lesson-features > .body > .bodyIn > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #E6CA50));
  background: -o-linear-gradient(transparent 60%, #E6CA50 0%);
  background: linear-gradient(transparent 60%, #E6CA50 0%);
}

.english-lesson-course {
  background: #EDDCC8;
}
.english-lesson-course > .list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.english-lesson-course > .list > li {
  width: 100%;
  max-width: 320px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
}
.english-lesson-course > .list > .course1 {
  background: url("/img/ver2.0/restaurant_service_english/pc/english_lesson_course1.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/restaurant_service_english/pc/english_lesson_course1.jpg) 1x, url(/img/ver2.0/restaurant_service_english/pc_high/english_lesson_course1.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.english-lesson-course > .list > .course2 {
  background: url("/img/ver2.0/restaurant_service_english/pc/english_lesson_course2.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/restaurant_service_english/pc/english_lesson_course2.jpg) 1x, url(/img/ver2.0/restaurant_service_english/pc_high/english_lesson_course2.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.english-lesson-course > .list > .course2:after,
.english-lesson-course > .list > .course1:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}
.english-lesson-course > .list > .arrow {
  width: 30px;
}
.english-lesson-course > .list > .arrow:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #281203;
  font-size: 20px;
  font-size: 2rem;
}
.english-lesson-course > .list > li > p {
  position: relative;
  z-index: 100;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
.english-lesson-course > .list > li > p > span {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.english-lesson-course > .img {
  max-width: 680px;
  margin: 0 auto;
}
.english-lesson-course > .text2 {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 50px;
}
.english-lesson-course > .course-info {
  max-width: 1100px;
  border-top: double 6px #281203;
  border-bottom: double 6px #281203;
  background: #F5F0EA;
  padding: 50px;
  margin: 0 auto 50px;
}
.english-lesson-course > .course-info > .title {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  margin: 0 0 30px;
}
.english-lesson-course > .course-info > .title > span {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.english-lesson-course > .course-info > .title > span:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #281203;
  margin: 5px auto;
}
.english-lesson-course > .course-info > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.english-lesson-course > .course-info > .body > .img > img,
.english-lesson-course > .course-info > .body > .img {
  max-width: 450px;
  margin: 0;
  vertical-align: bottom;
}
.english-lesson-course > .course-info > .body > .bodyIn {
  padding: 0 0 0 30px;
}
.english-lesson-course > .course-info > .body > .bodyIn > .text {
  text-align: left;
}
.english-lesson-course > .course-info > .accbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.english-lesson-course > .course-info > .accbox > .table {
  margin-right: 30px;
  width: 100%;
}
.english-lesson-course > .course-info > .accbox > .table > .title {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  color: #741E2E;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0 0 20px;
}
.english-lesson-course > .course-info > .accbox > .img,
.english-lesson-course > .course-info > .accbox > .img > img {
  max-width: 310px;
  vertical-align: bottom;
  margin: 0;
}
.english-lesson-course > .course-info > .accbox > .table > table {
  max-width: 660px;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  border: solid 1px #281203;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
.english-lesson-course > .course-info > .accbox > .table > table th {
  font-weight: 700;
  padding: 3.3333333333px 5px;
  border: solid 1px #281203;
  background: #741E2E;
  text-align: center;
  color: #fff;
}
.english-lesson-course > .course-info > .accbox > .table > table td {
  padding: 3.3333333333px 5px;
  border: solid 1px #281203;
}
.english-lesson-course > .course-info > .accbox > .table > .coution {
  margin: 0;
}

.english-lesson-timeline {
  background: #EDDCC8;
}
.english-lesson-timeline > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.english-lesson-timeline > .body > .list {
  width: 190px;
  height: 120px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  border: solid 1px #281203;
  background: #F5F0EA;
  border-radius: 4px;
  padding: 5px;
  position: relative;
  margin: 0 10px;
}
.english-lesson-timeline > .body > .list > dt {
  text-align: center;
  border-bottom: solid 1px #281203;
  font-weight: 700;
}
.english-lesson-timeline > .body > .list > dd {
  margin: 0;
  padding-top: 10px;
  font-weight: 700;
  line-height: 1.5;
}
.english-lesson-timeline > .body > .list > dd .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
}
.english-lesson-timeline > .body > .list:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -15px;
}
.english-lesson-timeline > .body > .last:after {
  display: none;
}
.english-lesson-timeline > .list-can {
  max-width: 680px;
  margin: 50px auto 30px;
}

.english-teacher {
  background: url("/img/ver2.0/restaurant_service_english/pc/teacher_Seju_Yang_img.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/restaurant_service_english/pc/teacher_Seju_Yang_img.jpg) 1x, url(/img/ver2.0/restaurant_service_english/pc_high/teacher_Seju_Yang_img.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.english-teacher > .body {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(245, 240, 235, 0.75);
  border: solid 2px #281203;
  position: relative;
  padding: 20px 50px;
}
.english-teacher > .body:after {
  content: "";
  border: solid 1px #281203;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
.english-teacher > .body > .title {
  font-size: 30px;
  font-size: 3rem;
}
.english-teacher > .body > .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.english-teacher > .body > .photo > dt > img {
  width: 145px;
}
.english-teacher > .body > .photo > dd {
  margin: 0;
  padding-left: 10px;
}
.english-teacher > .body > .photo > dd > p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.5;
}
.english-teacher > .body > .photo > dd .info {
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #741E2E;
  margin: 0 0 10px;
}
.english-teacher > .body > .text {
  text-align: left;
}
.english-teacher > .body > .accbox > .table > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.english-teacher > .body > .accbox label {
  display: block;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #281203;
  border-radius: 4px;
  position: relative;
  z-index: 9;
  background: #fff;
  margin: 0;
}
.english-teacher > .body > .accbox label:after {
  display: inline-block;
  font-family: "Ionicons";
  content: "";
  margin-left: 10px;
}
.english-teacher > .body > .accbox input {
  display: none;
}
.english-teacher .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.english-teacher .cssacc:checked + .accshow {
  height: auto;
  opacity: 1;
}

.english-course-info {
  background: #F5F0EA;
  padding: 50px;
  color: #281203;
}
.english-course-info > .img {
  margin: 0;
}
.english-course-info > .img > img {
  width: 100%;
}
.english-course-info > .title {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  text-align: center;
  color: #281203;
  margin: 0 0 30px;
}
.english-course-info > .list-wrap {
  width: 680px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: solid 2px #281203;
  font-size: 16px;
  font-size: 1.6rem;
}
.english-course-info > .list-wrap > .title {
  font-weight: 700;
  width: 200px;
  text-align: center;
}
.english-course-info > .list-wrap > .body {
  width: 100%;
}
.english-course-info > .list-wrap > .body > .list {
  border-left: solid 1px #281203;
  padding: 0 0 0 5px;
}
.english-course-info > .list-wrap > .body > .list > li {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: solid 1px #281203;
}
.english-course-info > .list-wrap > .body > .list > li > p {
  margin: 5px 10px;
}
.english-course-info > .list-wrap > .body > .list > li > p > span {
  font-weight: 700;
}
.english-course-info > .list-wrap > .body > .list > li:last-child {
  border: 0;
}
.english-course-info > .list-wrap > .body > .list > .coution {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px 10px;
}
.english-course-info > .sub > .title {
  padding: 10px;
}
.english-course-info > .sub > .body {
  border-left: solid 1px #281203;
  padding-left: 10px;
}
.english-course-info > .last {
  border-bottom: solid 2px #281203;
  margin-bottom: 20px;
}
.english-course-info > .english-experience {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 680px;
  margin: 0 auto;
  padding: 0;
}
.english-course-info > .english-experience > .button-pdf,
.english-course-info > .english-experience > .button-stepOne {
  margin: 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.english-course-info > .english-experience > .button-pdf > span,
.english-course-info > .english-experience > .button-stepOne > span {
  font-size: 12px;
  font-size: 1.2rem;
}
.english-course-info > .english-experience > .button-pdf:after,
.english-course-info > .english-experience > .button-stepOne:after {
  font-size: 15px;
  font-size: 1.5rem;
  right: 10px;
}
.english-course-info > .english-experience > .button-stepOne {
  margin-right: 10px;
  padding-top: 15px;
}
.english-course-info > .english-experience > .button-pdf {
  margin-left: 10px;
}
.english-course-info > .title {
  line-height: 1.5;
}
.english-course-info > .title .camp {
  background: #950000;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.english-course-info > .list-wrap > .body > .list > li .off {
  background: #950000;
  color: #fff;
  padding: 0 10px;
  font-weight: normal;
}
.english-course-info > .list-wrap > .body > .list > li .none {
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}
.english-course-info > .list-wrap > .body > .list > li .camp {
  color: #950000;
  font-weight: bold;
  padding-left: 0.5em;
}

.english-qanda {
  background: #EDDCC8;
}
.english-qanda > .list {
  max-width: 960px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
}
.english-qanda > .list > dd > .text,
.english-qanda > .list > dt,
.english-qanda > .list > dd > .answer {
  font-weight: 700;
}
.english-qanda > .list > dt {
  margin-bottom: 20px;
  padding-top: 30px;
}
.english-qanda > .list > dd {
  margin: 0;
  border-bottom: solid 2px #F5F0EA;
  margin-bottom: 10px;
  padding-bottom: 30px;
}
.english-qanda > .list > dd > p {
  margin: 0;
}
.english-qanda > .list > dd > .text {
  font-weight: normal;
  padding-left: 45px;
}
.english-qanda > .list > dd:last-child {
  border: none;
  margin-bottom: 0;
}
.english-qanda > .list > dt:before {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #741E2E;
  content: "Q";
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin-right: 10px;
}
.english-qanda > .list > dd > .answer:before {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #F5F0EA;
  content: "A";
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #741E2E;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin-right: 10px;
}

.english-experience {
  background: #F5F0EA;
  padding: 50px 0;
  text-align: center;
  color: #281203;
  font-weight: 700;
}
.english-experience > .title {
  color: #281203 !important;
  line-height: 1.5;
}
.english-experience > .title:after {
  display: none;
}
.english-experience > .button-pdf {
  width: 550px;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  text-align: left;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  color: #281203;
  background: #fff;
  border-bottom: 3px solid #281203;
  padding: 20px 10px;
  margin: 0 auto;
  position: relative;
}
.english-experience > .button-pdf:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.english-experience > .button-pdf:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #281203;
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 30px;
  font-size: 3rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.english-experience > .tel-group {
  background: #fff;
  color: #281203;
  border: solid 1px #281203;
}
.english-experience > .tel-group > .title {
  color: #281203;
  font-size: 22px;
  font-size: 2.2rem;
}
.english-experience > .tel-group > .title:after {
  display: none;
}
.english-experience > .tel-group > .tel-groupschool {
  border-top: dotted 1px #281203;
  line-height: 1.5;
}
.english-experience > .tel-group > .tel-groupschool > dd {
  border-bottom: dotted 1px #281203;
  padding-bottom: 10px;
}
.english-experience > .tel-group > .tel-groupschool > dd a {
  color: #281203;
}
.english-experience > .tel-group > .time {
  font-size: 18px;
  font-size: 1.8rem;
}

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

.biz-wine-experience > .title, .biz-wine-features > .title, .biz-wine-lesson > .title, .biz-wine-access > .title {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #BEA870;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.3;
  margin: 0 0 16px;
}

.biz-wine-experience > .title > span, .biz-wine-features > .title > span, .biz-wine-lesson > .title > span, .biz-wine-access > .title > span {
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 25px;
  font-size: 2.5rem;
}

.biz-wine-title {
  background: #0a0502 url("/img/ver2.0/biz_wine/pc/biz-wine.jpg") no-repeat 50% 0;
  background-image: -webkit-image-set(url(/img/ver2.0/biz_wine/pc/biz-wine.jpg) 1x, url(/img/ver2.0/biz_wine/pc/biz-winex2.jpg) 2x);
  background-size: auto 450px;
  width: 100%;
  min-width: 1080px;
  height: 450px;
}
.biz-wine-title .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
.biz-wine-title .inner > .body {
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  width: 500px;
  margin: 0;
  padding: 18px 16px 0;
  position: absolute;
  top: 42px;
  left: 515px;
}
.biz-wine-title .inner > .body > .title-sub {
  background: #BEA870;
  text-align: center;
  font-weight: 700;
  color: #281203;
  margin: 0 0 8px;
  border-radius: 3px;
  font-size: 20px;
  font-size: 2rem;
}
.biz-wine-title .inner > .body > .title {
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 44px;
  font-size: 4.3rem;
  margin: 0 0 8px;
  line-height: 1.35;
}
.biz-wine-title .inner > .body > .title > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.biz-wine-title .inner > .body > .title > .small {
  font-size: 38px;
  font-size: 3.8rem;
}
.biz-wine-title .inner > .body > .title > .strong {
  color: #950000;
}
.biz-wine-title .inner > .body > .title > .coursename {
  border-top: solid 1px #281203;
  display: block;
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.35;
  padding: 6px 0 1px;
  margin-top: 9px;
}
.biz-wine-title .inner > .body > .title > .coursename:before {
  content: "- ";
}
.biz-wine-title .inner > .body > .title > .coursename:after {
  content: " -";
}
.biz-wine-title .inner > .list {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 292px;
  left: 546px;
}
.biz-wine-title .inner > .list > li {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #281203;
  font-size: 17px;
  font-size: 1.7rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  width: 120px;
  height: 120px;
  margin: 0 13px;
}
.biz-wine-title .inner > .list li > .price-gruop > .pricename {
  font-weight: 700;
}
.biz-wine-title .inner > .list li > .price-gruop > .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
}

.cvarea {
  width: 100%;
  min-width: 1080px;
  margin: 0;
}
.cvarea dl {
  margin: 0;
}
.cvarea dl > dt {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 35px;
  font-size: 3.5rem;
  background: #281203;
  line-height: 1.35;
  height: 94px;
  padding-top: 10px;
}
.cvarea dl > dt > p {
  margin-top: 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.cvarea dl > dt > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 52px;
  font-size: 5.2rem;
}
.cvarea .inner {
  width: 1080px;
  margin: 0 auto;
}
.cvarea a.button-experience {
  display: block;
  width: 650px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background: #950000;
  border-radius: 4px;
  padding: 21px;
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.35;
  border-bottom: solid 2px #281203;
}
.cvarea a.button-experience > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.cvarea a.button-experience:after {
  font-family: "Ionicons";
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}
.cvarea a.button-experience:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cvarea dl.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 650px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.cvarea dl > dd {
  margin: 0;
  padding: 0;
}
.cvarea dl > dd > a {
  display: block;
  background: #950000;
  border-radius: 4px;
  padding: 31px 21px 33px;
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.35;
  border-bottom: solid 2px #281203;
  width: 320px;
}
.cvarea dl > dd > a > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.cvarea dl > dd > a:after {
  font-family: "Ionicons";
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}
.cvarea dl > dd > a:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cvarea dl > dd > a.button-full {
  width: 650px;
}
.cvarea dl > dd > .button {
  background: #DB8338;
  padding: 21px 21px 19px 21px;
}
.cvarea dl > dd > .button:hover {
  background: #e39e63;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cvarea dl > dd > .button.-disabled {
  background: #CCCCCC !important;
  border-bottom: 0 solid #CCCCCC;
  color: #7E7E7E;
  pointer-events: none;
  border: 0px none #CCCCCC;
}
.cvarea dl > dd > .button.-disabled:after {
  color: #7E7E7E;
}
.cvarea p.smalltext {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.biz-wine-avan {
  text-align: center;
  background: #EEEEEE url("/img/ver2.0/biz_wine/sp/Businessman.svg") no-repeat 146px 236px;
  background-size: 187px;
  padding: 47px 8px;
  width: 1080px;
  margin: 20px auto 0;
}
.biz-wine-avan > .title {
  margin: 0 0 26px 0;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #000;
  border-bottom: double 3px #000;
  line-height: 1.35;
  display: inline-block;
}
.biz-wine-avan > .text {
  margin: 0 0 8px 0;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.biz-wine-avan > .text > span {
  font-weight: 700;
}
.biz-wine-avan > .body {
  font-size: 15.8px;
  font-size: 1.58rem;
  line-height: 1.3;
  border: solid 1px #515151;
  border-radius: 4px;
  background: #fff;
  padding: 21px 17px;
  margin-top: 27px;
  width: 586px;
  margin-left: 342px;
}
.biz-wine-avan > .body > p {
  margin: 0 0 8px;
  text-align: justify;
}
.biz-wine-avan > .body > p > .small {
  background: -o-linear-gradient(transparent 40%, rgba(97, 160, 183, 0.2) 40%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, rgba(97, 160, 183, 0.2)));
  background: linear-gradient(transparent 40%, rgba(97, 160, 183, 0.2) 40%);
}
.biz-wine-avan > .body > p > .strong {
  background: -o-linear-gradient(transparent 40%, rgba(190, 168, 112, 0.4) 40%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, rgba(190, 168, 112, 0.4)));
  background: linear-gradient(transparent 40%, rgba(190, 168, 112, 0.4) 40%);
  font-weight: 700;
}
.biz-wine-avan > .body > p:last-child {
  margin: 0;
}

.biz-wine-can {
  text-align: center;
  min-width: 1080px;
}
.biz-wine-can > .title {
  margin: 0;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #281203;
  padding: 57px 0 44px;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.5;
}
.biz-wine-can > .title > span {
  color: #281203;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.biz-wine-can .box {
  width: 916px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(49, 53, 63, 0.28);
  box-shadow: 0px 1px 3px 0px rgba(49, 53, 63, 0.28);
}
.biz-wine-can .box > .title-sub {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  text-align: center;
  color: #281203;
  font-weight: 700;
  padding-bottom: 3px;
  margin: 61px 0 46px;
  border-bottom: solid 1px #281203;
  position: relative;
}
.biz-wine-can .box > .title-sub:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -15px;
  border: 7px solid transparent;
  border-top: 7px solid #fff;
  z-index: 2;
}
.biz-wine-can .box > .title-sub:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  border: 7px solid transparent;
  border-top: 7px solid #281203;
  z-index: 1;
}
.biz-wine-can .box > .list {
  margin: 0 0 59px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.biz-wine-can .box > .list:after {
  content: "";
  display: block;
  clear: both;
}
.biz-wine-can .box > .list ul {
  margin: 0;
  float: left;
}
.biz-wine-can .box > .list ul.left {
  width: 460px;
  border-right: 1px solid #ccc;
  padding-left: 49px;
  padding-right: 29px;
}
.biz-wine-can .box > .list ul.right {
  width: 440px;
  padding-left: 0;
}
.biz-wine-can .box > .list ul > li {
  background: url("/img/ver2.0/SearchTheme/icon/checkbox.svg") no-repeat 0 50%;
  background-size: 22px;
  margin-bottom: 19px;
  display: inline-block;
  padding: 0 0 0 44px;
  line-height: 1.5;
  margin-left: 26px;
}
.biz-wine-can .box > .list ul > li:last-child {
  margin-bottom: 0;
}
.biz-wine-can .box > .list ul > li > p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  border-left: solid 1px #fff;
  font-weight: 700;
}
.biz-wine-can .box > .list ul > li > p > span {
  font-weight: 700;
  background: -o-linear-gradient(transparent 40%, rgba(255, 255, 0, 0.75) 40%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, rgba(255, 255, 0, 0.75)));
  background: linear-gradient(transparent 40%, rgba(255, 255, 0, 0.75) 40%);
}

.biz-wine-features {
  min-width: 1080px;
  margin: 0 auto;
  padding: 75px 8px 60px;
}
.biz-wine-features .list {
  width: 916px;
  margin: 0 auto;
  padding: 0;
}
.biz-wine-features .list li {
  width: 100%;
  border: 1px solid #bea870;
  margin-bottom: 30px;
  list-style: none;
  position: relative;
}
.biz-wine-features .list li:after {
  content: "";
  display: block;
  clear: both;
}
.biz-wine-features .list li > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #fff;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  padding: 5px 56px 4px 31px;
  position: absolute;
  top: 22px;
  left: 0;
  background: #bea870;
}
.biz-wine-features .list li:nth-child(2) > span {
  left: 457px;
}
.biz-wine-features .list li > div {
  width: 457px;
  float: left;
  padding: 57px 29px 0;
}
.biz-wine-features .list li > div > p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.65;
  font-weight: 700;
  margin: 0;
}
.biz-wine-features .list li > div > .title {
  color: #bea870;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.4;
  padding-bottom: 10px;
  border-bottom: 1px solid #bea870;
  margin: 0 0 17px;
}
.biz-wine-features .list li > img {
  float: left;
}

.biz-wine-lesson {
  background: #EEEEEE;
  padding: 73px 8px 80px;
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
}
.biz-wine-lesson > .text {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 25px 0 27px;
}
.biz-wine-lesson .box {
  width: 914px;
  margin: 0 auto;
}
.biz-wine-lesson .box:after {
  content: "";
  display: block;
  clear: both;
}
.biz-wine-lesson .box > .list {
  border: solid 1px #BEA870;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 430px;
  height: 135px;
  float: left;
  margin: 0;
}
.biz-wine-lesson .box > .list:last-child {
  float: right;
}
.biz-wine-lesson .box > .arrow:after {
  display: block;
  font-size: 38px;
  font-size: 3.8rem;
  content: "";
  font-family: "Ionicons";
  content: "";
  color: #BEA870;
  position: absolute;
  top: 33px;
  right: -39px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: scaleY(1.8);
      -ms-transform: scaleY(1.8);
          transform: scaleY(1.8);
}
.biz-wine-lesson .box > .list > dt {
  background: #BEA870;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  width: 90px;
  text-align: center;
  font-weight: 700;
  padding-top: 24px;
  line-height: 1.3;
}
.biz-wine-lesson .box > .list:first-child > dt {
  background: url(/img/ver2.0/biz_wine/pc/icon_book.png) bottom center no-repeat, #BEA870;
}
.biz-wine-lesson .box > .list:last-child > dt {
  background: url(/img/ver2.0/biz_wine/pc/icon_glass.png) bottom center no-repeat, #BEA870;
}
.biz-wine-lesson .box > .list > dt > span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.biz-wine-lesson .box > .list > dd {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 28px 21px 0;
  line-height: 1.6;
}

.biz-wine-access {
  text-align: center;
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
  padding: 75px 8px;
}
.biz-wine-access > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.biz-wine-access ul {
  width: auto;
  margin: 19px auto 0;
  padding: 0;
  display: table;
}
.biz-wine-access ul:after {
  content: "";
  display: block;
  clear: both;
}
.biz-wine-access li {
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 293px;
  float: left;
  margin-right: 15px;
  padding-bottom: 5px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.biz-wine-access li:last-child {
  margin-right: 0;
}
.biz-wine-access li span {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 6px;
}
.biz-wine-access li a, .biz-wine-access li span {
  font-weight: 700;
  color: #242424;
}
.biz-wine-access li .more {
  font-weight: 700;
  color: #242424;
  color: #515151;
  font-size: 12px;
  margin: 0;
  position: absolute;
  right: 16px;
  bottom: 6px;
}
.biz-wine-access li .more:after {
  color: #e6e6e6;
  font-family: "Ionicons";
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.biz-wine-theme {
  padding: 37px 8px 78px;
  background: #EEEEEE;
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
}
.biz-wine-theme > .title {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-weight: 700;
  color: #281203;
  margin: 0 0 23px;
}
.biz-wine-theme > .table {
  width: 915px;
  border: solid 2px #281203;
  margin: 0 auto 20px;
  background: #fff;
}
.biz-wine-theme > .table td {
  border: solid 1px #281203;
}
.biz-wine-theme > .table th {
  border: solid 1px #281203;
  width: 92px;
  background: rgba(190, 168, 112, 0.5);
  font-weight: 700;
  white-space: nowrap;
  padding: 8px;
}
.biz-wine-theme > .table td {
  padding: 11px 20px;
  line-height: 1.5;
}
.biz-wine-theme > .table .course {
  text-align: center;
  font-weight: bold;
  width: 171px;
  background: #6E5516;
  padding: 0;
  color: #fff;
}
.biz-wine-theme > .table p {
  margin: 0;
}
.biz-wine-theme > .table .title {
  font-weight: 700;
}
.biz-wine-theme > .teacher {
  background: #fff;
  padding: 0;
  width: 915px;
  margin: 49px auto 0;
}
.biz-wine-theme > .teacher > .title {
  text-align: left;
  color: #fff;
  background: #BEA870;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: inline-block;
  padding: 0 56px;
  margin: 0 21px;
}
.biz-wine-theme > .teacher > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 26px 28px 28px 49px;
}
.biz-wine-theme > .teacher > .body:after {
  content: "";
  display: block;
  clear: both;
}
.biz-wine-theme > .teacher > .body > p {
  margin: 0;
}
.biz-wine-theme > .teacher > .body > .img {
  margin-right: 28px;
  margin-top: -14px;
  float: left;
}
.biz-wine-theme > .teacher > .body > .img > img {
  width: 150px;
}
.biz-wine-theme > .teacher > .body > div {
  width: 660px;
  float: left;
}
.biz-wine-theme > .teacher > .body .name {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.7;
  margin: 0;
}
.biz-wine-theme > .teacher > .body .name > span {
  font-weight: 700;
}
.biz-wine-theme > .teacher > .body .name > .strong {
  font-size: 21px;
  font-size: 2.1rem;
}
.biz-wine-theme > .teacher > .body .name > .small {
  font-size: 16px;
  font-size: 1.6rem;
}
.biz-wine-theme > .teacher > .body .text {
  margin-top: 18px;
  line-height: 1.9;
}

.biz-wine-info {
  padding: 58px 8px 0;
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
}
.biz-wine-info > .title {
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0 0 14px;
}
.biz-wine-info > .table {
  width: 600px;
  margin: 0 auto;
  border-top: solid 2px #BEA870;
  border-bottom: solid 1px #BEA870;
}
.biz-wine-info > .table td {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 13px 6px;
  border-bottom: solid 1px #BEA870;
}
.biz-wine-info > .table th {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 13px 6px;
  border-bottom: solid 1px #BEA870;
  font-weight: 700;
  width: 120px;
  white-space: nowrap;
}
.biz-wine-info > .table td {
  font-weight: 700;
  line-height: 1.5;
}
.biz-wine-info > .table td .area-label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.biz-wine-info > .table td .-aoyama.area-label:before {
  color: #4072C1;
}
.biz-wine-info > .table td .-ginza.area-label:before {
  color: #4072C1;
}
.biz-wine-info > .table td .-shinjuku.area-label:before {
  color: #4072C1;
}
.biz-wine-info > .table td .-osaka.area-label:before {
  color: #950000;
}
.biz-wine-info > .table td .area-label:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.biz-wine-info > .table td > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: inline-block;
  margin-top: 6px;
}

.biz-wine-experience {
  padding: 60px 8px 93px;
  text-align: center;
  width: 100%;
  min-width: 1080px;
  margin: 0 auto;
}
.biz-wine-experience:last-child {
  padding-bottom: 0;
}
.biz-wine-experience > .title {
  margin: 0 0 13px;
}
.biz-wine-experience > .text {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}
.biz-wine-experience > a {
  display: block;
  background: #950000;
  border-radius: 4px;
  padding: 11px;
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.35;
  width: 550px;
  border-bottom: solid 2px #281203;
  text-align: left;
  margin: 24px auto 8px;
}
.biz-wine-experience > a > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.biz-wine-experience > a:after {
  font-family: "Ionicons";
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 22px;
  font-size: 18px;
  font-size: 1.8rem;
}
.biz-wine-experience > a:hover {
  background: #ff2f2f;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.biz-wine-experience > .button {
  background: #DB8338;
  padding: 10px 11px;
  margin-top: 29px;
}
.biz-wine-experience > .button:hover {
  background: #e39e63;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.biz-wine-experience > .button.-disabled {
  background: #CCCCCC !important;
  border-bottom: 0 solid #CCCCCC;
  color: #7E7E7E;
  pointer-events: none;
  border: 0px none #CCCCCC;
}
.biz-wine-experience > .button.-disabled:after {
  color: #7E7E7E;
}
.biz-wine-experience > .tel-group {
  width: 550px;
  margin: 80px auto 0;
}
.biz-wine-experience > .tel-group > .title {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
}
.biz-wine-experience > .tel-group > .tel-groupschool {
  line-height: 1.5;
  margin-top: 12px;
  margin-bottom: 15px;
}
.biz-wine-experience > .tel-group > .tel-groupschool > dt {
  margin-bottom: 7px;
}
.biz-wine-experience > .tel-group > .tel-groupschool > dd {
  font-size: 34px;
  font-size: 3.4rem;
  padding-bottom: 7px;
}
.biz-wine-experience > .tel-group > .time {
  font-size: 18px;
  font-size: 1.8rem;
}

.licensebasic-main > * {
  font-weight: normal;
}

.licensebasic-main > .hero-banner {
  background-image: url("/img/ver2.0/license/basic/pc/bg_header-licensebasic.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/license/basic/pc/bg_header-licensebasic.jpg) 1x, url(/img/ver2.0/license/basic/pc/bg_header-licensebasic_high.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
}
.licensebasic-main > .hero-banner > .hero-inner {
  background: rgba(255, 255, 255, 0.85);
  width: 700px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  color: #000;
}
.licensebasic-main > .hero-banner > .hero-inner > .subtitle {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
  padding-top: 20px;
  line-height: 1.4;
  border-bottom: 1px solid #707070;
}
.licensebasic-main > .hero-banner > .hero-inner > .title {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
}
.licensebasic-main > .hero-banner > .hero-inner > .title > .-large-text {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.licensebasic-main > .hero-banner > .point {
  background: rgba(255, 255, 255, 0.85);
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
}
.licensebasic-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  color: #950000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 10px 10px 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.licensebasic-main > .hero-banner > .point > li > .text {
  width: 130px;
  font-weight: 700;
}
.licensebasic-main > .hero-banner > .point > li .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.licensebasic-main > .conversion-section.-top > .button-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px;
  margin-top: 34px;
}

.licensebasic-main > .conversion-section .sub-title {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.licensebasic-main > .conversion-section .sub-title:before, .licensebasic-main > .conversion-section .sub-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #6E5516;
}
.licensebasic-main > .conversion-section .sub-title:before {
  left: 0;
}
.licensebasic-main > .conversion-section .sub-title:after {
  right: 0;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .button-wrap > .trial-button {
  width: 590px;
  background: #950000;
  border: 0;
  border-bottom: 2px solid #2f0000;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .curricula-button {
  width: 740px;
  background: #DB8338;
  border: 0;
  border-bottom: 2px solid #92521b;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .button {
  display: block;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 5px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .button > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

.licensebasic-main > .conversion-section.-top > .button-unit > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.licensebasic-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1.5;
  color: #BEA870;
}
.licensebasic-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #777777;
}

.licensebasic-main > .concept-section {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px auto;
  width: 1280px;
}
.licensebasic-main > .concept-section .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 503px;
  height: 363px;
  margin-left: 62px;
}
.licensebasic-main > .concept-section .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.licensebasic-main > .concept-section .title {
  position: absolute;
  background: rgba(255, 212, 67, 0.8);
  font-size: 35px;
  font-size: 3.5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 500;
  color: #000;
  z-index: 1;
  top: 1px;
  right: 0;
  width: 838px;
  padding-top: 18px;
  padding-bottom: 20px;
  padding-left: 185px;
  text-align: left;
}
.licensebasic-main > .concept-section .title > span {
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #515151;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
.licensebasic-main > .concept-section .title > span::before {
  content: "";
  display: inline-block;
  margin: 0 10px 7px 0;
  width: 21px;
  height: 1px;
  background-color: #BEA870;
}
.licensebasic-main > .concept-section .text-block {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.licensebasic-main > .concept-section > .text-block > .inner {
  margin: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  width: 550px;
  margin-left: 30px;
  margin-top: -100px;
}
.licensebasic-main > .concept-section > .text-block > .inner span {
  line-height: 1.5;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.licensebasic-main > .recommend-section {
  background-color: #FFF8E2;
  padding: 35px 0 45px;
}
.licensebasic-main > .recommend-section > dl {
  margin: 0;
}
.licensebasic-main > .recommend-section > dl > dt > h2 {
  position: relative;
  margin: 0;
  background: url(/img/ver2.0/license/basic/pc/obj1.png) no-repeat;
  background-position: center;
}
.licensebasic-main > .recommend-section > dl .detail-box {
  width: 734px;
  padding: 40px 0;
  margin: 35px auto 0;
  background-color: #fff;
}
.licensebasic-main > .recommend-section > dl .detail-box > dd {
  position: relative;
  font-size: 18px;
  margin-left: 135px;
  line-height: 2.3;
  color: #000;
}
.licensebasic-main > .recommend-section > dl .detail-box > dd:before {
  content: url(/img/ver2.0/license/basic/pc/checkbox.png);
  zoom: 0.5;
  position: absolute;
  left: -110px;
  display: inline-block;
}
.licensebasic-main > .recommend-section > dl .detail-box > dd > span {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.licensebasic-main > .howto-section {
  padding: 100px 0;
}
.licensebasic-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.licensebasic-main > .howto-section > .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 40px;
}
.licensebasic-main > .howto-section > .inner > .title > h2 {
  position: relative;
  margin: 0 0 0 50px;
  line-height: 1.3;
  text-align: left;
}
.licensebasic-main > .howto-section > .inner > .title > h2::before {
  content: url(/img/ver2.0/license/basic/pc/q.png);
  position: absolute;
  top: -75px;
  left: -49px;
  z-index: -1;
}
.licensebasic-main > .howto-section > .inner > .title > h3 {
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 22px;
  font-weight: 700;
  color: #2C1002;
  margin: 5px 0 0;
}
.licensebasic-main > .howto-section > .inner > .title > h3::before {
  content: url(/img/ver2.0/license/basic/pc/a.png);
  position: absolute;
  top: -78px;
  left: -55px;
  z-index: -1;
}
.licensebasic-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.licensebasic-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.licensebasic-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.licensebasic-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.licensebasic-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.licensebasic-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.licensebasic-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.licensebasic-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.licensebasic-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.licensebasic-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.licensebasic-main > .skil-section {
  background-color: #F8F8F8;
  padding-bottom: 70px;
}
.licensebasic-main > .skil-section > .inner {
  width: 1000px;
  padding: 50px 0 0;
  margin-left: auto;
  margin-right: auto;
}

.licensebasic-main > .skil-section > .inner > h2 {
  margin: 0;
}
.licensebasic-main > .skil-section > .inner > h2 > span {
  margin-bottom: 10px;
  font-weight: bold;
}

.licensebasic-main > .skil-section > .inner > .skil-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 320px;
  text-align: center;
  background-color: #fff;
  padding: 30px 0 20px;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card:before {
  content: "";
  position: absolute;
  top: -8.6px;
  left: -39.5px;
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  border-bottom: 60px solid #BEA870;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > span {
  position: absolute;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  top: -10px;
  left: 13px;
  font-size: 40px;
  color: #fff;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > .skilicon {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > .skilicon > img {
  width: 100%;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > .skiltext-block {
  width: 100%;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > .skiltext-block > .skiltitle {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #2C1002;
  margin-top: 10px;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .skil-card > .skiltext-block > .skiltitle > span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.licensebasic-main > .skil-section > .inner > .skil-group > .triangle-icon {
  display: none;
}

.licensebasic-main > .skil-section .triangle-icon {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #BEA870;
}

.licensebasic-main > .skil-section > .finishedcourse-block {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title .inner {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  color: #000;
  background: rgba(255, 212, 67, 0.8);
  font-weight: 500;
  padding: 12px;
  line-height: 1.3;
  position: absolute;
  width: 860px;
  padding: 41px 0 41px 60px;
  margin: 0;
  top: -35px;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title .inner > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  margin-bottom: 10px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.5;
  font-weight: 700;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title-block > .photo > picture > img {
  width: 580px;
  vertical-align: bottom;
  margin-right: 42px;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title-block > .text {
  width: 453px;
  margin: 200px 0 0 140px;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
}
.licensebasic-main > .skil-section > .finishedcourse-block > .title-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  font-weight: 700;
}

.licensebasic-main > .setcp-section {
  padding: 55px 0 70px;
}
.licensebasic-main > .setcp-section > h2 {
  color: #950000;
  margin: 0;
  font-size: 60px;
  background: url(/img/ver2.0/license/basic/pc/obj2@2x.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.licensebasic-main > .setcp-section > p {
  font-size: 26px;
  font-weight: 700;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: #950000;
}
.licensebasic-main > .setcp-section > .card {
  width: 809px;
  margin: 0 auto;
}
.licensebasic-main > .setcp-section > .card > picture {
  width: 100%;
}
.licensebasic-main > .setcp-section > .card > picture > img {
  width: 100%;
  vertical-align: bottom;
}
.licensebasic-main > .setcp-section > .footnote {
  max-width: 1100px;
  margin: 20px auto 0;
  font-size: 20px;
  text-align: left;
}

.licensebasic-main > .courseflow-section {
  padding-top: 20px;
  background: #FFF8E2;
  padding-bottom: 60px;
}
.licensebasic-main > .courseflow-section > h2 > span {
  color: #393939;
  font-weight: bold;
}
.licensebasic-main > .courseflow-section > .course-card-group {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  border-radius: 4px;
  width: 440px;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding-top: 40px;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .text-block > .head-group > .timelabel {
  text-align: center;
  background: rgba(255, 212, 67, 0.8);
  color: #2C1002;
  width: 78px;
  padding-top: 17px;
  padding-bottom: 17px;
  margin-top: -40px;
  margin-left: -35px;
  top: 14%;
  left: 49%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  position: absolute;
  font-size: 18px;
  font-weight: 700;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .text-block > .head-group > .title {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 15px 70px;
  font-size: 18px;
  color: #000;
}
.licensebasic-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  background: linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  font-weight: 700;
}
.licensebasic-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #BEA870;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.licensebasic-main > .curriculum-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.licensebasic-main > .curriculum-section h2 {
  margin-bottom: 15px;
}
.licensebasic-main > .curriculum-section h2 > span {
  font-weight: bold;
}
.licensebasic-main > .curriculum-section h2 > .tm {
  display: inline-block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: normal;
  font-size: 20px;
  color: #BEA870;
}
.licensebasic-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #BEA870;
}
.licensebasic-main > .curriculum-section > table > tbody > tr > th {
  background: #BEA870;
  color: #fff;
  width: 7.1%;
  border-bottom: 1px solid rgba(152, 131, 79, 0.5);
  padding: 14px;
  font-size: 18px;
  font-size: 1.8rem;
}
.licensebasic-main > .curriculum-section > table > tbody > tr > th + td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  padding-left: 20px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.licensebasic-main > .curriculum-section > .point-block {
  position: relative;
  margin-top: 40px;
  padding: 35px 0;
  border: 1px solid #BEA870;
}
.licensebasic-main > .curriculum-section > .point-block > h3 {
  display: inline-block;
  position: absolute;
  width: 321px;
  margin: 0 auto;
  text-align: center;
  top: -8%;
  right: 0;
  left: 0;
  color: #BEA870;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
  background-color: #fff;
}
.licensebasic-main > .curriculum-section > .point-block > h3 > img {
  display: inline-block !important;
  vertical-align: text-top;
}
.licensebasic-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  width: 714px;
  margin: 0 auto;
}
.licensebasic-main > .curriculum-section > .point-block > .text > p {
  margin: 0;
  text-align: left;
  color: #2c1002;
}
.licensebasic-main > .curriculum-section > .point-block > .text > p > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  background: linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  font-weight: 700;
}
.licensebasic-main > .curriculum-section > .point-block > .text > p + p {
  margin-top: 35px;
}
.licensebasic-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  background: linear-gradient(transparent 80%, rgba(190, 168, 112, 0.4) 80%);
  font-weight: 700;
}

.licensebasic-main > .tuition-fee-section {
  width: 1000px;
  margin: 0 auto;
}
.licensebasic-main > .tuition-fee-section > h2 {
  margin-bottom: 15px;
}
.licensebasic-main > .tuition-fee-section > table {
  width: 100%;
  border: 1px solid #BEA870;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th {
  background: #BEA870;
  color: #fff;
  text-align: left;
  width: 16.6%;
  border-bottom: 1px solid rgba(152, 131, 79, 0.5);
  padding: 14px 0 14px 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 20px 10px;
  padding-left: 40px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td > dl {
  color: #950000;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 5px;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td > dl > dt {
  font-size: 30px;
  font-weight: bold;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td > dl > dd {
  margin: 0;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td > .price {
  font-size: 28px;
  color: #950000;
}
.licensebasic-main > .tuition-fee-section > table > tbody > tr > th + td > span {
  font-size: 16px;
  font-weight: bold;
}

.licensebasic-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.licensebasic-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin: 0;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 500px;
  margin: 0 auto 30px;
  padding: 20px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button.-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button:hover {
  background: #c80000;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .curricula-button {
  width: 740px;
  background: #DB8338;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .curricula-button > span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap > .curricula-button:hover {
  background: #e39e63;
}

.licensebasic-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.licensebasic-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.licensebasic-main > .conversion-section > .button-unit > .button-wrap.-two_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.licensebasic-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #BEA870;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 15px;
}
.licensebasic-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.licensebasic-main > .faq-section > h2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 90px;
}
.licensebasic-main > .faq-section > h2 > span {
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
}
.licensebasic-main > .faq-section > h2:before, .licensebasic-main > .faq-section > h2:after {
  border-bottom: 1px solid;
  margin-top: 73px;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.licensebasic-main > .faq-section > h2:before {
  margin-right: 1em;
}
.licensebasic-main > .faq-section > h2:after {
  margin-left: 1em;
}
.licensebasic-main > .faq-section > .inner {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.licensebasic-main > .faq-section > .inner > .faq-item {
  width: 460px;
  margin: 0;
}
.licensebasic-main > .faq-section > .inner > .faq-item:nth-child(n+3) {
  margin-top: 65px;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 92px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #BEA870;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dt > span {
  display: block;
  color: #fff;
  width: 78px;
  text-align: center;
  border-right: 1px solid #fff;
  font-size: 30px;
  font-size: 3rem;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin: 0;
  padding-left: 22px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.5;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd > span {
  display: block;
  color: #000;
  width: 78px;
  margin-top: 15px;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  text-align: justify;
  margin: 0 6px 0 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd > .text-group > p {
  margin-top: 18px;
  margin-bottom: 0;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd > .text-group > p:nth-child(2) {
  margin-top: 7px;
}
.licensebasic-main > .faq-section > .inner > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

.licensebasic-main > .specialoffer-section {
  margin-top: 100px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.licensebasic-main > .specialoffer-section p {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.licensebasic-main > .specialoffer-section > h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.licensebasic-main > .specialoffer-section > h2 > span {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.licensebasic-main > .specialoffer-section > .specialoffer-item-gruop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
}
.licensebasic-main > .specialoffer-section > .specialoffer-item-gruop > .item {
  width: 48%;
  padding: 2%;
}
.licensebasic-main > .specialoffer-section > .specialoffer-item-gruop > .item > img {
  width: 100%;
}
.licensebasic-main > .specialoffer-section > .button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 550px;
  background: #281203;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-weight: 700;
}
.licensebasic-main > .specialoffer-section > .button:hover {
  background: rgba(40, 18, 3, 0.8);
}
.licensebasic-main > .specialoffer-section .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.license-main > * {
  font-weight: normal;
}

.license-main > .hero-banner {
  background-image: url("/img/ver2.0/license/exam_preparation/pc/bg_keyvisual.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/license/exam_preparation/pc/bg_keyvisual.jpg) 1x, url(/img/ver2.0/license/exam_preparation/pc/bg_keyvisual_high.jpg) 2x);
  background-size: cover;
  background-position: 0px 0;
  background-repeat: no-repeat;
  position: relative;
}
.license-main > .hero-banner > .hero-inner {
  position: relative;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 700px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.license-main > .hero-banner > .hero-inner > .title > .text-block {
  display: block;
}
.license-main > .hero-banner > .hero-inner > .textblock > .subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  border-bottom: 1px solid #515151;
  margin-bottom: 0;
  padding-top: 20px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 310px;
  font-weight: 700;
  position: relative;
  color: #515151;
}
.license-main > .hero-banner > .hero-inner > .textblock > .subtitle:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #515151 transparent transparent transparent;
  position: absolute;
  top: 63px;
  left: 50%;
  margin-left: -5px;
}
.license-main > .hero-banner > .hero-inner > .textblock > .subtitle:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 61px;
  left: 50%;
  margin-left: -5px;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title {
  display: block;
  text-align: center;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title > .-normal {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
  background: #fff;
  padding: 0 10px;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title > .-normal.-nobackground {
  background: none;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title > .-strong {
  display: block;
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.5)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.5) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.5) 0%);
  padding: 10px;
  border-radius: 4px;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title > .-strong .-small {
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
}
.license-main > .hero-banner > .hero-inner > .textblock > .title > .-strong .footnote {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
}
.license-main > .hero-banner > .hero-inner > .circle {
  position: absolute;
  right: -180px;
  width: 180px;
  min-width: 180px;
  height: 180px;
  background: #FFD443;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 48px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 20px;
}
.license-main > .hero-banner > .hero-inner > .circle .largetext {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
}
.license-main > .hero-banner > .hero-inner > .circle .smalltext {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.license-main > .hero-banner > .hero-inner > .circle .sptext {
  display: none;
}
.license-main > .hero-banner > .point {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin-top: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 0;
}
.license-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  color: #950000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.license-main > .hero-banner > .point > li > .text {
  width: 130px;
  font-weight: 700;
}
.license-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.license-main > .hero-banner > .hero-inner-news:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.license-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.license-main > .hero-banner > .hero-inner-news .news,
.license-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .hero-banner > .hero-inner-news .news {
  margin-top: 15px;
}
.license-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.license-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.license-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.license-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.license-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.license-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.license-main > .limited-price-section > figure {
  margin: 0 auto;
}
.license-main > .limited-price-section > figure img {
  width: 600px;
}

.license-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.license-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.license-main > .conversion-section.-top > .button-unit {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 20px;
  margin-top: 20px;
}
.license-main > .conversion-section.-top > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.license-main > .conversion-section.-top > .button-unit .trial-button {
  width: 800px !important;
}
.license-main > .conversion-section.-top > .button-unit .sub-title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.license-main > .conversion-section.-top > .button-unit .sub-title:before, .license-main > .conversion-section.-top > .button-unit .sub-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #6E5516;
}
.license-main > .conversion-section.-top > .button-unit .sub-title:before {
  left: 0;
}
.license-main > .conversion-section.-top > .button-unit .sub-title:after {
  right: 0;
}
.license-main > .conversion-section.-top > .button-unit p.note {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}
.license-main > .conversion-section.-top > .button-unit .button-wrap.-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.license-main > .conversion-section.-top > .button-unit .button-wrap p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}

.license-main > .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  border-bottom: 2px solid #2f0000;
}

.license-main > .conversion-section.-top > .button-unit .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  /*
   .fukidashi {
     display: inline-block;
     background: $white;
     color: $black;
     padding: 2px $spacer;
     @include font-size(18);
     font-weight: $font-weight-bold;
     border-radius: 30px;
     border: 2px solid #FF0062;
     color: #FF0062;
     position: absolute;
     top: -12px;

     &:before {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid #FF0062;
       position: absolute;
       left: 50%;
       bottom: -8px;
       margin-left: -4px;
     }

     &:after {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid $white;
       position: absolute;
       left: 50%;
       margin-left: -4px;
     }
   }
  */
}
.license-main > .conversion-section.-top > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-main > .conversion-section.-top > .button-unit .curricula-button.-disabled:after {
  content: "";
}

.license-main > .conversion-section.-top > .button-unit .button {
  display: block;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 10px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 auto;
}
.license-main > .conversion-section.-top > .button-unit .button.-siryo-button {
  width: 220px !important;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.license-main > .conversion-section.-top > .button-unit .curricula-button {
  width: 49% !important;
}

.license-main > .conversion-section.-top > .button-unit .trial-button {
  width: 565px !important;
}

.license-main > .conversion-section.-top > .button-unit .button.-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.license-main > .conversion-section.-top > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.license-main > .conversion-section.-top > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.license-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1.5;
  color: #6E5516;
}
.license-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.license-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}

.license-main h2.slant:before, .license-main h2.slant:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  border-top: 2px solid #6E5516;
}
.license-main h2.slant:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.license-main h2.slant:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}

.license-main .catchup-section {
  text-align: center;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.license-main .catchup-section .fukidashi-icon {
  display: block;
  padding: 8px;
  border-radius: 30px;
  background: #ffffff;
  color: #950000;
  text-align: center;
  border: solid 3px #950000;
  width: 70%;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.license-main .catchup-section .fukidashi-icon:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 3;
}
.license-main .catchup-section .fukidashi-icon:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #950000 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.license-main .catchup-section .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.license-main .catchup-section > .catchup-copy {
  padding-top: 10px;
  margin: 10px 0;
  color: #950000;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.license-main .catchup-section > .catchup-copy > span {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "Yu Gothic";
  font-weight: bold;
}
.license-main .catchup-section > .line-box {
  width: 700px;
  border: solid 4px #950000;
  margin: 36px auto 48px;
  padding: 0 0 10px 0;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > p > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .catchup-annotation {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .maintext {
  color: #950000;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 28px 0;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .maintext > span {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .maintext > .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button {
  text-align: center;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button {
  width: 480px;
  display: block;
  font-weight: 500;
  padding: 10px;
  color: #fff;
  margin: 0 5px;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button > span {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}
.license-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.license-main .catchup-section > .line-box > .inner-after-apply .inner-text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .inner-after-apply .inner-text > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.license-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image {
  width: 75%;
  margin: 10px auto;
  padding: 10px 0;
  height: 200px;
  background: url(/img/ver2.0/license/exam_preparation/pc/img-class.jpg) no-repeat center;
  background-size: contain;
}
.license-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle {
  width: 180px;
  height: 180px;
  background: #950000;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 50%;
  border: none;
  position: relative;
  bottom: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 28px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-right: 16px;
  margin-top: -2px;
  margin-left: 10px;
  z-index: 2;
}
.license-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .normal-fee {
  color: #B5B5B5;
  text-decoration: line-through;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 4px 0 0;
}
.license-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text {
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 6px 0;
  display: inline-block;
  line-height: 1.2;
}
.license-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text > .largetext {
  font-size: 36px;
  font-size: 3.6rem;
}

.license-main > .concept-section {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.license-main > .concept-section .title {
  width: 795px;
  margin: 0 auto;
  margin-bottom: 40px;
  background: url(/img/ver2.0/license/exam_preparation/pc/bg_flower.png) no-repeat center;
  background-size: contain;
}
.license-main > .concept-section .title > .inner {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.5;
  width: 555px;
  margin: 0 auto;
}
.license-main > .concept-section .title > .inner > span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  display: block;
}
.license-main > .concept-section > .gruup-measures {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.license-main > .concept-section > .gruup-measures:nth-of-type(2) {
  margin-bottom: 20px;
}
.license-main > .concept-section > .gruup-measures > .point {
  margin: 15px 0 0;
  color: #000;
}
.license-main > .concept-section > .gruup-measures > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.license-main > .concept-section > .gruup-measures > .inner > .card {
  width: 209px;
  height: 88px;
  max-width: 209px;
  -ms-flex-preferred-size: 209px;
      flex-basis: 209px;
  background-color: #BEA870;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.license-main > .concept-section > .gruup-measures > .inner .text-block {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: 88px;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.license-main > .concept-section > .gruup-measures > .inner .text-block span {
  line-height: 0.6;
  font-weight: 700;
}
.license-main > .concept-section > .gruup-measures > .inner .text-block span.numbers {
  font-size: 52px;
  font-size: 5.2rem;
  color: #950000;
}
.license-main > .concept-section > .gruup-measures > .inner .text-block span.word {
  font-size: 34px;
  font-size: 3.4rem;
  color: #950000;
}
.license-main > .concept-section > .gruup-measures > .inner .text-block span.small-word {
  font-size: 21px;
  font-size: 2.1rem;
  color: #000;
  line-height: 2;
}
.license-main > .concept-section .foot-point {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.license-main > .howto-section {
  padding: 100px 0;
}
.license-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.license-main > .howto-section > .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 40px;
}
.license-main > .howto-section > .inner > .title > h2 {
  position: relative;
  margin: 0 0 0 50px;
  line-height: 1.3;
  text-align: left;
  color: #BEA870;
}
.license-main > .howto-section > .inner > .title > h2::before {
  content: url(/img/ver2.0/license/basic/pc/q.png);
  position: absolute;
  top: -75px;
  left: -49px;
  z-index: -1;
}
.license-main > .howto-section > .inner > .title > h3 {
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 22px;
  font-weight: 700;
  color: #2C1002;
  margin: 5px 0 0;
}
.license-main > .howto-section > .inner > .title > h3::before {
  content: url(/img/ver2.0/license/basic/pc/a.png);
  position: absolute;
  top: -78px;
  left: -55px;
  z-index: -1;
}
.license-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.license-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.license-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.license-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.license-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.license-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.license-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.license-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.license-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.license-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.license-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 70px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.license-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 60px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.license-main > .recommend-section > .list-check > li:last-child {
  border-bottom: 0px;
}

.license-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background: #F8F7F2;
  margin-bottom: 60px;
}
.license-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.license-main > .features-section > h3 img {
  padding-right: 10px;
}
.license-main > .features-section > h3:before, .license-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.license-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.license-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.license-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.license-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.license-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture {
  width: 580px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture > img {
  width: 580px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 15px 40px 15px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.license-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.license-main .live-section {
  margin-top: -60px;
  background: #6E5516;
  color: #fff;
  padding-bottom: 70px;
}
.license-main .live-section .inner {
  background: #fff;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
}
.license-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 40px;
}
.license-main .live-section .box.-text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.license-main .live-section .box.-text h3 {
  margin-top: 40px;
  font-weight: bold;
}
.license-main .live-section .box.-text .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
}
.license-main .live-section .box.-text ul li {
  margin-top: 20px;
  position: relative;
}
.license-main .live-section .box.-text ul li strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
  font-size: 1.85rem;
}
.license-main .live-section .box.-text ul li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #950000;
  border-bottom: 3px solid #950000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.license-main .live-section .box.-text ul.-type2 li {
  margin-top: 20px;
  position: relative;
}
.license-main .live-section .box.-text ul.-type2 li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #FFD443;
  border-bottom: 3px solid #FFD443;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.license-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.license-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.license-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.license-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.license-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.license-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.license-main .online-section h3 {
  padding-top: 10px;
}
.license-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.license-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.license-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.license-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.license-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.license-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.license-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.license-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.license-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.license-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.license-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.license-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.license-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.license-main > .courseflow-section > h2 > span.line-box {
  color: #6E5516;
}
.license-main > .courseflow-section > .course-card-group {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.license-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.license-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.license-main .teacher-section > h2,
.license-main .teacher-section > h2 > span {
  color: #515151;
}
.license-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.license-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.license-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.license-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.license-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.license-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.license-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.license-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.license-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.license-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .curriculum-section > h2 > span > {
  color: #6E5516;
}
.license-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.license-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .curriculum-section > table > tbody > tr > td .sub-title {
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
  background: rgba(190, 168, 112, 0.4);
  margin-bottom: 4px;
  margin-top: 0;
  padding: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
}
.license-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.license-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.license-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.license-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.license-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.license-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.license-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}
.license-main > .curriculum-section .sale-price .ion-arrow-right-a {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 20px;
  color: #950000;
}

.license-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.license-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.license-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  padding: 20px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.license-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.license-main > .conversion-section > .button-unit .trial-button {
  position: relative;
}
.license-main > .conversion-section > .button-unit .trial-button:before {
  content: "オンライン説明会も実施中！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: -20px;
  width: 280px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
  z-index: 1;
}
.license-main > .conversion-section > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.license-main > .conversion-section > .button-unit .button-wrap.-single_column .curricula-button:last-of-type {
  margin-bottom: 100px;
}
.license-main > .conversion-section > .button-unit .button-wrap.-two_column {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .conversion-section > .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}
.license-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.license-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.license-main > .conversion-section > .button-unit .curricula-button {
  background: #DB8338;
  width: 49%;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  > span {
    display: block;
    @include font-size(14);
  }
  */
}
.license-main > .conversion-section > .button-unit .curricula-button span {
  width: 180px;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.license-main > .conversion-section > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-main > .conversion-section > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.license-main > .conversion-section > .button-unit .curricula-button:hover {
  background: #e39e63;
}

.license-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.license-main > .conversion-section > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.license-main > .conversion-section > .button-unit .button-wrap p {
  font-size: 18px;
  font-size: 1.8rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}
.license-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.license-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.license-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
  border: 1px solid red;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.license-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.license-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.license-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.license-main > .faq-section > h2 {
  color: #6E5516;
}
.license-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.license-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.license-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.license-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.license-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.license-main > .faq-section > .faq-item > dd > .text-group > p {
  margin-top: 0;
}
.license-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

.license-live-main > * {
  font-weight: normal;
}

.license-live-main > .hero-banner {
  background-image: url("/img/ver2.0/license/live/pc/bg_keyvisual@2x.png");
  background-image: -webkit-image-set(url(/img/ver2.0/license/live/pc/bg_keyvisual.png) 1x, url(/img/ver2.0/license/live/pc/bg_keyvisual@2x.png) 2x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.license-live-main > .hero-banner > .hero-inner {
  position: relative;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 700px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  border-bottom: 1px solid #515151;
  margin-bottom: 0;
  padding-top: 20px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 310px;
  font-weight: 700;
  position: relative;
  color: #515151;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .subtitle:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #515151 transparent transparent transparent;
  position: absolute;
  top: 63px;
  left: 50%;
  margin-left: -5px;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .subtitle:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 61px;
  left: 50%;
  margin-left: -5px;
}
.license-live-main > .hero-banner > .hero-inner > .title > .text-block {
  display: block;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title {
  display: block;
  text-align: center;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-normal {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 650;
  line-height: 1.5;
  background: #fff;
  padding: 0 10px;
  color: #000;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-normal > span {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 30px;
  font-size: 3rem;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-normal.-nobackground {
  background: none;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-strong {
  display: block;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.5)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.5) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.5) 0%);
  padding: 10px;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-strong > .-small {
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
}
.license-live-main > .hero-banner > .hero-inner > .textblock > .title > .-strong .footnote {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
}
.license-live-main > .hero-banner > .hero-inner > .circle {
  position: absolute;
  right: -180px;
  width: 180px;
  min-width: 180px;
  height: 180px;
  background: #FFD443;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50%;
  border: double 6px #fff;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 48px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: 20px;
}
.license-live-main > .hero-banner > .hero-inner > .circle .largetext {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
}
.license-live-main > .hero-banner > .hero-inner > .circle .smalltext {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.license-live-main > .hero-banner > .hero-inner > .circle .sptext {
  display: none;
}
.license-live-main > .hero-banner > .point {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin-top: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 0;
}
.license-live-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 310px;
  height: 100px;
  border-radius: 4px;
  color: #950000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 10px;
}
.license-live-main > .hero-banner > .point > li:before {
  display: block;
  content: "";
  background-image: url("/img/ver2.0/license/live/sp/icon_check.png");
  width: 16px;
  height: 13px;
  background-size: contain;
  vertical-align: middle;
  margin-bottom: 8px;
}
.license-live-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.license-live-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.license-live-main > .hero-banner > .hero-inner-news .news,
.license-live-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .hero-banner > .hero-inner-news .news {
  margin-top: 15px;
}
.license-live-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.license-live-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.license-live-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.license-live-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.license-live-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.license-live-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.license-live-main > .limited-price-section > figure {
  margin: 0 auto;
}
.license-live-main > .limited-price-section > figure img {
  width: 600px;
}

.license-live-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.license-live-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.license-live-main > .conversion-section.-top > .button-unit {
  padding: 0;
  margin: 50px auto 18px;
  width: 800px;
  display: block;
}
.license-live-main > .conversion-section.-top > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.license-live-main > .conversion-section.-top > .button-unit .sub-title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.license-live-main > .conversion-section.-top > .button-unit .sub-title:before, .license-live-main > .conversion-section.-top > .button-unit .sub-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #6E5516;
}
.license-live-main > .conversion-section.-top > .button-unit .sub-title:before {
  left: 0;
}
.license-live-main > .conversion-section.-top > .button-unit .sub-title:after {
  right: 0;
}
.license-live-main > .conversion-section.-top > .button-unit .button-wrap.-two_column {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .conversion-section.-top > .button-unit .button-wrap.-two_column .trial-button {
  width: 565px;
}
.license-live-main > .conversion-section.-top > .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}
.license-live-main > .conversion-section.-top > .button-unit .button-wrap p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}

.license-live-main > .conversion-section .button-unit .trial-button {
  position: relative;
  background: #950000;
  border-bottom: 2px solid #2f0000;
  width: 800px !important;
}
.license-live-main > .conversion-section .button-unit .trial-button::after {
  content: "オンライン説明会も開催！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: -20px;
  width: 236px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
}

.license-live-main > .conversion-section.-top > .button-unit .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  margin-top: 10px;
  /*
   .fukidashi {
     display: inline-block;
     background: $white;
     color: $black;
     padding: 2px $spacer;
     @include font-size(18);
     font-weight: $font-weight-bold;
     border-radius: 30px;
     border: 2px solid #FF0062;
     color: #FF0062;
     position: absolute;
     top: -12px;

     &:before {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid #FF0062;
       position: absolute;
       left: 50%;
       bottom: -8px;
       margin-left: -4px;
     }

     &:after {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid $white;
       position: absolute;
       left: 50%;
       margin-left: -4px;
     }
   }
  */
}
.license-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled:after {
  content: "";
}

.license-live-main > .conversion-section > .button-unit .button {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  padding: 20px !important;
  color: #fff;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.license-live-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.license-live-main > .conversion-section > .button-unit .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.license-live-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1.5;
  color: #6E5516;
}
.license-live-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.license-live-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}

.license-live-main h2.slant:before, .license-live-main h2.slant:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  border-top: 2px solid #6E5516;
}
.license-live-main h2.slant:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.license-live-main h2.slant:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}

.license-live-main .catchup-section {
  text-align: center;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.license-live-main .catchup-section .fukidashi-icon {
  display: block;
  padding: 8px;
  border-radius: 30px;
  background: #ffffff;
  color: #950000;
  text-align: center;
  border: solid 3px #950000;
  width: 70%;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.license-live-main .catchup-section .fukidashi-icon:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 3;
}
.license-live-main .catchup-section .fukidashi-icon:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #950000 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.license-live-main .catchup-section .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.license-live-main .catchup-section > .catchup-copy {
  padding-top: 10px;
  margin: 10px 0;
  color: #950000;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .catchup-copy > span {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "Yu Gothic";
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box {
  width: 700px;
  border: solid 4px #950000;
  margin: 36px auto 48px;
  padding: 0 0 10px 0;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > p > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .catchup-annotation {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext {
  color: #950000;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 28px 0;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext > span {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext > .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button {
  text-align: center;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button {
  width: 480px;
  display: block;
  font-weight: 500;
  padding: 10px;
  color: #fff;
  margin: 0 5px;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.license-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button > span {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply .inner-text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply .inner-text > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image {
  width: 75%;
  margin: 10px auto;
  padding: 10px 0;
  height: 200px;
  background: url(/img/ver2.0/license/exam_preparation/pc/img-class.jpg) no-repeat center;
  background-size: contain;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle {
  width: 180px;
  height: 180px;
  background: #950000;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 50%;
  border: none;
  position: relative;
  bottom: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 28px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-right: 16px;
  margin-top: -2px;
  margin-left: 10px;
  z-index: 2;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .normal-fee {
  color: #B5B5B5;
  text-decoration: line-through;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 4px 0 0;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text {
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 6px 0;
  display: inline-block;
  line-height: 1.2;
}
.license-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text > .largetext {
  font-size: 36px;
  font-size: 3.6rem;
}

.license-live-main > .concept-section {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.license-live-main > .concept-section .title {
  width: 795px;
  margin: 0 auto;
  margin-bottom: 40px;
  background: url(/img/ver2.0/license/exam_preparation/pc/bg_flower.png) no-repeat center;
  background-size: contain;
}
.license-live-main > .concept-section .title > .inner {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.5;
  width: 555px;
  margin: 0 auto;
}
.license-live-main > .concept-section .title > .inner > span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  display: block;
}
.license-live-main > .concept-section > .gruup-measures {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.license-live-main > .concept-section > .gruup-measures:nth-of-type(2) {
  margin-bottom: 20px;
}
.license-live-main > .concept-section > .gruup-measures > .point {
  margin: 15px 0 0;
  color: #000;
}
.license-live-main > .concept-section > .gruup-measures > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.license-live-main > .concept-section > .gruup-measures > .inner > .card {
  width: 209px;
  height: 88px;
  max-width: 209px;
  -ms-flex-preferred-size: 209px;
      flex-basis: 209px;
  background-color: #BEA870;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.license-live-main > .concept-section > .gruup-measures > .inner .text-block {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: 88px;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.license-live-main > .concept-section > .gruup-measures > .inner .text-block span {
  line-height: 0.6;
  font-weight: 700;
}
.license-live-main > .concept-section > .gruup-measures > .inner .text-block span.numbers {
  font-size: 52px;
  font-size: 5.2rem;
  color: #950000;
}
.license-live-main > .concept-section > .gruup-measures > .inner .text-block span.word {
  font-size: 34px;
  font-size: 3.4rem;
  color: #950000;
}
.license-live-main > .concept-section > .gruup-measures > .inner .text-block span.small-word {
  font-size: 21px;
  font-size: 2.1rem;
  color: #000;
  line-height: 2;
}
.license-live-main > .concept-section .foot-point {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.license-live-main > .howto-section {
  padding: 100px 0;
}
.license-live-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.license-live-main > .howto-section > .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 40px;
}
.license-live-main > .howto-section > .inner > .title > h2 {
  position: relative;
  margin: 0 0 0 50px;
  line-height: 1.3;
  text-align: left;
  color: #BEA870;
}
.license-live-main > .howto-section > .inner > .title > h2::before {
  content: url(/img/ver2.0/license/basic/pc/q.png);
  position: absolute;
  top: -75px;
  left: -49px;
  z-index: -1;
}
.license-live-main > .howto-section > .inner > .title > h3 {
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 22px;
  font-weight: 700;
  color: #2C1002;
  margin: 5px 0 0;
}
.license-live-main > .howto-section > .inner > .title > h3::before {
  content: url(/img/ver2.0/license/basic/pc/a.png);
  position: absolute;
  top: -78px;
  left: -55px;
  z-index: -1;
}
.license-live-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.license-live-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.license-live-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.license-live-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.license-live-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.license-live-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.license-live-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.license-live-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.license-live-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.license-live-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.license-live-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 70px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.license-live-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 60px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.license-live-main > .recommend-section > .list-check > li:last-child {
  border-bottom: 0px;
}

.license-live-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background: #F8F7F2;
}
.license-live-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.license-live-main > .features-section > h3 img {
  padding-right: 10px;
}
.license-live-main > .features-section > h3:before, .license-live-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.license-live-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.license-live-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.license-live-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.license-live-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.license-live-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture {
  width: 580px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture > img {
  width: 580px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 15px 40px 15px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.license-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.license-live-main .live-section {
  background: #BDA96F;
  color: #fff;
  padding-bottom: 70px;
}
.license-live-main .live-section .inner {
  background: #fff;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 6px;
}
.license-live-main .live-section .photo {
  width: 100%;
}
.license-live-main .live-section .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
  border-radius: 6px 6px 0 0;
}
.license-live-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 10px 40px 40px;
}
.license-live-main .live-section .box.-text > p > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.license-live-main .live-section .box.-text h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  margin-top: 40px;
  font-weight: bold;
  background-color: #BDA96F;
  color: #fff;
  border-radius: 6px;
}
.license-live-main .live-section .box.-text ul.-type1 {
  padding-left: 0;
}
.license-live-main .live-section .box.-text ul.-type1 > li {
  padding: 22.5px 0;
  padding-left: 50px;
  position: relative;
  border-top: 1px dashed #515151;
  border-bottom: 1px dashed #515151;
}
.license-live-main .live-section .box.-text ul.-type1 > li + li {
  border-top: 0;
}
.license-live-main .live-section .box.-text ul.-type1 > li::after {
  content: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  position: absolute;
  top: 26px;
  left: 15px;
}
.license-live-main .live-section .box.-text ul.-type1 > li > strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
  font-size: 1.85rem;
}
.license-live-main .live-section .box.-text p.right {
  text-align: right;
}
.license-live-main .live-section .box.-text ul.-type2 {
  padding-left: 96px;
}
.license-live-main .live-section .box.-text ul.-type2 > li {
  margin-top: 20px;
  position: relative;
}
.license-live-main .live-section .box.-text ul.-type2 > li:after {
  display: block;
  position: absolute;
  top: 7px;
  left: -70px;
}
.license-live-main .live-section .box.-text ul.-type2 > li.li1::after {
  content: url("/img/ver2.0/license/live/pc/li1.svg");
}
.license-live-main .live-section .box.-text ul.-type2 > li.li2::after {
  content: url("/img/ver2.0/license/live/pc/li2.svg");
}
.license-live-main .live-section .box.-text ul.-type2 > li.li3::after {
  content: url("/img/ver2.0/license/live/pc/li3.svg");
}
.license-live-main .live-section .box.-text ul.-type2 > li h4 {
  margin: 0;
  color: #6D5517;
  font-size: 18px;
  font-weight: bold;
}
.license-live-main .live-section .box.-text ul.-type2 > li p {
  margin-top: 0;
  font-size: 16px;
}
.license-live-main .live-section .box.-text ul.-type2 > li p span {
  font-weight: bold;
}
.license-live-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.license-live-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.license-live-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.license-live-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.license-live-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.license-live-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.license-live-main .online-section h3 {
  padding-top: 10px;
}
.license-live-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.license-live-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.license-live-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.license-live-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.license-live-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.license-live-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.license-live-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.license-live-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.license-live-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.license-live-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.license-live-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.license-live-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.license-live-main > .courseflow-section > h2 > span.line-box {
  color: #6E5516;
}
.license-live-main > .courseflow-section > .course-card-group {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.license-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.license-live-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.license-live-main .teacher-section > h2,
.license-live-main .teacher-section > h2 > span {
  color: #515151;
}
.license-live-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.license-live-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.license-live-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.license-live-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.license-live-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.license-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.license-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.license-live-main > .quality-section .box {
  width: 1000px;
  margin: 40px auto 110px;
  border: 4px solid #6E5516;
}
.license-live-main > .quality-section .box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px;
}
.license-live-main > .quality-section .box .inner .text-wrap {
  width: 400px;
  line-height: 1.7;
}
.license-live-main > .quality-section .box .inner .text-wrap > p {
  font-size: 14px;
}
.license-live-main > .quality-section .box .inner .text-wrap > p + p {
  margin: 0;
}
.license-live-main > .quality-section .box .inner .text-wrap > h2 {
  font-size: 20px;
  margin: 0;
  text-align: left;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.license-live-main > .quality-section .box .inner .text-wrap > h3 {
  font-size: 30px;
  line-height: 1.5;
  margin: 10px 0 15px;
  color: #6E5516;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: bold;
}
.license-live-main > .quality-section .box .inner .text-wrap .detail {
  font-size: 16px;
}
.license-live-main > .quality-section .box .inner .img-wrap {
  width: 458px;
}
.license-live-main > .quality-section .box .inner .img-wrap img {
  width: 100%;
}

.license-live-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .curriculum-section > h2 > span > {
  color: #6E5516;
}
.license-live-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.license-live-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .curriculum-section > table > tbody > tr > td .sub-title {
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
  background: rgba(190, 168, 112, 0.4);
  margin-bottom: 4px;
  margin-top: 0;
  padding: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
}
.license-live-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.license-live-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.license-live-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.license-live-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.license-live-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.license-live-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.license-live-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-live-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.license-live-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}
.license-live-main > .curriculum-section .sale-price .ion-arrow-right-a {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 20px;
  color: #950000;
}

.license-live-main > .conversion-btm > .button-unit {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .conversion-btm > .button-unit .button-wrap.-two_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
.license-live-main > .conversion-btm > .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.license-live-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-live-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.license-live-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.license-live-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.license-live-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.license-live-main > .conversion-section > .button-unit .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.license-live-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.license-live-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.license-live-main > .conversion-section > .button-unit .curricula-button {
  background: #DB8338;
  width: 800px !important;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  > span {
    display: block;
    @include font-size(14);
  }
  */
}
.license-live-main > .conversion-section > .button-unit .curricula-button span {
  width: 180px;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.license-live-main > .conversion-section > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.license-live-main > .conversion-section > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.license-live-main > .conversion-section > .button-unit .curricula-button:hover {
  background: #e39e63;
}

.license-live-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.license-live-main > .conversion-section > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.license-live-main > .conversion-section > .button-unit .button-wrap p {
  font-size: 18px;
  font-size: 1.8rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}
.license-live-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.license-live-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.license-live-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
  border: 1px solid red;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.license-live-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.license-live-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.license-live-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.license-live-main > .faq-section > h2 {
  color: #6E5516;
}
.license-live-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.license-live-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.license-live-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.license-live-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.license-live-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.license-live-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.license-live-main > .faq-section > .faq-item > dd > .text-group > p {
  margin-top: 0;
}
.license-live-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

.sake-main > * {
  font-weight: normal;
}

.sake-main > .hero-banner {
  background-image: url("/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg) 1x, url(/img/ver2.0/sake/exam_preparation/pc/bg_keyvisual.jpg) 2x);
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  position: relative;
}
.sake-main > .hero-banner > .hero-inner {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sake-main > .hero-banner > .hero-inner > .subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  border-bottom: 1px solid #515151;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 700;
  position: relative;
  color: #515151;
}
.sake-main > .hero-banner > .hero-inner > .subtitle:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #515151 transparent transparent transparent;
  position: absolute;
  top: 63px;
  left: 50%;
  margin-left: -5px;
}
.sake-main > .hero-banner > .hero-inner > .subtitle:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 62px;
  left: 50%;
  margin-left: -5px;
}
.sake-main > .hero-banner > .hero-inner {
  width: 700px;
  text-align: center;
  margin-left: 30%;
  margin-right: auto;
  padding: 0;
}
.sake-main > .hero-banner > .hero-inner > .subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding-top: 20px;
}
.sake-main > .hero-banner > .hero-inner > .title > .text-block {
  display: block;
}
.sake-main > .hero-banner > .hero-inner > .title > .text-block > .-normal {
  margin-top: 20px;
  padding: 15px;
  margin-bottom: 0;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
  background: #fff;
}
.sake-main > .hero-banner > .hero-inner > .title > .text-block > .-normal.-nobackground {
  background: none;
}
.sake-main > .hero-banner > .hero-inner > .title > .text-block > .-normal .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 10px;
}
.sake-main > .hero-banner > .hero-inner > .title > .-strong {
  display: block;
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #950000;
  background: rgba(255, 212, 67, 0.5);
  padding: 10px;
  border-radius: 4px;
}
.sake-main > .hero-banner > .hero-inner > .title > .-strong .-small {
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
}
.sake-main > .hero-banner > .hero-inner > .title > .-strong .footnote {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
  display: inline;
}
.sake-main > .hero-banner > .point {
  width: 700px;
  margin: 0 auto;
  margin-left: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  padding-bottom: 20px;
}
.sake-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  color: #950000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sake-main > .hero-banner > .point > li > .text {
  width: 130px;
  font-weight: 700;
}
.sake-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.sake-main > .hero-banner > .hero-inner-news:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.sake-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.sake-main > .hero-banner > .hero-inner-news .news,
.sake-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .hero-banner > .hero-inner-news .news {
  margin-top: 10px;
}
.sake-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.sake-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.sake-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.sake-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.sake-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.sake-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.sake-main > .limited-price-section > figure {
  margin: 0 auto;
}
.sake-main > .limited-price-section > figure img {
  width: 600px;
}

.sake-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.sake-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sake-main > .conversion-section.-top > .button-unit {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 20px;
  margin-top: 20px;
}
.sake-main > .conversion-section.-top > .button-unit .sub-title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.sake-main > .conversion-section.-top > .button-unit .sub-title:before, .sake-main > .conversion-section.-top > .button-unit .sub-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #6E5516;
}
.sake-main > .conversion-section.-top > .button-unit .sub-title:before {
  left: 0;
}
.sake-main > .conversion-section.-top > .button-unit .sub-title:after {
  right: 0;
}

p.note {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}

.button-wrap.-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sake-main > .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  height: 93px;
  border-bottom: 2px solid #2f0000;
  width: 800px !important;
}
.sake-main > .conversion-section.-top > .button-unit > .trial-button:before {
  content: "オンライン説明会も実施中！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: -20px;
  width: 280px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
  z-index: 1;
}

.sake-main > .conversion-section.-top > .button-unit > .button-wrap > .disabled {
  opacity: 0.4;
  pointer-events: none;
}

.sake-main > .conversion-section.-top > .button-unit > .button-wrap > p {
  margin: 0 0 5px;
  font-weight: 700;
  color: #950000;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

.sake-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  margin: 0;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.sake-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.sake-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button.-disabled:after {
  content: "";
}

.sake-main > .conversion-section.-top > .button-unit .button {
  display: block;
  width: 400px;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 10px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 auto;
}

.sake-main > .conversion-section.-top > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.sake-main > .conversion-section.-top > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sake-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: #7E7E7E;
  color: #6E5516;
}
.sake-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.sake-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}

.sake-main > .concept-section {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.sake-main > .concept-section > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 990px;
  margin: 0 auto;
}
.sake-main > .concept-section > .container > .txt-wrap {
  color: #6E5516;
}
.sake-main > .concept-section > .container > .txt-wrap > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 34px;
  margin-top: 80px;
}
.sake-main > .concept-section > .container > .txt-wrap > .title::before {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 6rem;
}
.sake-main > .concept-section > .container > .txt-wrap > .title::after {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 6rem;
}
.sake-main > .concept-section > .container > .txt-wrap > h3 {
  margin-top: 130px;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 34px;
}
.sake-main > .concept-section > .container > .txt-wrap > p {
  font-size: 20px;
  text-align: center;
}

.sake-main > .howto-section {
  padding: 100px 0;
}
.sake-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.sake-main > .howto-section > .inner > .title > h2 {
  margin-top: 0;
  text-align: center;
  line-height: 1.3;
  color: #6E5516;
}
.sake-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.sake-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.sake-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.sake-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.sake-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.sake-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.sake-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.sake-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.sake-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.sake-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.sake-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.sake-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sake-main > .recommend-section > .list-check > li:last-of-type {
  border-bottom: 0;
}

.sake-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 60px;
  background: #F8F7F2;
}
.sake-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.sake-main > .features-section > h3 img {
  padding-right: 10px;
}
.sake-main > .features-section > h3:before, .sake-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.sake-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.sake-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.sake-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.sake-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.sake-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .device {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .device > img {
  width: 80%;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 10px 10px 10px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.sake-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.sake-main .live-section {
  margin-top: -60px;
  background: #6E5516;
  color: #fff;
  padding-bottom: 70px;
}
.sake-main .live-section .inner {
  background: #fff;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
}
.sake-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 40px;
}
.sake-main .live-section .box.-text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.sake-main .live-section .box.-text h3 {
  margin-top: 40px;
  font-weight: bold;
}
.sake-main .live-section .box.-text .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
}
.sake-main .live-section .box.-text ul li {
  margin-top: 20px;
  position: relative;
}
.sake-main .live-section .box.-text ul li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #950000;
  border-bottom: 3px solid #950000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.sake-main .live-section .box.-text ul li strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
  font-size: 1.85rem;
}
.sake-main .live-section .box.-text ul.-type2 li {
  margin-top: 20px;
  position: relative;
}
.sake-main .live-section .box.-text ul.-type2 li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #FFD443;
  border-bottom: 3px solid #FFD443;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.sake-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.sake-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.sake-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.sake-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sake-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.sake-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.sake-main .online-section h3 {
  padding-top: 10px;
}
.sake-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.sake-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.sake-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.sake-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.sake-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.sake-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.sake-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.sake-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.sake-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.sake-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.sake-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.sake-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.sake-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.sake-main > .courseflow-section > .course-card-group {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sake-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.sake-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
}
.sake-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.sake-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.sake-main .teacher-section > h2,
.sake-main .teacher-section > h2 > span {
  color: #515151;
}
.sake-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.sake-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.sake-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.sake-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.sake-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.sake-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.sake-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.sake-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.sake-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.sake-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.sake-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.sake-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.sake-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.sake-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.sake-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.sake-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}

.sake-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.sake-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.sake-main > .conversion-section > .button-unit .button-wrap.-two_column {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .conversion-section > .button-unit .button-wrap.-two_column .trial-button {
  background: #950000;
  border-bottom: 2px solid #2f0000;
  width: 565px !important;
}
.sake-main > .conversion-section > .button-unit .button-wrap.-two_column .trial-button:before {
  content: "オンライン説明会も実施中！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: -20px;
  width: 280px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
  z-index: 1;
}
.sake-main > .conversion-section > .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}
.sake-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.sake-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.sake-main > .conversion-section > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sake-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.sake-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.sake-main > .conversion-section > .button-unit .button-wrap > .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.sake-main > .conversion-section > .button-unit .button-wrap > .curricula-button {
  background: #DB8338;
  width: 49% !important;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.sake-main > .conversion-section > .button-unit .button-wrap > .curricula-button span {
  width: 180px;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.sake-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.sake-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled:after {
  content: "";
}
.sake-main > .conversion-section > .button-unit .button-wrap > .curricula-button:hover {
  background: #e39e63;
}
.sake-main > .conversion-section > .button-unit .button-wrap > p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #950000;
  margin: 0 0 5px;
  text-align: center;
}

.sake-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.sake-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.sake-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.sake-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.sake-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.sake-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.sake-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.sake-main > .faq-section > h2 {
  color: #6E5516;
}
.sake-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.sake-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sake-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sake-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.sake-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sake-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

.sake-live-main > * {
  font-weight: normal;
}

.sake-live-main > .hero-banner {
  background-image: url("/img/ver2.0/sake/live/pc/bg_keyvisual.png");
  background-image: -webkit-image-set(url(/img/ver2.0/sake/live/pc/bg_keyvisual.png) 1x, url(/img/ver2.0/sake/live/pc/bg_keyvisual@2x.png) 2x);
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  position: relative;
}
.sake-live-main > .hero-banner > .hero-inner {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sake-live-main > .hero-banner > .hero-inner > .subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  border-bottom: 1px solid #515151;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 700;
  position: relative;
  color: #515151;
}
.sake-live-main > .hero-banner > .hero-inner > .subtitle:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #515151 transparent transparent transparent;
  position: absolute;
  top: 63px;
  left: 50%;
  margin-left: -5px;
}
.sake-live-main > .hero-banner > .hero-inner > .subtitle:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 62px;
  left: 50%;
  margin-left: -5px;
}
.sake-live-main > .hero-banner > .hero-inner {
  width: 800px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.sake-live-main > .hero-banner > .hero-inner > .subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding-top: 20px;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .text-block {
  display: block;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal {
  margin-top: 20px;
  padding: 15px;
  margin-bottom: 0;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 650;
  line-height: 1.5;
  background: #fff;
  color: #000;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal.-nobackground {
  background: none;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 10px;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .-strong {
  display: block;
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  margin-top: 20px;
  color: #950000;
  background: rgba(255, 212, 67, 0.5);
  padding: 0 20px;
  border-radius: 4px;
  width: 480px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .hero-banner > .hero-inner > .title > .-strong .footnote {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bolder;
  display: inline;
}
.sake-live-main > .hero-banner > .point {
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  padding-bottom: 20px;
}
.sake-live-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 310px;
  height: 100px;
  border-radius: 4;
  color: #950000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sake-live-main > .hero-banner > .point > li:before {
  display: block;
  content: "";
  background-image: url("/img/ver2.0/license/live/sp/icon_check.png");
  width: 16px;
  height: 13px;
  background-size: contain;
  vertical-align: middle;
  margin-bottom: 8px;
}
.sake-live-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.sake-live-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.sake-live-main > .hero-banner > .hero-inner-news .news,
.sake-live-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .hero-banner > .hero-inner-news .news {
  margin-top: 15px;
}
.sake-live-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.sake-live-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.sake-live-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.sake-live-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.sake-live-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.sake-live-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.sake-live-main > .limited-price-section > figure {
  margin: 0 auto;
}
.sake-live-main > .limited-price-section > figure img {
  width: 600px;
}

.sake-live-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.sake-live-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sake-live-main > .conversion-section > .button-unit {
  padding: 0;
  margin: 50px 0 18px;
  display: block;
}
.sake-live-main > .conversion-section > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.sake-live-main > .conversion-section > .button-unit .sub-title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6E5516;
  text-align: center;
}
.sake-live-main > .conversion-section > .button-unit .sub-title:before, .sake-live-main > .conversion-section > .button-unit .sub-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: #6E5516;
}
.sake-live-main > .conversion-section > .button-unit .sub-title:before {
  left: 0;
}
.sake-live-main > .conversion-section > .button-unit .sub-title:after {
  right: 0;
}
.sake-live-main > .conversion-section > .button-unit .button-wrap p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}
.sake-live-main > .conversion-section > .button-unit .button-wrap.-two_column {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .conversion-section > .button-unit .button-wrap.-two_column .trial-button {
  width: 565px;
}
.sake-live-main > .conversion-section > .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.sake-live-main > .conversion-section > .button-unit .trial-button {
  position: relative;
  background: #950000;
  border-bottom: 2px solid #2f0000;
}
.sake-live-main > .conversion-section > .button-unit .trial-button::after {
  content: "オンライン説明会も開催！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: -20px;
  width: 236px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
}

.sake-live-main > .conversion-section.-top > .button-unit {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.sake-live-main > .conversion-section.-top > .button-unit .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  margin-top: 10px;
  /*
   .fukidashi {
     display: inline-block;
     background: $white;
     color: $black;
     padding: 2px $spacer;
     @include font-size(18);
     font-weight: $font-weight-bold;
     border-radius: 30px;
     border: 2px solid #FF0062;
     color: #FF0062;
     position: absolute;
     top: -12px;

     &:before {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid #FF0062;
       position: absolute;
       left: 50%;
       bottom: -8px;
       margin-left: -4px;
     }

     &:after {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid $white;
       position: absolute;
       left: 50%;
       margin-left: -4px;
     }
   }
  */
}
.sake-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.sake-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled:after {
  content: "";
}

.sake-live-main > .conversion-section.-top > .button-unit .button {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.sake-live-main > .conversion-section.-top > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.sake-live-main > .conversion-section.-top > .button-unit .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sake-live-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1.5;
  color: #6E5516;
}
.sake-live-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.sake-live-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}

.sake-live-main h2.slant:before, .sake-live-main h2.slant:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  border-top: 2px solid #6E5516;
}
.sake-live-main h2.slant:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.sake-live-main h2.slant:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}

.sake-live-main .catchup-section {
  text-align: center;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.sake-live-main .catchup-section .fukidashi-icon {
  display: block;
  padding: 8px;
  border-radius: 30px;
  background: #ffffff;
  color: #950000;
  text-align: center;
  border: solid 3px #950000;
  width: 70%;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.sake-live-main .catchup-section .fukidashi-icon:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 3;
}
.sake-live-main .catchup-section .fukidashi-icon:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #950000 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.sake-live-main .catchup-section .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.sake-live-main .catchup-section > .catchup-copy {
  padding-top: 10px;
  margin: 10px 0;
  color: #950000;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .catchup-copy > span {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "Yu Gothic";
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box {
  width: 700px;
  border: solid 4px #950000;
  margin: 36px auto 48px;
  padding: 0 0 10px 0;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > p > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .catchup-annotation {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext {
  color: #950000;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 28px 0;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext > span {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .maintext > .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button {
  text-align: center;
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button {
  width: 480px;
  display: block;
  font-weight: 500;
  padding: 10px;
  color: #fff;
  margin: 0 5px;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.sake-live-main .catchup-section > .line-box > .catchup-inner-area > .button-unit .button > span {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply .inner-text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply .inner-text > .emphasis {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image {
  width: 75%;
  margin: 10px auto;
  padding: 10px 0;
  height: 200px;
  background: url(/img/ver2.0/sake/exam_preparation/pc/img-class.jpg) no-repeat center;
  background-size: contain;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle {
  width: 180px;
  height: 180px;
  background: #950000;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 50%;
  border: none;
  position: relative;
  bottom: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  padding-top: 28px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-right: 16px;
  margin-top: -2px;
  margin-left: 10px;
  z-index: 2;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .normal-fee {
  color: #B5B5B5;
  text-decoration: line-through;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 4px 0 0;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text {
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 6px 0;
  display: inline-block;
  line-height: 1.2;
}
.sake-live-main .catchup-section > .line-box > .inner-after-apply > .bg-online-image > .circle > .eye-catch-text > .largetext {
  font-size: 36px;
  font-size: 3.6rem;
}

.sake-live-main > .concept-section {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.sake-live-main > .concept-section .title {
  width: 795px;
  margin: 0 auto;
  margin-bottom: 40px;
  background: url(/img/ver2.0/sake/exam_preparation/pc/bg_flower.png) no-repeat center;
  background-size: contain;
}
.sake-live-main > .concept-section .title > .inner {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.5;
  width: 555px;
  margin: 0 auto;
}
.sake-live-main > .concept-section .title > .inner > span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  display: block;
}
.sake-live-main > .concept-section > .gruup-measures {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.sake-live-main > .concept-section > .gruup-measures:nth-of-type(2) {
  margin-bottom: 20px;
}
.sake-live-main > .concept-section > .gruup-measures > .point {
  margin: 15px 0 0;
  color: #000;
}
.sake-live-main > .concept-section > .gruup-measures > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sake-live-main > .concept-section > .gruup-measures > .inner > .card {
  width: 209px;
  height: 88px;
  max-width: 209px;
  -ms-flex-preferred-size: 209px;
      flex-basis: 209px;
  background-color: #BEA870;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sake-live-main > .concept-section > .gruup-measures > .inner .text-block {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: 88px;
  margin: 0 0 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.sake-live-main > .concept-section > .gruup-measures > .inner .text-block span {
  line-height: 0.6;
  font-weight: 700;
}
.sake-live-main > .concept-section > .gruup-measures > .inner .text-block span.numbers {
  font-size: 52px;
  font-size: 5.2rem;
  color: #950000;
}
.sake-live-main > .concept-section > .gruup-measures > .inner .text-block span.word {
  font-size: 34px;
  font-size: 3.4rem;
  color: #950000;
}
.sake-live-main > .concept-section > .gruup-measures > .inner .text-block span.small-word {
  font-size: 21px;
  font-size: 2.1rem;
  color: #000;
  line-height: 2;
}
.sake-live-main > .concept-section .foot-point {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.sake-live-main > .howto-section {
  padding: 100px 0;
}
.sake-live-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.sake-live-main > .howto-section > .inner > .title > h2 {
  margin-top: 0;
  text-align: center;
  line-height: 1.3;
  color: #6E5516;
}
.sake-live-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.sake-live-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.sake-live-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.sake-live-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.sake-live-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.sake-live-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.sake-live-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.sake-live-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.sake-live-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.sake-live-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.sake-live-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 70px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.sake-live-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 60px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sake-live-main > .recommend-section > .list-check > li:last-child {
  border-bottom: 0px;
}

.sake-live-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background: #F8F7F2;
}
.sake-live-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.sake-live-main > .features-section > h3 img {
  padding-right: 10px;
}
.sake-live-main > .features-section > h3:before, .sake-live-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.sake-live-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.sake-live-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.sake-live-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.sake-live-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture {
  width: 580px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .photo > picture > img {
  width: 580px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 15px 40px 15px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 20px;
  font-size: 2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.sake-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.sake-live-main .live-section {
  background: #BDA96F;
  color: #fff;
  padding-bottom: 70px;
}
.sake-live-main .live-section .inner {
  background: #fff;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 6px;
}
.sake-live-main .live-section .photo {
  width: 100%;
}
.sake-live-main .live-section .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
  border-radius: 6px 6px 0 0;
}
.sake-live-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 10px 40px 40px;
}
.sake-live-main .live-section .box.-text > p > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.sake-live-main .live-section .box.-text h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  margin-top: 40px;
  font-weight: bold;
  background-color: #BDA96F;
  color: #fff;
  border-radius: 6px;
}
.sake-live-main .live-section .box.-text ul.-type1 {
  padding-left: 0;
}
.sake-live-main .live-section .box.-text ul.-type1 > li {
  padding: 22.5px 0;
  padding-left: 50px;
  position: relative;
  border-top: 1px dashed #515151;
  border-bottom: 1px dashed #515151;
}
.sake-live-main .live-section .box.-text ul.-type1 > li + li {
  border-top: 0;
}
.sake-live-main .live-section .box.-text ul.-type1 > li::after {
  content: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  position: absolute;
  top: 26px;
  left: 15px;
}
.sake-live-main .live-section .box.-text ul.-type1 > li > strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
  font-size: 1.85rem;
}
.sake-live-main .live-section .box.-text p.right {
  text-align: right;
}
.sake-live-main .live-section .box.-text ul.-type2 {
  padding-left: 96px;
}
.sake-live-main .live-section .box.-text ul.-type2 > li {
  margin-top: 20px;
  position: relative;
}
.sake-live-main .live-section .box.-text ul.-type2 > li:after {
  display: block;
  position: absolute;
  top: 7px;
  left: -70px;
}
.sake-live-main .live-section .box.-text ul.-type2 > li.li1::after {
  content: url("/img/ver2.0/sake/live/pc/li1.svg");
}
.sake-live-main .live-section .box.-text ul.-type2 > li.li2::after {
  content: url("/img/ver2.0/sake/live/pc/li2.svg");
}
.sake-live-main .live-section .box.-text ul.-type2 > li.li3::after {
  content: url("/img/ver2.0/sake/live/pc/li3.svg");
}
.sake-live-main .live-section .box.-text ul.-type2 > li h4 {
  margin: 0;
  color: #6D5517;
  font-size: 18px;
  font-weight: bold;
}
.sake-live-main .live-section .box.-text ul.-type2 > li p {
  margin-top: 0;
  font-size: 16px;
}
.sake-live-main .live-section .box.-text ul.-type2 > li p span {
  font-weight: bold;
}
.sake-live-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.sake-live-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.sake-live-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.sake-live-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sake-live-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.sake-live-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.sake-live-main .online-section h3 {
  padding-top: 10px;
}
.sake-live-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.sake-live-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.sake-live-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.sake-live-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.sake-live-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.sake-live-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.sake-live-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.sake-live-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.sake-live-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.sake-live-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.sake-live-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.sake-live-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.sake-live-main > .courseflow-section > h2 > span.line-box {
  color: #6E5516;
}
.sake-live-main > .courseflow-section > .course-card-group {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.sake-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.sake-live-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.sake-live-main .teacher-section > h2,
.sake-live-main .teacher-section > h2 > span {
  color: #515151;
}
.sake-live-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.sake-live-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.sake-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/sake/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.sake-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.sake-live-main > .quality-section .box {
  width: 1000px;
  margin: 40px auto 110px;
  border: 4px solid #6E5516;
}
.sake-live-main > .quality-section .box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px;
}
.sake-live-main > .quality-section .box .inner .text-wrap {
  width: 400px;
  line-height: 1.7;
}
.sake-live-main > .quality-section .box .inner .text-wrap > p {
  font-size: 14px;
}
.sake-live-main > .quality-section .box .inner .text-wrap > p + p {
  margin: 0;
}
.sake-live-main > .quality-section .box .inner .text-wrap > h2 {
  font-size: 20px;
  margin: 0;
  text-align: left;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.sake-live-main > .quality-section .box .inner .text-wrap > h3 {
  font-size: 30px;
  line-height: 1.5;
  margin: 10px 0 15px;
  color: #6E5516;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: bold;
}
.sake-live-main > .quality-section .box .inner .text-wrap .detail {
  font-size: 16px;
}
.sake-live-main > .quality-section .box .inner .img-wrap {
  width: 458px;
}
.sake-live-main > .quality-section .box .inner .img-wrap img {
  width: 100%;
}

.sake-live-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .curriculum-section > h2 > span > {
  color: #6E5516;
}
.sake-live-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.sake-live-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .curriculum-section > table > tbody > tr > td .sub-title {
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
  background: rgba(190, 168, 112, 0.4);
  margin-bottom: 4px;
  margin-top: 0;
  padding: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
}
.sake-live-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.sake-live-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.sake-live-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.sake-live-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.sake-live-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.sake-live-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.sake-live-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-live-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.sake-live-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}
.sake-live-main > .curriculum-section .sale-price .ion-arrow-right-a {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 20px;
  color: #950000;
}

.sake-live-main > .conversion-btm .button-unit .button-wrap.-two_column {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .conversion-btm .button-unit .button-wrap.-two_column .-siryo-button {
  width: 220px;
  background: #a68c4b;
  border-bottom: 2px solid #786637;
}

.sake-live-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-live-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.sake-live-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.sake-live-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  padding: 20px;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.sake-live-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.sake-live-main > .conversion-section > .button-unit .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sake-live-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.sake-live-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.sake-live-main > .conversion-section > .button-unit .curricula-button {
  background: #DB8338;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  > span {
    display: block;
    @include font-size(14);
  }
  */
}
.sake-live-main > .conversion-section > .button-unit .curricula-button span {
  width: 180px;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.sake-live-main > .conversion-section > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.sake-live-main > .conversion-section > .button-unit .curricula-button.-disabled:after {
  content: "";
}
.sake-live-main > .conversion-section > .button-unit .curricula-button:hover {
  background: #e39e63;
}

.sake-live-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.sake-live-main > .conversion-section > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.sake-live-main > .conversion-section > .button-unit .button-wrap p {
  font-size: 18px;
  font-size: 1.8rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}
.sake-live-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.sake-live-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.sake-live-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
  border: 1px solid red;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.sake-live-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.sake-live-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.sake-live-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.sake-live-main > .faq-section > h2 {
  color: #6E5516;
}
.sake-live-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.sake-live-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sake-live-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sake-live-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.sake-live-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-live-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sake-live-main > .faq-section > .faq-item > dd > .text-group > p {
  margin-top: 0;
}
.sake-live-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.online_academy {
  color: #000;
  min-width: 960px;
  /*追加分*/
}
.online_academy .breadcrumb-block {
  margin: 15px 0;
}
.online_academy .l-footer > .footer-unit.-first {
  margin-top: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.online_academy > .online-page-wrap {
  min-width: 320px;
  font-family: "Noto Sans JP", sans-serif;
}
.online_academy > .online-page-wrap *, .online_academy > .online-page-wrap *:before, .online_academy > .online-page-wrap *:after {
  font-family: "Noto Sans JP", sans-serif;
}
.online_academy > .online-page-wrap > .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.online_academy > .online-page-wrap > .jumbotron.online {
  background: url("/img/ver2.0/license/online/bg_main_pc.jpg?20210210") top left no-repeat;
  background-size: cover;
  height: 430px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.online_academy > .online-page-wrap > .jumbotron.online .container-fluid.-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.online_academy > .online-page-wrap > .jumbotron.online .box {
  width: 482px;
}
.online_academy > .online-page-wrap > .jumbotron.online .lead {
  font-size: 44px;
  font-size: 4.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  line-height: 1.6;
  font-weight: 500;
  color: #000;
}
.online_academy > .online-page-wrap > .jumbotron.online .note {
  font-size: 27px;
  font-size: 2.7rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  font-weight: 300;
  margin-bottom: 40px;
}
.online_academy > .online-page-wrap > .jumbotron.online .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.online_academy > .online-page-wrap > .jumbotron.online .btn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: block;
  width: 482px;
  height: 72px;
  border: 1px solid #57C45D;
  border-bottom: 3px solid #3CA242;
}
.online_academy > .online-page-wrap > .jumbotron.online .btn:after {
  position: static;
  height: 31px;
  width: 31px;
  background: #fff;
  margin-left: 20px;
  padding-top: 1px;
  border-radius: 15px;
  font-family: "Ionicons";
  content: "";
  color: #57C45D;
}
.online_academy > .online-page-wrap > .main-box .main-box-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.online_academy > .online-page-wrap > .main-box .main-box-title .wbr {
  font-size: 36px;
  font-size: 3.6rem;
}
.online_academy > .online-page-wrap > .main-box .small-h1 {
  font-size: 18px;
  font-size: 1.8rem;
}
.online_academy > .online-page-wrap > .main-box .merit {
  height: 160px;
  width: 160px;
  margin: 7px;
}
.online_academy > .online-page-wrap > .main-box .online_academy .main-box .merit .text-catch {
  font-size: 0.6rem;
}
.online_academy > .online-page-wrap > .main-box .merits {
  margin-top: 45px;
}
.online_academy > .online-page-wrap > .main-box .merits .text-catch {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap > .main-box .merit.merit01 {
  background: url("/img/ver2.0/license/online/point01_pc@2x.png") center no-repeat;
  background-size: cover;
}
.online_academy > .online-page-wrap > .main-box .merit.merit02 {
  background: url("/img/ver2.0/license/online/point02_pc@2x.png") center no-repeat;
  background-size: cover;
}
.online_academy > .online-page-wrap > .main-box .merit.merit03 {
  background: url("/img/ver2.0/license/online/point03_pc@2x.png") center no-repeat;
  background-size: cover;
}
.online_academy > .online-page-wrap > .main-box .note {
  margin-top: 13px;
  font-weight: 300;
  color: #575757;
}
.online_academy > .online-page-wrap .online-headline {
  font-size: 32px;
  font-size: 3.2rem;
}
.online_academy > .online-page-wrap .online-headline.-sections {
  font-size: 22px;
  font-size: 2.2rem;
  padding-bottom: 0rem;
  line-height: 1.8;
}
.online_academy > .online-page-wrap .online-headline .small-headline {
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 1.5rem;
}
.online_academy > .online-page-wrap .online-headline .small-headline.-sections {
  padding-bottom: 0rem;
}
.online_academy > .online-page-wrap .online-headline .small-headline.-head-title {
  font-size: 22px;
  font-size: 2.2rem;
  padding-bottom: 0rem;
  line-height: 1.8;
}
.online_academy > .online-page-wrap .d-block {
  font-size: 13px;
  font-size: 1.3rem;
}
.online_academy > .online-page-wrap .btn {
  border-radius: 0.45rem;
}
.online_academy > .online-page-wrap .btn i.ic-check:after {
  color: #fff;
  font-family: "Ionicons";
  content: "";
  border-radius: 0rem;
  font-style: normal;
}
.online_academy > .online-page-wrap .about {
  background: #fff;
  border: 2px solid #291201;
  width: 1140px;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
}
.online_academy > .online-page-wrap .about > .online-headline {
  background: #291201;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}
.online_academy > .online-page-wrap .about > .item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.online_academy > .online-page-wrap .about > .item-group > .item {
  margin-bottom: 21px;
  width: 378px;
  text-align: center;
}
.online_academy > .online-page-wrap .about > .item-group > .item .note {
  font-weight: 300;
  font-size: 10px;
  font-size: 1rem;
  color: #575757;
}
.online_academy > .online-page-wrap .about > .item-group > .item:nth-of-type(1) {
  position: relative;
}
.online_academy > .online-page-wrap .about > .item-group > .item:nth-of-type(1):before {
  position: absolute;
  content: "";
  display: block;
  height: 178px;
  width: 1px;
  border-right: 1px dashed #707070;
  top: 56px;
  right: 0;
}
.online_academy > .online-page-wrap .about > .item-group > .item:nth-of-type(2) {
  position: relative;
}
.online_academy > .online-page-wrap .about > .item-group > .item:nth-of-type(2):before {
  position: absolute;
  content: "";
  display: block;
  height: 178px;
  width: 1px;
  border-right: 1px dashed #707070;
  top: 56px;
  right: 0;
}
.online_academy > .online-page-wrap .about > .item-group > .item > .icon.icon01 > img {
  margin-top: 30px;
  width: 48.34px;
  height: 52.94px;
  margin-bottom: 20px;
}
.online_academy > .online-page-wrap .about > .item-group > .item > .icon.icon02 > img {
  margin-top: 37px;
  margin-bottom: 27px;
  width: 63.87px;
  height: 37.81px;
}
.online_academy > .online-page-wrap .about > .item-group > .item > .icon.icon03 > img {
  margin-top: 22px;
  margin-bottom: 21px;
  width: 35.35px;
  height: 58.84px;
}
.online_academy > .online-page-wrap .about > .item-group > .item > .text-block > .subtitle {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  margin-bottom: 23px;
}
.online_academy > .online-page-wrap .about > .item-group > .item > .text-block > .text {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}
.online_academy > .online-page-wrap .plan {
  margin-top: 37px;
  background: #F7F5EE;
}
.online_academy > .online-page-wrap .plan h2 {
  margin-top: 40px;
  font-size: 38px;
  font-size: 3.8rem;
}
.online_academy > .online-page-wrap .plan .item-group {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.online_academy > .online-page-wrap .plan .item-list {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  width: 359px;
  background: #fff;
  border-top: 8px solid #333796;
  -webkit-box-shadow: 0px 3px 6px #00000029;
          box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
}
.online_academy > .online-page-wrap .plan .item-list .text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.online_academy > .online-page-wrap .plan .item-list .price {
  margin-top: auto;
  color: #333796;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center;
}
.online_academy > .online-page-wrap .plan .item-list .price .price-number {
  font-size: 32px;
  font-size: 3.2rem;
}
.online_academy > .online-page-wrap .plan .item-list .button {
  margin-top: auto;
  display: block;
  color: #fff;
  text-align: center;
  height: 52px;
  line-height: 50px;
  border-radius: 26px;
  background: #333796;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 2px solid #1A1E7C;
}
.online_academy > .online-page-wrap .plan .item-list .number {
  position: absolute;
  top: -4px;
  left: 0;
  background: #333796;
  height: 37px;
  width: 37px;
  border-radius: 2px 0;
  color: #FFFFFF;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.online_academy > .online-page-wrap .plan .item-list .title {
  text-align: center;
  color: #333796;
  font-size: 23px;
  font-size: 2.3rem;
}
.online_academy > .online-page-wrap .plan .item-list .title .light {
  font-weight: 300;
  font-size: 15px;
  font-size: 1.5rem;
}
.online_academy > .online-page-wrap .plan .item-list .shipping {
  padding: 11px 25px;
  width: 199px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 {
  border-top: 8px solid #3C8B92;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 .price {
  color: #3C8B92;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 .button {
  background: #3C8B92;
  border-bottom: 2px solid #1B646A;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 .number {
  background: #3C8B92;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 .title {
  color: #3C8B92;
}
.online_academy > .online-page-wrap .plan .item-list.item-list02 .shipping {
  border: 1px solid #3C8B92;
  color: #3C8B92;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 {
  border-top: 8px solid #910027;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 .price {
  color: #910027;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 .button {
  background: #910027;
  border-bottom: 2px solid #910027;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 .number {
  background: #910027;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 .title {
  color: #910027;
}
.online_academy > .online-page-wrap .plan .item-list.item-list03 .shipping {
  border: 1px solid #6F011E;
  color: #910027;
}
.online_academy > .online-page-wrap .plan .icon {
  display: block;
  margin-top: 24px;
  text-align: center;
}
.online_academy > .online-page-wrap .plan .text {
  margin-top: 23px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
}
.online_academy > .online-page-wrap .plan .plan-content {
  margin-top: 20px;
  padding: 20px;
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
}
.online_academy > .online-page-wrap .plan .plan-content ul {
  margin: 23px 0 0 0;
  padding: 0;
}
.online_academy > .online-page-wrap .plan .plan-content ul li {
  margin: 0;
  padding: 0;
  list-style: disc;
  list-style-position: inside;
}
.online_academy > .online-page-wrap .plan .note {
  margin-top: 20px;
  margin-bottom: 22px;
  font-weight: 300;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
.online_academy > .online-page-wrap .plan .note a {
  color: #000;
  text-decoration: underline;
}
.online_academy > .online-page-wrap .trouble {
  background: #EEEEF1;
}
.online_academy > .online-page-wrap .trouble .list {
  background: #fff;
  font-size: 22px;
  font-size: 2.2rem;
}
.online_academy > .online-page-wrap .trouble i.ic-check:after {
  color: #E48032;
  display: block;
  font-family: "Ionicons";
  content: "";
}
.online_academy > .online-page-wrap .reason {
  background: #F7F5EE;
}
.online_academy > .online-page-wrap .reason .box {
  background: #fff;
}
.online_academy > .online-page-wrap .reason .box img {
  width: 100%;
  height: 30vh;
}
.online_academy > .online-page-wrap .reason .box .icon {
  width: 3.3vw;
  height: 3.3vw;
  background: #000000;
  border-radius: 6px;
  color: #fff;
  font-size: 1.1vw;
  line-height: 1.4;
  padding-top: 4px;
}
.online_academy > .online-page-wrap .reason .box .reason-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
}
.online_academy > .online-page-wrap .reason .box .reason-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.online_academy > .online-page-wrap .reason .box .reason-text > .text-small {
  font-size: 12px;
  font-size: 1.2rem;
}
.online_academy > .online-page-wrap .reason .box.move-box {
  padding: 1.5rem 0 0 !important;
}
.online_academy > .online-page-wrap .reason .box.move-box .move-items-p-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move {
  background: url("/img/ver2.0/license/online/section_arow.png") top center no-repeat #ffe100;
  background-size: contain;
  position: relative;
  padding: 80px 0 1.5rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .applicable-move-title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.6;
  padding-bottom: 1rem;
  text-align: center;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .player {
  background-color: #fff;
  width: 640px;
  border-radius: 15px;
  padding: 30px 40px;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text {
  max-width: 600px;
  margin: 15px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture {
  border: 1px solid #000;
  padding: 0 6px;
  margin-bottom: 0px;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture-index {
  margin-bottom: 0px;
}
.online_academy > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture-data {
  margin-left: 1rem;
  margin-bottom: 0px;
}
.online_academy > .online-page-wrap .product {
  border-top: 3px solid #E48032;
}
.online_academy > .online-page-wrap .product h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.online_academy > .online-page-wrap .product .small-text {
  font-size: 70%;
}
.online_academy > .online-page-wrap .product .device {
  width: 72%;
}
.online_academy > .online-page-wrap .product .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .product .plan-table {
  width: 100%;
}
.online_academy > .online-page-wrap .product .plan-table th.th-plan01 {
  background: #313598;
  font-weight: 500;
  color: #fff;
}
.online_academy > .online-page-wrap .product .plan-table th.th-plan02 {
  background: #2F8F92;
  font-weight: 500;
  color: #fff;
}
.online_academy > .online-page-wrap .product .plan-table th.th-plan03 {
  background: #910027;
  font-weight: 500;
  color: #fff;
}
.online_academy > .online-page-wrap .product .plan-table td.plan01, .online_academy > .online-page-wrap .product .plan-table td.plan01 a {
  color: #313598;
}
.online_academy > .online-page-wrap .product .plan-table td.plan02, .online_academy > .online-page-wrap .product .plan-table td.plan02 a {
  color: #2F8F92;
}
.online_academy > .online-page-wrap .product .plan-table td.plan03, .online_academy > .online-page-wrap .product .plan-table td.plan03 a {
  color: #910027;
}
.online_academy > .online-page-wrap .product .plan-table .price-num {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}
.online_academy > .online-page-wrap .product .plan-table td a {
  text-decoration: underline;
}
.online_academy > .online-page-wrap .product .plan-table th, .online_academy > .online-page-wrap .product .plan-table td {
  border-bottom: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  text-align: center;
  font-weight: 300;
  padding: 10px;
}
.online_academy > .online-page-wrap .product .plan-table th:first-of-type, .online_academy > .online-page-wrap .product .plan-table td:first-of-type {
  padding-left: 10px;
  text-align: left;
}
.online_academy > .online-page-wrap .product .plan-table th:last-of-type, .online_academy > .online-page-wrap .product .plan-table td:last-of-type {
  border-right: 0 solid #BBBBBB;
}
.online_academy > .online-page-wrap .product .product-detial > .title {
  background: #bbb;
  color: #fff;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.8;
}
.online_academy > .online-page-wrap .product .product-detial {
  border: 1px solid #bbb;
}
.online_academy > .online-page-wrap .product .product-detial .zoom-img img {
  width: 100%;
}
.online_academy > .online-page-wrap .product .product-detial .numberlist {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.online_academy > .online-page-wrap .product .product-detial > .price-group .price {
  color: #C60000;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .product .product-detial > .price-group .price .num {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.online_academy > .online-page-wrap .product .product-detial > .price-group .category {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .teacherdate {
  padding: 40px 60px 20px 60px;
}
.online_academy > .online-page-wrap .teacherdate > .name {
  font-size: 20px;
  font-size: 2rem;
}
.online_academy > .online-page-wrap .teacherdate > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .teacher img {
  width: 12vw;
  max-width: 160px;
}
.online_academy > .online-page-wrap .step .box {
  padding-bottom: 1.5rem;
}
.online_academy > .online-page-wrap .step .box .label {
  font-size: 0.8rem;
  color: #fff;
  background: #E48032;
  padding: 5px;
  border-radius: 4px;
  margin-right: 1rem;
}
.online_academy > .online-page-wrap .step .box > .font-weight-bold {
  font-size: 18px;
  font-size: 1.8rem;
}
.online_academy > .online-page-wrap .step .box > .font-weight-bold > .label {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .step .box > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .voice.container {
  width: 76%;
  margin: 0 auto;
}
.online_academy > .online-page-wrap .voice.container .text {
  background: #f0f0f0;
  font-size: 22px;
  font-size: 2.2rem;
}
.online_academy > .online-page-wrap .faq {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy > .online-page-wrap .faq .icon {
  font-size: 24px;
  font-size: 2.4rem;
}
.online_academy > .online-page-wrap .faq .icon.icon-answer {
  color: #C60000;
}
.online_academy > .online-page-wrap .faq .answer-text, .online_academy > .online-page-wrap .faq .question-text {
  padding: 0.5rem;
  border-bottom: 1px #ccc solid;
}
.online_academy .object-fit-img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: 50% 50%;";
}
.online_academy .btn-primary {
  position: relative;
  background: #57C45D;
  border-bottom: 3px solid #3CA242;
}
.online_academy .btn-primary .text-small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.online_academy .btn-primary:after {
  position: absolute;
  font-family: "Ionicons";
  content: "";
  top: calc(50% - 1.4rem);
  right: 10px;
}
.online_academy .btn-primary:hover, .online_academy .btn-primary:focus, .online_academy .btn-primary:active {
  background: #3fb345;
}
.online_academy .back-index {
  width: 76%;
  margin: 0 auto 1rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy .back-index i.ic-back-index:after {
  color: #0056b3;
  font-family: "Ionicons";
  content: "";
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy .modal-content {
  width: 60%;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: absolute;
  top: 10%;
  left: 50%;
  display: none;
  z-index: 2;
}
.online_academy .headline {
  background: #E48032;
  color: #fff;
  text-align: center;
}
.online_academy .headline.headline-gray {
  background: #bbb;
}
.online_academy .cta-area {
  background: #281200;
  color: #fff;
  line-height: 1.8;
}
.online_academy .cta-area .note a {
  color: #fff;
  text-decoration: underline;
}
.online_academy .btn.btn-primary {
  font-size: 22px;
  font-size: 2.2rem;
  width: 600px;
}
.online_academy .product .product-detial {
  border: 1px solid #bbb;
}
.online_academy .product .product-detial.product-function {
  border: 1px solid #E48032;
}
.online_academy .product .product-detial .zoom-img img {
  width: 100%;
}
.online_academy .step .box .label {
  font-size: 0.8rem;
  color: #fff;
  background: #E48032;
  padding: 5px;
  border-radius: 4px;
  margin-right: 1rem;
}
.online_academy .voice img {
  max-width: 80px;
}
.online_academy .teacherwrap {
  padding-top: 8vw;
  padding-left: 10vw;
}
.online_academy .teacherdateleft {
  top: 4.7vw;
  left: 2vw;
}
.online_academy .product-img {
  padding: 1vw 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}
.online_academy .zoom-wrap {
  width: 80%;
  padding: 0 3vw 0 0;
  position: relative;
}
.online_academy .zoom {
  width: 1.6vw;
  min-width: 16px;
  bottom: 0vw;
  right: 4vw;
  position: absolute;
}
.online_academy .modal-content {
  width: 80%;
  max-width: 960px;
  margin: auto;
  padding: 10px 20px;
  border: 2px solid #aaa;
  /* background: #fff ; */
  position: absolute;
  top: 5%;
  left: 50%;
  display: none;
  z-index: 2;
}
.online_academy .teacherbox .teacherwrap {
  width: 100%;
  max-width: 1000px;
}
.online_academy .teacherwrap {
  padding-top: 90px;
  padding-left: 140px;
}
.online_academy .teacherdateleft {
  top: 40px;
  left: 20px;
}
.online_academy .column_teacher {
  background: #FDFBEA;
}
.online_academy .enName {
  font-family: "Lora", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
  font-weight: normal;
  color: #919191;
  margin-left: 1vw;
}
.online_academy .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.online_academy #modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.online_academy .text-product-detial {
  margin-left: 2vh;
  margin-top: 1vh;
  margin-bottom: 0.6vh;
  font-size: 0.8rem;
}
.online_academy .teacherwrap {
  padding-top: 12vw;
  padding-left: 10vw;
}
.online_academy .teacherdate {
  background-color: #fff;
  position: relative;
  padding: 4vw 3vw 1vw 22vw;
}
.online_academy .teacherdateleft {
  position: absolute;
  z-index: 1;
  left: 2vw;
  top: 7vw;
}
.online_academy .shadow {
  -webkit-box-shadow: 0 0.08rem 0.6rem 0.05rem rgba(0, 0, 0, 0.14);
          box-shadow: 0 0.08rem 0.6rem 0.05rem rgba(0, 0, 0, 0.14);
}
.online_academy .modal-content p {
  text-align: center;
}
.online_academy .modal-content img {
  width: 96%;
  padding-top: 2%;
}
.online_academy .button-link {
  color: #00f;
  text-decoration: underline;
}
.online_academy .button-link:hover {
  cursor: pointer;
  color: #f00;
}
@media (min-width: 1300px) {
  .online_academy .teacherbox .teacherwrap {
    width: 100%;
    max-width: 1000px;
  }
  .online_academy .teacherwrap {
    padding-top: 90px;
    padding-left: 140px;
  }
  .online_academy .online-page-wrap .teacherdate {
    padding: 40px 60px 20px 60px;
  }
  .online_academy .teacherdateleft {
    top: 40px;
    left: 20px;
  }
}

/* webp対応ブラウザ */
.webp .online_academy .online-page-wrap .jumbotron.online {
  background: url("/img/ver2.0/license/online/bg_main_pc.webp?20210210") top left no-repeat;
  background-size: cover;
}
.webp .online_academy .online-page-wrap .main-box .merit.merit01 {
  background: url("/img/ver2.0/license/online/point01_pc@2x.webp") center no-repeat;
  background-size: cover;
}
.webp .online_academy .online-page-wrap .main-box .merit.merit02 {
  background: url("/img/ver2.0/license/online/point02_pc@2x.webp") center no-repeat;
  background-size: cover;
}
.webp .online_academy .online-page-wrap .main-box .merit.merit03 {
  background: url("/img/ver2.0/license/online/point03_pc@2x.webp") center no-repeat;
  background-size: cover;
}
.webp .online_academy .reason .box.move-box .applicable-move {
  background: url(/img/ver2.0/license/online/section_arow.webp) top center no-repeat #ffe100;
  background-size: contain;
}

.online_academy.juken_sake {
  color: #000;
  min-width: 960px;
  /*追加分*/
}
.online_academy.juken_sake .breadcrumb-block {
  margin: 15px 0;
}
.online_academy.juken_sake .l-footer > .footer-unit.-first {
  margin-top: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.online_academy.juken_sake > .online-page-wrap {
  min-width: 320px;
  font-family: "Noto Sans JP", sans-serif;
}
.online_academy.juken_sake > .online-page-wrap *, .online_academy.juken_sake > .online-page-wrap *:before, .online_academy.juken_sake > .online-page-wrap *:after {
  font-family: "Noto Sans JP", sans-serif;
}
.online_academy.juken_sake > .online-page-wrap > .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online {
  background: url("/img/ver2.0/sake/online/bg_main_pc.jpg?2021021") top left no-repeat;
  background-size: contain;
  height: 430px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online .container-fluid.-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online .box {
  width: 482px;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online .lead {
  font-size: 44px;
  font-size: 4.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  line-height: 1.6;
  font-weight: 500;
  color: #000;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online .note {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  font-weight: 300;
  margin-bottom: 40px;
}
.online_academy.juken_sake > .online-page-wrap > .jumbotron.online .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  font-weight: 500;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .main-box-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .main-box-title .wbr {
  font-size: 36px;
  font-size: 3.6rem;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .small-h1 {
  font-size: 18px;
  font-size: 1.8rem;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merit {
  height: 9vw;
  width: 9vw;
  min-height: 150px;
  min-width: 150px;
  margin: 1rem;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .online_academy .main-box .merit .text-catch {
  font-size: 0.6rem;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merits {
  height: 12vw;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merits .text-catch {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merit.merit01 {
  background: url("/img/ver2.0/sake/online/point01@2x.png?20210215") center no-repeat;
  background-size: cover;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merit.merit02 {
  background: url("/img/ver2.0/sake/online/point02@2x.png?20210215") center no-repeat;
  background-size: cover;
}
.online_academy.juken_sake > .online-page-wrap > .main-box .merit.merit03 {
  background: url("/img/ver2.0/sake/online/point03@2x.png?202102151") center no-repeat;
  background-size: cover;
}
.online_academy.juken_sake > .online-page-wrap .cta-area {
  background: #281200;
  color: #fff;
  line-height: 1.8;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.online_academy.juken_sake > .online-page-wrap .cta-area > .note a {
  color: #fff;
  text-decoration: underline;
}
.online_academy.juken_sake > .online-page-wrap .online-headline {
  font-size: 32px;
  font-size: 3.2rem;
}
.online_academy.juken_sake > .online-page-wrap .online-headline.-sections {
  font-size: 22px;
  font-size: 2.2rem;
  padding-bottom: 0rem;
  line-height: 1.8;
}
.online_academy.juken_sake > .online-page-wrap .online-headline .small-headline {
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 1.5rem;
}
.online_academy.juken_sake > .online-page-wrap .online-headline .small-headline.-sections {
  padding-bottom: 0rem;
}
.online_academy.juken_sake > .online-page-wrap .online-headline .small-headline.-head-title {
  font-size: 22px;
  font-size: 2.2rem;
  padding-bottom: 0rem;
  line-height: 1.8;
}
.online_academy.juken_sake > .online-page-wrap .d-block {
  font-size: 13px;
  font-size: 1.3rem;
}
.online_academy.juken_sake > .online-page-wrap .btn {
  border-radius: 0.45rem;
}
.online_academy.juken_sake > .online-page-wrap .btn i.ic-check:after {
  color: #fff;
  font-family: "Ionicons";
  content: "";
  border-radius: 0rem;
  font-style: normal;
}
.online_academy.juken_sake > .online-page-wrap .trouble {
  background: #EEEEF1;
}
.online_academy.juken_sake > .online-page-wrap .trouble .list {
  background: #fff;
  font-size: 22px;
  font-size: 2.2rem;
}
.online_academy.juken_sake > .online-page-wrap .trouble i.ic-check:after {
  color: #E48032;
  display: block;
  font-family: "Ionicons";
  content: "";
}
.online_academy.juken_sake > .online-page-wrap .reason {
  background: #F7F5EE;
}
.online_academy.juken_sake > .online-page-wrap .reason .box {
  background: #fff;
}
.online_academy.juken_sake > .online-page-wrap .reason .box img {
  width: 100%;
  height: 30vh;
}
.online_academy.juken_sake > .online-page-wrap .reason .box .icon {
  width: 3.3vw;
  height: 3.3vw;
  background: #000000;
  border-radius: 6px;
  color: #fff;
  font-size: 1.1vw;
  line-height: 1.4;
  padding-top: 4px;
}
.online_academy.juken_sake > .online-page-wrap .reason .box .reason-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
}
.online_academy.juken_sake > .online-page-wrap .reason .box .reason-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.online_academy.juken_sake > .online-page-wrap .reason .box .reason-text > .text-small {
  font-size: 12px;
  font-size: 1.2rem;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box {
  padding: 1.5rem 0 0 !important;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .move-items-p-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move {
  background: url("/img/ver2.0/sake/online/section_arow.png") top center no-repeat #ffe100;
  background-size: contain;
  position: relative;
  padding: 80px 0 1.5rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .applicable-move-title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.6;
  padding-bottom: 1rem;
  text-align: center;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .player {
  background-color: #fff;
  width: 640px;
  border-radius: 15px;
  padding: 30px 40px;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text {
  max-width: 600px;
  margin: 15px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture {
  border: 1px solid #000;
  padding: 0 6px;
  margin-bottom: 0px;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture-index {
  margin-bottom: 0px;
}
.online_academy.juken_sake > .online-page-wrap .reason .box.move-box .applicable-move .lecture-text .lecture-data {
  margin-left: 1rem;
  margin-bottom: 0px;
}
.online_academy.juken_sake > .online-page-wrap .product {
  border-top: 3px solid #E48032;
}
.online_academy.juken_sake > .online-page-wrap .product .small-text {
  font-size: 70%;
}
.online_academy.juken_sake > .online-page-wrap .product .device {
  width: 72%;
}
.online_academy.juken_sake > .online-page-wrap .product .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial > .title {
  background: #bbb;
  color: #fff;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.8;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial {
  border: 1px solid #bbb;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial .zoom-img img {
  width: 100%;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial .numberlist {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial > .price-group .price {
  color: #C60000;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial > .price-group .price .num {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.online_academy.juken_sake > .online-page-wrap .product .product-detial > .price-group .category {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .teacherdate {
  padding: 40px 60px 20px 60px;
}
.online_academy.juken_sake > .online-page-wrap .teacherdate > .name {
  font-size: 20px;
  font-size: 2rem;
}
.online_academy.juken_sake > .online-page-wrap .teacherdate > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .teacher img {
  width: 12vw;
  max-width: 160px;
}
.online_academy.juken_sake > .online-page-wrap .step .box {
  padding-bottom: 1.5rem;
}
.online_academy.juken_sake > .online-page-wrap .step .box .label {
  font-size: 0.8rem;
  color: #fff;
  background: #E48032;
  padding: 5px;
  border-radius: 4px;
  margin-right: 1rem;
}
.online_academy.juken_sake > .online-page-wrap .step .box > .font-weight-bold {
  font-size: 18px;
  font-size: 1.8rem;
}
.online_academy.juken_sake > .online-page-wrap .step .box > .font-weight-bold > .label {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .step .box > .text {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .voice.container {
  width: 76%;
  margin: 0 auto;
}
.online_academy.juken_sake > .online-page-wrap .voice.container .text {
  background: #f0f0f0;
  font-size: 22px;
  font-size: 2.2rem;
}
.online_academy.juken_sake > .online-page-wrap .faq {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake > .online-page-wrap .faq .icon {
  font-size: 24px;
  font-size: 2.4rem;
}
.online_academy.juken_sake > .online-page-wrap .faq .icon.icon-answer {
  color: #C60000;
}
.online_academy.juken_sake > .online-page-wrap .faq .answer-text, .online_academy.juken_sake > .online-page-wrap .faq .question-text {
  padding: 0.5rem;
  border-bottom: 1px #ccc solid;
}
.online_academy.juken_sake .object-fit-img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: 50% 50%;";
}
.online_academy.juken_sake .btn-primary {
  position: relative;
  background: #57C45D;
  border-bottom: 3px solid #3CA242;
}
.online_academy.juken_sake .btn-primary .text-small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.online_academy.juken_sake .btn-primary:after {
  position: absolute;
  font-family: "Ionicons";
  content: "";
  top: calc(50% - 1.4rem);
  right: 10px;
}
.online_academy.juken_sake .btn-primary:hover, .online_academy.juken_sake .btn-primary:focus, .online_academy.juken_sake .btn-primary:active {
  background: #3fb345;
}
.online_academy.juken_sake .back-index {
  width: 76%;
  margin: 0 auto 1rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake .back-index i.ic-back-index:after {
  color: #0056b3;
  font-family: "Ionicons";
  content: "";
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake .back-index {
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake .back-index i.ic-back-index:after {
  color: #0056b3;
  font-family: "Ionicons";
  content: "";
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
}
.online_academy.juken_sake .modal-content {
  width: 60%;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: absolute;
  top: 10%;
  left: 50%;
  display: none;
  z-index: 2;
}
.online_academy.juken_sake .headline {
  background: #E48032;
  color: #fff;
  text-align: center;
}
.online_academy.juken_sake .headline.headline-gray {
  background: #bbb;
}
.online_academy.juken_sake .cta-area {
  background: #281200;
  color: #fff;
  line-height: 1.8;
}
.online_academy.juken_sake .cta-area .note a {
  color: #fff;
  text-decoration: underline;
}
.online_academy.juken_sake .btn.btn-primary {
  font-size: 22px;
  font-size: 2.2rem;
  width: 600px;
}
.online_academy.juken_sake .product .product-detial {
  border: 1px solid #bbb;
}
.online_academy.juken_sake .product .product-detial.product-function {
  border: 1px solid #E48032;
}
.online_academy.juken_sake .product .product-detial .zoom-img img {
  width: 100%;
}
.online_academy.juken_sake .step .box .label {
  font-size: 0.8rem;
  color: #fff;
  background: #E48032;
  padding: 5px;
  border-radius: 4px;
  margin-right: 1rem;
}
.online_academy.juken_sake .voice img {
  max-width: 80px;
}
.online_academy.juken_sake .teacherwrap {
  padding-top: 8vw;
  padding-left: 10vw;
}
.online_academy.juken_sake .teacherdateleft {
  top: 4.7vw;
  left: 2vw;
}
.online_academy.juken_sake .product-img {
  padding: 1vw 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-left: 64px;
}
.online_academy.juken_sake .zoom-wrap {
  width: 80%;
  padding: 0 6vw 0 0;
  position: relative;
}
.online_academy.juken_sake .zoom {
  width: 1.6vw;
  min-width: 16px;
  bottom: 0vw;
  right: 4vw;
  position: absolute;
}
.online_academy.juken_sake .modal-content {
  width: 80%;
  max-width: 960px;
  margin: auto;
  padding: 10px 20px;
  border: 2px solid #aaa;
  /* background: #fff ; */
  position: absolute;
  top: 5%;
  left: 50%;
  display: none;
  z-index: 2;
}
.online_academy.juken_sake .teacherbox .teacherwrap {
  width: 100%;
  max-width: 1000px;
}
.online_academy.juken_sake .teacherwrap {
  padding-top: 90px;
  padding-left: 140px;
}
.online_academy.juken_sake .teacherdateleft {
  top: 40px;
  left: 20px;
}
.online_academy.juken_sake .column_teacher {
  background: #FDFBEA;
}
.online_academy.juken_sake .enName {
  font-family: "Lora", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
  font-weight: normal;
  color: #919191;
  margin-left: 1vw;
}
.online_academy.juken_sake .highlight {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FFE200)) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #FFE200 0%) repeat scroll 0 0;
}
.online_academy.juken_sake #modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.online_academy.juken_sake .text-product-detial {
  margin-left: 2vh;
  margin-top: 1vh;
  margin-bottom: 0.6vh;
  font-size: 0.8rem;
}
.online_academy.juken_sake .teacherwrap {
  padding-top: 12vw;
  padding-left: 10vw;
}
.online_academy.juken_sake .teacherdate {
  background-color: #fff;
  position: relative;
  padding: 4vw 3vw 1vw 22vw;
}
.online_academy.juken_sake .teacherdateleft {
  position: absolute;
  z-index: 1;
  left: 2vw;
  top: 7vw;
}
.online_academy.juken_sake .shadow {
  -webkit-box-shadow: 0 0.08rem 0.6rem 0.05rem rgba(0, 0, 0, 0.14);
          box-shadow: 0 0.08rem 0.6rem 0.05rem rgba(0, 0, 0, 0.14);
}
.online_academy.juken_sake .modal-content p {
  text-align: center;
}
.online_academy.juken_sake .modal-content img {
  width: 96%;
  padding-top: 2%;
}
.online_academy.juken_sake .button-link {
  color: #00f;
  text-decoration: underline;
}
.online_academy.juken_sake .button-link:hover {
  cursor: pointer;
  color: #f00;
}
@media (min-width: 1300px) {
  .online_academy.juken_sake .teacherbox .teacherwrap {
    width: 100%;
    max-width: 1000px;
  }
  .online_academy.juken_sake .teacherwrap {
    padding-top: 90px;
    padding-left: 140px;
  }
  .online_academy.juken_sake .online-page-wrap .teacherdate {
    padding: 40px 60px 20px 60px;
  }
  .online_academy.juken_sake .teacherdateleft {
    top: 40px;
    left: 20px;
  }
}

/* webp対応ブラウザ */
.webp .online_academy.juken_sake .online-page-wrap .jumbotron.online {
  background: url("/img/ver2.0/sake/online/bg_main_pc.webp?20210215") top left no-repeat;
  background-size: contain;
}
.webp .online_academy.juken_sake .online-page-wrap .main-box .merit.merit01 {
  background: url("/img/ver2.0/sake/online/point01@2x.webp?20210215") center no-repeat;
  background-size: cover;
}
.webp .online_academy.juken_sake .online-page-wrap .main-box .merit.merit02 {
  background: url("/img/ver2.0/sake/online/point02@2x.webp?20210215") center no-repeat;
  background-size: cover;
}
.webp .online_academy.juken_sake .online-page-wrap .main-box .merit.merit03 {
  background: url("/img/ver2.0/sake/online/point03@2x.webp?202102151") center no-repeat;
  background-size: cover;
}
.webp .online_academy.juken_sake .reason .box.move-box .applicable-move {
  background: url(/img/ver2.0/sake/online/section_arow.webp) top center no-repeat #ffe100;
  background-size: contain;
}

.license-second-stage-exam-wrapper .textcenter {
  text-align: center;
}
.license-second-stage-exam-wrapper .sp {
  display: none;
}
.license-second-stage-exam-wrapper .mainvisual .mv-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1340px;
  height: 450px;
  background: url(/img/ver2.0/second_stage_exam/pc/kv_bg.jpg) no-repeat;
  background-size: cover;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text {
  margin: 0 70px 0 0;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .course-title {
  border: solid 2px #610606;
  margin: 30px 10px 25px 10px;
  width: 550px;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .course-title > h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 5px 10px;
  line-height: 1.5;
  color: #610606;
  font-weight: 500;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .three-point {
  margin-bottom: 10px;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .main-title {
  color: #610606;
  font-size: 70px;
  font-size: 7rem;
  font-family: serif;
  line-height: 1.2;
  margin: 30px auto 0;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .main-title .small {
  font-family: serif;
  font-size: 40px;
  font-size: 4rem;
  color: #610606;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text .verysmall {
  color: #610606;
  font-family: serif;
  margin-top: 0;
  font-size: 20px;
  font-size: 2rem;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text div > .theme-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.license-second-stage-exam-wrapper .mainvisual .kv-text div > .theme-feature > .feature {
  list-style: none;
  width: 155px;
  height: 90px;
  margin: 0px 6px;
  padding: 16px 0px;
  line-height: 1.5;
  background: #FFD442;
  border-radius: 8px;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  color: #000;
}
.license-second-stage-exam-wrapper .holding {
  background: #610606;
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0px;
}
.license-second-stage-exam-wrapper .holding > h2 {
  margin: 0;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 10px 0;
}
.license-second-stage-exam-wrapper .worry {
  background: #efefef;
  padding: 0 0 50px;
}
.license-second-stage-exam-wrapper .worry .worries-copy {
  margin: 0px;
  padding: 50px 0 35px;
  color: #000000;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .worry .worries-copy > span {
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .worry .worries-checklist {
  width: 740px;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 auto;
  padding: 25px 10px;
}
.license-second-stage-exam-wrapper .worry .worries-checklist > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 40px;
  border-bottom: dotted 2px #bbbbbb;
}
.license-second-stage-exam-wrapper .worry .worries-checklist > div img {
  height: 32px;
  margin-right: 20px;
}
.license-second-stage-exam-wrapper .worry .worries-checklist > div p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .feature {
  background: #ffffff;
  padding: 50px 0;
}
.license-second-stage-exam-wrapper .feature .feature-message {
  color: #000000;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.4;
  font-weight: 600;
  margin: 0 0 50px;
}
.license-second-stage-exam-wrapper .feature .feature-message > span {
  color: #6E5516;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 600;
}
.license-second-stage-exam-wrapper .feature .shape {
  display: block;
  margin: 0 auto;
}
.license-second-stage-exam-wrapper .feature > .feature-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px 0;
}
.license-second-stage-exam-wrapper .feature > .feature-inner > .feature-image {
  width: 330px;
  height: 290px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: cover;";
}
.license-second-stage-exam-wrapper .feature > hr {
  width: 400px;
  color: #dadbdc;
  margin: 20px auto;
}
.license-second-stage-exam-wrapper .feature .point {
  width: 600px;
  margin: 0 0 0 30px;
}
.license-second-stage-exam-wrapper .feature .point > .point-baloon {
  width: 130px;
  background: #000000;
  border-radius: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  margin: 0;
}
.license-second-stage-exam-wrapper .feature .point > .special > .special-baloon {
  width: 520px;
  padding: 10px;
  background: #6E5516;
  color: #fff;
  border-radius: 10px;
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
}
.license-second-stage-exam-wrapper .feature .point .special::after {
  content: "";
  z-index: 5;
  border-top: 20px solid #6E5516;
  border-right: 20px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 20px solid transparent;
  position: relative;
  top: 10px;
  left: 37%;
}
.license-second-stage-exam-wrapper .feature .point > .point-description {
  font-size: 18px;
  font-size: 1.8rem;
}
.license-second-stage-exam-wrapper .feature .point > .point-message {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 20px 0;
}
.license-second-stage-exam-wrapper .feature .point > .point-message .highlight {
  font-size: 30px;
  font-size: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffe9a0));
  background: -o-linear-gradient(transparent 50%, #ffe9a0 0%);
  background: linear-gradient(transparent 50%, #ffe9a0 0%);
  font-weight: 600;
}
.license-second-stage-exam-wrapper .lineup-list:after {
  content: "";
  z-index: 5;
  border-top: 80px solid #ede7d8;
  border-right: 125px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 125px solid transparent;
  position: relative;
  top: 97px;
  left: 42%;
  width: 1px;
}
.license-second-stage-exam-wrapper .lineup-list {
  background: #ede7d8;
}
.license-second-stage-exam-wrapper .lineup-list > .lineup-inner {
  background: url(/img/ver2.0/second_stage_exam/pc/course-lineup.png) no-repeat;
  margin: 0;
  height: 220px;
  width: 920px;
  margin: 0 auto;
}
.license-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup-title-img {
  display: block;
  width: 320px;
  height: 220px;
}
.license-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup {
  font-size: 40px;
  font-size: 4rem;
  margin: 0;
  padding-left: 320px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding: 45px 0 0 270px;
  line-height: 1.4;
}
.license-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup .large {
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 600;
}
.license-second-stage-exam-wrapper .course-bg01 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg01.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg02 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg02.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg03 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg03.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg04 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg04.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg05 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg05.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg06 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg06.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-bg07 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg07.png) no-repeat right top;
}
.license-second-stage-exam-wrapper .course-inner {
  width: 920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
.license-second-stage-exam-wrapper .course-inner .course-box {
  width: 450px;
  height: 200px;
  border: solid 3px black;
  border-radius: 5px;
  margin: 10px 10px 40px 0px;
  background: #ffffff;
  position: relative;
  bottom: 22px;
}
.license-second-stage-exam-wrapper .course-inner .course-box dl {
  margin: 0;
  padding-top: 32px;
}
.license-second-stage-exam-wrapper .course-inner .course-box dl dt {
  padding-left: 20px;
  height: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
}
.license-second-stage-exam-wrapper .course-inner .course-box dl dd {
  background: #000000;
  color: #ffffff;
  border-radius: 40px;
  margin: 16px;
  padding: 8px 8px 8px 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
.license-second-stage-exam-wrapper .course-inner .course-box dl dd.mt-0 {
  margin-top: 0;
}
.license-second-stage-exam-wrapper .course-inner .course-box dl dd :after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  top: 120px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.license-second-stage-exam-wrapper .course-inner .course-box dl dd a {
  color: #ffffff;
  display: block;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon > img {
  width: 150px;
  font-size: 24px;
  font-size: 2.4rem;
  position: absolute;
  bottom: 145px;
  left: 10px;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon > p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext1 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext2 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext3 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext4 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-detail {
  padding-top: 90px;
  width: 920px;
  margin: 20px auto 60px;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 40px;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-left {
  width: 200px;
  height: 150px;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner img {
  width: 200px;
  height: 150px;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-right {
  width: 720px;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-right > h2 {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 12px 0px;
  line-height: 1.4;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .area-block > .area-pin:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .tokyo:before {
  color: #4072C1;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .osaka:before {
  color: #950000;
}
.license-second-stage-exam-wrapper .course-detail .course-detail-inner .nagoya:before {
  color: #010035;
}
.license-second-stage-exam-wrapper .course-detail .course-target {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 16px;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-detail .course-description {
  font-size: 16px;
  font-size: 1.6rem;
}
.license-second-stage-exam-wrapper .course-detail .button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 920px;
  margin: 15px 0;
}
.license-second-stage-exam-wrapper .course-detail .button-area > .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 450px;
  height: 54px;
  border: solid 2px #6E5516;
  color: #6E5516;
  margin: 5px 0;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.license-second-stage-exam-wrapper .course-detail .button-area > .button-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.license-second-stage-exam-wrapper .course-detail .button-area > .button-wrap-twoline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 450px;
  border: solid 2px #6E5516;
  color: #6E5516;
  margin: 5px 0;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  max-height: 95px;
}
.license-second-stage-exam-wrapper .course-detail .button-area > .button-wrap-twoline .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.license-second-stage-exam-wrapper .course-detail .button-area .button-label {
  width: 291px;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6E5516;
  font-weight: bold;
}
.license-second-stage-exam-wrapper .course-detail .button-area .buttontext:after {
  content: "";
  z-index: 5;
  border-top: 19px solid #ffffff;
  border-right: 25px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 25px solid transparent;
  position: absolute;
  top: 5px;
  right: 91px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.license-second-stage-exam-wrapper .course-detail .button-area .buttontext {
  display: block;
  width: 135px;
  color: #6E5516;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  background: #6E5516;
  color: white;
  position: relative;
  padding: 5px 0 0 15px;
  line-height: 1.4;
  margin: 0;
}
.license-second-stage-exam-wrapper .course-detail .button-area .buttontext-large:after {
  content: "";
  z-index: 5;
  display: inline-block;
  border-top: 26px solid #ffffff;
  border-right: 46px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 45px solid transparent;
  position: relative;
  top: -54px;
  right: 40px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.license-second-stage-exam-wrapper .course-detail .button-area .buttontext-large {
  width: 135px;
  color: #6E5516;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  background: #6E5516;
  color: white;
  padding: 12px 0 0 16px;
  line-height: 25px;
  margin: 0;
}
.license-second-stage-exam-wrapper .course-detail .button-area small {
  margin: 15px 0;
}
.license-second-stage-exam-wrapper .course-detail .button-area .left {
  margin-right: 20px;
}
.license-second-stage-exam-wrapper .course-detail > hr {
  width: 400px;
  color: #dadbdc;
  margin: 20px auto;
}
.license-second-stage-exam-wrapper > .information-area {
  padding-bottom: 80px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area {
  width: 650px;
  margin: 0 auto;
  border: solid 5px #FFD442;
  padding: 0;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool {
  margin: 0;
  border-top: solid 2px #FFD442;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dt {
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 30px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dd {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  margin: 0 30px;
  border-bottom: dotted 2px #000;
  padding-bottom: 30px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dd > a {
  text-decoration: none;
  color: #000000;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .time {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 30px;
  margin-bottom: 10px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .astarisk {
  margin-bottom: 30px;
  margin-top: 10px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .message > img {
  display: block;
  position: relative;
  bottom: 31px;
  height: 180px;
  padding-left: 50px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide {
  text-align: left;
  padding-left: 20px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide > p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0 5px;
}
.license-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide .consultation {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: left;
  font-weight: bold;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  margin: 5px 0;
  line-height: 1.5;
}

.sake-second-stage-exam-wrapper .textcenter {
  text-align: center;
}
.sake-second-stage-exam-wrapper .sp {
  display: none;
}
.sake-second-stage-exam-wrapper .mainvisual .mv-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1340px;
  height: 450px;
  background: url(/img/ver2.0/sake_second_stage_exam/pc/kv_bg.jpg) no-repeat;
  background-size: cover;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text {
  margin: 0 70px 0 0;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .course-title {
  border: solid 2px #14116e;
  margin: 30px 10px 25px 10px;
  width: 550px;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .course-title > h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 5px 10px;
  line-height: 1.5;
  color: #14116e;
  font-weight: 500;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .three-point {
  margin-bottom: 10px;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .main-title {
  color: #14116e;
  font-size: 70px;
  font-size: 7rem;
  font-family: serif;
  line-height: 1.2;
  margin: 30px auto 0;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .main-title .small {
  font-family: serif;
  font-size: 40px;
  font-size: 4rem;
  color: #14116e;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text .verysmall {
  color: #14116e;
  font-family: serif;
  margin-top: 0;
  font-size: 20px;
  font-size: 2rem;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text div > .theme-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sake-second-stage-exam-wrapper .mainvisual .kv-text div > .theme-feature > .feature {
  list-style: none;
  width: 155px;
  height: 90px;
  margin: 0px 6px;
  padding: 16px 0px;
  line-height: 1.5;
  background: #FFD442;
  border-radius: 8px;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  color: #000;
}
.sake-second-stage-exam-wrapper .holding {
  background: #14116e;
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0px;
}
.sake-second-stage-exam-wrapper .holding > h2 {
  margin: 0;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 10px 0;
}
.sake-second-stage-exam-wrapper .worry {
  background: #efefef;
  padding: 0 0 50px;
}
.sake-second-stage-exam-wrapper .worry .worries-copy {
  margin: 0px;
  padding: 50px 0 35px;
  color: #000000;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .worry .worries-copy > span {
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .worry .worries-checklist {
  width: 740px;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 auto;
  padding: 25px 10px;
}
.sake-second-stage-exam-wrapper .worry .worries-checklist > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 40px;
  border-bottom: dotted 2px #bbbbbb;
}
.sake-second-stage-exam-wrapper .worry .worries-checklist > div img {
  height: 32px;
  margin-right: 20px;
}
.sake-second-stage-exam-wrapper .worry .worries-checklist > div p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .feature {
  background: #ffffff;
  padding: 50px 0;
}
.sake-second-stage-exam-wrapper .feature .feature-message {
  color: #000000;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.4;
  font-weight: 600;
  margin: 0 0 50px;
}
.sake-second-stage-exam-wrapper .feature .feature-message > span {
  color: #6E5516;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 600;
}
.sake-second-stage-exam-wrapper .feature .shape {
  display: block;
  margin: 0 auto;
}
.sake-second-stage-exam-wrapper .feature > .feature-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px 0;
}
.sake-second-stage-exam-wrapper .feature > .feature-inner > .feature-image {
  width: 330px;
  height: 290px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: cover;";
}
.sake-second-stage-exam-wrapper .feature > hr {
  width: 400px;
  color: #dadbdc;
  margin: 20px auto;
}
.sake-second-stage-exam-wrapper .feature .point {
  width: 600px;
  margin: 0 0 0 30px;
}
.sake-second-stage-exam-wrapper .feature .point > .point-baloon {
  width: 130px;
  background: #000000;
  border-radius: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  margin: 0;
}
.sake-second-stage-exam-wrapper .feature .point > .special > .special-baloon {
  width: 520px;
  padding: 10px;
  background: #6E5516;
  color: #fff;
  border-radius: 10px;
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
}
.sake-second-stage-exam-wrapper .feature .point .special::after {
  content: "";
  z-index: 5;
  border-top: 20px solid #6E5516;
  border-right: 20px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 20px solid transparent;
  position: relative;
  top: 10px;
  left: 37%;
}
.sake-second-stage-exam-wrapper .feature .point > .point-description {
  font-size: 18px;
  font-size: 1.8rem;
}
.sake-second-stage-exam-wrapper .feature .point > .point-message {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 20px 0;
}
.sake-second-stage-exam-wrapper .feature .point > .point-message .highlight {
  font-size: 30px;
  font-size: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffe9a0));
  background: -o-linear-gradient(transparent 50%, #ffe9a0 0%);
  background: linear-gradient(transparent 50%, #ffe9a0 0%);
  font-weight: 600;
}
.sake-second-stage-exam-wrapper .lineup-list {
  background: #ede7d8;
}
.sake-second-stage-exam-wrapper .lineup-list > .lineup-inner {
  background: url(/img/ver2.0/sake_second_stage_exam/pc/course-lineup.png?202008123) no-repeat;
  margin: 0;
  height: 190px;
  width: 920px;
  margin: 0 auto;
}
.sake-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup-title-img {
  display: block;
  width: 320px;
  height: 220px;
}
.sake-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup {
  font-size: 40px;
  font-size: 4rem;
  margin: 0;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  padding: 45px 0 0 240px;
  line-height: 1.4;
}
.sake-second-stage-exam-wrapper .lineup-list > .lineup-inner .lineup .large {
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 600;
}
.sake-second-stage-exam-wrapper .course-bg01 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg01.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg02 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg02.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg03 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg03.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg04 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg04.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg05 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg05.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg06 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg06.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-bg07 {
  background: url(/img/ver2.0/second_stage_exam/pc/course-bg07.png) no-repeat right top;
}
.sake-second-stage-exam-wrapper .course-inner {
  width: 920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
.sake-second-stage-exam-wrapper .course-inner .course-box {
  width: 450px;
  height: 200px;
  border: solid 3px black;
  border-radius: 5px;
  margin: 10px 10px 40px 0px;
  background: #ffffff;
  position: relative;
  bottom: 22px;
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl {
  margin: 0;
  padding-top: 32px;
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl dt {
  padding-left: 20px;
  height: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl dd {
  background: #000000;
  color: #ffffff;
  border-radius: 40px;
  margin: 16px;
  padding: 8px 8px 8px 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl dd.mt-0 {
  margin-top: 0;
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl dd :after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  top: 120px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sake-second-stage-exam-wrapper .course-inner .course-box dl dd a {
  color: #ffffff;
  display: block;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon > img {
  width: 150px;
  font-size: 24px;
  font-size: 2.4rem;
  position: absolute;
  bottom: 145px;
  left: 10px;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon > p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext1 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext2 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext3 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-inner .course-box .comment-baloon .baloontext4 {
  position: relative;
  bottom: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-detail {
  padding-top: 90px;
  width: 920px;
  margin: 20px auto 60px;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 40px;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-left {
  width: 200px;
  height: 150px;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner img {
  width: 200px;
  height: 150px;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-right {
  width: 720px;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .detail-info-right > h2 {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 12px 0px;
  line-height: 1.4;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .area-block > .area-pin:before {
  display: inline-block;
  font-family: "Ionicons";
  padding-left: 5px;
  padding-right: 2px;
  content: "";
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .tokyo:before {
  color: #4072C1;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .osaka:before {
  color: #950000;
}
.sake-second-stage-exam-wrapper .course-detail .course-detail-inner .nagoya:before {
  color: #010035;
}
.sake-second-stage-exam-wrapper .course-detail .course-target {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 16px;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-detail .course-description {
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-second-stage-exam-wrapper .course-detail .button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 920px;
  margin: 15px 0;
}
.sake-second-stage-exam-wrapper .course-detail .button-area > .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 450px;
  height: 54px;
  border: solid 2px #6E5516;
  color: #6E5516;
  margin: 5px 0;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.sake-second-stage-exam-wrapper .course-detail .button-area > .button-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.sake-second-stage-exam-wrapper .course-detail .button-area > .button-wrap-twoline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 450px;
  border: solid 2px #6E5516;
  color: #6E5516;
  margin: 5px 0;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  max-height: 95px;
}
.sake-second-stage-exam-wrapper .course-detail .button-area > .button-wrap-twoline .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.sake-second-stage-exam-wrapper .course-detail .button-area .button-label {
  width: 291px;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6E5516;
  font-weight: bold;
}
.sake-second-stage-exam-wrapper .course-detail .button-area .buttontext:after {
  content: "";
  z-index: 5;
  border-top: 19px solid #ffffff;
  border-right: 25px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 25px solid transparent;
  position: absolute;
  top: 5px;
  right: 91px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sake-second-stage-exam-wrapper .course-detail .button-area .buttontext {
  display: block;
  width: 135px;
  color: #6E5516;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  background: #6E5516;
  color: white;
  position: relative;
  padding: 5px 0 0 15px;
  line-height: 1.4;
  margin: 0;
}
.sake-second-stage-exam-wrapper .course-detail .button-area .buttontext-large:after {
  content: "";
  z-index: 5;
  display: inline-block;
  border-top: 26px solid #ffffff;
  border-right: 46px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 45px solid transparent;
  position: relative;
  top: -54px;
  right: 40px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sake-second-stage-exam-wrapper .course-detail .button-area .buttontext-large {
  width: 135px;
  color: #6E5516;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  background: #6E5516;
  color: white;
  padding: 12px 0 0 16px;
  line-height: 25px;
  margin: 0;
}
.sake-second-stage-exam-wrapper .course-detail .button-area small {
  margin: 15px 0;
}
.sake-second-stage-exam-wrapper .course-detail .button-area .left {
  margin-right: 20px;
}
.sake-second-stage-exam-wrapper .course-detail > hr {
  width: 400px;
  color: #dadbdc;
  margin: 20px auto;
}
.sake-second-stage-exam-wrapper > .information-area {
  padding-bottom: 80px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area {
  width: 650px;
  margin: 0 auto;
  border: solid 5px #FFD442;
  padding: 0;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool {
  margin: 0;
  border-top: solid 2px #FFD442;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dt {
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 30px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dd {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  margin: 0 30px;
  border-bottom: dotted 2px #000;
  padding-bottom: 30px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .tel-groupschool > dd > a {
  text-decoration: none;
  color: #000000;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .time {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 30px;
  margin-bottom: 10px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .astarisk {
  margin-bottom: 30px;
  margin-top: 10px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .message > img {
  display: block;
  position: relative;
  bottom: 31px;
  height: 180px;
  padding-left: 50px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide {
  text-align: left;
  padding-left: 20px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide > p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0 5px;
}
.sake-second-stage-exam-wrapper > .information-area > .tel-area > .message .tel-guide .consultation {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: left;
  font-weight: bold;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  margin: 5px 0;
  line-height: 1.5;
}

.page-step1-01 .l-main {
  margin: 0 auto;
}
.page-step1-01 .l-main img {
  width: 100%;
  vertical-align: bottom;
}
.page-step1-01 .l-main section > .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1080px;
}
.page-step1-01 .l-main .center {
  text-align: center;
}
.page-step1-01 .top-wrapper .img-top {
  position: relative;
  width: 100%;
  background: url(/img/ver2.0/lp/step1-01/pc/bg-top.png) center no-repeat;
  background-size: 100% auto;
  padding-bottom: calc(100%*1270/1563);
}
.page-step1-01 .top-wrapper .img-top .img-top-wine {
  position: absolute;
  width: 42.629%;
  left: 2.5%;
  bottom: -1%;
}
.page-step1-01 .top-wrapper .inner {
  max-width: 1080px;
  margin: 0 auto;
}
.page-step1-01 .top-wrapper .img-top-text-01 {
  width: 100%;
  margin: 3% auto 0;
}
.page-step1-01 .top-wrapper .img-top-text-02 {
  width: 67%;
  margin: 0 auto;
}
.page-step1-01 .top-wrapper .img-top-text-02 > img {
  width: 100%;
}
.page-step1-01 .top-wrapper .top-btn {
  margin-top: 3.5%;
}
.page-step1-01 .top-wrapper .btn-free-trial {
  width: 57.2179%;
  margin: 2.25% auto 0;
  padding-bottom: 5.25%;
}
.page-step1-01 .wine-basics {
  margin: 3.0711% auto;
  max-width: 1080px;
}
.page-step1-01 .wine-basics .wine-basics-row {
  width: 77.9903%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 2.5%;
}
.page-step1-01 .wine-basics .wine-basics-row .wine-basics-cell {
  width: 48.1731%;
  margin: 0 auto;
}
.page-step1-01 .wine-basics .heading {
  width: 56.4305%;
  margin: 5% auto;
}
.page-step1-01 .wine-basics img {
  width: 100%;
  vertical-align: bottom;
}
.page-step1-01 .wine-basics-btn {
  width: 57.2179%;
  margin: 10.5% auto;
  text-align: center;
}

.good-thing {
  background-image: url(/img/ver2.0/lp/step1-01/pc/wave_01.png);
  background-size: 50%;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 5%;
}
.good-thing .gt-wrap {
  background: #E9DDCC;
}
.good-thing .heading {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 0 60px;
  text-align: center;
}
.good-thing .heading > img {
  width: 60%;
}
.good-thing .gt-content-wrapper {
  background: #E9DDCC;
  padding-bottom: 5%;
}
.good-thing .gt-content-wrapper .gt-content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 77.9903%;
  margin: 0 auto 2.997%;
}
.good-thing .gt-content-wrapper .gt-content-row .gt-content-cell {
  width: 48.077%;
}
.good-thing .gt-content-wrapper .gt-content-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 77.9903%;
  margin: 0 auto 2.997%;
  text-align: center;
}
.good-thing .gt-content-wrapper .gt-content-row-center .gt-content-cell {
  width: 48.077%;
}

.high-threshold {
  background-image: url(/img/ver2.0/lp/step1-01/pc/wave_03.png);
  background-size: 50%;
  background-repeat: repeat-x;
  background-position: top;
}
.high-threshold .high-threshold-text-top {
  width: 82.0858%;
  margin: 0 auto;
}
.high-threshold .thereshold-inner {
  position: relative;
  background: url(/img/ver2.0/lp/step1-01/pc/bg-visual02.png) center no-repeat;
  background-size: 100% auto;
  padding-bottom: 76%;
  z-index: -1;
}
.high-threshold .high-threshold-img {
  position: absolute;
  width: 40.7166%;
  top: 15%;
  left: 13.7748%;
}
.high-threshold .img-all-right {
  position: absolute;
  width: 30.7166%;
  top: 62%;
  left: 14.7748%;
}

.wine-school {
  padding: 3.7109% 0;
  max-width: 1080px;
  margin: 0 auto;
}
.wine-school .school-point {
  max-width: 1080px;
  width: 77.9903%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wine-school #img-domestic-1 {
  width: 50%;
  vertical-align: bottom;
}
.wine-school #heading {
  width: 60%;
  vertical-align: bottom;
}
.wine-school .wine-school-btn {
  width: 57.2179%;
  margin: 5.25% auto;
  text-align: center;
}
.wine-school .recommended-points {
  margin: 4.2227% auto 0;
}
.wine-school .point-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 81.0621%;
  margin: 4.6066% auto 0;
}
.wine-school .point-content img {
  width: 50%;
  height: 50%;
  margin: 2.5%;
}
.wine-school .point-content + .point-content {
  margin-top: 1%;
}

.easy-to-go {
  background: #E9DDCC;
  margin: 5% 0 0;
}
.easy-to-go .etg-content {
  margin: 6.358% auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.easy-to-go .etg-content > img {
  width: 100%;
}
.easy-to-go .inner {
  max-width: 1080px;
  margin: 0 auto;
}
.easy-to-go .easy-to-go-text {
  width: 38%;
  text-align: center;
  margin: 2.0834% auto 0;
  text-align: center;
}
.easy-to-go .easy-to-go-text > img {
  width: 100%;
}
.easy-to-go .join-text {
  width: 37%;
  margin: 6.5105% auto 0;
}
.easy-to-go .join-text > img {
  width: 100%;
}
.easy-to-go .btn-free-trial {
  width: 57.2179%;
  margin: 2.25% auto 0;
  padding-bottom: 5.25%;
  text-align: center;
}
.easy-to-go .app-text {
  width: 21.4454%;
  margin: 1.75% auto 0;
}
.easy-to-go .btn-app {
  width: 57.2179%;
  margin: 1.5% auto 0;
  padding-bottom: 5.25%;
  text-align: center;
}

.review .inner-wave {
  padding-top: 5%;
  padding-top: 12%;
  background-image: url(/img/ver2.0/lp/step1-01/pc/wave_02.png);
  background-size: 50%;
  background-repeat: repeat-x;
  background-position: top;
}
.review .inner {
  max-width: 1080px;
  margin: 0 auto;
}
.review .review-title {
  max-width: 1080px;
  margin: 0 auto;
}
.review .review-title > img {
  width: 50%;
}
.review .review-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3% auto;
}
.review .review-wrap + .review-wrap {
  margin-top: 7.2887%;
}
.review .review-wrap > img {
  display: block;
  width: 25%;
}
.review .review-btn {
  width: 57.2179%;
  margin: 5.25% auto 0;
  padding-bottom: 5.25%;
  text-align: center;
}

.actual-situation {
  background: #E9DDCC;
  margin-top: 15.9506%;
  padding-bottom: 6.5105%;
}
.actual-situation .actual-inner-wave {
  background-image: url(/img/ver2.0/lp/step1-01/pc/wave_01.png);
  background-size: 50%;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 7.5%;
  position: relative;
  bottom: 58px;
}
.actual-situation .inner {
  max-width: 1080px;
  margin: 0 auto;
}
.actual-situation .actual-situation-title {
  width: 56.0027%;
  margin: 3.125% auto 0;
}
.actual-situation .faq-box {
  width: 78%;
  margin: 5.1222% auto 0;
}
.actual-situation .faq-box .answer-box {
  background-color: #fff;
}
.actual-situation .faq-box .answer-box .inner {
  margin: 0 auto;
  text-align: center;
}
.actual-situation .faq-box .answer-box .inner > img {
  width: 100%;
}
.actual-situation .faq-box .answer-box .inner > img + img {
  margin-top: 6.777%;
}
.actual-situation .join-text {
  width: 37%;
  margin: 6.5105% auto 0;
}
.actual-situation .join-text > img {
  width: 100%;
}
.actual-situation .join-text .inner {
  max-width: 1080px;
}
.actual-situation .btn-free-trial {
  width: 57.2179%;
  margin: 2.25% auto 0;
  padding-bottom: 5.25%;
  text-align: center;
}
.actual-situation .btn-free-trial > img {
  width: 100%;
}
.actual-situation .app-text {
  width: 21.4454%;
  margin: 5.0782% auto 0;
}
.actual-situation .btn-app {
  width: 57.2179%;
  margin: 2.0834% auto 0;
}
.actual-situation .btn-app a {
  margin: 0 auto;
}

.l-footer .footer-unit.-first {
  margin-top: 0;
}

.page-step1-02 .l-main {
  margin: 0 auto;
}
.page-step1-02 .l-main img {
  width: 100%;
  vertical-align: bottom;
}
.page-step1-02 .l-main section > .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1080px;
}
.page-step1-02 .l-main .button-trial {
  width: 57.2179%;
  margin: 1.8748% auto 0;
}
.page-step1-02 .l-main .section-page-top .bg-page-top {
  background: url(/img/ver2.0/lp/step1-02/pc/kv_top.png) center no-repeat;
  background-size: 100% auto;
  width: 100%;
  padding-bottom: calc(100%*1334/2667);
}
.page-step1-02 .l-main .section-page-top .btn-wrap {
  margin-top: -2%;
  padding-bottom: 4.9869%;
}
.page-step1-02 .l-main .section-page-top .btn-wrap .btn-heading {
  width: 37.8328%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-wine-basic {
  padding-top: 6.5617%;
  background-color: #f0e3d3;
}
.page-step1-02 .l-main .section-wine-basic .heading {
  margin: 0 auto;
  width: 56.4305%;
}
.page-step1-02 .l-main .section-wine-basic .wine-basic-group {
  margin-top: 6.3743%;
}
.page-step1-02 .l-main .section-wine-basic .wine-basic-group .wine-basic-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 77.9903%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-wine-basic .wine-basic-group .wine-basic-row + .wine-basic-row {
  margin-top: 3.1497%;
}
.page-step1-02 .l-main .section-wine-basic .wine-basic-group .wine-basic-row .wine-basic-cell {
  width: 48.1731%;
}
.page-step1-02 .l-main .section-wine-basic .button-trial {
  margin-top: 5.25%;
}
.page-step1-02 .l-main .section-merit {
  background-image: url(/img/ver2.0/lp/step1-02/pc/bg_merit_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #f1e4d4;
}
.page-step1-02 .l-main .section-merit .heading {
  padding-top: 10.35%;
  width: 56.5805%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-merit .merit-group {
  margin-top: 5.8118%;
}
.page-step1-02 .l-main .section-merit .merit-group .merit-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 77.9903%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-merit .merit-group .merit-row + .merit-row {
  margin-top: 2.9997%;
}
.page-step1-02 .l-main .section-merit .merit-group .merit-row .merit-cell {
  width: 48.077%;
}
.page-step1-02 .l-main .section-merit .button-trial {
  margin-top: 4.08%;
  padding-bottom: 17%;
}
.page-step1-02 .l-main .section-talk .talk {
  padding-top: 4.4995%;
  width: 78.2528%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-recommend-points {
  margin-top: 1.8748%;
}
.page-step1-02 .l-main .section-recommend-points .heading {
  width: 57.4429%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-recommend-points .recommend-points-group {
  margin-top: 2.9997%;
  padding-bottom: 10.8737%;
}
.page-step1-02 .l-main .section-recommend-points .recommend-points-group .recommend-points-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3.3746% auto 0;
  width: 78.1778%;
}
.page-step1-02 .l-main .section-recommend-points .recommend-points-group .recommend-points-row .recommend-points-cell {
  width: 47.9617%;
}
.page-step1-02 .l-main .section-feature-points {
  background-image: url(/img/ver2.0/lp/step1-02/pc/bg_feature_points_top.png);
  background-size: 76px;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #f1e4d4;
}
.page-step1-02 .l-main .section-feature-points .heading {
  padding-top: 9.1864%;
  width: 66.8917%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-feature-points .button-trial {
  margin-top: 7.1242%;
}
.page-step1-02 .l-main .section-review {
  background-color: #f1e4d4;
}
.page-step1-02 .l-main .section-review .heading {
  padding-top: 10.7987%;
  width: 56.618%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-review .review-group {
  padding-top: 5.6243%;
}
.page-step1-02 .l-main .section-review .review-group .review-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 57.2554%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-review .review-group .review-row + .review-row {
  margin-top: 3.3746%;
}
.page-step1-02 .l-main .section-review .review-group .review-row .review-cell {
  width: 47.2752%;
}
.page-step1-02 .l-main .section-review .button-trial {
  margin-top: 5.9993%;
  padding-bottom: 10.5737%;
}
.page-step1-02 .l-main .section-lesson {
  background-color: #40220f;
}
.page-step1-02 .l-main .section-lesson .heading {
  padding-top: 5.6243%;
  width: 56.5805%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-lesson .lesson-content {
  width: 78.2153%;
  margin: 9.1114% auto 0;
}
.page-step1-02 .l-main .section-lesson .lesson-content + .lesson-content {
  margin-top: 5.8118%;
}
.page-step1-02 .l-main .section-lesson .btn-wrap {
  margin-top: 7.4991%;
}
.page-step1-02 .l-main .section-lesson .btn-wrap .btn-heading {
  width: 37.8328%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-lesson .btn-wrap .btn-heading-app {
  width: 17.7353%;
  margin: 0 auto;
}
.page-step1-02 .l-main .section-lesson .btn-wrap:last-of-type {
  padding-bottom: 4.4995%;
}
.page-step1-02 .l-footer .footer-unit.-first {
  margin-top: 0;
}

.cheese-main > * {
  font-weight: normal;
}

.cheese-main > .hero-banner {
  background-image: url("/img/ver2.0/cheese/exam_preparation/pc/bg_keyvisual.jpg");
  background-image: -webkit-image-set(url(/img/ver2.0/cheese/exam_preparation/pc/bg_keyvisual.jpg) 1x, url(/img/ver2.0/cheese/exam_preparation/pc/bg_keyvisual.jpg) 2x);
  background-size: 121%;
  background-position: 46% center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 25px;
}
.cheese-main > .hero-banner > .hero-inner {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.68);
}
.cheese-main > .hero-banner > .hero-inner .subtitle {
  font-size: 29px;
  font-size: 2.9rem;
  display: inline-block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  border-bottom: 1px dashed #515151;
  margin: 0 0 10px;
  padding-bottom: 0;
  font-weight: 700;
  position: relative;
  color: #000;
}
.cheese-main > .hero-banner > .hero-inner {
  width: 700px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.cheese-main > .hero-banner > .hero-inner > .title > .text-block {
  white-space: nowrap;
}
.cheese-main > .hero-banner > .hero-inner > .title > .text-block > .-normal {
  margin-top: 20px;
  margin-bottom: 0;
  color: #000;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-main > .hero-banner > .hero-inner > .title > .text-block > .-normal.-nobackground {
  background: none;
}
.cheese-main > .hero-banner > .hero-inner > .title > .text-block > .-normal .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 10px;
}
.cheese-main > .hero-banner > .hero-inner > .title > .-strong {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(10%, rgba(255, 212, 67, 0.7)));
  background: -o-linear-gradient(transparent 75%, rgba(255, 212, 67, 0.7) 10%);
  background: linear-gradient(transparent 75%, rgba(255, 212, 67, 0.7) 10%);
}
.cheese-main > .hero-banner > .hero-inner > .title > .-strong > span {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.cheese-main > .hero-banner > .point {
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  padding-bottom: 20px;
}
.cheese-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  color: #950000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cheese-main > .hero-banner > .point > li > .text {
  width: 130px;
  font-weight: 700;
}
.cheese-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.cheese-main > .hero-banner > .hero-inner-news:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.cheese-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.cheese-main > .hero-banner > .hero-inner-news .news,
.cheese-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .hero-banner > .hero-inner-news .news {
  margin-top: 30px;
}
.cheese-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.cheese-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.cheese-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.cheese-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.cheese-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.cheese-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.cheese-main > .limited-price-section > figure {
  margin: 0 auto;
}
.cheese-main > .limited-price-section > figure img {
  width: 600px;
}

.cheese-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.cheese-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cheese-main > .conversion-section.-top > .button-unit {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 20px;
  margin-top: 20px;
}

p.note {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}

.button-wrap.-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cheese-main > .conversion-section.-top > .button-unit > .trial-button {
  background: #950000;
  height: 93px;
  border-bottom: 2px solid #2f0000;
  width: 800px !important;
}

.cheese-main > .conversion-section.-top > .button-unit > .button-wrap > .disabled {
  opacity: 0.4;
  pointer-events: none;
}

.cheese-main > .conversion-section.-top > .button-unit > .button-wrap > p {
  margin: 0 0 5px;
  font-weight: 700;
  color: #950000;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

.cheese-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  height: 93px;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.cheese-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.cheese-main > .conversion-section.-top > .button-unit > .button-wrap > .curricula-button.-disabled:after {
  content: "";
}

.cheese-main > .conversion-section.-top > .button-unit .button {
  display: block;
  width: 400px;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  margin: 0 10px 10px;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.cheese-main > .conversion-section.-top > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.cheese-main > .conversion-section.-top > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cheese-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: #7E7E7E;
  color: #6E5516;
}
.cheese-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.cheese-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.cheese-main h2.slant:before, .cheese-main h2.slant:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  border-top: 2px solid #6E5516;
}
.cheese-main h2.slant:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.cheese-main h2.slant:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}

.cheese-main > .concept-section {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.cheese-main > .concept-section > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 990px;
  margin: 0 auto;
}
.cheese-main > .concept-section > .container > .txt-wrap {
  color: #6E5516;
}
.cheese-main > .concept-section > .container > .txt-wrap > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 34px;
  margin-top: 80px;
}
.cheese-main > .concept-section > .container > .txt-wrap > .title::before {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 6rem;
}
.cheese-main > .concept-section > .container > .txt-wrap > .title::after {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 6rem;
}
.cheese-main > .concept-section > .container > .txt-wrap > h3 {
  white-space: nowrap;
  margin: 130px 30px 0 0;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 34px;
}
.cheese-main > .concept-section > .container > .txt-wrap > p {
  font-size: 20px;
  text-align: center;
}
.cheese-main > .concept-section > .container > .img-wrap {
  width: 438px;
}
.cheese-main > .concept-section > .container > .img-wrap > img {
  width: 100%;
}

.cheese-main > .howto-section {
  padding: 100px 0;
}
.cheese-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.cheese-main > .howto-section > .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 40px;
}
.cheese-main > .howto-section > .inner > .title > h2 {
  position: relative;
  margin: 0 0 0 50px;
  line-height: 1.3;
  text-align: left;
  color: #6E5516;
}
.cheese-main > .howto-section > .inner > .title > h2::before {
  content: url(/img/ver2.0/license/basic/pc/q.png);
  position: absolute;
  top: -75px;
  left: -49px;
  z-index: -1;
}
.cheese-main > .howto-section > .inner > .title > h3 {
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 22px;
  font-weight: 700;
  color: #2C1002;
  margin: 5px 0 0;
}
.cheese-main > .howto-section > .inner > .title > h3::before {
  content: url(/img/ver2.0/license/basic/pc/a.png);
  position: absolute;
  top: -78px;
  left: -55px;
  z-index: -1;
}
.cheese-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.cheese-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.cheese-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.cheese-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.cheese-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.cheese-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.cheese-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.cheese-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.cheese-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.cheese-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.cheese-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.cheese-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cheese-main > .recommend-section > .list-check > li:last-of-type {
  border-bottom: 0;
}

.cheese-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 60px;
  background: #F8F7F2;
}
.cheese-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.cheese-main > .features-section > h3 img {
  padding-right: 10px;
}
.cheese-main > .features-section > h3:before, .cheese-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.cheese-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.cheese-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.cheese-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.cheese-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.cheese-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .device {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .device > img {
  width: 80%;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 10px 10px 10px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .text .feature-detail-img {
  text-align: center;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.cheese-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.cheese-main .live-section {
  margin-top: -60px;
  background: #6E5516;
  color: #fff;
  padding-bottom: 70px;
}
.cheese-main .live-section .inner {
  background: #fff;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
}
.cheese-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 40px;
}
.cheese-main .live-section .box.-text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.cheese-main .live-section .box.-text h3 {
  margin-top: 40px;
  font-weight: bold;
}
.cheese-main .live-section .box.-text .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
}
.cheese-main .live-section .box.-text ul li {
  margin-top: 20px;
  position: relative;
}
.cheese-main .live-section .box.-text ul li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #950000;
  border-bottom: 3px solid #950000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.cheese-main .live-section .box.-text ul.-type2 li {
  margin-top: 20px;
  position: relative;
}
.cheese-main .live-section .box.-text ul.-type2 li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 10px;
  height: 6px;
  border-left: 3px solid #FFD443;
  border-bottom: 3px solid #FFD443;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.cheese-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.cheese-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.cheese-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.cheese-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.cheese-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.cheese-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.cheese-main .online-section h3 {
  padding-top: 10px;
}
.cheese-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.cheese-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.cheese-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.cheese-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.cheese-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.cheese-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.cheese-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.cheese-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cheese-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin: 0 auto;
  padding-bottom: 25px;
}
.cheese-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.cheese-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.cheese-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.cheese-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.cheese-main > .courseflow-section > .course-card-group {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.cheese-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
}
.cheese-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.cheese-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.cheese-main .teacher-section > h2,
.cheese-main .teacher-section > h2 > span {
  color: #515151;
}
.cheese-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.cheese-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.cheese-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.cheese-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.cheese-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.cheese-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.cheese-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.cheese-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.cheese-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.cheese-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.cheese-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.cheese-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.cheese-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.cheese-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.cheese-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.cheese-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}

.cheese-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.cheese-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.cheese-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.cheese-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cheese-main > .conversion-section > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cheese-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.cheese-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.cheese-main > .conversion-section > .button-unit .button-wrap > .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cheese-main > .conversion-section > .button-unit .button-wrap > .curricula-button {
  background: #DB8338;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.cheese-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.cheese-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled:after {
  content: "";
}
.cheese-main > .conversion-section > .button-unit .button-wrap > .curricula-button:hover {
  background: #e39e63;
}
.cheese-main > .conversion-section > .button-unit .button-wrap > p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #950000;
  margin: 0 0 5px;
  text-align: center;
}

.cheese-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.cheese-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.cheese-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.cheese-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.cheese-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.cheese-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.cheese-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-main > .faq-section > h2 {
  color: #6E5516;
}
.cheese-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.cheese-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.cheese-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.cheese-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-main > .faq-section > .faq-item > dd > .text-group p:nth-of-type(1) {
  margin-top: 0;
}
.cheese-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

.cheese-live-main > * {
  font-weight: normal;
}

.cheese-live-main > .hero-banner {
  background-image: url("/img/ver2.0/cheese/live/pc/bg_keyvisual.png");
  background-image: -webkit-image-set(url(/img/ver2.0/cheese/live/pc/bg_keyvisual.png) 1x, url(/img/ver2.0/cheese/live/pc/bg_keyvisual@2x.png) 2x);
  background-position: 80% center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 25px;
}
.cheese-live-main > .hero-banner > .hero-inner {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.68);
}
.cheese-live-main > .hero-banner > .hero-inner .subtitle {
  font-size: 29px;
  font-size: 2.9rem;
  display: inline-block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  border-bottom: 1px dashed #515151;
  margin: 0 0 10px;
  padding-bottom: 0;
  font-weight: 700;
  position: relative;
  color: #000;
}
.cheese-live-main > .hero-banner > .hero-inner {
  width: 700px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .text-block {
  white-space: nowrap;
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal {
  margin-top: 20px;
  margin-bottom: 0;
  color: #000;
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal.-nobackground {
  background: none;
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .text-block > .-normal .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 10px;
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .-strong {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #950000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(10%, rgba(255, 212, 67, 0.7)));
  background: -o-linear-gradient(transparent 75%, rgba(255, 212, 67, 0.7) 10%);
  background: linear-gradient(transparent 75%, rgba(255, 212, 67, 0.7) 10%);
}
.cheese-live-main > .hero-banner > .hero-inner > .title > .-strong > span {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
}
.cheese-live-main > .hero-banner > .point {
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  padding-bottom: 20px;
}
.cheese-live-main > .hero-banner > .point > li {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px #950000 solid;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  color: #950000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cheese-live-main > .hero-banner > .point > li > .text {
  width: 130px;
  font-weight: 700;
}
.cheese-live-main > .hero-banner > .point > li .smalltext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.cheese-live-main > .hero-banner > .hero-inner-news:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.cheese-live-main > .hero-banner > .hero-inner-news .newsgrup {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.cheese-live-main > .hero-banner > .hero-inner-news .news,
.cheese-live-main > .hero-banner > .hero-inner-news .recommend {
  background: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .hero-banner > .hero-inner-news .news {
  margin-top: 30px;
}
.cheese-live-main > .hero-banner > .hero-inner-news .news > a {
  color: #950000;
  text-decoration: underline;
}
.cheese-live-main > .hero-banner > .hero-inner-news .recommend {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
}
.cheese-live-main > .hero-banner > .hero-inner-news .recommend > .title {
  position: absolute;
  display: block;
  top: -20px;
  left: calc(50% - 250px);
  width: 500px;
  padding: 3.3333333333px 10px;
  background: #FFD443;
  border-radius: 18px;
  font-weight: 700;
}
.cheese-live-main > .hero-banner > .hero-inner-news .recommend > .title:after {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 4px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #FFD443 transparent transparent transparent;
}
.cheese-live-main > .hero-banner > .hero-inner-news .recommend > a > img {
  margin-top: 30px;
  width: 720px;
  border: 1px solid #515151;
  -webkit-box-shadow: 0 2px 0 #CCCCCC;
          box-shadow: 0 2px 0 #CCCCCC;
}

.cheese-live-main > .limited-price-section {
  text-align: center;
  background-color: #FFD443;
  margin-bottom: 30px;
}
.cheese-live-main > .limited-price-section > figure {
  margin: 0 auto;
}
.cheese-live-main > .limited-price-section > figure img {
  width: 600px;
}

.cheese-live-main > .campaign-section {
  margin-top: calc(10px * -2);
  background: #FFD443;
}
.cheese-live-main > .campaign-section > picture > img {
  width: 45%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cheese-live-main > .conversion-section.-top > .button-unit {
  padding: 0;
  margin: 50px 0 18px;
  display: block;
}
.cheese-live-main > .conversion-section.-top > .button-unit .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cheese-live-main > .conversion-section.-top > .button-unit .button-wrap p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #950000;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
}

.cheese-live-main > .conversion-section.-top > .button-unit > .trial-button {
  position: relative;
  background: #950000;
  border-bottom: 2px solid #2f0000;
}
.cheese-live-main > .conversion-section.-top > .button-unit > .trial-button::after {
  content: "オンライン説明会も開催！";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 20px;
  top: 0;
  width: 236px;
  height: 36px;
  background-color: #fff;
  border: 3px solid #950000;
  border-radius: 60px;
  color: #950000;
  font-weight: bold;
  font-size: 16px;
}

.cheese-live-main > .conversion-section.-top > .button-unit .curricula-button {
  background: #DB8338;
  border-bottom: 2px solid #92521b;
  margin-top: 10px;
  /*
   .fukidashi {
     display: inline-block;
     background: $white;
     color: $black;
     padding: 2px $spacer;
     @include font-size(18);
     font-weight: $font-weight-bold;
     border-radius: 30px;
     border: 2px solid #FF0062;
     color: #FF0062;
     position: absolute;
     top: -12px;

     &:before {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid #FF0062;
       position: absolute;
       left: 50%;
       bottom: -8px;
       margin-left: -4px;
     }

     &:after {
       display: block;
       content: "";
       width: 0;
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-top: 8px solid $white;
       position: absolute;
       left: 50%;
       margin-left: -4px;
     }
   }
  */
}
.cheese-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.cheese-live-main > .conversion-section.-top > .button-unit .curricula-button.-disabled:after {
  content: "";
}

.cheese-live-main > .conversion-section.-top > .button-unit .button {
  display: block;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  padding: 20px;
  color: #fff;
  border-radius: 4px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}

.cheese-live-main > .conversion-section.-top > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.cheese-live-main > .conversion-section.-top > .button-unit .button:before {
  display: block;
  font-family: "Ionicons";
  content: "";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cheese-live-main h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: #7E7E7E;
  color: #6E5516;
}
.cheese-live-main h2 > span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  color: #7E7E7E;
  font-weight: 700;
}
.cheese-live-main h2 > span.line-box {
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  color: #6E5516;
  font-weight: 700;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
}
.cheese-live-main h2.slant:before, .cheese-live-main h2.slant:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  border-top: 2px solid #6E5516;
}
.cheese-live-main h2.slant:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.cheese-live-main h2.slant:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}

.cheese-live-main > .concept-section {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.cheese-live-main > .concept-section > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 990px;
  margin: 0 auto;
}
.cheese-live-main > .concept-section > .container > .txt-wrap {
  color: #6E5516;
}
.cheese-live-main > .concept-section > .container > .txt-wrap > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 34px;
  margin-top: 80px;
}
.cheese-live-main > .concept-section > .container > .txt-wrap > .title::before {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 6rem;
}
.cheese-live-main > .concept-section > .container > .txt-wrap > .title::after {
  content: "";
  border-top: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 6rem;
}
.cheese-live-main > .concept-section > .container > .txt-wrap > h3 {
  white-space: nowrap;
  margin: 130px 30px 0 0;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  font-size: 34px;
}
.cheese-live-main > .concept-section > .container > .txt-wrap > p {
  font-size: 20px;
  text-align: center;
}
.cheese-live-main > .concept-section > .container > .img-wrap {
  width: 438px;
}
.cheese-live-main > .concept-section > .container > .img-wrap > img {
  width: 100%;
}

.cheese-live-main > .howto-section {
  padding: 100px 0;
}
.cheese-live-main > .howto-section > .inner {
  width: 1000px;
  margin: 0 auto;
}
.cheese-live-main > .howto-section > .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 40px;
}
.cheese-live-main > .howto-section > .inner > .title > h2 {
  position: relative;
  margin: 0 0 0 50px;
  line-height: 1.3;
  text-align: left;
  color: #6E5516;
}
.cheese-live-main > .howto-section > .inner > .title > h2::before {
  content: url(/img/ver2.0/license/basic/pc/q.png);
  position: absolute;
  top: -75px;
  left: -49px;
  z-index: -1;
}
.cheese-live-main > .howto-section > .inner > .title > h3 {
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-size: 22px;
  font-weight: 700;
  color: #2C1002;
  margin: 5px 0 0;
}
.cheese-live-main > .howto-section > .inner > .title > h3::before {
  content: url(/img/ver2.0/license/basic/pc/a.png);
  position: absolute;
  top: -78px;
  left: -55px;
  z-index: -1;
}
.cheese-live-main > .howto-section > .inner > dd {
  width: 950px;
  margin: 0 auto;
  padding-top: 35px;
}
.cheese-live-main > .howto-section > .inner > dd > .slide-area {
  display: none;
}
.cheese-live-main > .howto-section > .inner > dd p {
  font-size: 18px;
  color: #2C1002;
}
.cheese-live-main > .howto-section > .inner > dd p:nth-child(1) {
  margin-top: 0;
}
.cheese-live-main > .howto-section > .inner > .open-btn-area {
  text-align: center;
  position: relative;
}
.cheese-live-main > .howto-section > .inner > .open-btn-area::before {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  height: 40px;
  /*グラデーションで隠す高さ*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.cheese-live-main > .howto-section > .inner > .open-btn-area > .open-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #BEA870;
}
.cheese-live-main > .howto-section > .inner > .open-btn-area > .open-btn:hover {
  cursor: pointer;
}
.cheese-live-main > .howto-section > .inner > .open-btn-area > .open-btn::after {
  content: "＋";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  padding: 1px 0 0 0.5px;
  font-size: 23px;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #BEA870;
  border-radius: 30px;
}
.cheese-live-main > .howto-section > .inner > .open-btn-area > .open-btn.open::after {
  content: "－";
}

.cheese-live-main > .recommend-section {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .recommend-section > .list-check {
  list-style: none;
  padding: 0px;
}
.cheese-live-main > .recommend-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cheese-live-main > .recommend-section > .list-check > li:last-of-type {
  border-bottom: 0;
}

.cheese-live-main > .features-section {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 60px;
  background: #F8F7F2;
}
.cheese-live-main > .features-section > h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.cheese-live-main > .features-section > h3 img {
  padding-right: 10px;
}
.cheese-live-main > .features-section > h3:before, .cheese-live-main > .features-section > h3:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 1px solid #000;
}
.cheese-live-main > .features-section > h3:before {
  -webkit-transform: rotateZ(55deg);
      -ms-transform: rotate(55deg);
          transform: rotateZ(55deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-right: 10px;
}
.cheese-live-main > .features-section > h3:after {
  -webkit-transform: rotateZ(-55deg);
      -ms-transform: rotate(-55deg);
          transform: rotateZ(-55deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  margin-left: 10px;
}
.cheese-live-main > .features-section > .features-card-group {
  padding-bottom: 10px;
  position: relative;
}
.cheese-live-main > .features-section > .features-card-group > .features-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  margin-bottom: 30px;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .photo {
  width: 100%;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .device {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .device > img {
  width: 80%;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon {
  background: #6E5516;
  color: #fff;
  margin-top: -50px;
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon > .number {
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  display: block;
  margin-top: -10px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .icon.-dark {
  background: #281203;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block {
  margin-top: -10px;
  background: #fff;
  padding: 0 10px 10px 10px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .text .feature-detail-img {
  text-align: center;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .text > p > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > h3 {
  margin-top: 80px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #281203;
  text-align: center;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin: 30px auto 0;
  position: relative;
  color: #000;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .use:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 26px 0 26px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50px;
  left: 43%;
  margin-left: -5px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .price {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px 0;
  margin: 0;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .use > .word-strike {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: line-through;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal {
  margin-top: 50px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #950000;
  text-align: center;
  line-height: 1.5;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .appeal > .text > .free {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li {
  background-position: 10px 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.cheese-live-main > .features-section > .features-card-group > .features-card > .text-block > .online-section > .list-check > li > span {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(190, 168, 112, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(190, 168, 112, 0.4) 70%);
}

.cheese-live-main .live-section {
  background: #BDA96F;
  color: #fff;
  padding-bottom: 70px;
}
.cheese-live-main .live-section .inner {
  background: #fff;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 6px;
}
.cheese-live-main .live-section .photo {
  width: 100%;
}
.cheese-live-main .live-section .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center";
  border-radius: 6px 6px 0 0;
}
.cheese-live-main .live-section .box.-text {
  font-size: 18px;
  color: #333;
  padding: 10px 40px 40px;
}
.cheese-live-main .live-section .box.-text > p > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: bold;
}
.cheese-live-main .live-section .box.-text h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  margin-top: 40px;
  font-weight: bold;
  background-color: #BDA96F;
  color: #fff;
  border-radius: 6px;
}
.cheese-live-main .live-section .box.-text ul.-type1 {
  padding-left: 0;
}
.cheese-live-main .live-section .box.-text ul.-type1 > li {
  padding: 22.5px 0;
  padding-left: 50px;
  position: relative;
  border-top: 1px dashed #515151;
  border-bottom: 1px dashed #515151;
}
.cheese-live-main .live-section .box.-text ul.-type1 > li + li {
  border-top: 0;
}
.cheese-live-main .live-section .box.-text ul.-type1 > li::after {
  content: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  position: absolute;
  top: 26px;
  left: 15px;
}
.cheese-live-main .live-section .box.-text p.right {
  text-align: right;
}
.cheese-live-main .live-section .box.-text ul.-type2 {
  padding-left: 96px;
}
.cheese-live-main .live-section .box.-text ul.-type2 > li {
  margin-top: 20px;
  position: relative;
}
.cheese-live-main .live-section .box.-text ul.-type2 > li:after {
  display: block;
  position: absolute;
  top: 7px;
  left: -70px;
}
.cheese-live-main .live-section .box.-text ul.-type2 > li.li1::after {
  content: url("/img/ver2.0/license/live/pc/li1.svg");
}
.cheese-live-main .live-section .box.-text ul.-type2 > li.li2::after {
  content: url("/img/ver2.0/license/live/pc/li2.svg");
}
.cheese-live-main .live-section .box.-text ul.-type2 > li.li3::after {
  content: url("/img/ver2.0/license/live/pc/li3.svg");
}
.cheese-live-main .live-section .box.-text ul.-type2 > li h4 {
  margin: 0;
  color: #6D5517;
  font-size: 18px;
  font-weight: bold;
}
.cheese-live-main .live-section .box.-text ul.-type2 > li p {
  margin-top: 0;
  font-size: 16px;
}
.cheese-live-main .live-section .box.-text ul.-type2 > li p span {
  font-weight: bold;
}
.cheese-live-main .live-section h2 {
  color: #fff;
  padding-top: 50px;
}
.cheese-live-main .live-section h2 .catchcopy1 {
  position: relative;
  display: block;
  color: #fff;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.cheese-live-main .live-section h2 .catchcopy1:before {
  content: "";
  width: 25px;
  height: 25px;
  border-left: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.cheese-live-main .live-section h2 .catchcopy1:after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.cheese-live-main .live-section h2 .catchcopy2 {
  display: block;
  font-size: 28px;
  color: #fff;
}

.cheese-live-main .online-section {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
.cheese-live-main .online-section h3 {
  padding-top: 10px;
}
.cheese-live-main .online-section h3 > .icon-fukidashi {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background: #FFD443;
  text-align: center;
  width: 150px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
.cheese-live-main .online-section h3 > .icon-fukidashi:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFD443 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.cheese-live-main .online-section h3 > .title {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.cheese-live-main .online-section h3 > .title > .-border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(255, 212, 67, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(255, 212, 67, 0.4) 70%);
  font-weight: 700;
}
.cheese-live-main .online-section h3 > .title > .price {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: line-through;
  color: #CCCCCC;
}
.cheese-live-main .online-section .photo {
  width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main .online-section .photo img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: auto;
}
.cheese-live-main .online-section > .list-check {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 30px;
}
.cheese-live-main .online-section > .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cheese-live-main > .environment-section > .environment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 700px;
  margin: 0 auto;
  padding-bottom: 25px;
}
.cheese-live-main > .environment-section > .environment-group > .environment-card {
  width: 30%;
  text-align: center;
  margin-bottom: 30px;
}
.cheese-live-main > .environment-section > .environment-group > .environment-card > .environmenticon > img {
  width: 110px;
  height: 110px;
}
.cheese-live-main > .environment-section > .environment-group > .environment-card .text-block {
  font-size: 18px;
  font-size: 1.8rem;
}

.cheese-live-main > .courseflow-section {
  padding-top: 20px;
  background: rgba(255, 212, 67, 0.25);
  padding-bottom: 80px;
}
.cheese-live-main > .courseflow-section > .course-card-group {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 450px;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card + .course-card {
  margin-left: 25px;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .photo {
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .photo > picture > img {
  object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .text-block {
  position: relative;
  padding: 10px;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .timelabel {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, rgba(255, 212, 67, 0.8)));
  background: -o-linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  background: linear-gradient(transparent 0%, rgba(255, 212, 67, 0.8) 0%);
  width: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -40px;
  left: 50%;
  margin-left: -35px;
  z-index: 1;
  position: absolute;
  font-weight: bolder;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title {
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .title > .time-box {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.cheese-live-main > .courseflow-section > .course-card-group > .course-card > .text-block > .text {
  padding: 10px 10px 40px;
}
.cheese-live-main > .courseflow-section > .course-card-group > .triangle-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #6E5516;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.cheese-live-main .teacher-section {
  padding-bottom: 20px;
  padding-top: 30px;
  background: #FFD443;
}
.cheese-live-main .teacher-section > h2,
.cheese-live-main .teacher-section > h2 > span {
  color: #515151;
}
.cheese-live-main .teacher-section > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
}
.cheese-live-main .teacher-section > .teacher-card-group {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-viewport {
  position: relative;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav {
  list-style-type: none;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-prev:after {
  margin-left: -20px;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav .flex-nav-next:after {
  margin-right: -100px;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-control-nav {
  position: absolute;
  top: -60px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-control-nav li a {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 10px;
  border: 2px solid #515151;
  background-color: #FFD443;
  font-size: 0;
  opacity: 1;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-control-nav li a.flex-active {
  background-color: #950000;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav a {
  width: 40px;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-prev {
  left: -30px;
}
.cheese-live-main .teacher-section > .teacher-card-group .flex-direction-nav a.flex-next {
  right: -30px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 4px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 50px;
  position: relative;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card:last-child {
  margin-bottom: 30px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup {
  height: 350px;
  overflow: hidden;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .textgrup .list-check > li {
  border-bottom: 1px dashed #515151;
  background-image: url("/img/ver2.0/license/exam_preparation/sp/icon_checkbox.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  height: 100px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 40px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card .more-button-typeB.active {
  background: none;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 10px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .teachername {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block .schoolname {
  background: #6E5516;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  padding: 2px 10px;
  margin-left: 10px;
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
          box-shadow: 0px 2px 5px 0px rgba(126, 126, 126, 0.5);
}
.cheese-live-main .teacher-section > .teacher-card-group .teacher-card > .teachername-block > .photo > picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.cheese-live-main > .quality-section .box {
  width: 1000px;
  margin: 40px auto 110px;
  border: 4px solid #6E5516;
}
.cheese-live-main > .quality-section .box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
}
.cheese-live-main > .quality-section .box .inner .text-wrap {
  width: 400px;
  line-height: 1.7;
}
.cheese-live-main > .quality-section .box .inner .text-wrap > p {
  font-size: 14px;
}
.cheese-live-main > .quality-section .box .inner .text-wrap > p + p {
  margin: 0;
}
.cheese-live-main > .quality-section .box .inner .text-wrap > h2 {
  font-size: 20px;
  margin: 0;
  text-align: left;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.cheese-live-main > .quality-section .box .inner .text-wrap > h3 {
  font-size: 30px;
  line-height: 1.5;
  margin: 10px 0 15px;
  color: #6E5516;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: bold;
}
.cheese-live-main > .quality-section .box .inner .text-wrap .detail {
  font-size: 16px;
}
.cheese-live-main > .quality-section .box .inner .img-wrap {
  width: 458px;
}
.cheese-live-main > .quality-section .box .inner .img-wrap img {
  width: 100%;
}

.cheese-live-main > .curriculum-section {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .curriculum-section > table {
  width: 100%;
  border: 1px solid #6E5516;
}
.cheese-live-main > .curriculum-section > table > tbody > tr > th {
  background: #6E5516;
  color: #fff;
  width: 15%;
  border-bottom: 1px solid rgba(40, 18, 3, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .curriculum-section > table > tbody > tr > td {
  border-bottom: 1px solid rgba(110, 85, 22, 0.5);
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .curriculum-section > .point-block > h3 {
  text-align: center;
  color: #6E5516;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.cheese-live-main > .curriculum-section > .point-block > .text {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
.cheese-live-main > .curriculum-section > .point-block > .text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(110, 85, 22, 0.4)));
  background: -o-linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  background: linear-gradient(transparent 70%, rgba(110, 85, 22, 0.4) 70%);
  font-weight: 700;
}
.cheese-live-main > .curriculum-section .lesson-list .line-through {
  text-decoration: line-through;
}
.cheese-live-main > .curriculum-section .lesson-list .pricedowntext {
  color: #950000;
}
.cheese-live-main > .curriculum-section .lesson-list .textlarge {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.cheese-live-main > .curriculum-section .lesson-list .smalltext {
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese-live-main > .curriculum-section .lesson-list .sale-price {
  display: inline-block;
}
.cheese-live-main > .curriculum-section .lesson-list p {
  font-size: 14px;
  font-size: 1.4rem;
}

.cheese-live-main > .conversion-section {
  font-size: 16px;
  font-size: 1.6rem;
}
.cheese-live-main > .conversion-section .campaign-area {
  background: #FFD443;
}
.cheese-live-main > .conversion-section .campaign-area > picture > img {
  width: 70%;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .conversion-section > .title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  color: #6E5516;
  margin: 0;
}
.cheese-live-main > .conversion-section > .button-unit .button {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #281203;
  font-weight: 700;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 550px;
  margin: 0 auto 30px;
  background: #950000;
  text-align: left;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.35;
  position: relative;
}
.cheese-live-main > .conversion-section > .button-unit .button:hover {
  background: #BEA870;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.cheese-live-main > .conversion-section > .button-unit .button:after {
  display: block;
  font-family: "Ionicons";
  content: "";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cheese-live-main > .conversion-section > .button-unit .button:hover {
  background: #c80000;
}
.cheese-live-main > .conversion-section > .button-unit .button > span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > .curricula-button {
  background: #DB8338;
  /*
  .fukidashi {
    display: inline-block;
    background: $white;
    color: $black;
    padding: 2px $spacer;
    @include font-size(18);
    font-weight: $font-weight-bold;
    border-radius: 30px;
    border: 2px solid #FF0062;
    color: #FF0062;
    position: absolute;
    top: -12px;

    &:before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #FF0062;
      position: absolute;
      left: 50%;
      bottom: -8px;
      margin-left: -4px;
    }

    &:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid $white;
      position: absolute;
      left: 50%;
      margin-left: -4px;
    }
  }
  */
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled {
  background: rgba(138, 138, 138, 0.5);
  border: 1px solid rgba(138, 138, 138, 0.5);
  pointer-events: none;
  color: #000;
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > .curricula-button.-disabled:after {
  content: "";
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > .curricula-button:hover {
  background: #e39e63;
}
.cheese-live-main > .conversion-section > .button-unit .button-wrap > p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #950000;
  margin: 0 0 5px;
  text-align: center;
}

.cheese-live-main > .conversion-section > .button-unit {
  margin-top: 80px;
}
.cheese-live-main > .conversion-section > .button-unit > p {
  text-align: center;
}
.cheese-live-main > .conversion-section > .button-unit .title {
  font-size: 50px;
  font-size: 5rem;
  color: #6E5516;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  font-weight: 700;
  line-height: 1.35;
}
.cheese-live-main > .conversion-section > .button-unit p {
  font-size: 18px;
  font-size: 1.8rem;
}

.tel-group {
  padding: 20px;
  border: 1px solid #CCCCCC;
  margin: 20px 10px;
  text-align: center;
}
.tel-group > .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", "Yu Mincho", YuMincho, "源ノ明朝", serif;
  line-height: 1.35;
}
.tel-group > .tel-groupschool {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 10px;
}
.tel-group > .tel-groupschool > dd {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
.tel-group > .tel-groupschool > dd > a {
  color: #515151;
  font-weight: 700;
}
.tel-group > p {
  margin: 0;
}
.tel-group > .time {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0;
}

.cheese-live-main > .conversion-section > .backlink {
  text-align: center;
  margin-bottom: 60px;
}
.cheese-live-main > .conversion-section > .backlink > a {
  display: block;
  border: 1px solid #6E5516;
  color: #6E5516;
  padding: 10px;
  border-radius: 2px;
  position: relative;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .conversion-section > .backlink > a:before {
  position: absolute;
  display: block;
  font-family: "Ionicons";
  content: "";
  left: 10px;
  top: calc(50% - 10px);
  color: #6E5516;
}

.cheese-live-main > .faq-section {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.cheese-live-main > .faq-section > h2 {
  color: #6E5516;
}
.cheese-live-main > .faq-section > h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #6E5516;
  margin: 10px auto;
}
.cheese-live-main > .faq-section > .faq-item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.cheese-live-main > .faq-section > .faq-item > dt > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #281203;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .faq-section > .faq-item > dt > p {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-live-main > .faq-section > .faq-item > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
.cheese-live-main > .faq-section > .faq-item > dd > span {
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  display: block;
  background: #6E5516;
  color: #fff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.cheese-live-main > .faq-section > .faq-item > dd > .text-group {
  -ms-flex-preferred-size: calc(100% - 61px);
      flex-basis: calc(100% - 61px);
  margin-top: 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.cheese-live-main > .faq-section > .faq-item > dd > .text-group p:nth-of-type(1) {
  margin-top: 0;
}
.cheese-live-main > .faq-section > .faq-item > dd > .text-group > p > .-bold {
  font-weight: 700;
}

/*===============================

import CSS

================================*/
@media screen and (max-width: 899px) {
  /*===============================

  全体共通スタイル

  ================================*/
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 8px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }

  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    line-height: 48px;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid #fff;
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }

  /*===============================

  画面横向き用スタイル KV

  ================================*/
  /*===============================

  全体共通スタイル

  ================================*/

  /*===============================

  追従CTA

  ================================*/
}
@media screen and (max-width: 899px) and (orientation: landscape) {
  .l-wholesalelp2020-main > .kv {
    position: relative;
    height: 70vh !important;
    background: #e6ddc5 !important;
  }
  .l-wholesalelp2020-main > .kv .kv-inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .l-wholesalelp2020-main > .kv .kv-slider {
    position: absolute !important;
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    width: 50vw !important;
    height: 70vh !important;
    overflow: hidden !important;
  }
  .l-wholesalelp2020-main > .kv .kv-slider:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 v;
    background: #e6ddc5 !important;
    -webkit-transform-origin: bottom left !important;
        -ms-transform-origin: bottom left !important;
            transform-origin: bottom left !important;
    -webkit-transform: skewY(-77deg) !important;
        -ms-transform: skewY(-77deg) !important;
            transform: skewY(-77deg) !important;
    z-index: 1 !important;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide img {
    width: 50vw !important;
    height: 70vh !important;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
  }
  .l-wholesalelp2020-main > .kv .title-group {
    position: relative;
    top: 2vh;
    left: 4vw !important;
    bottom: auto;
    background: none !important;
  }
  .l-wholesalelp2020-main > .kv .title-group h1 {
    padding: 0;
    position: relative;
    z-index: 1;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    width: calc(664px / 2);
  }
  .l-wholesalelp2020-main > .kv .title-group h1 img {
    display: block;
    width: 45vw;
    height: auto;
    max-width: calc(664px / 2);
    max-height: calc(300px / 2);
  }
  .l-wholesalelp2020-main > .kv .cta-group.-kv-cta {
    position: absolute;
    display: block !important;
    bottom: -22vh !important;
    left: 0 !important;
    z-index: 2;
  }
  .l-wholesalelp2020-main > .kv .cta-group.-kv-cta .cta-button {
    width: 45vw !important;
    max-width: 335px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: calc(1rem + ((1vw - 2px) * 1.9048));
  }
  .l-wholesalelp2020-main > .kv .cta-group.-kv-cta .cta-button .sub {
    font-size: calc(1rem + ((1vw - 8.6px) * 1.9048));
  }
  .l-wholesalelp2020-main > .reason {
    margin-top: 0;
  }
}
@media screen and (max-width: 899px) {
  .l-wholesalelp2020-main {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    /*===============================

      KV

    ================================*/
    /*===============================

    	CTA

    ================================*/
    /*
      KV専用 cta
    ================================*/
    /*===============================

    共通パーツ

    ================================*/
    /*===============================

    支持される3つの理由

    ================================*/
    /*===============================

    取引実績

    ================================*/
    /*===============================

    当社の強み

    ================================*/
    /*===============================

    こんなご要望にお答えします

    ================================*/
    /*===============================

    発注から納品までスムーズにお届け

    ================================*/
    /*===============================

    お申し込みの流れ

    ================================*/
  }
  .l-wholesalelp2020-main ._sp {
    display: block;
  }
  .l-wholesalelp2020-main ._pc {
    display: none;
  }
  .l-wholesalelp2020-main > .kv {
    position: relative;
    height: 470px;
  }
  .l-wholesalelp2020-main > .kv .kv-slider {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 470px;
    overflow: hidden;
  }
  .l-wholesalelp2020-main > .kv .kv-slider:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    top: 0;
    left: 0;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
  }
  @-webkit-keyframes zoomIn {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes zoomIn {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide img {
    width: 100vw;
    height: 470px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 0;
       object-position: 0 0;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide.zoomIn {
    -webkit-animation: zoomIn 4s linear 0s 1 normal both;
            animation: zoomIn 4s linear 0s 1 normal both;
  }
  .l-wholesalelp2020-main > .kv .title-group {
    position: absolute;
    background: rgba(242, 235, 215, 0.85);
    width: 100vw;
    height: 223px;
    left: 0;
    bottom: 0;
  }
  .l-wholesalelp2020-main > .kv .title-group h1 {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 20px;
    left: calc(50% - 664px / 2 / 2);
  }
  .l-wholesalelp2020-main .cta-group {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 5vw;
    margin-right: 5vw;
    border: 4px solid #af0305;
    /*
      フルバージョン CTA
    ================================*/
    /*
      最下部のCTA
    ================================*/
    /*
      お問い合わせフォームボタン
    ================================*/
    /*
      資料請求ボタン
    ================================*/
    /*
      お電話ボタン
    ================================*/
  }
  .l-wholesalelp2020-main .cta-group h2.title {
    font-size: 23px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #af0305;
  }
  .l-wholesalelp2020-main .cta-group h2.title:after {
    display: none;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .subtitle {
    margin-top: 30px;
    font-size: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    text-align: center;
    color: #333;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .subtitle:after {
    content: "";
    display: block;
    margin-top: 20px;
    width: 47px;
    height: 1px;
    background: #291104;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .title {
    font-size: 19px;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .title .highlight {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fed142));
    background: -o-linear-gradient(transparent 60%, #fed142 60%);
    background: linear-gradient(transparent 60%, #fed142 60%);
  }
  .l-wholesalelp2020-main .cta-group.-typelast .title {
    font-size: 17px;
    color: #333;
  }
  .l-wholesalelp2020-main .cta-group .cta-button {
    display: block;
    width: 295px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 4px 0 #ba6103;
            box-shadow: 0px 4px 0 #ba6103;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #f07d05 url(/img/ver2.0/wholesale/landing_2020/ico_mail.png) no-repeat;
    background-size: calc(54px /2) calc(42px /2);
    background-position: 18px center;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button:after {
    position: absolute;
    font-family: "Ionicons";
    content: "";
    font-size: 30px;
    top: calc(50% - 22px);
    right: 16px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo {
    margin-top: 14px;
    display: block;
    width: 295px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #f07d05;
    -webkit-box-shadow: 0px 4px 0 #ccc;
            box-shadow: 0px 4px 0 #ccc;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #fff url(/img/ver2.0/wholesale/landing_2020/ico_download.png) no-repeat;
    background-size: calc(52px /2) calc(62px /2);
    background-position: 18px center;
    border-radius: 4px;
    font-size: 18px;
    color: #f07d05;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo:after {
    position: absolute;
    font-family: "Ionicons";
    content: "";
    font-size: 30px;
    top: calc(50% - 22px);
    right: 16px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group hr.line {
    width: 295px;
    height: 1px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ddd;
    border: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell {
    display: block;
    border: 3px solid #333;
    -webkit-box-shadow: 0px 4px 0 #ccc;
            box-shadow: 0px 4px 0 #ccc;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    width: 295px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 20px 16px;
    position: relative;
    margin-top: 20px;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 22px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .sub {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 13px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .department {
    display: block;
    margin-top: 20px;
    margin-bottom: 12px;
    font-family: "Noto Sans JP", sans-serif;
    background: #333;
    font-size: 10px;
    color: #fff;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group .icon img {
    width: calc(56px /2);
    height: calc(56px /2);
    margin-right: 12px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group .tell-number img {
    width: calc(317px /2);
    height: calc(72px /2);
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: -86px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    /*
      お問い合わせフォームボタン
    ================================*/
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button {
    display: block;
    width: 335px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 12px;
    -webkit-box-shadow: 0px 4px 0 #ba6103;
            box-shadow: 0px 4px 0 #ba6103;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #f07d05;
    border-radius: 4px;
    font-size: 23px;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button:after {
    display: none;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub {
    display: block;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 80px;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 80px;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main h2.title {
    font-size: 28px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #291203;
    position: relative;
    margin-bottom: 20px;
  }
  .l-wholesalelp2020-main h2.title:after {
    content: "";
    position: absolute;
    left: calc(50% - 18.5px);
    bottom: 10px;
    width: 37px;
    height: 4px;
    background: #af0305;
  }
  .l-wholesalelp2020-main h2.title .strong {
    font-family: "Ropa Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason {
    margin-top: 70px;
    /*
      理由1
    ================================*/
    /*
      理由2
    ================================*/
    /*
      理由3
    ================================*/
    /*===============================

      充実のサポート

    ================================*/
  }
  .l-wholesalelp2020-main .reason > h2.title {
    margin-bottom: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .photo img {
    width: 45vw;
    height: 115px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .text .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 > .photo {
    position: relative;
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 > .photo:after {
    content: "";
    position: absolute;
    top: -40px;
    right: -8px;
    width: calc(52px / 2);
    height: calc(150px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no1.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 > .text {
    margin-right: 10px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 > .photo {
    position: relative;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 > .photo:after {
    content: "";
    position: absolute;
    top: -40px;
    left: -24px;
    width: calc(101px / 2);
    height: calc(144px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no2.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 > .text {
    margin-right: 40px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 > .photo {
    position: relative;
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 > .photo:after {
    content: "";
    position: absolute;
    top: -40px;
    right: -10px;
    width: calc(95px / 2);
    height: calc(145px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no3.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 > .text {
    margin-right: 10px;
  }
  .l-wholesalelp2020-main .reason .support {
    background: #e6ddc5;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 36px;
  }
  .l-wholesalelp2020-main .reason .support h3.title {
    margin-bottom: 10px;
    padding-top: 30px;
    font-size: 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .reason .support .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
    /*
      充実のサポート1
    ================================*/
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item {
    margin-top: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
    height: 180px;
    width: 47.5%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .subtext {
    margin-top: 8px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #6e5516;
    text-align: center;
  }
  .l-wholesalelp2020-main .reason .support .card-group .subtext > .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item1 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no1.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item1 .icon img {
    width: calc(111px / 2);
    height: calc(111px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item2 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no2.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item2 .icon img {
    width: calc(108px / 2);
    height: calc(123px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item3 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no3.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item3 .icon img {
    width: calc(113px / 2);
    height: calc(113px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item4 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no4.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item4 .icon img {
    width: calc(97px / 2);
    height: calc(115px / 2);
  }
  .l-wholesalelp2020-main .result {
    background: #291203 url(/img/ver2.0/wholesale/landing_2020/bg_performance.jpg) no-repeat;
    background-size: contain;
    padding-top: 30px;
    padding-bottom: 116px;
    background-position: bottom center;
    margin-bottom: -23px;
  }
  .l-wholesalelp2020-main .result h2:after {
    bottom: -25px;
    height: 2px;
    background: #fff;
  }
  .l-wholesalelp2020-main .result h2 img {
    display: block;
    width: calc(447px / 2);
    height: calc(106px / 2);
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .result .result_number {
    margin-top: 55px;
    display: block;
    width: calc(654px / 2);
    height: calc(218px / 2);
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .result p {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
  }
  .l-wholesalelp2020-main .strengths {
    background: #e6ddc5;
    padding-top: 40px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 40px;
  }
  .l-wholesalelp2020-main .strengths h2.title {
    margin-top: 0;
    margin-bottom: 60px;
  }
  .l-wholesalelp2020-main .strengths h2.title:after {
    bottom: -10px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group {
    /*
      強み1
    ================================*/
    /*
      強み2
    ================================*/
    /*
      強み3
    ================================*/
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item {
    margin-top: 14px;
    margin-bottom: 60px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item:last-of-type {
    margin-bottom: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .number {
    margin-top: -60px;
    display: block;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h3.subtitle {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: #333;
    letter-spacing: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h3.subtitle .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
    font-size: 30px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .remarks {
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0;
    text-align: center;
    font-size: 13px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .remarks + .text {
    margin-top: 30px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .text p {
    margin-top: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .text p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h4.detail-title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 19px;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h4.detail-title:first-of-type {
    margin-top: 16px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .full-images {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .full-images:last-of-type {
    margin-bottom: 24px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .detail-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item1 .label-general {
    margin-top: 30px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 245px;
    border: 2px solid #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 15px;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item1 .label-company {
    margin-top: 30px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 245px;
    background: #6e5516;
    border: 2px solid #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 h4.detail-title {
    position: relative;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 h4.detail-title .catch-free {
    position: absolute;
    top: -47px;
    left: -47px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .text {
    margin-bottom: 37px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .full-images:last-of-type {
    margin-bottom: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .half-images {
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .title {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 14px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .content {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #333;
    font-size: 14px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .content:last-of-type {
    margin-bottom: 40px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .item:first-of-type {
    margin-top: 20px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .item h4.detail-title {
    margin-bottom: 5px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .item p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    color: rgba(51, 51, 51, 0.9);
    font-size: 14px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .item p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.9);
  }
  .l-wholesalelp2020-main .request {
    margin-top: 30px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 36px;
    /*
      顧客の要望
    ================================*/
    /*
      アンサー
    ================================*/
  }
  .l-wholesalelp2020-main .request h2.title {
    margin-bottom: 60px;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .request h2.title:after {
    bottom: -20px;
  }
  .l-wholesalelp2020-main .request .request-customer-item {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #6e5516;
    border-radius: 40px;
    border-radius: 4px;
    padding-top: 26px;
    padding-bottom: 26px;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  .l-wholesalelp2020-main .request .request-customer-item:after {
    position: absolute;
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="23px"><path fill-rule="evenodd" fill="rgb(110, 85, 22)" d="M7.000,1.001 L-0.000,23.001 L43.000,-0.001 L7.000,1.001 Z"/></svg>');
    bottom: -20px;
    right: 20vw;
    z-index: 2;
  }
  .l-wholesalelp2020-main .request .request-customer-item .text {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 18px;
  }
  .l-wholesalelp2020-main .request .request-customer-item .text .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffd443;
  }
  .l-wholesalelp2020-main .request .request-anser-item {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 4px solid #6e5516;
    border-radius: 40px;
    border-radius: 4px;
    padding-top: 26px;
    padding-bottom: 26px;
    background: #fbfaf9;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .icon {
    margin-left: 3.5vw;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .title {
    margin-left: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.6;
    color: #333;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .title .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .request .request-anser-item .subtitle {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .request .request-anser-item .subtitle + .detail-text > p {
    margin-top: 10px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    color: #af0305;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p + p {
    margin-top: 30px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p.remarks {
    text-indent: calc(-1rem);
    padding-left: calc(1rem + 30px);
    font-size: 14px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .photo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .l-wholesalelp2020-main .delivery {
    background: #f8f6f3;
    padding-top: 40px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 40px;
  }
  .l-wholesalelp2020-main .delivery h2.title {
    margin-bottom: 60px;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .delivery h2.title:after {
    bottom: -20px;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item {
    margin-top: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: #333;
    text-align: center;
    line-height: 1.5;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .title .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .remarks {
    margin: 20px 0 0;
    padding: 0;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .remarks li {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .l-wholesalelp2020-main .flow {
    margin-top: 46px;
    /*
      ステップ
    ================================*/
    /*
      お支払い方法
    ================================*/
  }
  .l-wholesalelp2020-main .flow h2.title {
    margin-top: 0;
    margin-bottom: 60px;
  }
  .l-wholesalelp2020-main .flow h2.title:after {
    bottom: -10px;
  }
  .l-wholesalelp2020-main .flow .step-group {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    list-style-type: none;
    /*
      番号ごとの設定
    ================================*/
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
    /*
      丸の数字アイコン
    ================================*/
    /*
      縦線
    ================================*/
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #6e5516;
    margin-right: 12px;
    width: 43px;
    height: 43px;
    border-radius: 22px;
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-weight: 600;
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item:after {
    position: absolute;
    bottom: -50px;
    left: 20px;
    content: "";
    display: block;
    width: 2px;
    height: 50px;
    background: #6e5516;
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item1:before {
    content: "01";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item2:before {
    content: "02";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item3:before {
    content: "03";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item4:before {
    content: "04";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item4:after {
    display: none;
  }
  .l-wholesalelp2020-main .flow .payment-group {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: -10px;
    border: 2px solid #6e5516;
    border-radius: 4px;
  }
  .l-wholesalelp2020-main .flow .payment-group .title {
    background: #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }
  .l-wholesalelp2020-main .flow .payment-group .content {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #6e5516;
    text-align: center;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .flow .payment-group .content .remarks {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
  }
}
@media screen and (max-width: 899px) {
  .l-wholesalelp2020-nav {
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    height: 56px;
    height: calc(56px + env(safe-area-inset-bottom));
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button ._sp {
    display: block !important;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button ._pc {
    display: none !important;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell {
    background: #af0305;
    position: relative;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell:before {
    display: block;
    content: "";
    background: url(/img/ver2.0/wholesale/landing_2020/ico_tell_white.png) no-repeat 0 0;
    background-size: 29px 29px;
    height: 29px;
    width: 29px;
    margin-right: 10px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-contact {
    background: #f07d06;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-contact:before {
    display: block;
    content: "";
    background: url(/img/ver2.0/wholesale/landing_2020/ico_mail.png) no-repeat 0 0;
    background-size: 31.3px 23.87px;
    height: 23.87px;
    width: 31.3px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 899px) {
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 8px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }
}
@media screen and (max-width: 899px) {
  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    line-height: 48px;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid #fff;
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }
}
@media screen and (min-width: 900px) {
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 9px;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo img {
    width: 30.93px;
    height: 29.64px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }

  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 780px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-footer-wholesale-lp2020 > .nav-group li {
    margin-right: 40px;
  }
  .l-footer-wholesale-lp2020 > .nav-group li:last-of-type {
    margin-right: 0;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    display: block;
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }

  .l-wholesalelp2020-main {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    /*===============================

      KV

    ================================*/
    /*===============================

    	CTA

    ================================*/
    /*
      KV専用 cta
    ================================*/
    /*===============================

    共通パーツ

    ================================*/
    /*===============================

    支持される3つの理由

    ================================*/
    /*===============================

    取引実績

    ================================*/
    /*===============================

    当社の強み

    ================================*/
    /*===============================

    こんなご要望にお答えします

    ================================*/
    /*===============================

    発注から納品までスムーズにお届け

    ================================*/
    /*===============================

    お申し込みの流れ

    ================================*/
  }
  .l-wholesalelp2020-main ._sp {
    display: none;
  }
  .l-wholesalelp2020-main ._pc {
    display: block;
  }
  .l-wholesalelp2020-main > .kv {
    position: relative;
    height: 410px;
    background: #e6ddc5;
  }
  .l-wholesalelp2020-main > .kv .kv-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main > .kv .kv-slider {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 850px;
    width: 42vw;
    height: 410px;
    overflow: hidden;
  }
  .l-wholesalelp2020-main > .kv .kv-slider:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e6ddc5;
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transform: skewY(-77deg);
        -ms-transform: skewY(-77deg);
            transform: skewY(-77deg);
    z-index: 1;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide img {
    max-width: 850px;
    width: 42vw;
    height: 410px;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
  }
  @-webkit-keyframes zoomIn {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes zoomIn {
    0% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .l-wholesalelp2020-main > .kv .kv-slider .slide.zoomIn {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-animation: zoomIn 3s linear 0s 1 normal both;
            animation: zoomIn 3s linear 0s 1 normal both;
  }
  .l-wholesalelp2020-main > .kv .title-group {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main > .kv .title-group h1 {
    margin-top: 62px;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .l-wholesalelp2020-main > .kv .title-group h1 img {
    display: block;
    width: calc(1141px / 2);
    height: calc(554px / 2);
  }
  .l-wholesalelp2020-main > .kv .title-group h1 .small {
    position: absolute;
    bottom: 60px;
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #291203;
  }
  .l-wholesalelp2020-main .cta {
    margin-bottom: 100px;
  }
  .l-wholesalelp2020-main .cta-group {
    width: 780px;
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid #af0305;
    /*
      フルバージョン CTA
    ================================*/
    /*
      最下部のCTA
    ================================*/
    /*
      お問い合わせフォームボタン
    ================================*/
    /*
    .cta-button {
      display: block;
      width: 353px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 13px;
      padding-bottom: 10px;
      box-shadow: 0px 4px 0 #ba6103;
      transition: .1s;
      background: #f07d05  url(/img/ver2.0/wholesale/landing_2020/ico_mail.png) no-repeat;
      background-size: calc(54px /2) calc(42px /2);
      background-position: 18px center;
      border-radius: 4px;
      font-size: 18px;
      color: #fff;
      text-align: center;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      position: relative;

      &:after {
        position: absolute;
        font-family: "Ionicons";
        content: "\f3d3";
        font-size: 30px;
        top: calc(50% - 22px);
        right: 16px;
      }

      > .sub {
        display: block;
        font-size: 12px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: normal;
        position: relative;

        &:before {
          position: absolute;
          display: block;
          content: "＼";
          top: 0;
          left: 80px;
        }

        &:after {
          position: absolute;
          display: block;
          content: "／";
          top: 0;
          right: 80px;
        }
      }

      &:hover {
        transform: translate3d(0, 4px, 0);
        box-shadow: none;
      }
    }
    */
    /*
      資料請求ボタン
    ================================*/
    /*
      お電話ボタン
    ================================*/
  }
  .l-wholesalelp2020-main .cta-group h2.title {
    font-size: 23px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #af0305;
  }
  .l-wholesalelp2020-main .cta-group h2.title:after {
    display: none;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .subtitle {
    margin-top: 30px;
    font-size: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    text-align: center;
    color: #333;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .subtitle:after {
    content: "";
    display: block;
    margin-top: 20px;
    width: 47px;
    height: 1px;
    background: #291104;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .title {
    font-size: 24px;
  }
  .l-wholesalelp2020-main .cta-group.-typefull .title .highlight {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fed142));
    background: -o-linear-gradient(transparent 60%, #fed142 60%);
    background: linear-gradient(transparent 60%, #fed142 60%);
  }
  .l-wholesalelp2020-main .cta-group.-typelast .title {
    margin-top: 40px;
    font-size: 24px;
    color: #333;
  }
  .l-wholesalelp2020-main .cta-group .cta-button {
    display: block;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 4px 0 #ba6103;
            box-shadow: 0px 4px 0 #ba6103;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #f07d05 url(/img/ver2.0/wholesale/landing_2020/ico_mail.png) no-repeat;
    background-size: calc(54px /1.5) calc(42px /1.5);
    background-position: 30px center;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button:after {
    position: absolute;
    font-family: "Ionicons";
    content: "";
    font-size: 30px;
    top: calc(50% - 22px);
    right: 16px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 240px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 240px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo {
    margin-top: 14px;
    display: block;
    width: 295px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #f07d05;
    -webkit-box-shadow: 0px 4px 0 #ccc;
            box-shadow: 0px 4px 0 #ccc;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #fff url(/img/ver2.0/wholesale/landing_2020/ico_download.png) no-repeat;
    background-size: calc(52px /2) calc(62px /2);
    background-position: 18px center;
    border-radius: 4px;
    font-size: 18px;
    color: #f07d05;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo:after {
    position: absolute;
    font-family: "Ionicons";
    content: "";
    font-size: 30px;
    top: calc(50% - 22px);
    right: 16px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 80px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-siryo:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group hr.line {
    width: 295px;
    height: 1px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ddd;
    border: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell {
    display: block;
    border: 3px solid #333;
    -webkit-box-shadow: 0px 4px 0 #ccc;
            box-shadow: 0px 4px 0 #ccc;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 15px 16px 20px;
    position: relative;
    margin-top: 20px;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 22px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .sub {
    margin-top: 10px;
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 13px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-bottom-group {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .department {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 10px;
    width: 246.88px;
    height: 33.84px;
    font-family: "Noto Sans JP", sans-serif;
    background: #333;
    font-size: 10px;
    color: #fff;
    text-align: center;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group .icon img {
    width: calc(56px /2);
    height: calc(56px /2);
    margin-right: 12px;
  }
  .l-wholesalelp2020-main .cta-group .cta-button-tell .tell-group .tell-number img {
    width: 160px;
    height: 35.85px;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    z-index: 1;
    margin-top: 15px;
    margin-left: 0;
    width: auto;
    position: absolute;
    bottom: -50px;
    /*
      お問い合わせフォームボタン
    ================================*/
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button {
    display: block;
    width: 339px;
    margin-left: 0;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 4px 0 #ba6103;
            box-shadow: 0px 4px 0 #ba6103;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: #f07d05;
    border-radius: 4px;
    font-size: 18.4px;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button:after {
    display: none;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub:before {
    position: absolute;
    display: block;
    content: "＼";
    top: 0;
    left: 100px;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button > .sub:after {
    position: absolute;
    display: block;
    content: "／";
    top: 0;
    right: 100px;
  }
  .l-wholesalelp2020-main .cta-group.-kv-cta .cta-button:hover {
    -webkit-transform: translate3d(0, 4px, 0);
            transform: translate3d(0, 4px, 0);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .l-wholesalelp2020-main h2.title {
    font-size: 33px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #291203;
    position: relative;
    margin-bottom: 20px;
  }
  .l-wholesalelp2020-main h2.title:after {
    content: "";
    position: absolute;
    left: calc(50% - 18.5px);
    bottom: 10px;
    width: 37px;
    height: 4px;
    background: #af0305;
  }
  .l-wholesalelp2020-main h2.title .strong {
    font-family: "Ropa Sans", sans-serif;
    font-weight: 700;
    font-size: 66px;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason {
    margin-top: 16px;
    /*
      理由1
    ================================*/
    /*
      理由2
    ================================*/
    /*
      理由3
    ================================*/
    /*===============================

      充実のサポート

    ================================*/
  }
  .l-wholesalelp2020-main .reason > h2.title {
    margin-bottom: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 60px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .photo img {
    width: 230px;
    height: 115px;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
    position: relative;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason > .text .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 > .photo {
    position: relative;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason1 > .photo:after {
    content: "";
    position: absolute;
    top: -25px;
    left: -14px;
    width: calc(52px / 2);
    height: calc(150px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no1.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 > .photo {
    position: relative;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason2 > .photo:after {
    content: "";
    position: absolute;
    top: -25px;
    left: -14px;
    width: calc(101px / 2);
    height: calc(144px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no2.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 > .photo {
    position: relative;
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .reason .reason-inner > .column-reason3 > .photo:after {
    content: "";
    position: absolute;
    top: -25px;
    left: -14px;
    width: calc(95px / 2);
    height: calc(145px / 2);
    background: url(/img/ver2.0/wholesale/landing_2020/reason_no3.png) no-repeat;
    background-size: cover;
  }
  .l-wholesalelp2020-main .reason .support {
    background: #e6ddc5;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 70px;
  }
  .l-wholesalelp2020-main .reason .support h3.title {
    margin-bottom: 30px;
    padding-top: 40px;
    font-size: 33px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .reason .support .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    /*
      充実のサポート1
    ================================*/
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item {
    margin-top: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
    height: 180px;
    width: 23%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .subtext {
    margin-top: 8px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #6e5516;
    text-align: center;
  }
  .l-wholesalelp2020-main .reason .support .card-group .subtext > .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item1 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no1.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item1 .icon img {
    width: calc(111px / 2);
    height: calc(111px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item2 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no2.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item2 .icon img {
    width: calc(108px / 2);
    height: calc(123px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item3 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no3.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item3 .icon img {
    width: calc(113px / 2);
    height: calc(113px / 2);
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item4 {
    background: #fff url(/img/ver2.0/wholesale/landing_2020/support_no4.png) no-repeat 0 0;
    background-size: 40px 40px;
  }
  .l-wholesalelp2020-main .reason .support .card-group .card-item4 .icon img {
    width: calc(97px / 2);
    height: calc(115px / 2);
  }
  .l-wholesalelp2020-main .result {
    background: #291203 url(/img/ver2.0/wholesale/landing_2020/bg_performance.jpg) no-repeat;
    background-size: contain;
    padding-top: 30px;
    padding-bottom: 50px;
    background-position: bottom center;
    margin-bottom: -23px;
    position: relative;
  }
  .l-wholesalelp2020-main .result:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, right top, left top, from(#291203), color-stop(50%, rgba(41, 18, 3, 0.1)), to(#291203));
    background: -o-linear-gradient(right, #291203, rgba(41, 18, 3, 0.1) 50%, #291203);
    background: linear-gradient(to left, #291203, rgba(41, 18, 3, 0.1) 50%, #291203);
  }
  .l-wholesalelp2020-main .result h2 {
    z-index: 2;
  }
  .l-wholesalelp2020-main .result h2:after {
    bottom: -25px;
    height: 2px;
    background: #fff;
  }
  .l-wholesalelp2020-main .result h2 img {
    display: block;
    width: calc(873px / 2);
    height: calc(42px / 2);
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .result .result_number {
    position: relative;
    z-index: 2;
    margin-top: 55px;
    display: block;
    width: calc(934px / 2);
    height: calc(186px / 2);
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .result p {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
  }
  .l-wholesalelp2020-main .strengths {
    background: #e6ddc5;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .l-wholesalelp2020-main .strengths h2.title {
    margin-top: 0;
    margin-bottom: 60px;
  }
  .l-wholesalelp2020-main .strengths h2.title:after {
    bottom: -10px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    /*
      強み1
    ================================*/
    /*
      強み2
    ================================*/
    /*
      強み3
    ================================*/
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item {
    margin-top: 14px;
    margin-bottom: 60px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item:last-of-type {
    margin-bottom: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .number {
    margin-top: -60px;
    display: block;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h3.subtitle {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: #333;
    letter-spacing: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h3.subtitle .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
    font-size: 30px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .remarks {
    font-family: "Not0 Sans JP", sans-serif;
    letter-spacing: 0;
    text-align: center;
    font-size: 13px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .remarks + .text {
    margin-top: 10px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .text p {
    margin-top: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .text p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h4.detail-title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 18px;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item h4.detail-title:first-of-type {
    margin-top: 16px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .full-images {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .full-images:last-of-type {
    margin-bottom: 24px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item .detail-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item1 .label-general {
    margin-top: 30px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 245px;
    border: 2px solid #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 15px;
    text-align: center;
    margin-right: 30px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item1 .label-company {
    margin-top: 30px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 245px;
    background: #6e5516;
    border: 2px solid #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    text-align: center;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 h4.detail-title {
    position: relative;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 h4.detail-title .catch-free {
    position: absolute;
    top: -47px;
    left: -47px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .text {
    margin-bottom: 37px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 h4.detail-title:first-of-type {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .full-images:first-of-type {
    width: 530px;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .full-images:last-of-type {
    margin-bottom: 0;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .half-images {
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .title {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #6e5516;
    font-size: 16px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .content {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #333;
    font-size: 14px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item2 .detail-group .content:last-of-type {
    margin-bottom: 40px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .remarks {
    position: relative;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .remarks:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -25px;
    width: 100px;
    left: calc(50% - 50px) !important;
    height: 1px;
    background: #ccc;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group {
    margin-top: 80px;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group:last-of-type {
    margin-top: 20px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group .item {
    padding-left: 40px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group .item .detail-title {
    margin-top: -10px !important;
    margin-bottom: 5px;
    text-align: left;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group .item p {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    color: rgba(51, 51, 51, 0.8);
    font-size: 14px;
  }
  .l-wholesalelp2020-main .strengths .strengths-item-group .strengths-item3 .group .item p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #333;
  }
  .l-wholesalelp2020-main .request {
    margin-top: 80px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 36px;
    /*
      顧客の要望3
    ================================*/
    /*
      顧客の要望4
    ================================*/
    /*
      顧客の要望
    ================================*/
    /*
      アンサー
    ================================*/
    /*
      アンサー5
    ================================*/
  }
  .l-wholesalelp2020-main .request h2.title {
    margin-bottom: 60px;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .request h2.title:after {
    bottom: -20px;
  }
  .l-wholesalelp2020-main .request .request-item-group {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .request .request-item-group3 .request-anser-item .photo img {
    width: 620px;
    height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover;";
  }
  .l-wholesalelp2020-main .request .request-item-group3 .photo:last-of-type {
    margin-top: 40px;
  }
  .l-wholesalelp2020-main .request .request-item-group4 .photo img {
    width: 300px;
    height: auto;
  }
  .l-wholesalelp2020-main .request .request-item-group4 .photo:last-of-type {
    margin-top: 40px;
  }
  .l-wholesalelp2020-main .request .request-customer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #6e5516;
    border-radius: 40px;
    border-radius: 4px;
    padding-top: 26px;
    padding-bottom: 26px;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  .l-wholesalelp2020-main .request .request-customer-item .icon {
    margin-right: 20px;
  }
  .l-wholesalelp2020-main .request .request-customer-item:after {
    position: absolute;
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="23px"><path fill-rule="evenodd" fill="rgb(110, 85, 22)" d="M7.000,1.001 L-0.000,23.001 L43.000,-0.001 L7.000,1.001 Z"/></svg>');
    bottom: -20px;
    right: 20vw;
    z-index: 2;
  }
  .l-wholesalelp2020-main .request .request-customer-item .text {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 24px;
  }
  .l-wholesalelp2020-main .request .request-customer-item .text .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #ffd443;
    font-size: 24px;
  }
  .l-wholesalelp2020-main .request .request-anser-item {
    margin-top: 20px;
    margin-bottom: 60px;
    border: 4px solid #6e5516;
    border-radius: 40px;
    border-radius: 4px;
    padding-top: 26px;
    padding-bottom: 70px;
    background: #fbfaf9;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .icon {
    margin-left: 3.5vw;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .title {
    margin-left: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.6;
    color: #333;
    font-size: 24px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .request-anser-item-title .title .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .request .request-anser-item .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .request .request-anser-item .subtitle {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: #6e5516;
  }
  .l-wholesalelp2020-main .request .request-anser-item .subtitle + .detail-text > p {
    margin-top: 10px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    color: #af0305;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p + p {
    margin-top: 30px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .detail-text p.remarks {
    text-indent: calc(-1rem);
    padding-left: calc(1rem + 30px);
    font-size: 14px;
  }
  .l-wholesalelp2020-main .request .request-anser-item .photo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 400px;
    height: auto;
  }
  .l-wholesalelp2020-main .request .request-item-group5 .group {
    margin-top: 50px;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesalelp2020-main .request .request-item-group5 .group .photo img {
    margin-top: 0;
    width: 250px;
    height: auto;
  }
  .l-wholesalelp2020-main .request .request-item-group5 .group .text-group .subtitle {
    margin-top: 0;
    line-height: 1.1;
    font-weight: 600;
  }
  .l-wholesalelp2020-main .request .request-item-group5 .group .text-group .detail-text {
    width: 420px;
  }
  .l-wholesalelp2020-main .delivery {
    background: #f8f6f3;
    padding-top: 40px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 40px;
  }
  .l-wholesalelp2020-main .delivery h2.title {
    margin-bottom: 60px;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .delivery h2.title:after {
    bottom: -20px;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item {
    margin-top: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    width: 32%;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .icon img {
    height: 92.5px;
    -o-object-fit: contain;
       object-fit: contain;
    font-family: "object-fit: contain;";
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #333;
    text-align: center;
    line-height: 1.5;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .title .strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #af0305;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .remarks {
    margin: 20px 0 0;
    padding: 0;
  }
  .l-wholesalelp2020-main .delivery .delivery-item-group .delivery-item .remarks li {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .l-wholesalelp2020-main .flow {
    margin-top: 46px;
    /*
      ステップ
    ================================*/
    /*
      お支払い方法
    ================================*/
  }
  .l-wholesalelp2020-main .flow h2.title {
    margin-top: 0;
    margin-bottom: 60px;
  }
  .l-wholesalelp2020-main .flow h2.title:after {
    bottom: -10px;
  }
  .l-wholesalelp2020-main .flow .step-group {
    width: 274px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    list-style-type: none;
    /*
      番号ごとの設定
    ================================*/
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
    /*
      丸の数字アイコン
    ================================*/
    /*
      縦線
    ================================*/
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #6e5516;
    margin-right: 12px;
    width: 43px;
    height: 43px;
    border-radius: 22px;
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    font-weight: 600;
  }
  .l-wholesalelp2020-main .flow .step-group li.step-item:after {
    position: absolute;
    bottom: -50px;
    left: 20px;
    content: "";
    display: block;
    width: 2px;
    height: 50px;
    background: #6e5516;
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item1:before {
    content: "01";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item2:before {
    content: "02";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item3:before {
    content: "03";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item4:before {
    content: "04";
  }
  .l-wholesalelp2020-main .flow .step-group .step-item.step-item4:after {
    display: none;
  }
  .l-wholesalelp2020-main .flow .payment-group {
    width: 780px;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #6e5516;
    border-radius: 4px;
  }
  .l-wholesalelp2020-main .flow .payment-group .title {
    background: #6e5516;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }
  .l-wholesalelp2020-main .flow .payment-group .content {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #6e5516;
    text-align: center;
    line-height: 1.4;
  }
  .l-wholesalelp2020-main .flow .payment-group .content .remarks {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
  }

  /*===============================

  追従CTA

  ================================*/
  .l-wholesalelp2020-nav {
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(41, 18, 3, 0.19);
            box-shadow: 0px 0px 15px 0px rgba(41, 18, 3, 0.19);
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 380px;
    height: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button ._sp {
    display: none !important;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button ._pc {
    display: block !important;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell {
    background: #af0305;
    position: relative;
    margin-right: 20px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell:before {
    display: block;
    content: "";
    background: url(/img/ver2.0/wholesale/landing_2020/ico_tell_white.png) no-repeat 0 0;
    background-size: 29px 29px;
    height: 29px;
    width: 29px;
    margin-right: 10px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell .tell-number {
    display: block;
    margin-left: 20px;
    width: 151px;
    height: 35px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-tell:hover {
    background: rgba(175, 3, 5, 0.8);
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-contact {
    background: #f07d06;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-contact:before {
    display: block;
    content: "";
    background: url(/img/ver2.0/wholesale/landing_2020/ico_mail.png) no-repeat 0 0;
    background-size: 31.3px 23.87px;
    height: 23.87px;
    width: 31.3px;
    margin-right: 10px;
  }
  .l-wholesalelp2020-nav .follow-up-nav-button.button-contact:hover {
    background: rgba(240, 125, 6, 0.8);
  }
}
/*===============================

SP タブレット用のCSS

================================*/
@media screen and (max-width: 899px) {
  /*===============================

  SP タブレット用のCSS

  ================================*/
}
@media screen and (max-width: 899px) and (max-width: 899px) {
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 8px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }

  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    line-height: 48px;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid #fff;
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }

  .l-wholesale-contact-complete {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    margin-bottom: 80px;
  }
  .l-wholesale-contact-complete .inner {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .l-wholesale-contact-complete h1.title {
    margin-top: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    position: relative;
  }
  .l-wholesale-contact-complete h1.title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: calc(50% - 20px);
    height: 4px;
    width: 40px;
    background: #af0305;
  }
  .l-wholesale-contact-complete h2 {
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #6e5516;
    line-height: 1.6;
  }
  .l-wholesale-contact-complete .icon_complete {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #6e5516;
    width: 75px;
    height: 75px;
    border-radius: 37.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-wholesale-contact-complete .content {
    margin-top: 30px;
  }
  .l-wholesale-contact-complete p {
    margin-top: 1.5rem;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
  }
  .l-wholesale-contact-complete .remarks {
    margin-top: 30px;
  }
  .l-wholesale-contact-complete .remarks > p {
    margin-top: 1rem;
    font-size: 12px;
  }
  .l-wholesale-contact-complete .button {
    display: block;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    width: 295px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 2px solid #333;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    position: relative;
  }
  .l-wholesale-contact-complete .button:after {
    font-family: "Ionicons";
    position: absolute;
    content: "";
    font-size: 24px;
    top: calc(50% - 20px);
    right: 16px;
  }
  .l-wholesale-contact-complete .button:hover {
    background: rgba(110, 85, 22, 0.2);
  }
}
@media screen and (max-width: 899px) {
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 8px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }
}
@media screen and (max-width: 899px) {
  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    line-height: 48px;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid #fff;
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }
}
/*===============================

PC用のCSS

================================*/
@media screen and (min-width: 900px) {
  .l-header-wholesale-lp2020 {
    background: #281203;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
  }
  .l-header-wholesale-lp2020 .header-nav {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo {
    margin-right: 9px;
  }
  .l-header-wholesale-lp2020 .header-nav > .logo img {
    width: 30.93px;
    height: 29.64px;
  }
  .l-header-wholesale-lp2020 .header-nav > .title {
    font-size: 13px;
  }

  .l-footer-wholesale-lp2020 {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-footer-wholesale-lp2020 > .nav-group {
    width: 780px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-footer-wholesale-lp2020 > .nav-group li {
    margin-right: 40px;
  }
  .l-footer-wholesale-lp2020 > .nav-group li:last-of-type {
    margin-right: 0;
  }
  .l-footer-wholesale-lp2020 > .nav-group a {
    display: block;
    font-size: 13px;
    color: #fff;
  }
  .l-footer-wholesale-lp2020 > .copyright {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-align: center;
  }
  .l-footer-wholesale-lp2020 > .grouplogo > a > img {
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
    max-width: 295px;
    max-height: 51px;
  }

  .l-wholesale-contact-complete {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    margin-bottom: 80px;
  }
  .l-wholesale-contact-complete .inner {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesale-contact-complete h1.title {
    margin-top: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    position: relative;
  }
  .l-wholesale-contact-complete h1.title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -22px;
    left: calc(50% - 20px);
    height: 4px;
    width: 40px;
    background: #af0305;
  }
  .l-wholesale-contact-complete h2 {
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #6e5516;
  }
  .l-wholesale-contact-complete .icon_complete {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background: #6e5516;
    width: 86px;
    height: 86px;
    border-radius: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-wholesale-contact-complete .icon_complete img {
    width: 42%;
    height: auto;
  }
  .l-wholesale-contact-complete .content {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wholesale-contact-complete p {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
  }
  .l-wholesale-contact-complete .remarks {
    margin-top: 30px;
  }
  .l-wholesale-contact-complete .remarks > p {
    font-size: 12px;
  }
  .l-wholesale-contact-complete .button {
    display: block;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #333;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    position: relative;
  }
  .l-wholesale-contact-complete .button:after {
    font-family: "Ionicons";
    position: absolute;
    content: "";
    font-size: 24px;
    top: calc(50% - 20px);
    right: 16px;
  }
  .l-wholesale-contact-complete .button:hover {
    background: rgba(110, 85, 22, 0.2);
  }
}