@charset "UTF-8";
html {
  overflow-y: scroll;
  overflow: auto;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
figure {
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-family: sans-serif;
}

a:link {
  color: #00F;
}

a:visited {
  color: #639;
}

a:hover {
  text-decoration: underline;
  color: #F00;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

table {
  margin: 0 auto 0 auto;
}

th,
td {
  margin: 0;
  padding: 0;
}

th,
td {
  text-align: left;
}

caption,
th {
  text-align: left;
  margin: auto;
}

img {
  vertical-align: bottom;
}

fieldset,
img,
abbr {
  border: 0;
}

ol,
ul {
  list-style: none;
}

address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
th,
var {
  font-style: normal;
  font-weight: normal;
}

.cl-main {
  color: #e60012 !important;
}

.bg-sub {
  background: #ffd6d9 !important;
}

.bg-sub-light {
  background: #fff2f2 !important;
}

.cl-act {
  color: #E96C18 !important;
}

.bg-act {
  background: #E96C18 !important;
}

.bg-sub2-act {
  background: #fff1da !important;
}

.bdcl-act {
  border-color: #E96C18 !important;
}

.cl-ccl {
  color: #D4C300 !important;
}

.bg-ccl {
  background: #D4C300 !important;
}

.bg-sub2-ccl {
  background: #f8e67e !important;
}

.bdcl-ccl {
  border-color: #D4C300 !important;
}

.cl-flw {
  color: #83A944 !important;
}

.bg-flw {
  background: #83A944 !important;
}

.bg-sub2-flw {
  background: #ebf7de !important;
}

.bdcl-flw {
  border-color: #83A944 !important;
}

.cl-svt {
  color: #EA6188 !important;
}

.bg-svt {
  background: #EA6188 !important;
}

.bg-sub2-svt {
  background: #ffebef !important;
}

.bdcl-svt {
  border-color: #EA6188 !important;
}

@font-face {
  font-family: "ElegantIcons";
  src: url("fonts/elegant-subset.eot");
  src: url("fonts/elegant-subset.eot?#iefix") format("embedded-opentype"), url("fonts/elegant-subset.woff") format("woff"), url("fonts/elegant-subset.ttf") format("truetype"), url("fonts/elegant-subset.svg#ElegantIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  background: #fff;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #333;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  body {
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
  }
}

a,
a:link,
a:visited {
  text-decoration: none;
  color: #227ead;
  transition: 0.5s ease;
}

a img {
  transition: 0.5s ease;
}

a:hover {
  text-decoration: none;
  color: #666;
}
a:hover img {
  opacity: 0.8;
}

.inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .block {
    display: block;
  }
}

.paragraph {
  margin-bottom: 20px;
}

main p, main td, main th, main caption, main li, main dt, main dd {
  line-height: 1.7;
}

main section > h2 + *,
.l-section > h2 + *,
.l-content-box > h2 + *,
.l-section__inner > h2 + * {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  main section > h2 + *,
  .l-section > h2 + *,
  .l-content-box > h2 + *,
  .l-section__inner > h2 + * {
    margin-top: 35px;
  }
}
main section > h3 + *,
.l-section > h3 + *,
.l-content-box > h3 + *,
.l-section__inner > h3 + * {
  margin-top: 25px;
}
@media screen and (max-width: 639px) {
  main section > h3 + *,
  .l-section > h3 + *,
  .l-content-box > h3 + *,
  .l-section__inner > h3 + * {
    margin-top: 20px;
  }
}
main section > h4 + *,
.l-section > h4 + *,
.l-content-box > h4 + *,
.l-section__inner > h4 + * {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  main section > h4 + *,
  .l-section > h4 + *,
  .l-content-box > h4 + *,
  .l-section__inner > h4 + * {
    margin-top: 20px;
  }
}
main section > h5 + *,
.l-section > h5 + *,
.l-content-box > h5 + *,
.l-section__inner > h5 + * {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  main section > h5 + *,
  .l-section > h5 + *,
  .l-content-box > h5 + *,
  .l-section__inner > h5 + * {
    margin-top: 20px;
  }
}
main section > h6 + *,
.l-section > h6 + *,
.l-content-box > h6 + *,
.l-section__inner > h6 + * {
  margin-top: 15px;
}
@media screen and (max-width: 639px) {
  main section > h6 + *,
  .l-section > h6 + *,
  .l-content-box > h6 + *,
  .l-section__inner > h6 + * {
    margin-top: 15px;
  }
}
main section > p + h3, main section > table + h3, main section > dl + h3, main section > ul + h3, main section > ol + h3, main section > div + h3, main section > figure + h3,
.l-section > p + h3,
.l-section > table + h3,
.l-section > dl + h3,
.l-section > ul + h3,
.l-section > ol + h3,
.l-section > div + h3,
.l-section > figure + h3,
.l-content-box > p + h3,
.l-content-box > table + h3,
.l-content-box > dl + h3,
.l-content-box > ul + h3,
.l-content-box > ol + h3,
.l-content-box > div + h3,
.l-content-box > figure + h3,
.l-section__inner > p + h3,
.l-section__inner > table + h3,
.l-section__inner > dl + h3,
.l-section__inner > ul + h3,
.l-section__inner > ol + h3,
.l-section__inner > div + h3,
.l-section__inner > figure + h3 {
  margin-top: 45px;
}
@media screen and (max-width: 639px) {
  main section > p + h3, main section > table + h3, main section > dl + h3, main section > ul + h3, main section > ol + h3, main section > div + h3, main section > figure + h3,
  .l-section > p + h3,
  .l-section > table + h3,
  .l-section > dl + h3,
  .l-section > ul + h3,
  .l-section > ol + h3,
  .l-section > div + h3,
  .l-section > figure + h3,
  .l-content-box > p + h3,
  .l-content-box > table + h3,
  .l-content-box > dl + h3,
  .l-content-box > ul + h3,
  .l-content-box > ol + h3,
  .l-content-box > div + h3,
  .l-content-box > figure + h3,
  .l-section__inner > p + h3,
  .l-section__inner > table + h3,
  .l-section__inner > dl + h3,
  .l-section__inner > ul + h3,
  .l-section__inner > ol + h3,
  .l-section__inner > div + h3,
  .l-section__inner > figure + h3 {
    margin-top: 35px;
  }
}
main section > p + h4, main section > table + h4, main section > dl + h4, main section > ul + h4, main section > ol + h4, main section > div + h4, main section > figure + h4,
.l-section > p + h4,
.l-section > table + h4,
.l-section > dl + h4,
.l-section > ul + h4,
.l-section > ol + h4,
.l-section > div + h4,
.l-section > figure + h4,
.l-content-box > p + h4,
.l-content-box > table + h4,
.l-content-box > dl + h4,
.l-content-box > ul + h4,
.l-content-box > ol + h4,
.l-content-box > div + h4,
.l-content-box > figure + h4,
.l-section__inner > p + h4,
.l-section__inner > table + h4,
.l-section__inner > dl + h4,
.l-section__inner > ul + h4,
.l-section__inner > ol + h4,
.l-section__inner > div + h4,
.l-section__inner > figure + h4 {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  main section > p + h4, main section > table + h4, main section > dl + h4, main section > ul + h4, main section > ol + h4, main section > div + h4, main section > figure + h4,
  .l-section > p + h4,
  .l-section > table + h4,
  .l-section > dl + h4,
  .l-section > ul + h4,
  .l-section > ol + h4,
  .l-section > div + h4,
  .l-section > figure + h4,
  .l-content-box > p + h4,
  .l-content-box > table + h4,
  .l-content-box > dl + h4,
  .l-content-box > ul + h4,
  .l-content-box > ol + h4,
  .l-content-box > div + h4,
  .l-content-box > figure + h4,
  .l-section__inner > p + h4,
  .l-section__inner > table + h4,
  .l-section__inner > dl + h4,
  .l-section__inner > ul + h4,
  .l-section__inner > ol + h4,
  .l-section__inner > div + h4,
  .l-section__inner > figure + h4 {
    margin-top: 30px;
  }
}
main section > p + h5, main section > table + h5, main section > dl + h5, main section > ul + h5, main section > ol + h5, main section > div + h5, main section > figure + h5,
.l-section > p + h5,
.l-section > table + h5,
.l-section > dl + h5,
.l-section > ul + h5,
.l-section > ol + h5,
.l-section > div + h5,
.l-section > figure + h5,
.l-content-box > p + h5,
.l-content-box > table + h5,
.l-content-box > dl + h5,
.l-content-box > ul + h5,
.l-content-box > ol + h5,
.l-content-box > div + h5,
.l-content-box > figure + h5,
.l-section__inner > p + h5,
.l-section__inner > table + h5,
.l-section__inner > dl + h5,
.l-section__inner > ul + h5,
.l-section__inner > ol + h5,
.l-section__inner > div + h5,
.l-section__inner > figure + h5 {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  main section > p + h5, main section > table + h5, main section > dl + h5, main section > ul + h5, main section > ol + h5, main section > div + h5, main section > figure + h5,
  .l-section > p + h5,
  .l-section > table + h5,
  .l-section > dl + h5,
  .l-section > ul + h5,
  .l-section > ol + h5,
  .l-section > div + h5,
  .l-section > figure + h5,
  .l-content-box > p + h5,
  .l-content-box > table + h5,
  .l-content-box > dl + h5,
  .l-content-box > ul + h5,
  .l-content-box > ol + h5,
  .l-content-box > div + h5,
  .l-content-box > figure + h5,
  .l-section__inner > p + h5,
  .l-section__inner > table + h5,
  .l-section__inner > dl + h5,
  .l-section__inner > ul + h5,
  .l-section__inner > ol + h5,
  .l-section__inner > div + h5,
  .l-section__inner > figure + h5 {
    margin-top: 30px;
  }
}
main section > p + h6, main section > table + h6, main section > dl + h6, main section > ul + h6, main section > ol + h6, main section > div + h6, main section > figure + h6,
.l-section > p + h6,
.l-section > table + h6,
.l-section > dl + h6,
.l-section > ul + h6,
.l-section > ol + h6,
.l-section > div + h6,
.l-section > figure + h6,
.l-content-box > p + h6,
.l-content-box > table + h6,
.l-content-box > dl + h6,
.l-content-box > ul + h6,
.l-content-box > ol + h6,
.l-content-box > div + h6,
.l-content-box > figure + h6,
.l-section__inner > p + h6,
.l-section__inner > table + h6,
.l-section__inner > dl + h6,
.l-section__inner > ul + h6,
.l-section__inner > ol + h6,
.l-section__inner > div + h6,
.l-section__inner > figure + h6 {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  main section > p + h6, main section > table + h6, main section > dl + h6, main section > ul + h6, main section > ol + h6, main section > div + h6, main section > figure + h6,
  .l-section > p + h6,
  .l-section > table + h6,
  .l-section > dl + h6,
  .l-section > ul + h6,
  .l-section > ol + h6,
  .l-section > div + h6,
  .l-section > figure + h6,
  .l-content-box > p + h6,
  .l-content-box > table + h6,
  .l-content-box > dl + h6,
  .l-content-box > ul + h6,
  .l-content-box > ol + h6,
  .l-content-box > div + h6,
  .l-content-box > figure + h6,
  .l-section__inner > p + h6,
  .l-section__inner > table + h6,
  .l-section__inner > dl + h6,
  .l-section__inner > ul + h6,
  .l-section__inner > ol + h6,
  .l-section__inner > div + h6,
  .l-section__inner > figure + h6 {
    margin-top: 30px;
  }
}
main section > p + p, main section > table + p, main section > dl + p, main section > ul + p, main section > ol + p, main section > div + p, main section > figure + p,
.l-section > p + p,
.l-section > table + p,
.l-section > dl + p,
.l-section > ul + p,
.l-section > ol + p,
.l-section > div + p,
.l-section > figure + p,
.l-content-box > p + p,
.l-content-box > table + p,
.l-content-box > dl + p,
.l-content-box > ul + p,
.l-content-box > ol + p,
.l-content-box > div + p,
.l-content-box > figure + p,
.l-section__inner > p + p,
.l-section__inner > table + p,
.l-section__inner > dl + p,
.l-section__inner > ul + p,
.l-section__inner > ol + p,
.l-section__inner > div + p,
.l-section__inner > figure + p {
  margin-top: 20px;
}
main section > p + table, main section > table + table, main section > dl + table, main section > ul + table, main section > ol + table, main section > div + table, main section > figure + table,
.l-section > p + table,
.l-section > table + table,
.l-section > dl + table,
.l-section > ul + table,
.l-section > ol + table,
.l-section > div + table,
.l-section > figure + table,
.l-content-box > p + table,
.l-content-box > table + table,
.l-content-box > dl + table,
.l-content-box > ul + table,
.l-content-box > ol + table,
.l-content-box > div + table,
.l-content-box > figure + table,
.l-section__inner > p + table,
.l-section__inner > table + table,
.l-section__inner > dl + table,
.l-section__inner > ul + table,
.l-section__inner > ol + table,
.l-section__inner > div + table,
.l-section__inner > figure + table {
  margin-top: 20px;
}
main section > p + dl, main section > table + dl, main section > dl + dl, main section > ul + dl, main section > ol + dl, main section > div + dl, main section > figure + dl,
.l-section > p + dl,
.l-section > table + dl,
.l-section > dl + dl,
.l-section > ul + dl,
.l-section > ol + dl,
.l-section > div + dl,
.l-section > figure + dl,
.l-content-box > p + dl,
.l-content-box > table + dl,
.l-content-box > dl + dl,
.l-content-box > ul + dl,
.l-content-box > ol + dl,
.l-content-box > div + dl,
.l-content-box > figure + dl,
.l-section__inner > p + dl,
.l-section__inner > table + dl,
.l-section__inner > dl + dl,
.l-section__inner > ul + dl,
.l-section__inner > ol + dl,
.l-section__inner > div + dl,
.l-section__inner > figure + dl {
  margin-top: 20px;
}
main section > p + ul, main section > table + ul, main section > dl + ul, main section > ul + ul, main section > ol + ul, main section > div + ul, main section > figure + ul,
.l-section > p + ul,
.l-section > table + ul,
.l-section > dl + ul,
.l-section > ul + ul,
.l-section > ol + ul,
.l-section > div + ul,
.l-section > figure + ul,
.l-content-box > p + ul,
.l-content-box > table + ul,
.l-content-box > dl + ul,
.l-content-box > ul + ul,
.l-content-box > ol + ul,
.l-content-box > div + ul,
.l-content-box > figure + ul,
.l-section__inner > p + ul,
.l-section__inner > table + ul,
.l-section__inner > dl + ul,
.l-section__inner > ul + ul,
.l-section__inner > ol + ul,
.l-section__inner > div + ul,
.l-section__inner > figure + ul {
  margin-top: 20px;
}
main section > p + ol, main section > table + ol, main section > dl + ol, main section > ul + ol, main section > ol + ol, main section > div + ol, main section > figure + ol,
.l-section > p + ol,
.l-section > table + ol,
.l-section > dl + ol,
.l-section > ul + ol,
.l-section > ol + ol,
.l-section > div + ol,
.l-section > figure + ol,
.l-content-box > p + ol,
.l-content-box > table + ol,
.l-content-box > dl + ol,
.l-content-box > ul + ol,
.l-content-box > ol + ol,
.l-content-box > div + ol,
.l-content-box > figure + ol,
.l-section__inner > p + ol,
.l-section__inner > table + ol,
.l-section__inner > dl + ol,
.l-section__inner > ul + ol,
.l-section__inner > ol + ol,
.l-section__inner > div + ol,
.l-section__inner > figure + ol {
  margin-top: 20px;
}
main section > p + div, main section > table + div, main section > dl + div, main section > ul + div, main section > ol + div, main section > div + div, main section > figure + div,
.l-section > p + div,
.l-section > table + div,
.l-section > dl + div,
.l-section > ul + div,
.l-section > ol + div,
.l-section > div + div,
.l-section > figure + div,
.l-content-box > p + div,
.l-content-box > table + div,
.l-content-box > dl + div,
.l-content-box > ul + div,
.l-content-box > ol + div,
.l-content-box > div + div,
.l-content-box > figure + div,
.l-section__inner > p + div,
.l-section__inner > table + div,
.l-section__inner > dl + div,
.l-section__inner > ul + div,
.l-section__inner > ol + div,
.l-section__inner > div + div,
.l-section__inner > figure + div {
  margin-top: 20px;
}

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

.ta-c {
  text-align: center !important;
}
@media screen and (max-width: 639px) {
  .ta-c--sp-l {
    text-align: left !important;
  }
}

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

.ta-j {
  text-align: justify !important;
}

.va-sup {
  vertical-align: super !important;
}

.va-t {
  vertical-align: top !important;
}

.va-tt {
  vertical-align: text-top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-bl {
  vertical-align: baseline !important;
}

.va-b {
  vertical-align: bottom !important;
}

.va-tb {
  vertical-align: text-bottom !important;
}

.va-sub {
  vertical-align: sub !important;
}

/* Position
------------------------------------------------*/
.align-left {
  text-align: left;
}

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

.align-center table {
  margin: 0 auto 0 auto;
}

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

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

/* Other
------------------------------------------------*/
.nowrap {
  white-space: nowrap;
}

.none {
  display: none;
}

.hidden {
  visibility: hidden;
}

.red {
  color: #f00;
}

.red-bold {
  color: #FF0000;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.bg-n {
  background: none !important;
}

.bgc-t {
  background-color: transparent !important;
}

.bgc-cc {
  background-color: currentColor !important;
}

.bgc-white {
  background-color: #ffffff !important;
}

.bgc-silver {
  background-color: #dddddd !important;
}

.bgc-gray {
  background-color: #aaaaaa !important;
}

.bgc-black {
  background-color: #000000 !important;
}

.bgc-navy {
  background-color: #001f3f !important;
}

.bgc-blue {
  background-color: #0074d9 !important;
}

.bgc-aqua {
  background-color: #7fdbff !important;
}

.bgc-teal {
  background-color: #39cccc !important;
}

.bgc-olive {
  background-color: #3d9970 !important;
}

.bgc-green {
  background-color: #2ecc40 !important;
}

.bgc-lime {
  background-color: #01ff70 !important;
}

.bgc-yellow {
  background-color: #ffdc00 !important;
}

.bgc-orange {
  background-color: #ff851b !important;
}

.bgc-red {
  background-color: #ff4136 !important;
}

.bgc-maroon {
  background-color: #85144b !important;
}

.bgc-fuchsia {
  background-color: #f012be !important;
}

.bgc-purple {
  background-color: #b10dc9 !important;
}

.bgc-primary {
  background-color: #0275d8 !important;
}

.bgc-success {
  background-color: #5cb85c !important;
}

.bgc-info {
  background-color: #5bc0de !important;
}

.bgc-warning {
  background-color: #f0ad4e !important;
}

.bgc-danger {
  background-color: #d9534f !important;
}

.bgi-n {
  background-image: none !important;
}

.bgr-n {
  background-repeat: no-repeat !important;
}

.bgr-rx {
  background-repeat: repeat-x !important;
}

.bgr-ry {
  background-repeat: repeat-y !important;
}

.bgr-sp {
  background-repeat: space !important;
}

.bgr-rd {
  background-repeat: round !important;
}

.bga-f {
  background-attachment: fixed !important;
}

.bga-s {
  background-attachment: scroll !important;
}

.bgp-t {
  background-position: top !important;
}

.bgp-r {
  background-position: right !important;
}

.bgp-b {
  background-position: bottom !important;
}

.bgp-l {
  background-position: left !important;
}

.bgp-c {
  background-position: center !important;
}

.bgz-a {
  background-size: auto !important;
}

.bgz-ct {
  background-size: contain !important;
}

.bgz-cv {
  background-size: cover !important;
}

.bdcl-c {
  border-collapse: collapse !important;
}

.bdcl-s {
  border-collapse: separate !important;
}

.bd-n {
  border: none !important;
}

.bd0 {
  border: 0 !important;
}

.bdc-t {
  border-color: transparent !important;
}

.bdc-cc {
  border-color: currentColor !important;
}

.bdc-white {
  border-color: #ffffff !important;
}

.bdc-silver {
  border-color: #dddddd !important;
}

.bdc-gray {
  border-color: #aaaaaa !important;
}

.bdc-black {
  border-color: #000000 !important;
}

.bdc-navy {
  border-color: #001f3f !important;
}

.bdc-blue {
  border-color: #0074d9 !important;
}

.bdc-aqua {
  border-color: #7fdbff !important;
}

.bdc-teal {
  border-color: #39cccc !important;
}

.bdc-olive {
  border-color: #3d9970 !important;
}

.bdc-green {
  border-color: #2ecc40 !important;
}

.bdc-lime {
  border-color: #01ff70 !important;
}

.bdc-yellow {
  border-color: #ffdc00 !important;
}

.bdc-orange {
  border-color: #ff851b !important;
}

.bdc-red {
  border-color: #ff4136 !important;
}

.bdc-maroon {
  border-color: #85144b !important;
}

.bdc-fuchsia {
  border-color: #f012be !important;
}

.bdc-purple {
  border-color: #b10dc9 !important;
}

.bdc-primary {
  border-color: #0275d8 !important;
}

.bdc-success {
  border-color: #5cb85c !important;
}

.bdc-info {
  border-color: #5bc0de !important;
}

.bdc-warning {
  border-color: #f0ad4e !important;
}

.bdc-danger {
  border-color: #d9534f !important;
}

.bds-n {
  border-style: none !important;
}

.bds-h {
  border-style: hidden !important;
}

.bds-dt {
  border-style: dotted !important;
}

.bds-ds {
  border-style: dashed !important;
}

.bds-s {
  border-style: solid !important;
}

.bds-db {
  border-style: double !important;
}

.bds-w {
  border-style: wave !important;
}

.bds-g {
  border-style: groove !important;
}

.bds-r {
  border-style: ridge !important;
}

.bds-i {
  border-style: inset !important;
}

.bds-o {
  border-style: outset !important;
}

.bdw0 {
  border-width: 0 !important;
}

.bdw1 {
  border-width: 1px !important;
}

.bdw2 {
  border-width: 2px !important;
}

.bdw3 {
  border-width: 3px !important;
}

.bdw4 {
  border-width: 4px !important;
}

.bdw5 {
  border-width: 5px !important;
}

.bdw6 {
  border-width: 6px !important;
}

.bdt-n {
  border-top: none !important;
}

.bdt0 {
  border-top: 0 !important;
}

.bdtc-t {
  border-top-color: transparent !important;
}

.bdtc-cc {
  border-top-color: currentColor !important;
}

.bdtw0 {
  border-top-width: 0 !important;
}

.bdtw1 {
  border-top-width: 1px !important;
}

.bdtw2 {
  border-top-width: 2px !important;
}

.bdtw3 {
  border-top-width: 3px !important;
}

.bdtw4 {
  border-top-width: 4px !important;
}

.bdtw5 {
  border-top-width: 5px !important;
}

.bdtw6 {
  border-top-width: 6px !important;
}

.bdr-n {
  border-right: none !important;
}

.bdr0 {
  border-right: 0 !important;
}

.bdrc-t {
  border-right-color: transparent !important;
}

.bdrc-cc {
  border-right-color: currentColor !important;
}

.bdrw0 {
  border-right-width: 0 !important;
}

.bdrw1 {
  border-right-width: 1px !important;
}

.bdrw2 {
  border-right-width: 2px !important;
}

.bdrw3 {
  border-right-width: 3px !important;
}

.bdrw4 {
  border-right-width: 4px !important;
}

.bdrw5 {
  border-right-width: 5px !important;
}

.bdrw6 {
  border-right-width: 6px !important;
}

.bdb-n {
  border-bottom: none !important;
}

.bdb0 {
  border-bottom: 0 !important;
}

.bdbc-t {
  border-bottom-color: transparent !important;
}

.bdbc-cc {
  border-bottom-color: currentColor !important;
}

.bdbw0 {
  border-bottom-width: 0 !important;
}

.bdbw1 {
  border-bottom-width: 1px !important;
}

.bdbw2 {
  border-bottom-width: 2px !important;
}

.bdbw3 {
  border-bottom-width: 3px !important;
}

.bdbw4 {
  border-bottom-width: 4px !important;
}

.bdbw5 {
  border-bottom-width: 5px !important;
}

.bdbw6 {
  border-bottom-width: 6px !important;
}

.bdl-n {
  border-left: none !important;
}

.bdl0 {
  border-left: 0 !important;
}

.bdlc-t {
  border-left-color: transparent !important;
}

.bdlc-cc {
  border-left-color: currentColor !important;
}

.bdlw0 {
  border-left-width: 0 !important;
}

.bdlw1 {
  border-left-width: 1px !important;
}

.bdlw2 {
  border-left-width: 2px !important;
}

.bdlw3 {
  border-left-width: 3px !important;
}

.bdlw4 {
  border-left-width: 4px !important;
}

.bdlw5 {
  border-left-width: 5px !important;
}

.bdlw6 {
  border-left-width: 6px !important;
}

.bdrs-xs {
  border-radius: 0.1rem !important;
}

.bdrs-sm {
  border-radius: 0.2rem !important;
}

.bdrs-md {
  border-radius: 0.25rem !important;
}

.bdrs-lg {
  border-radius: 0.3rem !important;
}

.bdrs-xl {
  border-radius: 0.4rem !important;
}

.bdrs0 {
  border-radius: 0 !important;
}

.bdrs1 {
  border-radius: 1px !important;
}

.bdrs2 {
  border-radius: 2px !important;
}

.bdrs3 {
  border-radius: 3px !important;
}

.bdrs4 {
  border-radius: 4px !important;
}

.bdrs5 {
  border-radius: 5px !important;
}

.bdrs6 {
  border-radius: 6px !important;
}

.bdrs9999 {
  border-radius: 9999px !important;
}

.bdrs50p {
  border-radius: 50% !important;
}

.bdi-n {
  border-image: none !important;
}

.bxz-cb {
  box-sizing: content-box !important;
}

.bxz-bb {
  box-sizing: border-box !important;
}

.cl-n {
  clear: none !important;
}

.cl-l {
  clear: left !important;
}

.cl-r {
  clear: right !important;
}

.cl-b {
  clear: both !important;
}

.cf::after {
  content: "";
  display: table;
  clear: both;
}

.cur-a {
  cursor: auto !important;
}

.cur-d {
  cursor: default !important;
}

.cur-c {
  cursor: crosshair !important;
}

.cur-ha {
  cursor: hand !important;
}

.cur-he {
  cursor: help !important;
}

.cur-m {
  cursor: move !important;
}

.cur-p {
  cursor: pointer !important;
}

.cur-t {
  cursor: text !important;
}

.d-i {
  display: inline !important;
}

.d-n {
  display: none !important;
}

.d-b {
  display: block !important;
}

@media screen and (max-width: 639px) {
  .d-b--sp {
    display: block !important;
  }
}

.d-n--pc {
  display: none !important;
}
@media screen and (max-width: 639px) {
  .d-n--pc {
    display: inline-block !important;
  }
}

.dnpc-dbsp {
  display: none !important;
}
@media screen and (max-width: 639px) {
  .dnpc-dbsp {
    display: block !important;
  }
}

@media screen and (max-width: 639px) {
  .dnsp {
    display: none !important;
  }
}

.hl-spbr {
  display: inline-block !important;
  padding-left: 1em !important;
}
@media screen and (max-width: 639px) {
  .hl-spbr {
    display: block !important;
    padding-left: 0 !important;
  }
}

.d-n--sp {
  display: inline-block !important;
}
@media screen and (max-width: 639px) {
  .d-n--sp {
    display: none !important;
  }
}

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

.d-fx {
  display: flex !important;
}

.d-ifx {
  display: inline-flex !important;
}

.d-tb {
  display: table !important;
}

.d-itb {
  display: inline-table !important;
}

.d-tbhg {
  display: table-header-group !important;
}

.d-tbfg {
  display: table-footer-group !important;
}

.d-tbrg {
  display: table-row-group !important;
}

.d-tbr {
  display: table-row !important;
}

.d-tbc {
  display: table-cell !important;
}

.d-li {
  display: list-item !important;
}

.d-ih {
  display: inherit !important;
}

.fx-a {
  flex: auto !important;
}

.fx-n {
  flex: none !important;
}

.fx0 {
  flex: 0 !important;
}

.fx1 {
  flex: 1 !important;
}

.fx2 {
  flex: 2 !important;
}

.fx3 {
  flex: 3 !important;
}

.fx0-1-a {
  flex: 0 1 auto !important;
}

.fx1-0-a {
  flex: 1 0 auto !important;
}

.fx1-1-a {
  flex: 1 1 auto !important;
}

.fx0-0-a {
  flex: 0 0 auto !important;
}

.fx1-0-0 {
  flex: 1 0 0% !important;
}

.fx0-0-100p {
  flex: 0 0 100% !important;
}

.fxb-a {
  flex-basis: auto !important;
}

.fxb0 {
  flex-basis: 0 !important;
}

.fxb1 {
  flex-basis: 1px !important;
}

.fxb1p {
  flex-basis: 1% !important;
}

.fxb5p {
  flex-basis: 5% !important;
}

.fxb10p {
  flex-basis: 10% !important;
}

.fxb15p {
  flex-basis: 15% !important;
}

.fxb20p {
  flex-basis: 20% !important;
}

.fxb25p {
  flex-basis: 25% !important;
}

.fxb30p {
  flex-basis: 30% !important;
}

.fxb33p {
  flex-basis: 33% !important;
}

.fxb34p {
  flex-basis: 34% !important;
}

.fxb35p {
  flex-basis: 35% !important;
}

.fxb40p {
  flex-basis: 40% !important;
}

.fxb45p {
  flex-basis: 45% !important;
}

.fxb50p {
  flex-basis: 50% !important;
}

.fxb55p {
  flex-basis: 55% !important;
}

.fxb60p {
  flex-basis: 60% !important;
}

.fxb65p {
  flex-basis: 65% !important;
}

.fxb66p {
  flex-basis: 66% !important;
}

.fxb67p {
  flex-basis: 67% !important;
}

.fxb70p {
  flex-basis: 70% !important;
}

.fxb75p {
  flex-basis: 75% !important;
}

.fxb80p {
  flex-basis: 80% !important;
}

.fxb85p {
  flex-basis: 85% !important;
}

.fxb90p {
  flex-basis: 90% !important;
}

.fxb95p {
  flex-basis: 95% !important;
}

.fxb100p {
  flex-basis: 100% !important;
}

.fxb25vw {
  flex-basis: 25vw !important;
}

.fxb50vw {
  flex-basis: 50vw !important;
}

.fxb75vw {
  flex-basis: 75vw !important;
}

.fxb90vw {
  flex-basis: 90vw !important;
}

.fxb100vw {
  flex-basis: 100vw !important;
}

.fxb25vh {
  flex-basis: 25vh !important;
}

.fxb50vh {
  flex-basis: 50vh !important;
}

.fxb75vh {
  flex-basis: 75vh !important;
}

.fxb90vh {
  flex-basis: 90vh !important;
}

.fxb100vh {
  flex-basis: 100vh !important;
}

.fxb100vmax {
  flex-basis: 100vmax !important;
}

.fxb100vmin {
  flex-basis: 100vmin !important;
}

.fxb-c {
  flex-basis: content !important;
}

.fxd-r {
  flex-direction: row !important;
}

.fxd-rr {
  flex-direction: row-reverse !important;
}

.fxd-c {
  flex-direction: column !important;
}

.fxd-cr {
  flex-direction: column-reverse !important;
}

.fxw-nw {
  flex-wrap: nowrap !important;
}

.fxw-w {
  flex-wrap: wrap !important;
}

.fxw-wr {
  flex-wrap: wrap-reverse !important;
}

.fxs0 {
  flex-shrink: 0 !important;
}

.fxs1 {
  flex-shrink: 1 !important;
}

.fxs2 {
  flex-shrink: 2 !important;
}

.fxs3 {
  flex-shrink: 3 !important;
}

.fxg0 {
  flex-grow: 0 !important;
}

.fxg1 {
  flex-grow: 1 !important;
}

.fxg2 {
  flex-grow: 2 !important;
}

.fxg3 {
  flex-grow: 3 !important;
}

.ac-fs {
  align-content: flex-start !important;
}

.ac-fe {
  align-content: flex-end !important;
}

.ac-c {
  align-content: center !important;
}

.ac-sb {
  align-content: space-between !important;
}

.ac-sa {
  align-content: space-around !important;
}

.ac-s {
  align-content: stretch !important;
}

.ai-fs {
  align-items: flex-start !important;
}

.ai-fe {
  align-items: flex-end !important;
}

.ai-c {
  align-items: center !important;
}

.ai-b {
  align-items: baseline !important;
}

.ai-s {
  align-items: stretch !important;
}

.as-a {
  align-self: auto !important;
}

.as-fs {
  align-self: flex-start !important;
}

.as-fe {
  align-self: flex-end !important;
}

.as-c {
  align-self: center !important;
}

.as-b {
  align-self: baseline !important;
}

.as-s {
  align-self: stretch !important;
}

.jc-fs {
  justify-content: flex-start !important;
}

.jc-fe {
  justify-content: flex-end !important;
}

.jc-c {
  justify-content: center !important;
}

.jc-sb {
  justify-content: space-between !important;
}

.jc-sa {
  justify-content: space-around !important;
}

.ord0 {
  order: 0 !important;
}

.ord1 {
  order: 1 !important;
}

.ord2 {
  order: 2 !important;
}

.ord3 {
  order: 3 !important;
}

.ord4 {
  order: 4 !important;
}

.ord5 {
  order: 5 !important;
}

.ord6 {
  order: 6 !important;
}

.ord9999 {
  order: 9999 !important;
}

.ord-1 {
  order: -1 !important;
}

.fl-n {
  float: none !important;
}

.fl-l {
  float: left !important;
}

.fl-r {
  float: right !important;
}

.lis-n {
  list-style: none !important;
}

.lisp-i {
  list-style-position: inside !important;
}

.lisp-o {
  list-style-position: outside !important;
}

.list-n {
  list-style-type: none !important;
}

.list-d {
  list-style-type: disc !important;
}

.list-c {
  list-style-type: circle !important;
}

.list-s {
  list-style-type: square !important;
}

.list-de {
  list-style-type: decimal !important;
}

.list-dlz {
  list-style-type: decimal-leading-zero !important;
}

.list-lr {
  list-style-type: lower-roman !important;
}

.list-ur {
  list-style-type: upper-roman !important;
}

.lisi-n {
  list-style-image: none !important;
}

.m0 {
  margin: 0 !important;
}

.m-a {
  margin: auto !important;
}

.m0-a {
  margin: 0 auto !important;
}

.m-a-0 {
  margin: auto 0 !important;
}

.m-xs {
  margin: 0.2rem !important;
}

.m-sm {
  margin: 0.5rem !important;
}

.m-md {
  margin: 1rem !important;
}

.m-lg {
  margin: 1.5rem !important;
}

.m-xl {
  margin: 3rem !important;
}

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

.mt-a {
  margin-top: auto !important;
}

.mt-xs {
  margin-top: 0.2rem !important;
}

.mt-sm {
  margin-top: 0.5rem !important;
}

.mt-md {
  margin-top: 1rem !important;
}

.mt-lg {
  margin-top: 1.5rem !important;
}

.mt-xl {
  margin-top: 3rem !important;
}

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

.mr-a {
  margin-right: auto !important;
}

.mr-xs {
  margin-right: 0.2rem !important;
}

.mr-sm {
  margin-right: 0.5rem !important;
}

.mr-md {
  margin-right: 1rem !important;
}

.mr-lg {
  margin-right: 1.5rem !important;
}

.mr-xl {
  margin-right: 3rem !important;
}

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

.mb-a {
  margin-bottom: auto !important;
}

.mb-xs {
  margin-bottom: 0.2rem !important;
}

.mb-sm {
  margin-bottom: 0.5rem !important;
}

.mb-md {
  margin-bottom: 1rem !important;
}

.mb-lg {
  margin-bottom: 1.5rem !important;
}

.mb-xl {
  margin-bottom: 3rem !important;
}

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

.ml-a {
  margin-left: auto !important;
}

.ml-xs {
  margin-left: 0.2rem !important;
}

.ml-sm {
  margin-left: 0.5rem !important;
}

.ml-md {
  margin-left: 1rem !important;
}

.ml-lg {
  margin-left: 1.5rem !important;
}

.ml-xl {
  margin-left: 3rem !important;
}

.mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-a {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-xs {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.my-xs {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}

.mx-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-md {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-lg {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-lg {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-xl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.op0 {
  opacity: 0 !important;
}

.op0_1 {
  opacity: 0.1 !important;
}

.op0_2 {
  opacity: 0.2 !important;
}

.op0_3 {
  opacity: 0.3 !important;
}

.op0_4 {
  opacity: 0.4 !important;
}

.op0_5 {
  opacity: 0.5 !important;
}

.op0_6 {
  opacity: 0.6 !important;
}

.op0_7 {
  opacity: 0.7 !important;
}

.op0_8 {
  opacity: 0.8 !important;
}

.op0_9 {
  opacity: 0.9 !important;
}

.op1 {
  opacity: 1 !important;
}

.ol-n {
  outline: none !important;
}

.olw-tn {
  outline-width: thin !important;
}

.olw-md {
  outline-width: medium !important;
}

.olw-tc {
  outline-width: thick !important;
}

.ols-n {
  outline-style: none !important;
}

.ols-dt {
  outline-style: dotted !important;
}

.ols-ds {
  outline-style: dashed !important;
}

.ols-s {
  outline-style: solid !important;
}

.ols-db {
  outline-style: double !important;
}

.ols-g {
  outline-style: groove !important;
}

.ols-r {
  outline-style: ridge !important;
}

.ols-i {
  outline-style: inset !important;
}

.ols-o {
  outline-style: outset !important;
}

.olc-i {
  outline-color: invert !important;
}

.ov-v {
  overflow: visible !important;
}

.ov-h {
  overflow: hidden !important;
}

.ov-s {
  overflow: scroll !important;
}

.ov-a {
  overflow: auto !important;
}

.ovx-v {
  overflow-x: visible !important;
}

.ovx-h {
  overflow-x: hidden !important;
}

.ovx-s {
  overflow-x: scroll !important;
}

.ovx-a {
  overflow-x: auto !important;
}

.ovy-v {
  overflow-y: visible !important;
}

.ovy-h {
  overflow-y: hidden !important;
}

.ovy-s {
  overflow-y: scroll !important;
}

.ovy-a {
  overflow-y: auto !important;
}

.p0 {
  padding: 0 !important;
}

.p-xs {
  padding: 0.2rem !important;
}

.p-sm {
  padding: 0.5rem !important;
}

.p-md {
  padding: 1rem !important;
}

.p-lg {
  padding: 1.5rem !important;
}

.p-xl {
  padding: 3rem !important;
}

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

.pt-xs {
  padding-top: 0.2rem !important;
}

.pt-sm {
  padding-top: 0.5rem !important;
}

.pt-md {
  padding-top: 1rem !important;
}

.pt-lg {
  padding-top: 1.5rem !important;
}

.pt-xl {
  padding-top: 3rem !important;
}

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

.pr-xs {
  padding-right: 0.2rem !important;
}

.pr-sm {
  padding-right: 0.5rem !important;
}

.pr-md {
  padding-right: 1rem !important;
}

.pr-lg {
  padding-right: 1.5rem !important;
}

.pr-xl {
  padding-right: 3rem !important;
}

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

.pb-xs {
  padding-bottom: 0.2rem !important;
}

.pb-sm {
  padding-bottom: 0.5rem !important;
}

.pb-md {
  padding-bottom: 1rem !important;
}

.pb-lg {
  padding-bottom: 1.5rem !important;
}

.pb-xl {
  padding-bottom: 3rem !important;
}

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

.pl-xs {
  padding-left: 0.2rem !important;
}

.pl-sm {
  padding-left: 0.5rem !important;
}

.pl-md {
  padding-left: 1rem !important;
}

.pl-lg {
  padding-left: 1.5rem !important;
}

.pl-xl {
  padding-left: 3rem !important;
}

.px0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-xs {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}

.py-xs {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

.px-sm {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-md {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-md {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-lg {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-lg {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-xl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pos-s {
  position: static !important;
}

.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

.pos-sk {
  position: sticky !important;
}

.pos-f {
  position: fixed !important;
}

.t-a {
  top: auto !important;
}

.t0 {
  top: 0 !important;
}

.t100p {
  top: 100% !important;
}

.r-a {
  right: auto !important;
}

.r0 {
  right: 0 !important;
}

.r100p {
  right: 100% !important;
}

.b-a {
  bottom: auto !important;
}

.b0 {
  bottom: 0 !important;
}

.b100p {
  bottom: 100% !important;
}

.l-a {
  left: auto !important;
}

.l0 {
  left: 0 !important;
}

.l100p {
  left: 100% !important;
}

.z-a {
  z-index: auto !important;
}

.z0 {
  z-index: 0 !important;
}

.z1 {
  z-index: 1 !important;
}

.z2 {
  z-index: 2 !important;
}

.z3 {
  z-index: 3 !important;
}

.z4 {
  z-index: 4 !important;
}

.z5 {
  z-index: 5 !important;
}

.z6 {
  z-index: 6 !important;
}

.z9999 {
  z-index: 9999 !important;
}

.w-a {
  width: auto !important;
}

.w0 {
  width: 0 !important;
}

.w1 {
  width: 1px !important;
}

.w1p {
  width: 1% !important;
}

.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w33p {
  width: 33% !important;
}

.w34p {
  width: 34% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w66p {
  width: 66% !important;
}

.w67p {
  width: 67% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

.w25vw {
  width: 25vw !important;
}

.w50vw {
  width: 50vw !important;
}

.w75vw {
  width: 75vw !important;
}

.w90vw {
  width: 90vw !important;
}

.w100vw {
  width: 100vw !important;
}

.w100vh {
  width: 100vh !important;
}

.w100vmax {
  width: 100vmax !important;
}

.w100vmin {
  width: 100vmin !important;
}

.miw0 {
  min-width: 0 !important;
}

.miw1 {
  min-width: 1px !important;
}

.miw1p {
  min-width: 1% !important;
}

.miw5p {
  min-width: 5% !important;
}

.miw10p {
  min-width: 10% !important;
}

.miw15p {
  min-width: 15% !important;
}

.miw20p {
  min-width: 20% !important;
}

.miw25p {
  min-width: 25% !important;
}

.miw30p {
  min-width: 30% !important;
}

.miw33p {
  min-width: 33% !important;
}

.miw34p {
  min-width: 34% !important;
}

.miw35p {
  min-width: 35% !important;
}

.miw40p {
  min-width: 40% !important;
}

.miw45p {
  min-width: 45% !important;
}

.miw50p {
  min-width: 50% !important;
}

.miw55p {
  min-width: 55% !important;
}

.miw60p {
  min-width: 60% !important;
}

.miw65p {
  min-width: 65% !important;
}

.miw66p {
  min-width: 66% !important;
}

.miw67p {
  min-width: 67% !important;
}

.miw70p {
  min-width: 70% !important;
}

.miw75p {
  min-width: 75% !important;
}

.miw80p {
  min-width: 80% !important;
}

.miw85p {
  min-width: 85% !important;
}

.miw90p {
  min-width: 90% !important;
}

.miw95p {
  min-width: 95% !important;
}

.miw100p {
  min-width: 100% !important;
}

.miw25vw {
  min-width: 25vw !important;
}

.miw50vw {
  min-width: 50vw !important;
}

.miw75vw {
  min-width: 75vw !important;
}

.miw90vw {
  min-width: 90vw !important;
}

.miw100vw {
  min-width: 100vw !important;
}

.miw100vh {
  min-width: 100vh !important;
}

.miw100vmax {
  min-width: 100vmax !important;
}

.miw100vmin {
  min-width: 100vmin !important;
}

.maw-n {
  max-width: none !important;
}

.maw0 {
  max-width: 0 !important;
}

.maw1 {
  max-width: 1px !important;
}

.maw1p {
  max-width: 1% !important;
}

.maw5p {
  max-width: 5% !important;
}

.maw10p {
  max-width: 10% !important;
}

.maw15p {
  max-width: 15% !important;
}

.maw20p {
  max-width: 20% !important;
}

.maw25p {
  max-width: 25% !important;
}

.maw30p {
  max-width: 30% !important;
}

.maw33p {
  max-width: 33% !important;
}

.maw34p {
  max-width: 34% !important;
}

.maw35p {
  max-width: 35% !important;
}

.maw40p {
  max-width: 40% !important;
}

.maw45p {
  max-width: 45% !important;
}

.maw50p {
  max-width: 50% !important;
}

.maw55p {
  max-width: 55% !important;
}

.maw60p {
  max-width: 60% !important;
}

.maw65p {
  max-width: 65% !important;
}

.maw66p {
  max-width: 66% !important;
}

.maw67p {
  max-width: 67% !important;
}

.maw70p {
  max-width: 70% !important;
}

.maw75p {
  max-width: 75% !important;
}

.maw80p {
  max-width: 80% !important;
}

.maw85p {
  max-width: 85% !important;
}

.maw90p {
  max-width: 90% !important;
}

.maw95p {
  max-width: 95% !important;
}

.maw100p {
  max-width: 100% !important;
}

.maw25vw {
  max-width: 25vw !important;
}

.maw50vw {
  max-width: 50vw !important;
}

.maw75vw {
  max-width: 75vw !important;
}

.maw90vw {
  max-width: 90vw !important;
}

.maw100vw {
  max-width: 100vw !important;
}

.maw100vh {
  max-width: 100vh !important;
}

.maw100vmax {
  max-width: 100vmax !important;
}

.maw100vmin {
  max-width: 100vmin !important;
}

.h-a {
  height: auto !important;
}

.h0 {
  height: 0 !important;
}

.h100p {
  height: 100% !important;
}

.h100vw {
  height: 100vw !important;
}

.h25vh {
  height: 25vh !important;
}

.h50vh {
  height: 50vh !important;
}

.h75vh {
  height: 75vh !important;
}

.h90vh {
  height: 90vh !important;
}

.h100vh {
  height: 100vh !important;
}

.h100vmax {
  height: 100vmax !important;
}

.h100vmin {
  height: 100vmin !important;
}

.mih0 {
  min-height: 0 !important;
}

.mih1 {
  min-height: 1px !important;
}

.mih100vw {
  min-height: 100vw !important;
}

.mih25vh {
  min-height: 25vh !important;
}

.mih50vh {
  min-height: 50vh !important;
}

.mih75vh {
  min-height: 75vh !important;
}

.mih90vh {
  min-height: 90vh !important;
}

.mih100vh {
  min-height: 100vh !important;
}

.mih100vmax {
  min-height: 100vmax !important;
}

.mih100vmin {
  min-height: 100vmin !important;
}

.mah-n {
  max-height: none !important;
}

.mah100p {
  max-height: 100% !important;
}

.mah100vw {
  max-height: 100vw !important;
}

.mah25vh {
  max-height: 25vh !important;
}

.mah50vh {
  max-height: 50vh !important;
}

.mah75vh {
  max-height: 75vh !important;
}

.mah90vh {
  max-height: 90vh !important;
}

.mah100vh {
  max-height: 100vh !important;
}

.mah100vmax {
  max-height: 100vmax !important;
}

.mah100vmin {
  max-height: 100vmin !important;
}

.ff-s {
  font-family: serif !important;
}

.ff-ss {
  font-family: sans-serif !important;
}

.ff-c {
  font-family: cursive !important;
}

.ff-f {
  font-family: fantasy !important;
}

.ff-m {
  font-family: monospace !important;
}

.fz-xs {
  font-size: 0.75rem !important;
}

.fz-sm {
  font-size: 0.875rem !important;
}

.fz-md {
  font-size: 1rem !important;
}

.fz-lg {
  font-size: 1.25rem !important;
}

.fz-xl {
  font-size: 1.5rem !important;
}

.fz-sr {
  font-size: smaller !important;
}

.fz-lr {
  font-size: larger !important;
}

.fz0 {
  font-size: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fz-h1 {
  font-size: 2.5rem !important;
}

.fz-h2 {
  font-size: 2rem !important;
}

.fz-h3 {
  font-size: 1.75rem !important;
}

.fz-h4 {
  font-size: 1.5rem !important;
}

.fz-h5 {
  font-size: 1.25rem !important;
}

.fz-h6 {
  font-size: 1rem !important;
}

.fs-nm {
  font-style: normal !important;
}

.fs-i {
  font-style: italic !important;
}

.fs-o {
  font-style: oblique !important;
}

.fw-nm {
  font-weight: 400 !important;
}

.fw-b {
  font-weight: 700 !important;
}

.fw-l {
  font-weight: 300 !important;
}

.fw-br {
  font-weight: bolder !important;
}

.fw-lr {
  font-weight: lighter !important;
}

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

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

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

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

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

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

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

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

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

.fv-nm {
  font-variant: normal !important;
}

.fv-sc {
  font-variant: small-caps !important;
}

.wkfsm-aa {
  -webkit-font-smoothing: antialiased !important;
}

.wkfsm-saa {
  -webkit-font-smoothing: subpixel-antialiased !important;
}

.wkfsm-n {
  -webkit-font-smoothing: none !important;
}

.mzfsm-g {
  -moz-osx-font-smoothing: grayscale !important;
}

.mzfsm-u {
  -moz-osx-font-smoothing: unset !important;
}

.lh-nm {
  line-height: normal !important;
}

.lh-ih {
  line-height: inherit !important;
}

.lh0 {
  line-height: 0 !important;
}

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

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

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

.lh4 {
  line-height: 4 !important;
}

.lh5 {
  line-height: 5 !important;
}

.lh6 {
  line-height: 6 !important;
}

.lh-xs {
  line-height: 1.25 !important;
}

.lh-sm {
  line-height: 1.33 !important;
}

.lh-md {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 1.75 !important;
}

.lh-xl {
  line-height: 2 !important;
}

.c-ih {
  color: inherit !important;
}

.c-white {
  color: #ffffff !important;
}

.c-silver {
  color: #dddddd !important;
}

.c-gray {
  color: #aaaaaa !important;
}

.c-black {
  color: #000000 !important;
}

.c-navy {
  color: #001f3f !important;
}

.c-blue {
  color: #0074d9 !important;
}

.c-aqua {
  color: #7fdbff !important;
}

.c-teal {
  color: #39cccc !important;
}

.c-olive {
  color: #3d9970 !important;
}

.c-green {
  color: #2ecc40 !important;
}

.c-lime {
  color: #01ff70 !important;
}

.c-yellow {
  color: #ffdc00 !important;
}

.c-orange {
  color: #ff851b !important;
}

.c-red {
  color: #ff4136 !important;
}

.c-maroon {
  color: #85144b !important;
}

.c-fuchsia {
  color: #f012be !important;
}

.c-purple {
  color: #b10dc9 !important;
}

.c-primary {
  color: #0275d8 !important;
}

.c-success {
  color: #5cb85c !important;
}

.c-info {
  color: #5bc0de !important;
}

.c-warning {
  color: #f0ad4e !important;
}

.c-danger {
  color: #d9534f !important;
}

.te-n {
  text-emphasis: none !important;
}

.te-ac {
  text-emphasis: accent !important;
}

.te-dt {
  text-emphasis: dot !important;
}

.te-c {
  text-emphasis: circle !important;
}

.te-ds {
  text-emphasis: disc !important;
}

.te-b {
  text-emphasis: before !important;
}

.te-a {
  text-emphasis: after !important;
}

.td-n {
  text-decoration: none !important;
}

.td-u {
  text-decoration: underline !important;
}

.td-o {
  text-decoration: overline !important;
}

.td-l {
  text-decoration: line-through !important;
}

.ti0 {
  text-indent: 0 !important;
}

.ti-9999 {
  text-indent: -9999px !important;
}

.tov-e {
  text-overflow: ellipsis !important;
}

.tov-c {
  text-overflow: clip !important;
}

.tsh-n {
  text-shadow: none !important;
}

.tt-n {
  text-transform: none !important;
}

.tt-c {
  text-transform: capitalize !important;
}

.tt-u {
  text-transform: uppercase !important;
}

.tt-l {
  text-transform: lowercase !important;
}

.lts-nm {
  letter-spacing: normal !important;
}

.lts0 {
  letter-spacing: 0 !important;
}

.lts1 {
  letter-spacing: 1px !important;
}

.lts2 {
  letter-spacing: 2px !important;
}

.lts3 {
  letter-spacing: 3px !important;
}

.lts4 {
  letter-spacing: 4px !important;
}

.lts5 {
  letter-spacing: 5px !important;
}

.lts6 {
  letter-spacing: 6px !important;
}

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

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

.lts0_2e {
  letter-spacing: 0.2em !important;
}

.lts0_3e {
  letter-spacing: 0.3em !important;
}

.lts-0_01e {
  letter-spacing: -0.01em !important;
}

.lts-0_1e {
  letter-spacing: -0.1em !important;
}

.lts-0_2e {
  letter-spacing: -0.2em !important;
}

.lts-0_3e {
  letter-spacing: -0.3em !important;
}

.wob-nm {
  word-break: normal !important;
}

.wob-k {
  word-break: keep-all !important;
}

.wob-ba {
  word-break: break-all !important;
}

.wow-nm {
  word-wrap: normal !important;
}

.wow-n {
  word-wrap: none !important;
}

.wow-u {
  word-wrap: unrestricted !important;
}

.wow-s {
  word-wrap: suppress !important;
}

.wow-bw {
  word-wrap: break-word !important;
}

.whs-nm {
  white-space: normal !important;
}

.whs-p {
  white-space: pre !important;
}

.whs-nw {
  white-space: nowrap !important;
}

.whs-pw {
  white-space: pre-wrap !important;
}

.whs-pl {
  white-space: pre-line !important;
}

.trsdl0 {
  transition-delay: 0 !important;
}

.trsdl0_1s {
  transition-delay: 0.1s !important;
}

.trsdl0_2s {
  transition-delay: 0.2s !important;
}

.trsdl0_3s {
  transition-delay: 0.3s !important;
}

.trsdl0_4s {
  transition-delay: 0.4s !important;
}

.trsdl0_5s {
  transition-delay: 0.5s !important;
}

.trsdl0_6s {
  transition-delay: 0.6s !important;
}

.trsdl0_7s {
  transition-delay: 0.7s !important;
}

.trsdl0_8s {
  transition-delay: 0.8s !important;
}

.trsdl0_9s {
  transition-delay: 0.9s !important;
}

.trsdl1s {
  transition-delay: 1s !important;
}

.trsdl2s {
  transition-delay: 2s !important;
}

.trsdl3s {
  transition-delay: 3s !important;
}

.trsdl4s {
  transition-delay: 4s !important;
}

.trsdl5s {
  transition-delay: 5s !important;
}

.trsdl6s {
  transition-delay: 6s !important;
}

.trstf-e {
  transition-timing-function: ease !important;
}

.trstf-ei {
  transition-timing-function: ease-in !important;
}

.trstf-eo {
  transition-timing-function: ease-out !important;
}

.trstf-eio {
  transition-timing-function: ease-in-out !important;
}

.trstf-l {
  transition-timing-function: linear !important;
}

.trsdr0 {
  transition-duration: 0 !important;
}

.trsdr0_1s {
  transition-duration: 0.1s !important;
}

.trsdr0_2s {
  transition-duration: 0.2s !important;
}

.trsdr0_3s {
  transition-duration: 0.3s !important;
}

.trsdr0_4s {
  transition-duration: 0.4s !important;
}

.trsdr0_5s {
  transition-duration: 0.5s !important;
}

.trsdr0_6s {
  transition-duration: 0.6s !important;
}

.trsdr0_7s {
  transition-duration: 0.7s !important;
}

.trsdr0_8s {
  transition-duration: 0.8s !important;
}

.trsdr0_9s {
  transition-duration: 0.9s !important;
}

.trsdr1s {
  transition-duration: 1s !important;
}

.trsdr2s {
  transition-duration: 2s !important;
}

.trsdr3s {
  transition-duration: 3s !important;
}

.trsdr4s {
  transition-duration: 4s !important;
}

.trsdr5s {
  transition-duration: 5s !important;
}

.trsdr6s {
  transition-duration: 6s !important;
}

.trsp-a {
  transition-property: all !important;
}

.trsp-n {
  transition-property: none !important;
}

.trf-n {
  transform: none !important;
}

/* layout */
.l-header {
  max-width: 1080px;
  width: 100%;
  margin: 15px auto;
}

/* visual */
.l-visual {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
/* section */
section {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto 0;
}
@media screen and (max-width: 1095px) {
  section {
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  section {
    margin-top: 30px;
  }
}

.l-section {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto 0;
}
@media screen and (max-width: 1095px) {
  .l-section {
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  .l-section {
    margin-top: 30px;
  }
}
.l-section--border {
  padding: 40px;
  border: 3px solid #f47882;
  border-radius: 10px;
  box-sizing: border-box;
}
.l-section--bg {
  padding: 40px;
  background: #f8f7e4;
  border-radius: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .l-section--bg {
    padding: 30px 20px;
  }
}
.l-section__full {
  max-width: 100%;
  margin-top: 50px;
  background: #f8f7e4;
}
@media screen and (max-width: 639px) {
  .l-section__full {
    margin-top: 30px;
  }
}
.l-section__subject {
  max-width: 100%;
  margin-top: 50px;
  background: #f8f7e4;
}
@media screen and (max-width: 639px) {
  .l-section__subject {
    margin-top: 30px;
  }
}
.l-section__inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .l-section__inner {
    padding: 30px 0;
  }
}

.l-footer {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto 20px;
}

/* section */
.p-flw .l-section--border {
  border-color: #83A944;
}

.p-ccl .l-section--border {
  border-color: #D4C300;
}

.p-act .l-section--border {
  border-color: #E96C18;
}

.p-svt .l-section--border {
  border-color: #EA6188;
}

.p-flw .l-section--bg {
  background: #f3faeb;
}
.p-flw .l-section__full {
  background: #f3faeb;
}

.p-ccl .l-section--bg {
  background: #f8f4d6;
}
.p-ccl .l-section__full {
  background: #f8f4d6;
}

.p-act .l-section--bg {
  background: #fffae9;
}
.p-act .l-section__full {
  background: #fffae9;
}

.p-svt .l-section--bg {
  background: #fff2f4;
}
.p-svt .l-section__full {
  background: #fff2f4;
}

/* component */
.after-arrow {
  position: relative;
  padding-right: 1.5em;
}
.after-arrow:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 20px;
  color: #ccc;
  font-weight: bold;
  transform: translateY(-50%);
}
.after-arrow--arrow-white:after {
  color: #fff;
}

.before-arrow {
  position: relative;
  padding-left: 1.5em;
}
.before-arrow:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.25rem;
  color: #ccc;
  font-weight: bold;
  transform: translateY(-50%);
}
.before-arrow--arrow-white:before {
  color: #fff;
}

.c-data {
  border-collapse: collapse;
  width: 100%;
}
.c-data th, .c-data td {
  padding: 10px 15px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 639px) {
  .c-data th, .c-data td {
    padding: 5px 7.5px;
  }
}
.c-data th {
  background: #f4f0ee;
  text-align: center;
  white-space: nowrap;
}
.c-data--td-tac td {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .c-data--rsv tr > th, .c-data--rsv tr > td {
    display: block;
    border-top: none;
  }
  .c-data--rsv tr:first-of-type > th {
    border-top: 1px solid #ccc;
  }
  .c-data--rsv td th, .c-data--rsv td td {
    display: table-cell;
    border-top: 1px solid #ccc;
  }
}

/* column */
.column {
  display: flex;
  flex-wrap: wrap;
}
.column__item {
  box-sizing: border-box;
}
.column__item--col-1 {
  flex: 0 0 15%;
  max-width: 15%;
}
.column__item--col-1--full {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.column__item--col-2 {
  flex: 0 0 23.3333333333%;
  max-width: 23.3333333333%;
}
.column__item--col-2--full {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.column__item--col-3 {
  flex: 0 0 31.6666666667%;
  max-width: 31.6666666667%;
}
.column__item--col-3--full {
  flex: 0 0 25%;
  max-width: 25%;
}

.column__item--col-4 {
  flex: 0 0 40%;
  max-width: 40%;
}
.column__item--col-4--full {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.column__item--col-5 {
  flex: 0 0 48.3333333333%;
  max-width: 48.3333333333%;
}
.column__item--col-5--full {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.column__item--col-6 {
  flex: 0 0 56.6666666667%;
  max-width: 56.6666666667%;
}
.column__item--col-6--full {
  flex: 0 0 50%;
  max-width: 50%;
}

.column__item--col-7 {
  flex: 0 0 65%;
  max-width: 65%;
}
.column__item--col-7--full {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.column__item--col-8 {
  flex: 0 0 73.3333333333%;
  max-width: 73.3333333333%;
}
.column__item--col-8--full {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.column__item--col-9 {
  flex: 0 0 81.6666666667%;
  max-width: 81.6666666667%;
}
.column__item--col-9--full {
  flex: 0 0 75%;
  max-width: 75%;
}

.column__item--col-10 {
  flex: 0 0 90%;
  max-width: 90%;
}
.column__item--col-10--full {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.column__item--col-11 {
  flex: 0 0 98.3333333333%;
  max-width: 98.3333333333%;
}
.column__item--col-11--full {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.column__item--col-12 {
  flex: 0 0 106.6666666667%;
  max-width: 106.6666666667%;
}
.column__item--col-12--full {
  flex: 0 0 100%;
  max-width: 100%;
}

/* column2 */
.column2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column2__item {
  width: calc(50% - 15px);
}
.column2__item:nth-child(2n) {
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .column2__item:nth-child(2n) {
    margin-left: 0;
  }
}
.column2__item:nth-of-type(n+3) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .column2__item {
    width: 100%;
  }
  .column2__item:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 639px) {
  .column2__item--rsv--column1 {
    width: 100%;
  }
  .column2__item--rsv--column1:not(first-child) {
    margin-top: 20px;
  }
  .column2__item--rsv--column2 {
    width: 48%;
  }
  .column2__item--rsv--column2:nth-of-type(n+3) {
    margin-top: 15px;
  }
  .column2__item--rsv--column3 {
    width: 32%;
  }
  .column2__item--rsv--column3:nth-of-type(n+4) {
    margin-top: 20px;
  }
}

/* column3 */
.column3 {
  display: flex;
  flex-wrap: wrap;
}
.column3__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
}
.column3__item:nth-child(3n) {
  margin-right: 0;
}
.column3__item:nth-child(n+4) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .column3__item {
    width: 100%;
    margin-right: 0;
  }
  .column3__item:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .column3__item--rsv--column1 {
    width: 100%;
  }
  .column3__item--rsv--column1:not(first-child) {
    margin-top: 10px;
  }
  .column3__item--rsv--column2 {
    width: calc(50% - 5px);
  }
  .column3__item--rsv--column2:nth-of-type(n+3) {
    margin-top: 10px;
  }
  .column3__item--rsv--column3 {
    width: calc(33.33% - 6.66px);
  }
  .column3__item--rsv--column3:nth-of-type(n+4) {
    margin-top: 10px;
  }
}

/* column4 */
.column4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column4__item {
  width: calc(25% - 22.5px);
  margin-right: 30px;
}
.column4__item:nth-child(4n) {
  margin-right: 0;
}
.column4__item:nth-of-type(n+5) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .column4--rsv--column1 .column4__item {
    margin-right: 0;
    width: 100%;
  }
  .column4--rsv--column1 .column4__item:not(first-child) {
    margin-top: 15px;
  }
  .column4--rsv--column2 .column4__item {
    width: calc(50% - 5px);
    margin-right: 0;
  }
  .column4--rsv--column2 .column4__item:nth-child(2n) {
    margin-left: 10px;
  }
  .column4--rsv--column2 .column4__item:nth-of-type(n+3) {
    margin-top: 10px;
  }
  .column4--rsv--column3 .column4__item {
    width: 32%;
  }
  .column4--rsv--column3 .column4__item:nth-of-type(n+4) {
    margin-top: 15px;
  }
}

/* column5 */
.column5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column5__item {
  width: calc(20% - 8px);
}
.column5__item:nth-of-type(n+6) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .column5__item {
    width: calc(50% - 10px);
  }
  .column5__item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}

.c-de-list {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.c-de-list li + li {
  margin-top: 5px;
}

.c-disc-list {
  list-style-type: disc;
  padding-left: 1.5em;
}
.c-disc-list li + li {
  margin-top: 5px;
}

/* hidden */
.c-hidden--pc {
  display: none;
}
@media screen and (max-width: 639px) {
  .c-hidden--pc {
    display: inline !important;
  }
}
@media screen and (max-width: 639px) {
  .c-hidden--sp {
    display: none;
  }
}

.img-circle {
  display: inline-block;
  border-radius: 50%;
}

/* list-indent */
.c-list-indent li {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-indent li:nth-child(n+2) {
  margin-top: 5px;
}

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

/* c-scroll-table */
.c-scroll-table {
  overflow-x: auto;
}
@media screen and (max-width: 639px) {
  .c-scroll-table {
    white-space: nowrap;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #eee;
  }
  .c-scroll-table table {
    width: auto;
  }
}

.c-list-sq__item {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-sq__item:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #666;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.c-list-sq__item + .c-list-sq__item {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .c-list-sq__item + .c-list-sq__item {
    margin-top: 5px;
  }
}

/* common-project */
/* toc */
.p-toc {
  width: 100%;
  background: #f8f7e4;
}
.p-toc__unit {
  max-width: 1080px;
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.p-toc__unit--col4 .p-toc__item {
  width: 25%;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--col4 .p-toc__item {
    width: 50%;
  }
  .p-toc__unit--col4 .p-toc__item:nth-child(n+3) {
    border-top: 1px solid #fff;
  }
}
.p-toc__unit--col3 .p-toc__item {
  width: 33.33%;
}
.p-toc__unit--col3 .p-toc__item:nth-child(n+4) {
  border-top: 1px solid #fff;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--col3 .p-toc__item {
    width: 50%;
  }
  .p-toc__unit--col3 .p-toc__item:nth-child(n+3) {
    border-top: 1px solid #fff;
  }
}
.p-toc__item {
  box-sizing: border-box;
  border-left: 1px solid #fff;
}
.p-toc__item:last-child {
  border-right: 1px solid #fff;
}
.p-toc__item a {
  background: #f8f7e4;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  position: relative;
  padding: 20px 2.5rem 20px 20px;
  color: #666;
  height: 100%;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  .p-toc__item a {
    padding: 10px 1.5rem 10px 10px;
    position: relative;
  }
}
.p-toc__item a:hover {
  opacity: 0.8;
}
.p-toc__item a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "7";
  color: #cfa439;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-toc__item a:after {
    right: 0;
    font-size: 1.2rem;
  }
}

/* toc */
.p-toc--flw {
  background: #f3faeb;
}
.p-toc--flw a {
  background: #f3faeb;
}
.p-toc--ccl {
  background: #f8f4d6;
}
.p-toc--ccl a {
  background: #f8f4d6;
}
.p-toc--act {
  background: #fffae9;
}
.p-toc--act a {
  background: #fffae9;
}
.p-toc--svt {
  background: #fff2f4;
}
.p-toc--svt a {
  background: #fff2f4;
}
.p-toc--flw a:after {
  color: #6a963e;
}
.p-toc--ccl a:after {
  color: #a99700;
}
.p-toc--act a:after {
  color: #c17800;
}
.p-toc--svt a:after {
  color: #94273c;
}

/* header-area */
.p-header-area {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .p-header-area {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  .p-header-area__logo {
    width: 100%;
    text-align: center;
  }
}
.p-header-area__logo--img {
  height: 65px;
}
@media screen and (max-width: 639px) {
  .p-header-area__logo--img {
    height: 50px;
  }
}
@media screen and (max-width: 639px) {
  .p-header-area__contact {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 639px) {
  .p-header-area__title {
    display: none;
  }
}
.p-header-area__tel {
  font-size: 2rem;
}

/* headline */
.p-title__lv2 {
  font-size: 3rem;
  color: #444;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 639px) {
  .p-title__lv2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
.p-title__lv3 {
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 639px) {
  .p-title__lv3 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-title__lv3 {
    line-height: 1.3;
  }
}
.p-title__lv3--color {
  background: #9d373f;
  color: #fff;
}
.p-title__lv3--white {
  background: #fff;
  color: #9d373f;
}
.p-title__lv3--border-color {
  border: 2px solid #9d373f;
  color: #9d373f;
}
.p-title__lv3--flw {
  background: #83A944;
  color: #fff;
}
.p-title__lv3--ccl {
  background: #D4C300;
  color: #fff;
}
.p-title__lv3--act {
  background: #E96C18;
  color: #fff;
}
.p-title__lv3--svt {
  background: #EA6188;
  color: #fff;
}
.p-title__lv3 small {
  display: inline-block;
  margin-left: 1em;
}
.p-title__lv4 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #9d373f;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-title__lv4 {
    line-height: 1.3;
  }
}
.p-title__lv4--svt {
  color: #EA6188;
}
.p-title__lv5 {
  font-size: 1rem;
  background: #f0f0f0;
  padding: 5px 10px;
  border-radius: 0 20px 20px 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-title__lv5 {
    line-height: 1.3;
  }
}

.p-flw .p-title__lv3--white {
  color: #83A944;
}
.p-flw .p-title__lv3--color {
  background: #83A944;
}
.p-flw .p-title__lv3--border-color {
  border-color: #83A944;
  color: #83A944;
}

.p-ccl .p-title__lv3--white {
  color: #D4C300;
}
.p-ccl .p-title__lv3--color {
  background: #D4C300;
}
.p-ccl .p-title__lv3--border-color {
  border-color: #D4C300;
  color: #D4C300;
}

.p-act .p-title__lv3--white {
  color: #E96C18;
}
.p-act .p-title__lv3--color {
  background: #E96C18;
}
.p-act .p-title__lv3--border-color {
  border-color: #E96C18;
  color: #E96C18;
}

.p-svt .p-title__lv3--white {
  color: #EA6188;
}
.p-svt .p-title__lv3--color {
  background: #EA6188;
}
.p-svt .p-title__lv3--border-color {
  border-color: #EA6188;
  color: #EA6188;
}

.p-flw .p-title__lv2 {
  color: #6a963e;
}
.p-flw .p-title__lv4 {
  color: #6a963e;
}

.p-ccl .p-title__lv2 {
  color: #a99700;
}
.p-ccl .p-title__lv4 {
  color: #a99700;
}

.p-act .p-title__lv2 {
  color: #c17800;
}
.p-act .p-title__lv4 {
  color: #c17800;
}

.p-svt .p-title__lv2 {
  color: #94273c;
}
.p-svt .p-title__lv4 {
  color: #94273c;
}

.p-hd-sub {
  text-align: center;
  margin-bottom: 0;
}
.p-hd-sub__unit {
  font-size: 1.5rem;
  font-weight: bold;
}
.p-hd-sub__unit span {
  background: linear-gradient(transparent 70%, #ffc2c7 70%);
}
@media screen and (max-width: 639px) {
  .p-hd-sub__unit {
    font-size: 1rem;
  }
}

.p-flw .p-hd-sub__unit span {
  background: linear-gradient(transparent 70%, #ebf7de 70%);
}

.p-ccl .p-hd-sub__unit span {
  background: linear-gradient(transparent 70%, #f8e67e 70%);
}

.p-act .p-hd-sub__unit span {
  background: linear-gradient(transparent 70%, #fff1da 70%);
}

.p-svt .p-hd-sub__unit span {
  background: linear-gradient(transparent 70%, #ffebef 70%);
}

.c-title__h3 {
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 639px) {
  .c-title__h3 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .c-title__h3 {
    line-height: 1.3;
  }
}
.c-title__h3--flw {
  background-color: #ebf7de;
}
.c-title__h3--ccl {
  background-color: #f8e67e;
}
.c-title__h3--act {
  background-color: #fff1da;
}
.c-title__h3--svt {
  background-color: #ffebef;
}

/* alert */
.p-alert {
  border-radius: 5px;
  padding: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-alert {
    width: 100%;
    padding: 20px;
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.p-alert--infor {
  background: #FFFEC1;
}
.p-alert__title {
  text-align: center;
  color: #ea7e00;
  background: none;
  font-weight: bold;
  padding: 0 0 10px 0;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-alert__title {
    font-size: 18px;
  }
}
.p-alert__title span {
  border-bottom: 3px solid #ea7e00;
  display: inline-block;
}
.p-alert__title--title-only {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.p-alert__list {
  list-style-type: none;
}
.p-alert__list--border {
  border-top: 2px dotted #ea7e00;
  padding-top: 15px;
  margin-top: 15px;
}
.p-alert__list__item {
  padding-left: 1em;
  text-indent: -1em;
}
.p-alert__list__item:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ea7e00;
  border-radius: 50%;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.p-alert__list__item + li {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .p-alert__list__item + li {
    margin-top: 5px;
  }
}
.p-alert__list__item:nth-child(n+2) {
  margin-top: 5px;
}

/* p-legend */
.p-legend {
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  flex-wrap: wrap;
  background: #fff;
}
@media screen and (max-width: 639px) {
  .p-legend {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
}
.p-legend__title {
  width: 13em;
  box-sizing: border-box;
  font-weight: bold;
}
.p-legend__title:nth-of-type(1) {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-legend__title:nth-of-type(1) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-legend__title {
    width: 100%;
  }
}
.p-legend__title:before {
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.p-legend__title--tday::before {
  background-image: url(img/icn-tday.svg);
}
.p-legend__title--bus::before {
  background-image: url(img/icn-bus.svg);
}
.p-legend__content {
  width: calc(100% - 13em);
}
.p-legend__content:nth-of-type(1) {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-legend__content {
    width: 100%;
  }
}

/* media */
.p-media {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-media {
    display: block;
  }
}
.p-media--bg .p-media__body {
  box-sizing: border-box;
  padding-right: 2em;
}
@media screen and (max-width: 639px) {
  .p-media--bg .p-media__body {
    padding: 0 15px 15px;
  }
}
.p-media--border {
  border: 3px solid #f8f7e4;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
}
.p-media__img {
  max-width: 100%;
  height: auto;
}
.p-media__img--wrap {
  flex: 0 1 27.58333%;
  margin-right: 3.33333%;
}
@media screen and (max-width: 639px) {
  .p-media__img--wrap {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.p-media__body {
  flex: 1;
  box-sizing: border-box;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
.p-media__body:last-of-type {
  margin-bottom: 0 !important;
}
.p-media__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-media__body p + p {
  margin-top: 10px;
}
.p-media__title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-media--rev {
  flex-direction: row-reverse;
}
.p-media--rev .p-media__img--wrap {
  margin-right: 0;
  margin-left: 3.33333%;
}

/* media-btn */
.p-media-btn {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .p-media-btn {
    width: auto;
  }
}
.p-media-btn__body {
  display: flex;
  flex-wrap: wrap;
}
.p-media-btn__title {
  font-size: 1.1rem;
  color: #e60012;
  margin-top: 0;
  font-weight: bold;
  box-sizing: border-box;
  align-self: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-media-btn__title {
    line-height: 1.3;
  }
}
.p-media-btn__title--sub {
  display: inline-block;
  padding: 0.2em 0.8em;
  text-align: center;
  background: #e60012;
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;
  border-radius: 10rem;
  margin-right: 0.5em;
}
.p-media-btn__item {
  box-sizing: border-box;
  margin-bottom: 15px;
}
.p-media-btn__item:nth-of-child(n+2) {
  margin-top: 10px;
}

/* media-sp */
@media screen and (max-width: 639px) {
  .p-media-sp {
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
}
.p-media-sp--rev {
  flex-direction: row-reverse;
}
.p-media-sp__img {
  max-width: 100%;
  height: auto;
}
.p-media-sp__img--wrap:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__img--wrap {
    align-self: baseline;
    flex: 0 1 40%;
    margin-right: 10px;
  }
}
.p-media-sp__body:first-of-type {
  margin-bottom: 10px;
}
.p-media-sp__body:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 639px) {
  .p-media-sp__body {
    flex: 1;
    box-sizing: border-box;
  }
}
.p-media-sp__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-media-sp__title--md {
  font-size: 1.1rem;
  font-weight: bold;
  color: #9d373f;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--md {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--md {
    margin-bottom: 10px;
  }
}
.p-media-sp__title--sm {
  font-size: 1rem;
  background: #f0f0f0;
  padding: 5px 10px;
  border-radius: 0 20px 20px 0;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--sm {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--sm {
    margin-bottom: 10px;
  }
}

/* stepflow */
.stepflow--border {
  border: 2px solid #f8f7e4;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
}
.stepflow__item {
  box-sizing: border-box;
  position: relative;
  padding: 0 0 1.5em 1.8em;
}
.stepflow__item:last-child {
  padding-bottom: 0;
}
.stepflow__item::before {
  background-color: #f8f7e4 !important;
  content: "";
  width: 3px;
  background: #f8f7e4;
  display: block;
  position: absolute;
  top: 28px;
  bottom: 0;
  left: 8px;
}
.stepflow--on {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #f47882;
  background-color: #f47882;
}
.stepflow--white {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #232F3E;
}
.stepflow--black {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #232F3E;
  background-color: #232F3E;
}
.stepflow__label {
  padding: 3px 0px 8px 0px;
  color: #999;
  font-weight: bold;
  display: block;
}
.stepflow__title {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.stepflow__content {
  margin-top: 0.5rem;
}
.stepflow__content p + p {
  margin-top: 10px;
}
.stepflow__content:not(:last-of-type) {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: dashed 1px #ccc;
}
.stepflow__content--media {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .stepflow__content--media {
    display: block;
  }
}
.stepflow__content--media__img {
  max-width: 100%;
  height: auto;
}
.stepflow__content--media__img--wrap {
  flex: 0 1 50%;
  margin-left: 3.33333%;
  align-self: flex-start;
}
@media screen and (max-width: 639px) {
  .stepflow__content--media__img--wrap {
    margin-left: 0;
    margin-top: 15px;
  }
}
.stepflow__content--media__body {
  flex: 1;
  box-sizing: border-box;
  align-self: flex-start;
}
.stepflow__content--media__body:last-of-type {
  margin-bottom: 0 !important;
}
.stepflow__content--media__body > *:last-child {
  margin-bottom: 0 !important;
}
.stepflow__content--media__title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.stepflow--row {
  display: flex;
}
@media screen and (max-width: 639px) {
  .stepflow--row {
    flex-wrap: wrap;
  }
}
.stepflow--row .stepflow__item {
  width: 33%;
  padding-left: 15px;
}
@media screen and (max-width: 639px) {
  .stepflow--row .stepflow__item {
    width: 100%;
  }
}
.stepflow--row .stepflow__item::before {
  height: 3px;
  width: 100%;
  top: 14px;
  left: 19px;
  z-index: -10;
}
@media screen and (max-width: 639px) {
  .stepflow--row .stepflow__item::before {
    width: 3px;
    height: auto;
    top: 28px;
    bottom: 0;
    left: 8px;
  }
}
.stepflow--row .stepflow__label {
  padding: 3px 10px;
  box-sizing: border-box;
  display: inline-block;
  background: #fff;
  z-index: 1;
}
.stepflow--row .stepflow__title {
  margin-left: 10px;
}
.stepflow--row .stepflow__content {
  margin-left: 10px;
}

.p-entry-select__title {
  font-weight: bold;
  color: #666;
}
.p-entry-select__content:not(:last-of-type) {
  margin-bottom: 10px;
}

/* stepflow */
.stepflow--on {
  border: solid 3px #9d373f;
  background-color: #9d373f;
}

.p-flw .stepflow--on {
  border: solid 3px #83A944;
  background-color: #83A944;
}

.p-ccl .stepflow--on {
  border: solid 3px #D4C300;
  background-color: #D4C300;
}

.p-act .stepflow--on {
  border: solid 3px #E96C18;
  background-color: #E96C18;
}

.p-svt .stepflow--on {
  border: solid 3px #EA6188;
  background-color: #EA6188;
}

/* oc-date-list */
.p-oc-date-list {
  display: flex;
  flex-wrap: wrap;
}
.p-oc-date-list + * {
  margin-top: 20px;
}
.p-oc-date-list li {
  width: calc(25% - 7.5px);
  box-sizing: border-box;
  margin-right: 10px;
}
.p-oc-date-list li:nth-child(4n) {
  margin-right: 0;
}
.p-oc-date-list li:nth-child(n+5) {
  margin-top: 18px;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list li:nth-child(n+5) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .p-oc-date-list li {
    width: calc(50% - 5px);
  }
  .p-oc-date-list li:nth-child(2n) {
    margin-right: 0;
  }
  .p-oc-date-list li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.p-oc-date-list__link {
  position: relative;
  display: block;
  border-radius: 10rem;
  background: #fff;
  padding: 5px 2em 5px 2em;
  box-sizing: border-box;
  font-size: 1.1rem;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__link {
    padding: 5px 1em 5px 1em;
    margin-top: 8px;
  }
}
.p-oc-date-list__link:link, .p-oc-date-list__link:visited {
  color: #666;
}
.p-oc-date-list__link::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.6rem;
  color: #ccc;
  transform: translateY(-50%);
}
.p-oc-date-list__link:hover {
  background: #fcf8f9;
}
.p-oc-date-list__link--bus::before {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  background-image: url(img/icn-bus.svg);
  background-repeat: no-repeat;
}
.p-oc-date-list__link--tday::before {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  background-image: url(img/icn-tday.svg);
  background-repeat: no-repeat;
}
.p-oc-date-list__link--sc {
  position: relative;
}
.p-oc-date-list__link--sc::before {
  position: absolute;
  display: block;
  content: "ショート個別";
  top: -10px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  background: #df921b;
  padding: 2px 3px 3px 3px;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  width: 10em;
  transform: translateX(-50%);
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__link--sc {
    margin-top: 8px;
  }
}
.p-oc-date-list__link--bt {
  position: relative;
}
.p-oc-date-list__link--bt::before {
  position: absolute;
  display: block;
  content: "出張個別";
  top: -10px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  background: #2a94c3;
  padding: 2px 3px 3px 3px;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  width: 10em;
  transform: translateX(-50%);
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__link--bt {
    margin-top: 8px;
  }
}
.p-oc-date-list__day {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-left: 0.2rem;
  font-size: 0.75rem;
  text-align: center;
  line-height: 20px;
  vertical-align: text-bottom;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__day {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
  }
}
.p-oc-date-list__day--weekday {
  color: #fff;
  background: #999;
}
.p-oc-date-list__day--sat {
  color: #fff;
  background: #488bc3;
}
.p-oc-date-list__day--sun {
  color: #fff;
  background: #c3485b;
}
.p-oc-date-list__year {
  font-size: 0.85rem;
  margin-right: 0.5rem;
}
.p-oc-date-list__icn {
  width: 1.3rem;
  height: auto;
  vertical-align: baseline;
  margin-right: 0.3rem;
}

/* tday-area */
.p-tday-area {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}
.p-tday-area__btn {
  width: 100%;
  cursor: pointer;
}
.p-tday-area__btn.active::after {
  content: "O";
}
.p-tday-area__list {
  display: none;
  box-sizing: border-box;
  padding: 30px;
}
@media screen and (max-width: 639px) {
  .p-tday-area__list {
    padding: 20px;
  }
}
.p-tday-area__list h4 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #9d373f;
}
@media screen and (max-width: 639px) {
  .p-tday-area__list h4 {
    line-height: 1.3;
  }
}
.p-tday-area__table {
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.p-tday-area__table:nth-of-type(n+2) {
  margin-top: 20px;
}
.p-tday-area__table th {
  white-space: nowrap;
  width: 25%;
}
.p-tday-area__table caption {
  text-align: center;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  letter-spacing: 0.2em;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-tday-area__table caption {
    font-size: 18px;
  }
}
.p-tday-area__table--aomori caption {
  color: #4cace2;
  background: #d0e9f7;
}
.p-tday-area__table--aomori th {
  background: #eef7fc;
}
.p-tday-area__table--iwate caption {
  color: #f3994f;
  background: #fbdec6;
}
.p-tday-area__table--iwate th {
  background: #fef4ed;
}
.p-tday-area__table--miyagi caption {
  color: #8ec54a;
  background: #dbedc6;
}
.p-tday-area__table--miyagi th {
  background: #eef7e4;
}
.p-tday-area__table--akita caption {
  color: #ed7a94;
  background: #fadde4;
}
.p-tday-area__table--akita th {
  background: #fef8f9;
}
.p-tday-area__table--yamagata caption {
  color: #a688bd;
  background: #d7cae1;
}
.p-tday-area__table--yamagata th {
  background: #f0eaf4;
}
.p-tday-area__table--fukushima caption {
  color: #3fb266;
  background: #bce7cb;
}
.p-tday-area__table--fukushima th {
  background: #e2f5e8;
}
.p-tday-area__table--other caption {
  color: #333;
  background: #bfbfbf;
}
.p-tday-area__table--other th {
  background: #e0e0e0;
}
.p-tday-area__table tr {
  border-top: 1px solid #ccc;
}
.p-tday-area__table th,
.p-tday-area__table td {
  padding: 10px 15px;
}
.p-tday-area__table th {
  width: 30%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-tday-area__table th {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .p-tday-area__table td {
    font-size: 14px;
    line-height: 1.3;
  }
}

/* btn */
.p-btn {
  border-radius: 10rem;
  background: #fff;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  color: #666;
  max-width: 100%;
  font-size: 1.125rem;
}
.p-btn:link {
  color: #666;
}
.p-btn:hover, .p-btn:focus {
  opacity: 0.8;
}
.p-btn:visited {
  color: #666;
}
.p-btn--border {
  border: 3px solid #cfa439;
  font-weight: bold;
}
.p-btn--bg {
  background: #cfa439;
}
.p-btn--arrow--left {
  position: relative;
  padding-left: 2em;
}
.p-btn--arrow--left::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #ccc;
  transform: translateY(-50%);
}
.p-btn--arrow--right {
  position: relative;
  padding-right: 2em;
}
.p-btn--arrow--right::after {
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.5rem;
  color: #ccc;
  transform: translateY(-50%);
}
.p-btn--plus--right {
  position: relative;
}
.p-btn--plus--right::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "P";
  font-size: 26px;
  color: #ccc;
  transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-btn--plus--right::after {
    content: "O";
  }
}

/* footer-area */
.p-footer-area__unit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .p-footer-area__unit {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  .p-footer-area__logo--wrap {
    width: 100%;
    text-align: center;
  }
}
.p-footer-area__logo--img {
  height: 65px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-footer-area__logo--img {
    height: 50px;
  }
}
@media screen and (max-width: 639px) {
  .p-footer-area__contact {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 639px) {
  .p-footer-area__title {
    display: none;
  }
}
.p-footer-area__tel {
  font-size: 2rem;
}

/* p-copy */
.p-copy {
  text-align: center;
  color: #999;
  font-size: 0.8rem;
}

/* pagescroll */
#pagescroll a {
  z-index: 9;
  position: fixed;
  top: 99%;
  right: 1%;
  box-sizing: border-box;
  width: 100px;
  margin: -100px 0 0 -50px;
  height: 100px;
  padding: 22px 20px 3px;
  font-size: 14px;
  text-align: center;
  background: #555;
  border-radius: 50px;
  opacity: 0.8;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  #pagescroll a {
    padding: 0;
    width: 40%;
    height: 30px;
    border-radius: 5px 5px 0 0;
    top: auto;
    bottom: 0px;
    right: 1%;
  }
}
#pagescroll a:before {
  display: block;
  font-family: "ElegantIcons";
  content: "2";
  font-size: 24px;
}
@media screen and (max-width: 639px) {
  #pagescroll a:before {
    display: inline-block;
  }
}

#pagescroll a,
#pagescroll a:link,
#pagescroll a:visited,
#pagescroll a:hover {
  text-decoration: none;
  color: #fff;
}

#pagescroll a:hover {
  opacity: 0.5;
}

/* oc-point */
.p-oc-point__item {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 4px solid #f8f7e4;
}
@media screen and (max-width: 639px) {
  .p-oc-point__item {
    display: flex;
  }
}
.p-oc-point__img {
  max-width: 100%;
  height: auto;
}
.p-oc-point__img--wrap {
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-oc-point__img--wrap {
    flex: 0 0 30%;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.p-oc-point__title {
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-point__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-oc-point__title {
    font-size: 0.95rem;
    text-align: left;
  }
}

/* btn */
.p-entry-btn {
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  display: inline-block;
  padding: 15px 20px 20px;
  text-align: center;
  color: #666;
  max-width: 100%;
  background: #d9534f;
  color: #fff;
  min-width: 50%;
  font-size: 1.3rem;
}
@media screen and (max-width: 639px) {
  .p-entry-btn {
    width: 100%;
    padding: 10px 15px 15px;
  }
}
.p-entry-btn:link, .p-entry-btn:visited {
  color: #fff;
}
.p-entry-btn:hover {
  background: #f48683;
}
.p-entry-btn__title {
  position: relative;
  box-sizing: border-box;
  padding-left: 1.5em;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-entry-btn__title {
    font-size: 0.8em;
  }
}
.p-entry-btn__title:before {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "=";
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-entry-btn__title:before {
    font-size: 20px;
  }
}
.p-entry-btn__cap {
  display: block;
  margin-top: 5px;
  padding: 3px;
  font-size: 0.8em;
  font-weight: bold;
  border-radius: 10rem;
  background: #fff;
  color: #d9534f;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-entry-btn__cap {
    font-size: 0.7em;
  }
}

/* media-btn */
.p-consultation-list {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 639px) {
  .p-consultation-list {
    width: auto;
  }
}
.p-consultation-list__img {
  max-width: 100%;
  height: auto;
}
.p-consultation-list__img--wrap {
  flex: 0 0 30%;
  margin-right: 30px;
}
.p-consultation-list__body {
  display: flex;
  flex-wrap: wrap;
}
.p-consultation-list__title {
  font-size: 1.5rem;
  color: #e60012;
  margin-top: 0;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-consultation-list__title {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
.p-consultation-list__reserve {
  display: table;
  margin: 0 auto 5px;
  padding: 0.2em 0.8em;
  text-align: center;
  font-weight: bold;
  font-size: 0.7em;
  border-radius: 10rem;
  box-sizing: border-box;
}
.p-consultation-list__reserve--on {
  border: 2px solid #f27a23;
  background: #f27a23;
  color: #fff;
}
.p-consultation-list__reserve--off {
  border: 2px solid #f27a23;
  color: #f27a23;
}
.p-consultation-list__btn {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-consultation-list__item:not(:first-child) {
    margin-top: 15px;
    padding: 15px;
    border-top: 2px dotted #ddd;
  }
}

/* media-btn */
.p-consultation-list__title {
  color: #9d373f;
}

/* lead */
.p-lead {
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 639px) {
  .p-lead {
    text-align: left;
    font-size: 1.1rem;
  }
}

/* support-txt */
.p-support-txt {
  margin: 5px auto;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-support-txt {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 639px) {
  .p-support-txt span {
    display: block;
  }
}
.p-support-txt span:after {
  display: inline-block;
  content: "／";
}
@media screen and (max-width: 639px) {
  .p-support-txt span:after {
    content: none;
  }
}

/* alert */
.p-tday {
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .p-tday {
    padding: 20px;
  }
}

/* box */
.p-box {
  max-width: 100%;
  padding: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-box {
    padding: 20px;
  }
}
.p-box--border {
  border: 3px solid #f47882;
  border-radius: 10px;
}
.p-box__title {
  font-size: 1.5rem;
  margin: -40px -40px 30px -40px;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  background: #f47882;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-box__title {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-box__title {
    margin: -20px -20px 15px -20px;
  }
}

/* box */
.p-box--border {
  border: 3px solid #9d373f;
}
.p-box__title {
  background: #9d373f;
}

/* result */
.p-result {
  padding: 40px;
  text-align: center;
  background: #f8f7e4;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-result {
    padding: 20px;
  }
}
@media screen and (max-width: 639px) {
  .p-result__item {
    padding: 10px 0;
  }
  .p-result__item:nth-child(n+2) {
    border-top: 1px dotted #333;
    width: 100%;
  }
}
.p-result__maintitle {
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  background: #E94709;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .p-result__maintitle {
    font-size: 16px;
  }
}
.p-result__title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  color: #7A6A56;
}
@media screen and (max-width: 639px) {
  .p-result__title {
    font-size: 1.2rem;
  }
}
.p-result__per {
  font-weight: bold;
  color: #7A6A56;
  font-size: 30px;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-result__per {
    font-size: 20pxrem;
  }
}
.p-result__per strong {
  font-size: 60px;
  color: #E94709;
}
@media screen and (max-width: 639px) {
  .p-result__per strong {
    font-size: 60px;
  }
}
.p-result__heikin {
  font-size: 40px;
}
.p-result__small {
  color: #E94709;
  font-size: 40px;
}
.p-result__count {
  font-size: 30px;
}
.p-result__year {
  font-size: 30px;
}

.p-ccl .p-result {
  background: #f8f8f8;
}

/* get-list */
.get-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.get-list div {
  text-align: center;
  width: 31%;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .get-list div {
    width: 100%;
  }
}
.get-list img {
  width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.get-list dl dt {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEE;
  font-weight: bold;
}
.get-list dl dt hr {
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #fff;
}
.get-list dl dt span {
  font-size: 13px;
}
.get-list dl dd {
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width: 639px) {
  .p-get-list__item {
    display: flex;
  }
}
.p-get-list__img {
  max-width: 50%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .p-get-list__img {
    max-width: 100%;
  }
}
.p-get-list__img--wrap {
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-get-list__img--wrap {
    flex: 0 0 25%;
    margin-right: 10px;
  }
}
.p-get-list__name {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEE;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-get-list__name {
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 1.3;
  }
}
.p-get-list__name span {
  font-size: 13px;
}
.p-get-list__txt {
  font-size: 15px;
}
@media screen and (max-width: 639px) {
  .p-get-list__txt {
    font-size: 0.8rem;
    line-height: 1.3;
  }
}

/* subject-list */
.p-subject-list {
  display: flex;
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-list {
    flex-wrap: wrap;
  }
}
.p-subject-list a {
  position: relative;
}
.p-subject-list--all .p-subject-list__item {
  width: calc(25% - 7.5px);
}
.p-subject-list--all .p-subject-list__item:not(:first-child) {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .p-subject-list--all .p-subject-list__item {
    width: calc(50% - 5px);
  }
  .p-subject-list--all .p-subject-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-subject-list--all .p-subject-list__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.p-subject-list__item {
  box-sizing: border-box;
}
.p-subject-list__img {
  max-width: 100%;
  height: auto;
}
.p-subject-list__title {
  padding: 5px;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media screen and (max-width: 639px) {
  .p-subject-list__title {
    font-size: 0.8rem;
  }
}
.p-subject-list--flw .p-subject-list__title {
  background: #83A944;
}
.p-subject-list--ccl .p-subject-list__title {
  background: #D4C300;
}
.p-subject-list--act .p-subject-list__title {
  background: #E96C18;
}
.p-subject-list--svt .p-subject-list__title {
  background: #EA6188;
}

/* experience-list */
.p-experience-list__item {
  background: #fff;
}
.p-experience-list__img {
  width: 100%;
  height: auto;
}
.p-experience-list__img--wrap {
  margin-bottom: 10px;
  text-align: center;
}
.p-experience-list__content {
  padding: 10px 15px 15px 15px;
  box-sizing: border-box;
}
.p-experience-list__title {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-experience-list__title {
    font-size: 1rem;
  }
}
.p-experience-list__subject {
  display: block;
  margin-bottom: 10px;
  padding: 0.2em 0.5em;
  border-radius: 10rem;
  font-size: 0.8em;
  color: #fff;
  box-sizing: border-box;
}
.p-experience-list__subject--flw {
  background: #83A944;
}
.p-experience-list__subject--ccl {
  background: #D4C300;
}
.p-experience-list__subject--act {
  background: #E96C18;
}
.p-experience-list__subject--svt {
  background: #EA6188;
}
.p-experience-list__box {
  align-self: center;
}
/* svt-result */
.p-svt-result {
  text-align: center;
  box-sizing: border-box;
}
.p-svt-result__title {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: bold;
}
.p-svt-result__per {
  font-weight: bold;
  color: #EA6188;
  font-size: 3rem;
  line-height: 1;
}
.p-svt-result__per strong {
  font-size: 4.5rem;
}

/* servant-passing-comment */
.servant-passing-comment {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.servant-passing-comment li {
  width: 32%;
}
@media screen and (max-width: 639px) {
  .servant-passing-comment li {
    width: 100%;
  }
  .servant-passing-comment li + li {
    margin-top: 15px;
  }
}
.servant-passing-comment li:nth-child(n+4) {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .servant-passing-comment li:nth-child(n+4) {
    margin-top: 15px;
  }
}
.servant-passing-comment li h3 {
  font-size: 1rem;
  color: #EA6188;
  font-weight: bold;
  text-align: center;
  border: 1px solid #EA6188;
  padding: 7px 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .servant-passing-comment li h3 {
    line-height: 1.3;
  }
}
.servant-passing-comment li div.comment {
  display: flex;
}
.servant-passing-comment li div.comment p.img {
  flex: 0 0 110px;
  margin-left: 10px;
}
.servant-passing-comment li div.comment p.img img {
  max-width: 100%;
  height: auto;
}
.servant-passing-comment li div.comment dl dt {
  font-size: 0.8em;
  line-height: 1.2;
  margin-bottom: 5px;
}

/* ocvoice */
.p-ocvoice {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.p-ocvoice:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 639px) {
  .p-ocvoice {
    align-items: flex-start;
    flex-direction: column;
  }
}
.p-ocvoice__img {
  margin-top: -50px;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__img {
    margin-top: 0;
  }
}
.p-ocvoice__img--wrap {
  width: 30%;
  margin-right: 3.33333%;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__img--wrap {
    width: 60%;
    margin: 0 auto 25px;
    font-size: 16px;
  }
}
.p-ocvoice__body {
  position: relative;
  display: inline-block;
  padding: 25px 30px;
  width: 80%;
  color: #555;
  background: #e0edff;
  box-sizing: border-box;
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__body {
    padding: 15px 20px;
    width: 100%;
  }
}
.p-ocvoice__body:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -20px;
  border: 20px solid transparent;
  border-right: 20px solid #e0edff;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__body:before {
    border: none;
    border-right: none;
  }
}
.p-ocvoice__q {
  display: flex;
  align-items: baseline;
  margin: 0 0 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__q {
    margin-bottom: 5px;
  }
}
.p-ocvoice__q::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: 1.2em;
}
.p-ocvoice__q + .p-ocvoice__a {
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__q + .p-ocvoice__a {
    margin-bottom: 10px;
  }
}
.p-ocvoice__a {
  display: flex;
  align-items: baseline;
}
.p-ocvoice__a::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.2em;
  color: #e60012;
}
.p-ocvoice__name {
  margin: -25px auto 0;
  position: relative;
  padding: 10px 15px;
  font-size: 18px;
  /*フォントサイズ*/
  color: #FFF;
  /*フォントカラー*/
  background: #a6d3c8;
  /*背景色*/
  width: 80%;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__name {
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
  }
}
.p-ocvoice__name::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
  /*折り返し部分*/
}
.p-ocvoice__name::after {
  position: absolute;
  content: "";
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px rgb(149, 158, 155);
  /*折り返し部分*/
}
.p-ocvoice__subject {
  font-size: 14px;
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-ocvoice__subject {
    font-size: 12px;
  }
}
.p-ocvoice--rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 639px) {
  .p-ocvoice--rev {
    flex-direction: column;
  }
}
.p-ocvoice--rev .p-ocvoice__img--wrap {
  margin-right: 0;
  margin-left: 3.33333%;
}
@media screen and (max-width: 639px) {
  .p-ocvoice--rev .p-ocvoice__img--wrap {
    width: 60%;
    margin: 0 auto 10px;
  }
}
.p-ocvoice--rev .p-ocvoice__body::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -20px;
  border-right: none;
  border-left: 20px solid #e0edff;
}
@media screen and (max-width: 639px) {
  .p-ocvoice--rev .p-ocvoice__body::before {
    border: none;
    border-right: none;
  }
}
.p-ocvoice--flw .p-ocvoice__body {
  background: #f3faeb;
}
.p-ocvoice--flw .p-ocvoice__body:before {
  border-right-color: #f3faeb;
}
.p-ocvoice--flw.p-ocvoice--rev .p-ocvoice__body:before {
  border-left-color: #f3faeb;
}
.p-ocvoice--ccl .p-ocvoice__body {
  background: #f8f4d6;
}
.p-ocvoice--ccl .p-ocvoice__body:before {
  border-right-color: #f8f4d6;
}
.p-ocvoice--ccl.p-ocvoice--rev .p-ocvoice__body:before {
  border-left-color: #f8f4d6;
}
.p-ocvoice--act .p-ocvoice__body {
  background: #fffae9;
}
.p-ocvoice--act .p-ocvoice__body:before {
  border-right-color: #fffae9;
}
.p-ocvoice--act.p-ocvoice--rev .p-ocvoice__body:before {
  border-left-color: #fffae9;
}
.p-ocvoice--svt .p-ocvoice__body {
  background: #fff2f4;
}
.p-ocvoice--svt .p-ocvoice__body:before {
  border-right-color: #fff2f4;
}
.p-ocvoice--svt.p-ocvoice--rev .p-ocvoice__body:before {
  border-left-color: #fff2f4;
}
.p-ocvoice--flw .p-ocvoice__q {
  color: #6a963e;
}
.p-ocvoice--flw .p-ocvoice__a::before {
  color: #6a963e;
}
.p-ocvoice--ccl .p-ocvoice__q {
  color: #a99700;
}
.p-ocvoice--ccl .p-ocvoice__a::before {
  color: #a99700;
}
.p-ocvoice--act .p-ocvoice__q {
  color: #c17800;
}
.p-ocvoice--act .p-ocvoice__a::before {
  color: #c17800;
}
.p-ocvoice--svt .p-ocvoice__q {
  color: #94273c;
}
.p-ocvoice--svt .p-ocvoice__a::before {
  color: #94273c;
}
.p-ocvoice--flw .p-ocvoice__name {
  background: #83A944;
}
.p-ocvoice--ccl .p-ocvoice__name {
  background: #D4C300;
}
.p-ocvoice--act .p-ocvoice__name {
  background: #E96C18;
}
.p-ocvoice--svt .p-ocvoice__name {
  background: #EA6188;
}

.button_solid015 {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .button_solid015 {
    margin-top: 30px;
  }
}

.button_solid015 p {
  margin-bottom: 5px;
  font-weight: 600;
  color: #6bb6ff;
  letter-spacing: 0.04rem;
  display: inline-block;
  position: relative;
}

.button_solid015 p:before, .button_solid015 p:after {
  display: inline-block;
  position: absolute;
  top: 45%;
  width: 20px;
  height: 3px;
  border-radius: 5px;
  background-color: #6bb6ff;
  content: "";
}

.button_solid015 p:before {
  left: -30px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.button_solid015 p:after {
  right: -30px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.button_solid015 a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 300px;
  padding: 20px 35px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  border-radius: 50px;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .button_solid015 a {
    max-width: 250px;
    font-size: 17px;
  }
}

.button_solid015 a:hover {
  background: #b6dbff;
}

.button_solid015 a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transition: 0.2s ease-in-out;
  font-family: "ElegantIcons";
  content: "7";
  font-weight: 900;
  transform: translateY(-54%);
}

/* p-graduates */
.p-graduates {
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-graduates {
    padding: 15px;
  }
}
.p-graduates__occupation {
  text-align: center;
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 639px) {
  .p-graduates__occupation {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-graduates__occupation {
    line-height: 1.3;
  }
}
.p-graduates__name {
  text-align: center;
}
.p-graduates__catch {
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-graduates__catch {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-graduates__catch {
    font-size: 1.15rem;
    margin-bottom: 10px;
  }
}
.p-graduates__days {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .p-graduates__days {
    flex-wrap: wrap;
  }
}
.p-graduates__graph {
  width: 35%;
}
@media screen and (max-width: 639px) {
  .p-graduates__graph {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}
.p-graduates__body {
  width: 60%;
}
@media screen and (max-width: 639px) {
  .p-graduates__body {
    width: 100%;
  }
}
.p-graduates__daystitle {
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-graduates__daystitle {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-graduates__daystitle {
    font-size: 1.15rem;
    margin-bottom: 10px;
  }
}

.p-graduates--flw .p-graduates__occupation {
  background: #ebf7de;
}

.p-graduates--ccl .p-graduates__occupation {
  background: #f8e67e;
}

.p-graduates--act .p-graduates__occupation {
  background: #fff1da;
}

.p-graduates--svt .p-graduates__occupation {
  background: #ffebef;
}

.p-graduates--coordinator .p-graduates__occupation {
  background: #ebf7de;
}

.p-graduates--design .p-graduates__occupation {
  background: #ebf7de;
}

.p-graduates--ac_ac .p-graduates__occupation {
  background: #fff1da;
}

.p-graduates--officework .p-graduates__occupation {
  background: #fff1da;
}

.p-graduates--medical_office .p-graduates__occupation {
  background: #fff1da;
}

.p-graduates--shop .p-graduates__occupation {
  background: #f8e67e;
}

.p-graduates--fashion .p-graduates__occupation {
  background: #f8e67e;
}

.p-graduates--ad_affairs .p-graduates__occupation {
  background: #ffebef;
}

.p-graduates--conjunction_study .p-graduates__occupation {
  background: #ffebef;
}

.p-graduates--con_fire .p-graduates__occupation {
  background: #ffebef;
}

.p-graduates--flw .p-graduates__occupation {
  color: #83A944;
}

.p-graduates--ccl .p-graduates__occupation {
  color: #D4C300;
}

.p-graduates--act .p-graduates__occupation {
  color: #E96C18;
}

.p-graduates--svt .p-graduates__occupation {
  color: #EA6188;
}

.p-graduates--coordinator .p-graduates__occupation {
  color: #83A944;
}

.p-graduates--design .p-graduates__occupation {
  color: #83A944;
}

.p-graduates--ac_ac .p-graduates__occupation {
  color: #E96C18;
}

.p-graduates--officework .p-graduates__occupation {
  color: #E96C18;
}

.p-graduates--medical_office .p-graduates__occupation {
  color: #E96C18;
}

.p-graduates--shop .p-graduates__occupation {
  color: #D4C300;
}

.p-graduates--fashion .p-graduates__occupation {
  color: #D4C300;
}

.p-graduates--ad_affairs .p-graduates__occupation {
  color: #EA6188;
}

.p-graduates--conjunction_study .p-graduates__occupation {
  color: #EA6188;
}

.p-graduates--con_fire .p-graduates__occupation {
  color: #EA6188;
}

/* ex-box */
.p-ex-box {
  margin: 20px auto 0;
  padding: 40px;
  width: 80%;
  background: #fff;
  box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 639px) {
  .p-ex-box {
    width: 100%;
    padding: 20px;
    flex-wrap: wrap;
  }
}
.p-ex-box__img {
  max-width: 100%;
  height: auto;
}
.p-ex-box__img--wrap {
  flex: 0 0 40%;
  margin-right: 20px;
}
@media screen and (max-width: 639px) {
  .p-ex-box__img--wrap {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.p-ex-box__title {
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-ex-box__title {
    margin-bottom: 0;
  }
}
.p-ex-box__txt + * {
  margin-top: 20px;
}
.p-ex-box--flw .p-ex-box__title {
  color: #83A944;
}
.p-ex-box--ccl .p-ex-box__title {
  color: #D4C300;
}
.p-ex-box--act .p-ex-box__title {
  color: #E96C18;
}
.p-ex-box--svt .p-ex-box__title {
  color: #EA6188;
}

/* course-list */
.p-course-list {
  margin: 40px auto;
  width: 80%;
}
@media screen and (max-width: 639px) {
  .p-course-list {
    margin: 30px auto;
    width: 100%;
  }
}
.p-course-list__item {
  display: flex;
}
@media screen and (max-width: 639px) {
  .p-course-list__item {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.p-course-list__item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 639px) {
  .p-course-list__item:nth-child(2n) {
    flex-direction: column;
  }
}
.p-course-list__item:nth-child(n+2) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-course-list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-course-list__img {
  width: 100%;
  height: auto;
}
.p-course-list__img--wrap {
  flex: 0 0 50%;
}
.p-course-list__title {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-course-list__title {
    font-size: 1.2rem;
  }
}
.p-course-list__body {
  align-self: center;
  padding: 20px 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-course-list__body {
    padding: 15px;
  }
}
.p-course-list__class {
  display: inline-block;
  margin-top: 10px;
  padding: 5px;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  border: 1px solid #e60012;
}
.p-course-list--flw .p-course-list__title {
  color: #83A944;
}
.p-course-list--flw .p-course-list__class {
  border-color: #83A944;
  color: #83A944;
}
.p-course-list--ccl .p-course-list__title {
  color: #D4C300;
}
.p-course-list--ccl .p-course-list__class {
  border-color: #D4C300;
  color: #D4C300;
}
.p-course-list--act .p-course-list__title {
  color: #E96C18;
}
.p-course-list--act .p-course-list__class {
  border-color: #E96C18;
  color: #E96C18;
}
.p-course-list--svt .p-course-list__title {
  color: #EA6188;
}
.p-course-list--svt .p-course-list__class {
  border-color: #EA6188;
  color: #EA6188;
}
.p-course-list--flw .p-course-list__item {
  background: #f3faeb;
}
.p-course-list--ccl .p-course-list__item {
  background: #f8f4d6;
}
.p-course-list--act .p-course-list__item {
  background: #fffae9;
}
.p-course-list--svt .p-course-list__item {
  background: #fff2f4;
}

/* goodpoint */
.p-goodpoint {
  display: flex;
  flex-wrap: wrap;
}
.p-goodpoint__item {
  padding: 15px;
  background: #ddd;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-goodpoint__item {
    width: 100%;
    margin-right: 0;
  }
  .p-goodpoint__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.p-goodpoint__item p {
  margin-bottom: 10px;
}
.p-goodpoint__item strong {
  font-size: 1.2rem;
}
.p-goodpoint--index .p-goodpoint__item {
  width: calc(25% - 22.5px);
  margin-right: 30px;
}
.p-goodpoint--index .p-goodpoint__item:nth-child(4n) {
  margin-right: 0;
}
.p-goodpoint--index .p-goodpoint__item:nth-child(n+5) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-goodpoint--index .p-goodpoint__item:nth-child(n+5) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .p-goodpoint--index .p-goodpoint__item {
    width: 100%;
    margin-right: 0;
  }
  .p-goodpoint--index .p-goodpoint__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-goodpoint--flw strong {
  color: #6a963e;
}
.p-goodpoint--ccl strong {
  color: #a99700;
}
.p-goodpoint--act strong {
  color: #c17800;
}
.p-goodpoint--svt strong {
  color: #94273c;
}
.p-goodpoint--flw {
  background: #ebf7de;
}
.p-goodpoint--ccl {
  background: #f8e67e;
}
.p-goodpoint--act {
  background: #fff1da;
}
.p-goodpoint--svt {
  background: #ffebef;
}

/* tag */
.p-tag {
  font-size: 0.87rem;
  display: inline-block;
  text-align: center;
  padding: 3px 10px;
  box-sizing: border-box;
  border: 1px solid #e60012;
  border-radius: 10rem;
  font-weight: bold;
  background: #fff;
}
.p-tag--flw {
  color: #83A944;
  border-color: #83A944;
}
.p-tag--ccl {
  color: #D4C300;
  border-color: #D4C300;
}
.p-tag--act {
  color: #E96C18;
  border-color: #E96C18;
}
.p-tag--svt {
  color: #EA6188;
  border-color: #EA6188;
}
@media screen and (max-width: 639px) {
  .p-tag {
    font-size: 0.7rem;
  }
}

/* subject-graduate
------------------------------------------------*/
.subject-graduate__maintit {
  height: 80px;
  width: auto;
}
@media screen and (max-width: 639px) {
  .subject-graduate__maintit {
    height: 50px;
  }
}
.subject-graduate__maintit--wrap {
  margin: 0 auto 30px;
  text-align: center;
}
.subject-graduate__box {
  box-sizing: border-box;
  padding-bottom: 20px;
  width: 650px;
  margin: 0 auto;
  background: #ffffff;
}
@media screen and (max-width: 639px) {
  .subject-graduate__box {
    width: 100%;
  }
}
.subject-graduate__box + .subject-graduate__box {
  margin-top: 40px;
}
.subject-graduate__tit {
  font-weight: bolder;
  font-size: 20px;
  margin: 20px auto;
  width: 80%;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .subject-graduate__tit {
    font-size: 16px;
  }
}
.subject-graduate__name {
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  box-sizing: border-box;
  font-weight: bolder;
}
@media screen and (max-width: 639px) {
  .subject-graduate__name {
    font-size: 14px;
  }
}
.subject-graduate__spec {
  font-size: 12px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .subject-graduate__spec {
    font-size: 10px;
  }
}
.subject-graduate__txt {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  width: 80%;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .subject-graduate__txt {
    font-size: 12px;
  }
}
.subject-graduate__subimg {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  box-sizing: border-box;
}
.subject-graduate__msgbox {
  margin: 40px auto;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 0 20px 20px;
  width: 80%;
}
.subject-graduate__msgtit {
  margin: -15px 0 0 -21px;
}
.subject-graduate__namebox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 10px;
  flex-direction: row-reverse;
  justify-content: center;
}
@media screen and (max-width: 639px) {
  .subject-graduate__namebox {
    flex-direction: row;
  }
}
.subject-graduate__namebody {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-graduate__namebody {
    width: calc(100% - 100px);
  }
}
.subject-graduate__namesubtit {
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .subject-graduate__namesubtit {
    font-size: 15px;
  }
}
.subject-graduate__msgname {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-graduate__msgname {
    font-size: 12px;
  }
}
.subject-graduate__msgsubtit {
  font-weight: bolder;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-graduate__msgsubtit {
    font-size: 14px;
  }
}
@media screen and (max-width: 639px) {
  .subject-graduate__msgtxt {
    font-size: 12px;
  }
}
.subject-graduate__msgimg {
  width: 150px;
  height: auto;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .subject-graduate__msgimg {
    width: 100px;
    margin-right: 0;
  }
}
.subject-graduate__msgimg--wrap {
  width: 50%;
  text-align: right;
}
@media screen and (max-width: 639px) {
  .subject-graduate__msgimg--wrap {
    width: 100px;
  }
}
.subject-graduate--flw .subject-graduate__tit {
  color: #83A944;
}
.subject-graduate--ccl .subject-graduate__tit {
  color: #D4C300;
}
.subject-graduate--act .subject-graduate__tit {
  color: #E96C18;
}
.subject-graduate--svt .subject-graduate__tit {
  color: #EA6188;
}

/* subject-strong
------------------------------------------------*/
.subject-strong {
  margin-top: 50px;
}
.subject-strong__maintit {
  height: 80px;
  width: auto;
}
@media screen and (max-width: 639px) {
  .subject-strong__maintit {
    width: 100%;
    height: auto;
  }
}
.subject-strong__maintit--wrap {
  box-sizing: border-box;
  padding: 40px 20px;
  text-align: center;
  width: 600px;
  margin: 30px auto 30px;
}
@media screen and (max-width: 639px) {
  .subject-strong__maintit--wrap {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.subject-strong__subtit--wrap {
  display: flex;
  margin: 0 auto 20px;
  max-width: 600px;
  font-size: 26px;
  font-weight: bolder;
  align-items: center;
  line-height: 1.2;
}
@media screen and (max-width: 639px) {
  .subject-strong__subtit--wrap {
    justify-content: flex-start;
    font-size: 21px;
    padding: 0 20px;
  }
}
.subject-strong__subtit--num {
  width: 100px;
  height: auto;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .subject-strong__subtit--num {
    width: 80px;
  }
}
.subject-strong__subtit--sm {
  font-size: 23px;
}
@media screen and (max-width: 639px) {
  .subject-strong__subtit--sm {
    font-size: 21px;
  }
}
.subject-strong__content {
  width: 60%;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-strong__content {
    width: 80%;
  }
}
.subject-strong__content + .subject-strong__subtit--wrap {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  .subject-strong__content {
    font-size: 12px;
  }
}
.subject-strong__scrollimg {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .subject-strong__scrollimg {
    max-width: none;
    height: 170px;
    width: auto;
  }
}
.subject-strong__scrollimg--wrap {
  box-sizing: border-box;
  max-width: 1080px;
  margin: 20px auto 40px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-strong__scrollimg--wrap {
    text-align: left;
    width: calc(100vw - 20px);
    margin: 20px calc(50% - 50vw) 40px 20px;
    overflow-x: scroll;
    padding: 0 0 10px;
  }
  .subject-strong__scrollimg--wrap::before {
    display: block;
    content: "横にスクロールできます→";
    margin-bottom: 10px;
  }
}
.subject-strong__scrollimg--wrap + .subject-strong__subtit--wrap {
  margin-top: 40px;
}
.subject-strong--svt {
  margin-top: 30px;
}
.subject-strong--svt .subject-strong__maintit--wrap {
  margin-bottom: 30px;
}
.subject-strong--svt .subject-strong__point1box {
  width: 600px;
  margin: 30px auto 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1box {
    width: 80%;
    flex-direction: column;
  }
}
.subject-strong--svt .subject-strong__point1img {
  width: 400px;
  height: auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1img {
    width: 100%;
  }
}
.subject-strong--svt .subject-strong__point1img--wrap {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1img--wrap {
    width: 100%;
  }
}
.subject-strong--svt .subject-strong__point1txt {
  width: 600px;
  box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1txt {
    width: 100%;
    padding-left: 0;
    font-size: 12px;
  }
}
.subject-strong--svt .subject-strong__point1-2img {
  width: 400px;
  height: auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1-2img {
    width: 100%;
  }
}
.subject-strong--svt .subject-strong__point1-2img--wrap {
  width: 100%;
  margin: 20px auto 40px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point1-2img--wrap {
    width: 80%;
  }
}
.subject-strong--svt .subject-strong__btn {
  width: 30%;
  margin: 20px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__btn {
    width: 80%;
  }
}
.subject-strong--svt .subject-strong__point2box {
  width: 600px;
  margin: 30px auto 40px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point2box {
    width: 80%;
    flex-direction: column;
  }
}
.subject-strong--svt .subject-strong__point2img {
  width: 300px;
  height: auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point2img {
    width: 100%;
  }
}
.subject-strong--svt .subject-strong__point2img--wrap {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.subject-strong--svt .subject-strong__point2txt {
  width: 600px;
  box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point2txt {
    width: 100%;
    padding-left: 0;
    font-size: 12px;
  }
}
.subject-strong--svt .subject-strong__point3box {
  width: 600px;
  margin: 30px auto 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point3box {
    width: 80%;
  }
}
.subject-strong--svt .subject-strong__point3img {
  width: 100%;
  height: auto;
}
.subject-strong--svt .subject-strong__point3img--wrap {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point3img--wrap {
    width: 100%;
  }
}
.subject-strong--svt .subject-strong__point3txt {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--svt .subject-strong__point3txt {
    padding-left: 0;
    font-size: 12px;
  }
}
.subject-strong--act .subject-strong__content {
  max-width: 600px;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__content {
    width: 80%;
    max-width: none;
  }
}
.subject-strong--act .subject-strong__point1box {
  max-width: 1080px;
  margin: 30px auto 20px;
}
.subject-strong--act .subject-strong__point1img {
  max-width: 100%;
  height: auto;
}
.subject-strong--act .subject-strong__point1img--wrap {
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point1img--wrap {
    width: 80%;
  }
}
.subject-strong--act .subject-strong__point1txt {
  width: 600px;
  box-sizing: border-box;
  margin: 20px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point1txt {
    width: 80%;
  }
}
.subject-strong--act .subject-strong__point2box {
  display: flex;
  width: 600px;
  flex-direction: column;
  margin: 20px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point2box {
    width: 100%;
    flex-direction: column;
  }
}
.subject-strong--act .subject-strong__point2item {
  width: 100%;
  text-align: center;
}
.subject-strong--act .subject-strong__point2item + .subject-strong__point2item {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point2item + .subject-strong__point2item {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point2item {
    width: 100%;
    text-align: center;
  }
}
.subject-strong--act .subject-strong__point2img {
  width: 400px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--act .subject-strong__point2img {
    width: 268px;
  }
}
.subject-strong--ccl .subject-strong__maintit--wrap {
  margin-top: 0;
}
.subject-strong--ccl .subject-strong__point1box {
  display: flex;
  width: 600px;
  margin: 30px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point1box {
    flex-direction: column;
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--ccl .subject-strong__point1img {
  width: 100%;
  height: auto;
}
.subject-strong--ccl .subject-strong__point1img--wrap {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point1img--wrap {
    width: 100%;
  }
}
.subject-strong--ccl .subject-strong__point1txt {
  width: 50%;
  box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point1txt {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
    font-size: 12px;
  }
}
.subject-strong--ccl .subject-strong__point1subimg {
  width: 100%;
  height: auto;
}
.subject-strong--ccl .subject-strong__point1subimg--wrap {
  width: 600px;
  margin: 30px auto 50px;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point1subimg--wrap {
    margin: 20px auto 40px;
    width: 80%;
  }
}
.subject-strong--ccl .subject-strong__point2box {
  width: 600px;
  margin: 30px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point2box {
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--ccl .subject-strong__point2img {
  width: 100%;
  height: auto;
}
.subject-strong--ccl .subject-strong__point2img--wrap {
  width: 100%;
  margin-bottom: 20px;
}
.subject-strong--ccl .subject-strong__point2txt {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point2txt {
    font-size: 12px;
  }
}
.subject-strong--ccl .subject-strong__point2btn {
  width: 600px;
  margin: 20px auto 50px;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point2btn {
    width: 80%;
    margin: 20px auto 40px;
  }
}
.subject-strong--ccl .subject-strong__point2btn + .subject-strong__subject-strong__subtit--wrap {
  margin-top: 30px;
}
.subject-strong--ccl .subject-strong__point3box {
  display: flex;
  width: 600px;
  margin: 30px auto;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point3box {
    flex-direction: column;
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--ccl .subject-strong__point3item {
  width: 48%;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point3item {
    width: 100%;
  }
  .subject-strong--ccl .subject-strong__point3item + .subject-strong__point3item {
    margin-top: 20px;
  }
}
.subject-strong--ccl .subject-strong__point3img {
  width: 100%;
  height: auto;
}
.subject-strong--ccl .subject-strong__point3img--wrap {
  width: 100%;
  margin-bottom: 10px;
}
.subject-strong--ccl .subject-strong__point3tit {
  color: #b1a416;
  font-weight: bold;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point3tit {
    font-size: 12px;
  }
}
.subject-strong--ccl .subject-strong__point3txt {
  width: 600px;
  margin: 20px auto 30px;
}
@media screen and (max-width: 639px) {
  .subject-strong--ccl .subject-strong__point3txt {
    width: 80%;
    font-size: 12px;
  }
}
.subject-strong--flw .subject-strong__maintit--wrap {
  margin: 0 auto 30px;
}
.subject-strong--flw .subject-strong__point1box {
  display: flex;
  max-width: 600px;
  margin: 30px auto 50px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1box {
    flex-direction: column;
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--flw .subject-strong__point1img {
  width: 100%;
  height: auto;
}
.subject-strong--flw .subject-strong__point1img--wrap {
  width: 49%;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1img--wrap {
    width: 100%;
  }
}
.subject-strong--flw .subject-strong__point1img2 {
  width: 100%;
  height: auto;
}
.subject-strong--flw .subject-strong__point1img2--wrap {
  width: 49%;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1img2--wrap {
    margin-top: 20px;
    width: 100%;
  }
}
.subject-strong--flw .subject-strong__point1txt {
  width: 55%;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1txt {
    width: 100%;
    font-size: 12px;
  }
}
.subject-strong--flw .subject-strong__point1teacher {
  width: 42%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1teacher {
    flex-direction: row;
    width: 100%;
    margin: 0 auto 20px;
  }
}
.subject-strong--flw .subject-strong__point1teacherbody {
  width: 100%;
}
.subject-strong--flw .subject-strong__point1teachertxt {
  font-size: 13px;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1teachertxt {
    font-size: 12px;
  }
}
.subject-strong--flw .subject-strong__point1teacherimg {
  width: 100%;
  height: auto;
}
.subject-strong--flw .subject-strong__point1teacherimg--wrap {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point1teacherimg--wrap {
    width: 200px;
  }
}
.subject-strong--flw .subject-strong__point2box {
  width: 600px;
  margin: 30px auto;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point2box {
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--flw .subject-strong__point2img {
  width: 100%;
  height: auto;
}
.subject-strong--flw .subject-strong__point2img--wrap {
  width: 100%;
  margin-bottom: 20px;
}
.subject-strong--flw .subject-strong__point2txt {
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point2txt {
    font-size: 12px;
  }
}
.subject-strong--flw .subject-strong__point2btn {
  width: 600px;
  margin: 20px auto 50px;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point2btn {
    width: 80%;
    margin: 20px auto 40px;
  }
}
.subject-strong--flw .subject-strong__point2btn + .subject-strong__subject-strong__subtit--wrap {
  margin-top: 30px;
}
.subject-strong--flw .subject-strong__point3box {
  display: flex;
  max-width: 600px;
  margin: 30px auto 0;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point3box {
    flex-direction: column;
    margin: 20px auto;
    width: 80%;
  }
}
.subject-strong--flw .subject-strong__point3item {
  width: calc(50% - 5px);
}
.subject-strong--flw .subject-strong__point3item + .subject-strong__point3item:nth-child(n+3) {
  margin-top: 10px;
}
.subject-strong--flw .subject-strong__point3item + .subject-strong__point3item:nth-child(2n) {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point3item + .subject-strong__point3item:nth-child(2n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point3item {
    width: 100%;
    margin-top: 10px;
  }
}
.subject-strong--flw .subject-strong__point3img {
  max-width: 100%;
  height: auto;
}
.subject-strong--flw .subject-strong__point3img--wrap {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point3img--wrap {
    margin-bottom: 0;
  }
}
.subject-strong--flw .subject-strong__point3txt {
  width: 600px;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-strong--flw .subject-strong__point3txt {
    width: 80%;
    font-size: 12px;
  }
}
.subject-strong--flw .subject-strong__maintit--wrap {
  background: url(img/flw-tit-bg2.png);
}
.subject-strong--ccl .subject-strong__maintit--wrap {
  background: url(img/ccl-tit-bg2.png);
}
.subject-strong--act .subject-strong__maintit--wrap {
  background: url(img/act-tit-bg2.png);
}
.subject-strong--svt .subject-strong__maintit--wrap {
  background: url(img/svt-tit-bg2.png);
}

/*mezasu*/
.mezasu {
  width: 80%;
  margin: 50px auto;
  display: flex;
}
@media screen and (max-width: 639px) {
  .mezasu {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.mezasu__item {
  width: calc(50% - 10px);
}
@media screen and (max-width: 639px) {
  .mezasu__item {
    width: 100%;
  }
}
.mezasu__item + .mezasu__item {
  margin-left: 20px;
}
@media screen and (max-width: 639px) {
  .mezasu__item + .mezasu__item {
    margin-left: 0;
    margin-top: 30px;
  }
}
.mezasu__title {
  font-size: 1.2rem;
  padding: 7px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  color: #fff;
  margin-bottom: 20px;
}
.mezasu--flw .mezasu__title {
  background: #83A944;
}
.mezasu--ccl .mezasu__title {
  background: #D4C300;
}
.mezasu--act .mezasu__title {
  background: #E96C18;
}
.mezasu--svt .mezasu__title {
  background: #EA6188;
}

/* p-oc-event */
.p-oc-event {
  width: 30%;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 15px;
  background-image: linear-gradient(30deg, rgba(255, 124, 30, 0.8), rgba(255, 236, 32, 0.8)), repeating-linear-gradient(#000 0px 2px, transparent 2px 4px), repeating-linear-gradient(90deg, #000 0px 2px, transparent 2px 4px);
}
@media screen and (max-width: 639px) {
  .p-oc-event {
    width: 100%;
  }
}
.p-oc-event__box {
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
}
.p-oc-event__title {
  font-size: 16px;
  box-sizing: border-box;
  background: #E96C18;
  border-radius: 10px;
  background-color: #E96C18;
  color: #fff;
  border-radius: 100vh;
  padding: 7px 0 10px;
  margin: -40px 0 20px 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-weight: bold;
  text-align: center;
}
.p-oc-event__title::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 15px solid transparent;
  width: 0;
  height: 0;
  border-top-color: #E96C18;
}
.p-oc-event .p-oc-date-list li {
  width: 100%;
}
.p-oc-event .p-oc-date-list__link {
  border: 1px solid #ccc;
}