@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Roboto");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

.tc__color {
  color: #fff;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0 auto;
  padding: 0;
}

body {
  font-family: "yugo-medium", "游ゴシック", "Yu Gothic", "ヒラギノ角Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo;
  font-size: 14px;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  position: relative;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.62em;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a {
  transition: all ease-in .1s;
  color: #000;
  text-decoration: none;
}

a:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

figure {
  margin: 0;
}

p {
  font-family: "yugo-medium", "游ゴシック", "Yu Gothic", "ヒラギノ角Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo;
}

h3 {
  font-weight: normal;
}

h4 {
  font-weight: normal !important;
}

.fu-img {
  width: 100%;
  height: 100%;
}

.fu-img-2 {
  width: 100%;
  height: auto;
}

@media (max-width: 375px) {
  .fu-sp-img {
    width: 100%;
  }
}

.br-pc {
  display: none;
}

@media (min-width: 768px) {
  .br-pc {
    display: block;
  }
}

.br-sp {
  display: block;
}

@media (min-width: 768px) {
  .br-sp {
    display: none;
  }
}

.btn {
  position: relative;
}

.btn-white {
  background: #fff;
  color: #36ad7f;
  font-size: 15px;
  border: 1px solid #36ad7f;
  padding: 15px 20px;
  display: block;
  font-family: 'yugo-bold';
  background: linear-gradient(to right, #36ad7f 50%, white 50%);
  background-size: 300% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.btn-white::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #36ad7f;
  border-right: 1px solid #36ad7f;
  transform: rotate(45deg);
  right: 15px;
  top: 40%;
}

@media (max-width: 414px) {
  .btn-white::after {
    top: 41%;
  }
}

.btn-white:hover {
  background-position: left bottom;
  color: #fff;
}

.btn-white:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all .6s ease-out;
}

.btn-green {
  background: #36ad7f;
  color: #fff;
  font-size: 15px;
  border: 1px solid #36ad7f;
  padding: 15px 20px;
  display: block;
  font-family: 'yugo-bold';
  background: linear-gradient(to right, #fff 50%, #36ad7f 50%);
  background-size: 300% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.btn-green::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  right: 15px;
  top: 42%;
}

@media (max-width: 414px) {
  .btn-green::after {
    top: 41%;
  }
}

.btn-green:hover {
  background-position: left bottom;
  color: #36ad7f;
}

.btn-green:hover::after {
  border-top: 1px solid #36ad7f;
  border-right: 1px solid #36ad7f;
  transition: all .6s ease-out;
}

.btn-default {
  font-size: 15px;
  position: relative;
}

.btn-default.fo__base {
  color: #36ad7f;
}

.btn-default.btn-block {
  display: block;
}

.btn-default.btn-hp-1::after {
  right: 0 !important;
  top: 48%;
}

.btn-default::after {
  position: absolute;
  content: '';
  right: -16px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #36ad7f;
  border-right: 1px solid #36ad7f;
  transform: rotate(45deg);
}

.btn-default:hover {
  color: #36ad7f;
}

.btn-pdf {
  font-size: 15px;
  position: relative;
}

.btn-pdf::after {
  position: absolute;
  content: url(../img/icons/pdf-sm.png);
  right: -20px;
  top: 0;
}

.btn-pdf:hover {
  color: #36ad7f;
}

.btn-tab {
  font-size: 15px;
  position: relative;
}

.btn-tab::after {
  position: absolute;
  content: url(../img/icons/win-r.png);
  right: -20px;
  top: 0;
}

.btn-tab:hover {
  color: #36ad7f;
}

.btn-width {
  max-width: 355px;
  margin: 0 auto;
  text-align: center;
}

.btn-width-md {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.btn-global_point {
  padding: 20px;
  display: block;
  color: #fff;
  text-align: center;
  position: relative;
  font-weight: 700;
}

.btn-global_point.btn_point_gray {
  background: #a0a0a0;
}

.btn-global_point.btn_point_green {
  background: #36ad7f;
}

.btn-global_point::after {
  position: absolute;
  content: '';
  right: 20px;
  top: 45%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.btn-links li {
  border-bottom: 1px solid #a0a0a0;
}

.btn-links li a {
  font-weight: 700 !important;
}

.btn-links li:first-of-type {
  border-top: 1px solid #a0a0a0;
}

.gap-2 > [class^="xs"] {
  padding-left: 2px;
  padding-right: 2px;
}

.gap {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-1-xs {
  margin-left: -5px;
  margin-right: -5px;
}

.gap-1-xs > [class^="xs"] {
  padding-left: 5px;
  padding-right: 5px;
}

.gap-1-xs > [class*=" xs"] {
  padding-left: 5px;
  padding-right: 5px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-2-xs {
  margin-left: -10px;
  margin-right: -10px;
}

.gap-2-xs > [class^="xs"] {
  padding-left: 10px;
  padding-right: 10px;
}

.gap-2-xs > [class*=" xs"] {
  padding-left: 10px;
  padding-right: 10px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-3-xs {
  margin-left: -15px;
  margin-right: -15px;
}

.gap-3-xs > [class^="xs"] {
  padding-left: 15px;
  padding-right: 15px;
}

.gap-3-xs > [class*=" xs"] {
  padding-left: 15px;
  padding-right: 15px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-4-xs {
  margin-left: -20px;
  margin-right: -20px;
}

.gap-4-xs > [class^="xs"] {
  padding-left: 20px;
  padding-right: 20px;
}

.gap-4-xs > [class*=" xs"] {
  padding-left: 20px;
  padding-right: 20px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-5-xs {
  margin-left: -25px;
  margin-right: -25px;
}

.gap-5-xs > [class^="xs"] {
  padding-left: 25px;
  padding-right: 25px;
}

.gap-5-xs > [class*=" xs"] {
  padding-left: 25px;
  padding-right: 25px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-6-xs {
  margin-left: -30px;
  margin-right: -30px;
}

.gap-6-xs > [class^="xs"] {
  padding-left: 30px;
  padding-right: 30px;
}

.gap-6-xs > [class*=" xs"] {
  padding-left: 30px;
  padding-right: 30px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-7-xs {
  margin-left: -35px;
  margin-right: -35px;
}

.gap-7-xs > [class^="xs"] {
  padding-left: 35px;
  padding-right: 35px;
}

.gap-7-xs > [class*=" xs"] {
  padding-left: 35px;
  padding-right: 35px;
}

.gap-0-xs {
  margin-left: 0;
  margin-right: 0;
}

.gap-0-xs > [class^="xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-0-xs > [class*=" xs"] {
  padding-left: 0;
  padding-right: 0;
}

.gap-8-xs {
  margin-left: -40px;
  margin-right: -40px;
}

.gap-8-xs > [class^="xs"] {
  padding-left: 40px;
  padding-right: 40px;
}

.gap-8-xs > [class*=" xs"] {
  padding-left: 40px;
  padding-right: 40px;
}

.xs-1 {
  width: calc(8.33333%);
}

.xs-2 {
  width: calc(16.66667%);
}

.xs-3 {
  width: calc(25%);
}

.xs-4 {
  width: calc(33.33333%);
}

.xs-5 {
  width: calc(41.66667%);
}

.xs-6 {
  width: calc(50%);
}

.xs-7 {
  width: calc(58.33333%);
}

.xs-8 {
  width: calc(66.66667%);
}

.xs-9 {
  width: calc(75%);
}

.xs-10 {
  width: calc(83.33333%);
}

.xs-11 {
  width: calc(91.66667%);
}

.xs-12 {
  width: calc(100%);
}

@media (min-width: 568px) {
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-1-sm {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gap-1-sm > [class^="sm"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-1-sm > [class*=" sm"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-2-sm {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gap-2-sm > [class^="sm"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-2-sm > [class*=" sm"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-3-sm {
    margin-left: -15px;
    margin-right: -15px;
  }
  .gap-3-sm > [class^="sm"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-3-sm > [class*=" sm"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-4-sm {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gap-4-sm > [class^="sm"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-4-sm > [class*=" sm"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-5-sm {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gap-5-sm > [class^="sm"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-5-sm > [class*=" sm"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-6-sm {
    margin-left: -30px;
    margin-right: -30px;
  }
  .gap-6-sm > [class^="sm"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-6-sm > [class*=" sm"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-7-sm {
    margin-left: -35px;
    margin-right: -35px;
  }
  .gap-7-sm > [class^="sm"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-7-sm > [class*=" sm"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-0-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-sm > [class^="sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-sm > [class*=" sm"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-8-sm {
    margin-left: -40px;
    margin-right: -40px;
  }
  .gap-8-sm > [class^="sm"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .gap-8-sm > [class*=" sm"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sm-1 {
    width: calc(8.33333%);
  }
  .sm-2 {
    width: calc(16.66667%);
  }
  .sm-3 {
    width: calc(25%);
  }
  .sm-4 {
    width: calc(33.33333%);
  }
  .sm-5 {
    width: calc(41.66667%);
  }
  .sm-6 {
    width: calc(50%);
  }
  .sm-7 {
    width: calc(58.33333%);
  }
  .sm-8 {
    width: calc(66.66667%);
  }
  .sm-9 {
    width: calc(75%);
  }
  .sm-10 {
    width: calc(83.33333%);
  }
  .sm-11 {
    width: calc(91.66667%);
  }
  .sm-12 {
    width: calc(100%);
  }
}

@media (min-width: 768px) {
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-1-md {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gap-1-md > [class^="md"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-1-md > [class*=" md"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-2-md {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gap-2-md > [class^="md"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-2-md > [class*=" md"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-3-md {
    margin-left: -15px;
    margin-right: -15px;
  }
  .gap-3-md > [class^="md"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-3-md > [class*=" md"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-4-md {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gap-4-md > [class^="md"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-4-md > [class*=" md"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-5-md {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gap-5-md > [class^="md"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-5-md > [class*=" md"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-6-md {
    margin-left: -30px;
    margin-right: -30px;
  }
  .gap-6-md > [class^="md"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-6-md > [class*=" md"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-7-md {
    margin-left: -35px;
    margin-right: -35px;
  }
  .gap-7-md > [class^="md"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-7-md > [class*=" md"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-0-md {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-md > [class^="md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-md > [class*=" md"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-8-md {
    margin-left: -40px;
    margin-right: -40px;
  }
  .gap-8-md > [class^="md"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .gap-8-md > [class*=" md"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md-1 {
    width: calc(8.33333%);
  }
  .md-2 {
    width: calc(16.66667%);
  }
  .md-3 {
    width: calc(25%);
  }
  .md-4 {
    width: calc(33.33333%);
  }
  .md-5 {
    width: calc(41.66667%);
  }
  .md-6 {
    width: calc(50%);
  }
  .md-7 {
    width: calc(58.33333%);
  }
  .md-8 {
    width: calc(66.66667%);
  }
  .md-9 {
    width: calc(75%);
  }
  .md-10 {
    width: calc(83.33333%);
  }
  .md-11 {
    width: calc(91.66667%);
  }
  .md-12 {
    width: calc(100%);
  }
}

@media (min-width: 1080px) {
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-1-lg {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gap-1-lg > [class^="lg"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-1-lg > [class*=" lg"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-2-lg {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gap-2-lg > [class^="lg"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-2-lg > [class*=" lg"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-3-lg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .gap-3-lg > [class^="lg"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-3-lg > [class*=" lg"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-4-lg {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gap-4-lg > [class^="lg"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-4-lg > [class*=" lg"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-5-lg {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gap-5-lg > [class^="lg"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-5-lg > [class*=" lg"] {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-6-lg {
    margin-left: -30px;
    margin-right: -30px;
  }
  .gap-6-lg > [class^="lg"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-6-lg > [class*=" lg"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-7-lg {
    margin-left: -35px;
    margin-right: -35px;
  }
  .gap-7-lg > [class^="lg"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-7-lg > [class*=" lg"] {
    padding-left: 35px;
    padding-right: 35px;
  }
  .gap-0-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .gap-0-lg > [class^="lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-0-lg > [class*=" lg"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gap-8-lg {
    margin-left: -40px;
    margin-right: -40px;
  }
  .gap-8-lg > [class^="lg"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .gap-8-lg > [class*=" lg"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .lg-1 {
    width: calc(8.33333%);
  }
  .lg-2 {
    width: calc(16.66667%);
  }
  .lg-3 {
    width: calc(25%);
  }
  .lg-4 {
    width: calc(33.33333%);
  }
  .lg-5 {
    width: calc(41.66667%);
  }
  .lg-6 {
    width: calc(50%);
  }
  .lg-7 {
    width: calc(58.33333%);
  }
  .lg-8 {
    width: calc(66.66667%);
  }
  .lg-9 {
    width: calc(75%);
  }
  .lg-10 {
    width: calc(83.33333%);
  }
  .lg-11 {
    width: calc(91.66667%);
  }
  .lg-12 {
    width: calc(100%);
  }
}

@media (max-width: 1110px) {
  .gap-8-lg {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.g-pad-lr {
  padding-left: 12.5px !important;
  padding-right: 12.5px !important;
}

.g-gap-lr {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

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

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

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

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

.m-all-0 {
  margin: 0px !important;
}

@media (max-width: 767px) {
  .mb-0 {
    margin-bottom: -5px !important;
  }
  .mt-0 {
    margin-top: -5px !important;
  }
  .ml-0 {
    margin-left: -5px !important;
  }
  .mr-0 {
    margin-right: -5px !important;
  }
  .m-all-0 {
    margin: -5px !important;
  }
}

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

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

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

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

.m-all-1 {
  margin: 5px !important;
}

@media (max-width: 767px) {
  .mb-1 {
    margin-bottom: 0px !important;
  }
  .mt-1 {
    margin-top: 0px !important;
  }
  .ml-1 {
    margin-left: 0px !important;
  }
  .mr-1 {
    margin-right: 0px !important;
  }
  .m-all-1 {
    margin: 0px !important;
  }
}

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

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

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

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

.m-all-2 {
  margin: 10px !important;
}

@media (max-width: 767px) {
  .mb-2 {
    margin-bottom: 5px !important;
  }
  .mt-2 {
    margin-top: 5px !important;
  }
  .ml-2 {
    margin-left: 5px !important;
  }
  .mr-2 {
    margin-right: 5px !important;
  }
  .m-all-2 {
    margin: 5px !important;
  }
}

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

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

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

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

.m-all-3 {
  margin: 15px !important;
}

@media (max-width: 767px) {
  .mb-3 {
    margin-bottom: 10px !important;
  }
  .mt-3 {
    margin-top: 10px !important;
  }
  .ml-3 {
    margin-left: 10px !important;
  }
  .mr-3 {
    margin-right: 10px !important;
  }
  .m-all-3 {
    margin: 10px !important;
  }
}

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

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

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

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

.m-all-4 {
  margin: 20px !important;
}

@media (max-width: 767px) {
  .mb-4 {
    margin-bottom: 15px !important;
  }
  .mt-4 {
    margin-top: 15px !important;
  }
  .ml-4 {
    margin-left: 15px !important;
  }
  .mr-4 {
    margin-right: 15px !important;
  }
  .m-all-4 {
    margin: 15px !important;
  }
}

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

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

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

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

.m-all-5 {
  margin: 25px !important;
}

@media (max-width: 767px) {
  .mb-5 {
    margin-bottom: 20px !important;
  }
  .mt-5 {
    margin-top: 20px !important;
  }
  .ml-5 {
    margin-left: 20px !important;
  }
  .mr-5 {
    margin-right: 20px !important;
  }
  .m-all-5 {
    margin: 20px !important;
  }
}

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

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

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

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

.m-all-6 {
  margin: 30px !important;
}

@media (max-width: 767px) {
  .mb-6 {
    margin-bottom: 25px !important;
  }
  .mt-6 {
    margin-top: 25px !important;
  }
  .ml-6 {
    margin-left: 25px !important;
  }
  .mr-6 {
    margin-right: 25px !important;
  }
  .m-all-6 {
    margin: 25px !important;
  }
}

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

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

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

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

.m-all-7 {
  margin: 35px !important;
}

@media (max-width: 767px) {
  .mb-7 {
    margin-bottom: 30px !important;
  }
  .mt-7 {
    margin-top: 30px !important;
  }
  .ml-7 {
    margin-left: 30px !important;
  }
  .mr-7 {
    margin-right: 30px !important;
  }
  .m-all-7 {
    margin: 30px !important;
  }
}

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

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

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

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

.m-all-8 {
  margin: 40px !important;
}

@media (max-width: 767px) {
  .mb-8 {
    margin-bottom: 35px !important;
  }
  .mt-8 {
    margin-top: 35px !important;
  }
  .ml-8 {
    margin-left: 35px !important;
  }
  .mr-8 {
    margin-right: 35px !important;
  }
  .m-all-8 {
    margin: 35px !important;
  }
}

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

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

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

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

.m-all-9 {
  margin: 45px !important;
}

@media (max-width: 767px) {
  .mb-9 {
    margin-bottom: 40px !important;
  }
  .mt-9 {
    margin-top: 40px !important;
  }
  .ml-9 {
    margin-left: 40px !important;
  }
  .mr-9 {
    margin-right: 40px !important;
  }
  .m-all-9 {
    margin: 40px !important;
  }
}

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

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

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

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

.m-all-10 {
  margin: 50px !important;
}

@media (max-width: 767px) {
  .mb-10 {
    margin-bottom: 45px !important;
  }
  .mt-10 {
    margin-top: 45px !important;
  }
  .ml-10 {
    margin-left: 45px !important;
  }
  .mr-10 {
    margin-right: 45px !important;
  }
  .m-all-10 {
    margin: 45px !important;
  }
}

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

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

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

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

.m-all-11 {
  margin: 55px !important;
}

@media (max-width: 767px) {
  .mb-11 {
    margin-bottom: 50px !important;
  }
  .mt-11 {
    margin-top: 50px !important;
  }
  .ml-11 {
    margin-left: 50px !important;
  }
  .mr-11 {
    margin-right: 50px !important;
  }
  .m-all-11 {
    margin: 50px !important;
  }
}

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

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

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

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

.m-all-12 {
  margin: 60px !important;
}

@media (max-width: 767px) {
  .mb-12 {
    margin-bottom: 55px !important;
  }
  .mt-12 {
    margin-top: 55px !important;
  }
  .ml-12 {
    margin-left: 55px !important;
  }
  .mr-12 {
    margin-right: 55px !important;
  }
  .m-all-12 {
    margin: 55px !important;
  }
}

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

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

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

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

.m-all-13 {
  margin: 65px !important;
}

@media (max-width: 767px) {
  .mb-13 {
    margin-bottom: 60px !important;
  }
  .mt-13 {
    margin-top: 60px !important;
  }
  .ml-13 {
    margin-left: 60px !important;
  }
  .mr-13 {
    margin-right: 60px !important;
  }
  .m-all-13 {
    margin: 60px !important;
  }
}

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

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

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

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

.m-all-14 {
  margin: 70px !important;
}

@media (max-width: 767px) {
  .mb-14 {
    margin-bottom: 65px !important;
  }
  .mt-14 {
    margin-top: 65px !important;
  }
  .ml-14 {
    margin-left: 65px !important;
  }
  .mr-14 {
    margin-right: 65px !important;
  }
  .m-all-14 {
    margin: 65px !important;
  }
}

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

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

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

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

.m-all-15 {
  margin: 75px !important;
}

@media (max-width: 767px) {
  .mb-15 {
    margin-bottom: 70px !important;
  }
  .mt-15 {
    margin-top: 70px !important;
  }
  .ml-15 {
    margin-left: 70px !important;
  }
  .mr-15 {
    margin-right: 70px !important;
  }
  .m-all-15 {
    margin: 70px !important;
  }
}

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

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

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

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

.m-all-16 {
  margin: 80px !important;
}

@media (max-width: 767px) {
  .mb-16 {
    margin-bottom: 75px !important;
  }
  .mt-16 {
    margin-top: 75px !important;
  }
  .ml-16 {
    margin-left: 75px !important;
  }
  .mr-16 {
    margin-right: 75px !important;
  }
  .m-all-16 {
    margin: 75px !important;
  }
}

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

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

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

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

.m-all-17 {
  margin: 85px !important;
}

@media (max-width: 767px) {
  .mb-17 {
    margin-bottom: 80px !important;
  }
  .mt-17 {
    margin-top: 80px !important;
  }
  .ml-17 {
    margin-left: 80px !important;
  }
  .mr-17 {
    margin-right: 80px !important;
  }
  .m-all-17 {
    margin: 80px !important;
  }
}

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

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

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

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

.m-all-18 {
  margin: 90px !important;
}

@media (max-width: 767px) {
  .mb-18 {
    margin-bottom: 85px !important;
  }
  .mt-18 {
    margin-top: 85px !important;
  }
  .ml-18 {
    margin-left: 85px !important;
  }
  .mr-18 {
    margin-right: 85px !important;
  }
  .m-all-18 {
    margin: 85px !important;
  }
}

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

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

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

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

.m-all-19 {
  margin: 95px !important;
}

@media (max-width: 767px) {
  .mb-19 {
    margin-bottom: 90px !important;
  }
  .mt-19 {
    margin-top: 90px !important;
  }
  .ml-19 {
    margin-left: 90px !important;
  }
  .mr-19 {
    margin-right: 90px !important;
  }
  .m-all-19 {
    margin: 90px !important;
  }
}

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

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

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

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

.m-all-20 {
  margin: 100px !important;
}

@media (max-width: 767px) {
  .mb-20 {
    margin-bottom: 95px !important;
  }
  .mt-20 {
    margin-top: 95px !important;
  }
  .ml-20 {
    margin-left: 95px !important;
  }
  .mr-20 {
    margin-right: 95px !important;
  }
  .m-all-20 {
    margin: 95px !important;
  }
}

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

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

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

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

.m-all-21 {
  margin: 105px !important;
}

@media (max-width: 767px) {
  .mb-21 {
    margin-bottom: 100px !important;
  }
  .mt-21 {
    margin-top: 100px !important;
  }
  .ml-21 {
    margin-left: 100px !important;
  }
  .mr-21 {
    margin-right: 100px !important;
  }
  .m-all-21 {
    margin: 100px !important;
  }
}

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

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

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

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

.m-all-22 {
  margin: 110px !important;
}

@media (max-width: 767px) {
  .mb-22 {
    margin-bottom: 105px !important;
  }
  .mt-22 {
    margin-top: 105px !important;
  }
  .ml-22 {
    margin-left: 105px !important;
  }
  .mr-22 {
    margin-right: 105px !important;
  }
  .m-all-22 {
    margin: 105px !important;
  }
}

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

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

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

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

.m-all-23 {
  margin: 115px !important;
}

@media (max-width: 767px) {
  .mb-23 {
    margin-bottom: 110px !important;
  }
  .mt-23 {
    margin-top: 110px !important;
  }
  .ml-23 {
    margin-left: 110px !important;
  }
  .mr-23 {
    margin-right: 110px !important;
  }
  .m-all-23 {
    margin: 110px !important;
  }
}

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

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

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

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

.m-all-24 {
  margin: 120px !important;
}

@media (max-width: 767px) {
  .mb-24 {
    margin-bottom: 115px !important;
  }
  .mt-24 {
    margin-top: 115px !important;
  }
  .ml-24 {
    margin-left: 115px !important;
  }
  .mr-24 {
    margin-right: 115px !important;
  }
  .m-all-24 {
    margin: 115px !important;
  }
}

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

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

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

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

.m-all-25 {
  margin: 125px !important;
}

@media (max-width: 767px) {
  .mb-25 {
    margin-bottom: 120px !important;
  }
  .mt-25 {
    margin-top: 120px !important;
  }
  .ml-25 {
    margin-left: 120px !important;
  }
  .mr-25 {
    margin-right: 120px !important;
  }
  .m-all-25 {
    margin: 120px !important;
  }
}

@media (max-width: 767px) {
  .mb-20-sp {
    margin-bottom: 20px;
  }
}

.margin-no {
  margin: 0 !important;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .mtop-sp {
    margin-top: 20px;
  }
}

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

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

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

@media (min-width: 769px) {
  .mb0-md {
    margin-bottom: 0px !important;
  }
  .mb10-md {
    margin-bottom: 10px !important;
  }
  .mb20-md {
    margin-bottom: 20px !important;
  }
  .mb30-md {
    margin-bottom: 30px !important;
  }
  .mb40-md {
    margin-bottom: 40px !important;
  }
  .mb50-md {
    margin-bottom: 50px !important;
  }
  .mb60-md {
    margin-bottom: 60px !important;
  }
  .mb70-md {
    margin-bottom: 70px !important;
  }
  .mb80-md {
    margin-bottom: 80px !important;
  }
  .mb90-md {
    margin-bottom: 90px !important;
  }
}

.dist-flex {
  display: flex;
  align-items: center;
}

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

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

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

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

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

.view-pc {
  display: none;
}

@media (min-width: 767px) {
  .view-pc {
    display: block;
  }
}

.view-sp {
  display: block;
}

@media (min-width: 767px) {
  .view-sp {
    display: none;
  }
}

@media (max-width: 767px) {
  .col-reverse-sp {
    flex-direction: column-reverse;
  }
}

.tbold {
  font-weight: bold;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pa-lg {
  padding-bottom: 120px;
}

@media (max-width: 768px) {
  .pa-lg {
    padding-bottom: 50px;
  }
}

.pa-md {
  padding-top: 150px;
  padding-bottom: 170px;
}

@media (max-width: 768px) {
  .pa-md {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.pa-md-2 {
  padding-top: 170px;
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .pa-md-2 {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .ta-center-sp {
    text-align: center;
  }
  .pa-md-top-5 {
    padding-top: 50px;
  }
  .pa-md-x-30 {
    padding: 30px;
  }
}

.la_default {
  letter-spacing: .1em;
}

.la__flex_same_height {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-t-150 {
  margin-top: 150px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.m-b-150 {
  margin-bottom: 150px !important;
}

.p-b-150 {
  padding-bottom: 150px !important;
}

.m-l-150 {
  margin-left: 150px !important;
}

.p-l-150 {
  padding-left: 150px !important;
}

.m-r-150 {
  margin-right: 150px !important;
}

.p-r-150 {
  padding-right: 150px !important;
}

@media (min-width: 769px) {
  .m-md-t-0 {
    margin-top: 0px !important;
  }
  .p-md-t-0 {
    padding-top: 0px;
  }
  .m-md-b-0 {
    margin-bottom: 0px !important;
  }
  .p-md-b-0 {
    padding-bottom: 0px;
  }
  .m-md-l-0 {
    margin-left: 0px !important;
  }
  .p-md-l-0 {
    padding-left: 0px;
  }
  .m-md-r-0 {
    margin-right: 0px !important;
  }
  .p-md-r-0 {
    padding-right: 0px;
  }
  .m-md-t-5 {
    margin-top: 5px !important;
  }
  .p-md-t-5 {
    padding-top: 5px;
  }
  .m-md-b-5 {
    margin-bottom: 5px !important;
  }
  .p-md-b-5 {
    padding-bottom: 5px;
  }
  .m-md-l-5 {
    margin-left: 5px !important;
  }
  .p-md-l-5 {
    padding-left: 5px;
  }
  .m-md-r-5 {
    margin-right: 5px !important;
  }
  .p-md-r-5 {
    padding-right: 5px;
  }
  .m-md-t-10 {
    margin-top: 10px !important;
  }
  .p-md-t-10 {
    padding-top: 10px;
  }
  .m-md-b-10 {
    margin-bottom: 10px !important;
  }
  .p-md-b-10 {
    padding-bottom: 10px;
  }
  .m-md-l-10 {
    margin-left: 10px !important;
  }
  .p-md-l-10 {
    padding-left: 10px;
  }
  .m-md-r-10 {
    margin-right: 10px !important;
  }
  .p-md-r-10 {
    padding-right: 10px;
  }
  .m-md-t-15 {
    margin-top: 15px !important;
  }
  .p-md-t-15 {
    padding-top: 15px;
  }
  .m-md-b-15 {
    margin-bottom: 15px !important;
  }
  .p-md-b-15 {
    padding-bottom: 15px;
  }
  .m-md-l-15 {
    margin-left: 15px !important;
  }
  .p-md-l-15 {
    padding-left: 15px;
  }
  .m-md-r-15 {
    margin-right: 15px !important;
  }
  .p-md-r-15 {
    padding-right: 15px;
  }
  .m-md-t-20 {
    margin-top: 20px !important;
  }
  .p-md-t-20 {
    padding-top: 20px;
  }
  .m-md-b-20 {
    margin-bottom: 20px !important;
  }
  .p-md-b-20 {
    padding-bottom: 20px;
  }
  .m-md-l-20 {
    margin-left: 20px !important;
  }
  .p-md-l-20 {
    padding-left: 20px;
  }
  .m-md-r-20 {
    margin-right: 20px !important;
  }
  .p-md-r-20 {
    padding-right: 20px;
  }
  .m-md-t-25 {
    margin-top: 25px !important;
  }
  .p-md-t-25 {
    padding-top: 25px;
  }
  .m-md-b-25 {
    margin-bottom: 25px !important;
  }
  .p-md-b-25 {
    padding-bottom: 25px;
  }
  .m-md-l-25 {
    margin-left: 25px !important;
  }
  .p-md-l-25 {
    padding-left: 25px;
  }
  .m-md-r-25 {
    margin-right: 25px !important;
  }
  .p-md-r-25 {
    padding-right: 25px;
  }
  .m-md-t-30 {
    margin-top: 30px !important;
  }
  .p-md-t-30 {
    padding-top: 30px;
  }
  .m-md-b-30 {
    margin-bottom: 30px !important;
  }
  .p-md-b-30 {
    padding-bottom: 30px;
  }
  .m-md-l-30 {
    margin-left: 30px !important;
  }
  .p-md-l-30 {
    padding-left: 30px;
  }
  .m-md-r-30 {
    margin-right: 30px !important;
  }
  .p-md-r-30 {
    padding-right: 30px;
  }
  .m-md-t-35 {
    margin-top: 35px !important;
  }
  .p-md-t-35 {
    padding-top: 35px;
  }
  .m-md-b-35 {
    margin-bottom: 35px !important;
  }
  .p-md-b-35 {
    padding-bottom: 35px;
  }
  .m-md-l-35 {
    margin-left: 35px !important;
  }
  .p-md-l-35 {
    padding-left: 35px;
  }
  .m-md-r-35 {
    margin-right: 35px !important;
  }
  .p-md-r-35 {
    padding-right: 35px;
  }
  .m-md-t-40 {
    margin-top: 40px !important;
  }
  .p-md-t-40 {
    padding-top: 40px;
  }
  .m-md-b-40 {
    margin-bottom: 40px !important;
  }
  .p-md-b-40 {
    padding-bottom: 40px;
  }
  .m-md-l-40 {
    margin-left: 40px !important;
  }
  .p-md-l-40 {
    padding-left: 40px;
  }
  .m-md-r-40 {
    margin-right: 40px !important;
  }
  .p-md-r-40 {
    padding-right: 40px;
  }
  .m-md-t-45 {
    margin-top: 45px !important;
  }
  .p-md-t-45 {
    padding-top: 45px;
  }
  .m-md-b-45 {
    margin-bottom: 45px !important;
  }
  .p-md-b-45 {
    padding-bottom: 45px;
  }
  .m-md-l-45 {
    margin-left: 45px !important;
  }
  .p-md-l-45 {
    padding-left: 45px;
  }
  .m-md-r-45 {
    margin-right: 45px !important;
  }
  .p-md-r-45 {
    padding-right: 45px;
  }
  .m-md-t-50 {
    margin-top: 50px !important;
  }
  .p-md-t-50 {
    padding-top: 50px;
  }
  .m-md-b-50 {
    margin-bottom: 50px !important;
  }
  .p-md-b-50 {
    padding-bottom: 50px;
  }
  .m-md-l-50 {
    margin-left: 50px !important;
  }
  .p-md-l-50 {
    padding-left: 50px;
  }
  .m-md-r-50 {
    margin-right: 50px !important;
  }
  .p-md-r-50 {
    padding-right: 50px;
  }
  .m-md-t-60 {
    margin-top: 60px !important;
  }
  .p-md-t-60 {
    padding-top: 60px;
  }
  .m-md-b-60 {
    margin-bottom: 60px !important;
  }
  .p-md-b-60 {
    padding-bottom: 60px;
  }
  .m-md-l-60 {
    margin-left: 60px !important;
  }
  .p-md-l-60 {
    padding-left: 60px;
  }
  .m-md-r-60 {
    margin-right: 60px !important;
  }
  .p-md-r-60 {
    padding-right: 60px;
  }
  .m-md-t-70 {
    margin-top: 70px !important;
  }
  .p-md-t-70 {
    padding-top: 70px;
  }
  .m-md-b-70 {
    margin-bottom: 70px !important;
  }
  .p-md-b-70 {
    padding-bottom: 70px;
  }
  .m-md-l-70 {
    margin-left: 70px !important;
  }
  .p-md-l-70 {
    padding-left: 70px;
  }
  .m-md-r-70 {
    margin-right: 70px !important;
  }
  .p-md-r-70 {
    padding-right: 70px;
  }
  .m-md-t-75 {
    margin-top: 75px !important;
  }
  .p-md-t-75 {
    padding-top: 75px;
  }
  .m-md-b-75 {
    margin-bottom: 75px !important;
  }
  .p-md-b-75 {
    padding-bottom: 75px;
  }
  .m-md-l-75 {
    margin-left: 75px !important;
  }
  .p-md-l-75 {
    padding-left: 75px;
  }
  .m-md-r-75 {
    margin-right: 75px !important;
  }
  .p-md-r-75 {
    padding-right: 75px;
  }
  .m-md-t-80 {
    margin-top: 80px !important;
  }
  .p-md-t-80 {
    padding-top: 80px;
  }
  .m-md-b-80 {
    margin-bottom: 80px !important;
  }
  .p-md-b-80 {
    padding-bottom: 80px;
  }
  .m-md-l-80 {
    margin-left: 80px !important;
  }
  .p-md-l-80 {
    padding-left: 80px;
  }
  .m-md-r-80 {
    margin-right: 80px !important;
  }
  .p-md-r-80 {
    padding-right: 80px;
  }
  .m-md-t-100 {
    margin-top: 100px !important;
  }
  .p-md-t-100 {
    padding-top: 100px;
  }
  .m-md-b-100 {
    margin-bottom: 100px !important;
  }
  .p-md-b-100 {
    padding-bottom: 100px;
  }
  .m-md-l-100 {
    margin-left: 100px !important;
  }
  .p-md-l-100 {
    padding-left: 100px;
  }
  .m-md-r-100 {
    margin-right: 100px !important;
  }
  .p-md-r-100 {
    padding-right: 100px;
  }
  .m-md-t-120 {
    margin-top: 120px !important;
  }
  .p-md-t-120 {
    padding-top: 120px;
  }
  .m-md-b-120 {
    margin-bottom: 120px !important;
  }
  .p-md-b-120 {
    padding-bottom: 120px;
  }
  .m-md-l-120 {
    margin-left: 120px !important;
  }
  .p-md-l-120 {
    padding-left: 120px;
  }
  .m-md-r-120 {
    margin-right: 120px !important;
  }
  .p-md-r-120 {
    padding-right: 120px;
  }
  .m-md-t-150 {
    margin-top: 150px !important;
  }
  .p-md-t-150 {
    padding-top: 150px;
  }
  .m-md-b-150 {
    margin-bottom: 150px !important;
  }
  .p-md-b-150 {
    padding-bottom: 150px;
  }
  .m-md-l-150 {
    margin-left: 150px !important;
  }
  .p-md-l-150 {
    padding-left: 150px;
  }
  .m-md-r-150 {
    margin-right: 150px !important;
  }
  .p-md-r-150 {
    padding-right: 150px;
  }
}

@font-face {
  font-family: 'yugo-bold';
  src: url(../fonts/yugothib.ttf);
}

@font-face {
  font-family: 'yugo-medium';
  src: url(../fonts/yugothic.ttf);
}

header {
  position: relative;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

header .header-logo {
  flex: 1;
}

header .header-logo h1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
    width: 45%;
}

header .header-logo h1 a img {
  width: 180px;
}

header .header-logo h1 a img:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

@media (max-width: 1000px) {
  header .header-logo h1 a img {
    width: 70%;
  }
}

@media (max-width: 768px) {
  header .header-logo h1 a img {
    width: 65%;
  }
}

header nav {
  padding-top: 40px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

header nav ul {
  padding-left: 0;
}

header nav ul li {
  display: inline;
  padding-right: 30px;
}

header nav ul li.is-active a {
  position: relative;
}

header nav ul li.is-active a::after {
  content: '';
  position: absolute;
  bottom: 0;
  border-bottom: 6px solid #36ad7f;
  width: 35px;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
}

header nav ul li a {
  color: #000;
  text-decoration: none;
  position: relative;
  display: inline-block;
  font-family: 'yugo-bold';
}

header nav ul li a:hover {
  color: #36ad7f;
  position: relative;
}

header nav ul li a:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  border-bottom: 6px solid #36ad7f;
  width: 35px;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
}

header nav ul li a:focus {
  color: #36ad7f;
  position: relative;
}

header nav ul li a:focus::after {
  content: '';
  position: absolute;
  bottom: 0;
  border-bottom: 6px solid #36ad7f;
  width: 35px;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
}

@media (max-width: 1001px) {
  header nav ul {
    display: none;
  }
}

header .cart a {
  background-color: #239c8c;
  padding: 19px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
  justify-content: center;
}

@media (max-width: 768px) {
  header .cart a {
    padding: 10px 15px;
    height: 100%;
    justify-content: center;
  }
}

header .cart p {
  color: #fff;
  font-weight: 700;
  padding-top: 10px;
}

@media (max-width: 1000px) {
  header .cart p {
    display: none;
  }
}

header .cart figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

header .cart figure img {
  padding-right: 12px;
}

header .messages a {
  background-color: #36ad7f;
  padding: 19px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
  justify-content: center;
}

@media (max-width: 1000px) {
  header .messages a {
    padding: 27px 35px;
  }
}

@media (max-width: 768px) {
  header .messages a {
    padding: 10px 23px;
    justify-content: center;
  }
  header .messages a figure {
    display: flex;
    justify-content: center;
  }
}

header .messages p {
  color: #fff;
  font-weight: 700;
  padding-top: 10px;
}

@media (max-width: 1000px) {
  header .messages p {
    display: none;
  }
}

.owl-carousel .item img {
  z-index: 1;
}

.main-container {
  position: relative;
}

section {
  position: relative;
}

.section-inner-xs {
  max-width: 1040px;
  margin: 0 auto;
}

@media (max-width: 1080px) {
  .section-inner-xs {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.news-upper-list {
  background-color: #fff;
  padding: 50px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 80px;
  z-index: 3;
  transform: translateY(-50%);
  position: absolute;
  width: 95%;
}

.news-upper-list h3 {
  flex: 1;
  font-size: 20px;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.news-upper-list .news-p-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.news-upper-list .news-p-list strong {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  letter-spacing: .1em;
  font-size: 15px;
}

.news-upper-list .news-p-list strong span {
  padding-right: 20px;
  border-right: 1px solid #000;
}

.news-upper-list .news-p-list p {
  padding-left: 20px;
}

.news-upper-list .news-p-list p a {
  text-decoration: none;
  position: relative;
}

.news-upper-list .news-p-list p a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #2b976d;
  border-right: 1px solid #2b976d;
  transform: rotate(45deg);
  right: -11px;
  top: 4px;
}

@media (max-width: 320px) {
  .news-upper-list .news-p-list p a::after {
    right: -233px;
    top: 30px;
  }
}

@media (max-width: 375px) {
  .news-upper-list .news-p-list p a::after {
    right: -75px;
    top: 26px;
  }
}

@media (max-width: 414px) {
  .news-upper-list .news-p-list p a::after {
    right: -84px;
    top: 21px;
  }
}

.news-upper-list .news-p-list p a:hover {
  color: #36ad7f;
}

@media (max-width: 768px) {
  .news-upper-list .news-p-list {
    flex-direction: column;
  }
  .news-upper-list .news-p-list p {
    padding-left: 0;
  }
}

@media (max-width: 1225px) {
  .news-upper-list {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .news-upper-list {
    padding: 40px 30px;
    transform: translate(0);
    position: relative;
    width: 100%;
  }
  .news-upper-list strong {
    margin-bottom: 30px;
  }
  .news-upper-list h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

@media (max-width: 411px) {
  .news-upper-list {
    padding: 20px;
  }
  .news-upper-list h3 {
    font-size: 16px;
  }
}

.section-list-item {
  padding: 60px 0;
  transition: all ease-in 1s;
}

.section-list-item .owl-stage-outer {
  padding-top: 50px;
  height: 450px !important;
}

@media (max-width: 768px) {
  .section-list-item {
    padding-top: 0;
  }
}

.section-list-item .owl-carousel p {
  letter-spacing: .1em;
}

.section-list-item .owl-carousel .owl-stage {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.section-list-item .owl-nav {
  display: block !important;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.section-list-item .owl-nav button {
  outline: none;
}

@media (max-width: 1190px) {
  .section-list-item .owl-nav {
    display: none !important;
  }
}

.section-list-item .owl-next {
  position: absolute;
  top: 52%;
  right: -7%;
  font-size: 40px !important;
  font-weight: 300;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.section-list-item .owl-prev {
  position: absolute;
  top: 52%;
  left: -7%;
  font-size: 45px !important;
  font-weight: 300;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.section-list-item .owl-carousel {
  padding-top: 60px;
}

@media (max-width: 768px) {
  .section-list-item .owl-carousel {
    padding-top: 0;
  }
}

.section-list-item .owl-carousel .owl-item img {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  box-shadow: 0 0 12px rgba(84, 81, 81, 0.6);
}

.section-list-item .item {
  position: relative;
}

.section-list-item .item a:hover {
  color: #36ad7f;
}

.section-list-item .item img:hover {
  opacity: .8;
}

.section-list-item .item p {
  display: block;
  line-height: 1.5em;
}

.section-list-item .item p strong {
  font-weight: 700;
}

.section-list-item .item span {
  position: absolute;
  content: '';
  top: -15px;
  left: -8px;
  padding: 11px 6px;
  background: #b5d310;
  border-radius: 58%;
  color: #fff;
  z-index: 9999;
  font-size: 14px;
}

.menu-toggle, .menu-toggle-2 {
  display: none;
  max-width: 968px;
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  padding-top: 20px;
}

.menu-toggle .toggle-item, .menu-toggle-2 .toggle-item {
  background: rgba(67, 67, 67, 0.9);
  padding: 120px 30px 100px;
}

.menu-toggle .toggle-item h3, .menu-toggle-2 .toggle-item h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 90px;
  padding-bottom: 25px;
  position: relative;
  font-family: 'yugo-bold';
}

.menu-toggle .toggle-item h3::before, .menu-toggle-2 .toggle-item h3::before {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36ad7f;
  width: 50px;
  height: 2px;
  bottom: 0;
  left: 0;
}

.menu-toggle .toggle-item-cord, .menu-toggle-2 .toggle-item-cord {
  background-color: #2b976d;
  height: 408px;
}

.menu-toggle .toggle-item-cord input, .menu-toggle-2 .toggle-item-cord input {
  display: none;
}

.menu-toggle .toggle-item-cord label, .menu-toggle-2 .toggle-item-cord label {
  display: block;
  background: #36ad7f;
  cursor: pointer;
  padding: 22.5px 40px;
  color: #fff;
  border-bottom: 1px solid #87ceb3;
  box-sizing: border-box;
  font-size: 18px;
  position: relative;
  font-family: 'yugo-bold';
}

.menu-toggle .toggle-item-cord label::after, .menu-toggle-2 .toggle-item-cord label::after {
  position: absolute;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  right: 4%;
  top: 40%;
}

.menu-toggle .toggle-item-cord label:hover, .menu-toggle-2 .toggle-item-cord label:hover {
  background: #87ceb3;
}

.menu-toggle .toggle-item-cord .ac-cont, .menu-toggle-2 .toggle-item-cord .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #2b976d;
  padding: 0;
  box-sizing: border-box;
}

.menu-toggle .toggle-item-cord .ac-cont a, .menu-toggle-2 .toggle-item-cord .ac-cont a {
  color: #fff;
  padding: 0 40px;
  display: inline-block;
  font-family: 'yugo-bold';
}

.menu-toggle .toggle-item-cord input:checked + label, .menu-toggle-2 .toggle-item-cord input:checked + label {
  background-color: #87ceb3;
}

.menu-toggle .toggle-item-cord input:checked + .ac-cont, .menu-toggle-2 .toggle-item-cord input:checked + .ac-cont {
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.menu-toggle .toggle-item-cord input:checked + .ac-cont a, .menu-toggle-2 .toggle-item-cord input:checked + .ac-cont a {
  padding: 23px 40px;
  display: block;
}

.menu-toggle .toggle-item-cord input:checked + .ac-cont a:nth-child(-n+4), .menu-toggle-2 .toggle-item-cord input:checked + .ac-cont a:nth-child(-n+4) {
  border-bottom: 1px solid #87ceb3;
}

.menu-toggle .toggle-item-cord input:checked + .ac-cont a:nth-child(2n-1), .menu-toggle-2 .toggle-item-cord input:checked + .ac-cont a:nth-child(2n-1) {
  border-right: 1px solid #87ceb3;
}

@media (max-width: 1000px) {
  .menu-toggle, .menu-toggle-2 {
    display: none;
  }
}

.section-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 170px;
}

@media (max-width: 768px) {
  .section-tile {
    margin-bottom: 280px;
  }
}

@media (max-width: 414px) {
  .section-tile {
    margin-bottom: 200px;
  }
}

@media (max-width: 320px) {
  .section-tile {
    margin-bottom: 160px;
  }
}

.section-tile h3 {
  color: #36ad7f;
  font-size: 16px;
  padding-bottom: 17px;
  font-weight: 700 !important;
  max-width: 102px;
  margin: 0 auto;
  position: relative;
}

.section-tile h3::before {
  position: absolute;
  content: '';
  left: -17px;
  bottom: 0;
  width: 133px;
  height: 5px;
  border-bottom: 5px solid #36ad7f;
}

.card-item {
  background-color: #fff;
  padding: 60px;
  z-index: 1;
  box-shadow: 0 0 12px rgba(84, 81, 81, 0.4);
}

.card-item h3 {
  font-family: 'yugo-bold';
  color: #000;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
  letter-spacing: .1em;
}

.card-item h3::before {
  position: absolute;
  content: '';
  width: 17%;
  height: 5px;
  border-bottom: 3px solid #36ad7f;
  bottom: 0;
  left: 0;
}

.card-item h3 span {
  font-size: 26px;
}

.card-item p {
  line-height: 1.6em;
  font-size: 15px;
}

@media (max-width: 767px) {
  .card-item img {
    display: none;
  }
}

@media (max-width: 768px) {
  .card-item {
    padding: 40px 30px;
  }
  .card-item h3 {
    color: #000;
  }
}

.card-item-img {
  position: relative;
}

.card-item-img img {
  position: absolute;
  margin-left: -46%;
  margin-top: -13%;
  z-index: -1;
  max-width: max-content;
}

@media (max-width: 1080px) {
  .card-item-img img {
    margin-left: -41%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .card-item-img img {
    margin-left: 4%;
    margin-top: -188px;
    width: 100%;
  }
}

@media (max-width: 414px) {
  .card-item-img img {
    margin-left: 4.2%;
    margin-top: -152px;
    width: 100%;
  }
}

@media (max-width: 320px) {
  .card-item-img img {
    margin-left: 4.2%;
    margin-top: -110px;
    width: 100%;
  }
}

.side-bg {
  background-color: #36ad7f;
  position: absolute;
  top: 40%;
  left: 0;
  width: 60%;
  height: 70%;
  z-index: -2;
}

@media (max-width: 768px) {
  .side-bg {
    top: 47%;
    width: 100%;
    height: 58%;
  }
}

@media (max-width: 414px) {
  .side-bg {
    top: 39%;
    width: 100%;
    height: 69%;
  }
}

@media (max-width: 320px) {
  .side-bg {
    top: 30%;
    width: 100%;
    height: 75%;
  }
}

.flex-item-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .flex-column-reverse {
    flex-direction: column-reverse;
  }
}

#owl-carousel .owl-dots {
  position: absolute;
  bottom: 10%;
  right: 5%;
}

@media (max-width: 1400px) {
  #owl-carousel .owl-dots {
    bottom: 12%;
  }
}

#owl-carousel button.owl-dot {
  margin: 0 3px 0;
  width: 75px;
  height: 4px;
  background-color: #fff;
  outline: none;
}

@media (max-width: 375px) {
  #owl-carousel button.owl-dot {
    width: 68px;
  }
}

#owl-carousel button.owl-dot.active {
  background-color: #36ad7f;
}

.post-item {
  position: relative;
}

.post-item h3 {
  position: relative;
  font-size: 26px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  font-family: 'yugo-bold';
}

.post-item h3:after {
  content: '';
  position: absolute;
  border-bottom: 2px solid #36ad7f;
  width: 40px;
  bottom: 0;
  left: 0;
}

.post-item p {
  font-size: 13px;
  margin-bottom: 20px;
}

@media (max-width: 970px) and (min-width: 768px) {
  .post-item img {
    width: 100%;
  }
}

.post-item2 h4 {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.5em;
}

.post-item2 span {
  font-size: 16px;
  font-weight: 700;
  padding-left: 10px;
  position: relative;
}

.post-item2 span::before {
  position: absolute;
  content: '';
  border-left: 2px solid #36ad7f;
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
}

.post-item2 p {
  margin-top: 20px;
  font-size: 15px;
}

.post-title {
  font-size: 18px;
  padding: 20px 0;
  display: block;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 20px;
}

.post-drop {
  position: relative;
}

.post-drop label.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.post-drop label.custom-select select {
  width: 100%;
}

.post-drop .custom-select select {
  display: inline-block;
  border: none;
  margin: 0;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 20px;
  background-color: #d6e7e5;
  height: 50px;
}

.post-drop .custom-select select option {
  background: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .post-drop .custom-select select {
    padding-right: 30px;
  }
}

.post-drop .custom-select:after {
  content: url(../img/icons/arrow.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 49px;
  padding: 0 23px;
  background: #36ad7f;
  pointer-events: none;
}

.post-drop .no-pointer-events .custom-select:after {
  content: none;
}

.post-search {
  position: relative;
}

.post-search label.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.post-search label.custom-select input {
  width: 100%;
}

.post-search .custom-select input {
  cursor: pointer;
  display: inline-block;
  border: none;
  margin: 0;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 20px;
  background-color: #d6e7e5;
  height: 50px;
}

.post-search .custom-select input option {
  background: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .post-search .custom-select input {
    padding-right: 30px;
  }
}

.post-search .custom-select:after {
  content: url(../img/search.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 59px;
  padding: 0 23px;
  background: #36ad7f;
  pointer-events: none;
}

.post-search .no-pointer-events .custom-select:after {
  content: none;
}

.post-search_2 {
  position: relative;
  text-align: right;
}

.post-search_2 label.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.post-search_2 label.custom-select.post_search_size {
  width: 60%;
}

.post-search_2 label.custom-select input {
  width: 100%;
}

.post-search_2 .custom-select input {
  cursor: pointer;
  display: inline-block;
  border: none;
  margin: 0;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 20px;
  background-color: #d6e7e5;
  height: 50px;
}

.post-search_2 .custom-select input option {
  background: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .post-search_2 .custom-select input {
    padding-right: 30px;
  }
}

.post-search_2 .custom-select:after {
  content: url(../img/icons/arrow.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 49px;
  padding: 0 23px;
  background: #36ad7f;
  pointer-events: none;
}

.post-search_2 .no-pointer-events .custom-select:after {
  content: none;
}

.post-search_3 {
  position: relative;
  text-align: right;
}

.post-search_3 label.custom-select {
  position: relative;
  display: inline-block;
  width: 118px;
}

.post-search_3 label.custom-select.post_search_size {
  width: 60%;
}

.post-search_3 label.custom-select select {
  width: 100%;
}

.post-search_3 .custom-select select {
  cursor: pointer;
  display: inline-block;
  border: none;
  margin: 0;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  height: 48px;
  padding-left: 20px;
  background-color: #d6e7e5;
  height: 50px;
}

.post-search_3 .custom-select select option {
  background: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .post-search_3 .custom-select select {
    padding-right: 30px;
  }
}

.post-search_3 .custom-select:after {
  content: url(../img/icons/arrow.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 49px;
  padding: 0 23px;
  background: #36ad7f;
  pointer-events: none;
}

.post-search_3 .no-pointer-events .custom-select:after {
  content: none;
}

.cont-2 img {
  width: 100%;
}

.cont-2 a img {
  transition: all .3s ease-in;
}

.cont-2 a img:hover {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .cont-2 {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}

.cont-2 .owl-nav {
  display: block !important;
  font-family: "Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

@media (min-width: 769px) {
  .cont-2 .owl-nav {
    display: none !important;
  }
}

.cont-2 .owl-next {
  position: absolute;
  top: 52%;
  right: 10px;
  font-size: 40px !important;
  font-weight: 300;
  outline: none;
}

.cont-2 .owl-prev {
  position: absolute;
  top: 52%;
  left: 10px;
  font-size: 45px !important;
  font-weight: 300;
  outline: none;
}

@media (max-width: 1000px) {
  .cont {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.bor-right {
  border-right: 1px dotted #000;
}

@media (max-width: 768px) {
  .bor-right {
    border: none;
  }
}

section#home-noticetab article p:hover {
  color: #36ad7f;
}

@media (max-width: 900px) {
  #home-noticelist {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.pc {
  display: inline;
}

.sp {
  display: none;
}

@media (max-width: 1000px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline;
  }
}

.arrow-right {
  position: relative;
}

.arrow-right::after {
  position: absolute;
  content: '';
  bottom: 0;
  top: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.arrow-right-anchor {
  position: relative;
}

.arrow-right-anchor::after {
  position: absolute;
  content: '';
  bottom: 6px;
  right: -6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 30px;
  background: #36ad7f;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}

#back-to-top:before {
  position: absolute;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  top: 39%;
  left: 33%;
}

#back-to-top:hover {
  background: #239c8c;
}

#back-to-top.show {
  opacity: 1;
}

#content {
  height: 2000px;
}

.sp-toggle {
  background: #000;
  display: none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 9999;
}

.sp-toggle ul {
  background: #000;
}

.sp-toggle ul li a, .sp-toggle ul li label {
  font-family: 'yugo-bold';
  display: block;
  padding: 20px 30px;
  color: #fff;
  font-size: 20px;
  background-color: #434343;
}

.sp-toggle ul li:not(:last-child) {
  border-bottom: 2px solid #000;
}

.sp-toggle .insta {
  background: #000;
  padding: 35px;
  text-align: center;
  line-height: 2em;
}

.sp-toggle .insta h4 {
  font-size: 18px;
  color: #fff;
}

@media (min-width: 1001px) {
  .sp-toggle {
    display: none !important;
  }
}

.hamburger-sp {
  background: #000;
  padding: 13px 0;
}

.sp-toggle {
  background-color: #000;
}

.sp-toggle input {
  display: none;
}

.sp-toggle ul li .sp-links-1 {
  position: relative;
}

.sp-toggle ul li .sp-links-1::after {
  position: absolute;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  right: 4%;
  top: 40%;
}

.sp-toggle label {
  display: block;
  background: #36ad7f;
  cursor: pointer;
  padding: 20px 30px !important;
  color: #fff;
  box-sizing: border-box;
  font-size: 18px;
  position: relative;
}

.sp-toggle label::after {
  position: absolute;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  right: 4%;
  top: 40%;
}

.sp-toggle label:hover {
  background: #626262;
}

.sp-toggle label:hover::after {
  transform: rotate(-45deg) !important;
}

.sp-toggle .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #bfbfbf;
  padding: 0;
  box-sizing: border-box;
}

.sp-toggle .ac-cont a {
  color: #fff;
  padding: 0 40px;
  display: inline-block;
}

.sp-toggle input:checked + label {
  background-color: #000;
}

.sp-toggle input:checked + label::after {
  transform: rotate(-45deg) !important;
}

.sp-toggle input:checked + .ac-cont {
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.sp-toggle input:checked + .ac-cont a {
  padding: 23px 40px;
  display: block;
}

.sp-toggle input:checked + .ac-cont a:nth-child(-n+4) {
  border-bottom: 1px solid #000;
}

.sp-toggle input:checked + .ac-cont a:nth-child(2n-1) {
  border-right: 1px solid #000;
}

@media (max-width: 769px) {
  .sp-toggle {
    display: none;
  }
}

.ac-cont-a {
  padding: 20px;
}

.ac-cont-a label {
  display: block;
  background: #36ad7f !important;
  cursor: pointer;
  padding: 20px 20px !important;
  color: #fff;
  border-bottom: 1px solid #87ceb3 !important;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  font-family: 'yugo-bold';
}

.ac-cont-a label::after {
  position: absolute;
  content: '';
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  right: 4%;
  top: 40%;
}

.ac-cont-a label:hover {
  background: #87ceb3 !important;
}

.ac-cont-a .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #2b976d !important;
  padding: 0;
  box-sizing: border-box;
}

.ac-cont-a .ac-cont a {
  color: #fff;
  padding: 0 20px !important;
  display: inline-block;
  font-size: 14px !important;
  background-color: #2b976d;
}

.ac-cont-a input:checked + label {
  background-color: #87ceb3 !important;
}

.ac-cont-a input:checked + .ac-cont {
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.ac-cont-a input:checked + .ac-cont a {
  font-size: 14px !important;
  padding: 20px !important;
  display: block;
}

.ac-cont-a input:checked + .ac-cont a:nth-child(-n+4) {
  border-bottom: 1px solid #87ceb3 !important;
}

.ac-cont-a input:checked + .ac-cont a:nth-child(2n-1) {
  border-right: 1px solid #87ceb3 !important;
}

.insta-feed {
  text-align: center;
  font-family: 'yugo-bold';
  font-size: 20px;
  padding: 30px 40px;
  background-color: #36ad7f;
  color: #fff;
  line-height: 1.2em;
  margin: 0 4%;
  position: relative;
}

.insta-feed::before {
  position: absolute;
  content: url(../img/icons/insta-icon.png);
  top: 0;
  left: 0;
  padding: 35px 21px;
}

.insta-feed p, .insta-feed span {
  display: block;
  font-family: 'yugo-bold';
}

@media (max-width: 375px) {
  .insta-feed {
    font-size: 15px;
  }
  .insta-feed::before {
    top: 0;
    left: 0;
    padding: 29px 21px;
  }
}

@media (max-width: 414px) {
  .insta-feed {
    font-size: 15px;
  }
  .insta-feed::before {
    top: 0;
    left: 0;
    padding: 33px 21px;
  }
}

@media (min-width: 769px) {
  .insta-feed {
    display: none;
  }
}

#home-noticelist-head:hover img {
  opacity: 0.5;
}

.notice-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.notice-links:hover .post-img {
  opacity: 0.5;
}

.notice-links:hover .home-noticelist-btn {
  background: #239c8c;
}

.tab-list {
  font-family: 'yugo-bold';
}

.tab-active {
  color: #36ad7f;
}

@media (max-width: 768px) {
  #owl-carousel img {
    width: 900px !important;
  }
}

@media (max-width: 1000px) {
  .sp {
    width: 80%;
    /* height: 23%; */
  }
}

.list-news li {
  position: relative;
  margin-left: 12px;
}

.list-news li::before {
  position: absolute;
  content: '';
  top: 10px;
  left: -6px;
  width: 3px;
  height: 3px;
  background: #000;
}

.hero-banner {
  background: url(../img/banner.jpg) center center/cover no-repeat;
  min-height: 230px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-banner h2 {
  font-family: 'yugo-bold';
  font-size: 32px;
  color: #fff;
}

.g__company {
  background: url(../img/company-banner.jpg) center center/cover no-repeat;
}

.g__intro_top {
  background: url(../img/intro_top-banner.jpg) center center/cover no-repeat;
}

.g__recruit {
  background: url(../img/recruit-banner.jpg) center center/cover no-repeat;
}

.g__item-top {
  background: url(../img/item-top-banner.jpg) center center/cover no-repeat;
}

.block__content {
  position: relative;
}

.global__section-title {
  color: #36ad7f;
  font-size: 16px;
  padding-bottom: 17px;
  font-weight: 700 !important;
  max-width: 125px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.global__section-title::before {
  position: absolute;
  content: '';
  left: -3px;
  bottom: 0;
  width: 133px;
  height: 5px;
  border-bottom: 5px solid #36ad7f;
}

.global__block-title {
  position: relative;
  font-size: 26px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  font-family: 'yugo-bold';
}

.global__block-title:after {
  content: '';
  position: absolute;
  border-bottom: 2px solid #36ad7f;
  width: 40px;
  bottom: 0;
  left: 0;
}

.global__block-title-md {
  font-family: 'yugo-bold';
  font-size: 22px;
  position: relative;
  padding-left: 20px;
}

.global__block-title-md::before {
  position: absolute;
  content: '';
  border-left: 3px solid #36ad7f;
  top: 0;
  left: 0;
  height: 20px;
  width: 5px;
}

@media (max-width: 768px) {
  .global__block-title-md {
    font-size: 18px;
  }
}

.global__block-title-sm {
  font-family: 'yugo-bold';
  font-size: 18px;
  position: relative;
  border-top: 1px solid #a17e67;
  border-bottom: 1px solid #a17e67;
  padding-top: 20px;
  padding-bottom: 20px;
}

.global__block-title-xs {
  font-family: 'yugo-bold';
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}

.global__block-title-xs::before {
  position: absolute;
  content: '';
  border-left: 2px solid #36ad7f;
  top: 0;
  left: 0;
  height: 20px;
  width: 5px;
}

.global__param {
  font-size: 15px;
  line-height: 1.8em;
}

.global__param.global__bordered_b {
  border-bottom: 1px solid #bfbfbf;
}

.global__param a {
  color: #36ad7f;
  text-decoration: underline;
}

.global__post {
  position: relative;
  margin-top: 40px;
}

.global_row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .global_column-reverse {
    flex-direction: column-reverse;
  }
}

.global__item {
  line-height: 0em;
}

.global__list-item {
  max-width: 700px;
  margin: 0 auto;
  justify-content: center;
}

.global__list-item li {
  display: inline;
  padding: 0 20px;
}

.global__list-item li:not(:last-child) {
  border-right: 1px solid #a3a3a3;
}

.global__list-item li a {
  font-size: 15px;
  font-family: 'yugo-bold';
}

.global__list-item li a:hover {
  color: #36ad7f;
}

@media (max-width: 768px) {
  .global__list-item li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 50%;
    justify-content: center;
    border-left: 1px solid #a3a3a3;
  }
  .global__list-item li:nth-child(even) {
    border-right: 1px solid #a3a3a3;
  }
  .global__list-item li:first-of-type {
    width: 100%;
    border-left: 1px solid #a3a3a3;
  }
  .global__list-item li:last-of-type {
    border-right: 1px solid #a3a3a3;
  }
}

.global__list-item-lg {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}

.global__list-item-lg li {
  display: inline;
  align-items: center;
  border-right: 1px solid #a3a3a3;
}

.global__list-item-lg li:nth-child(1) {
  border-left: 1px solid #a3a3a3;
}

.global__list-item-lg li a {
  font-size: 15px;
  font-family: 'yugo-bold';
  display: block;
  text-align: center;
  position: relative;
  height: 100%;
  padding-bottom: 10px;
}

.global__list-item-lg li a:hover {
  color: #36ad7f;
}

.global__list-item-lg li a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #36ad7f;
  border-right: 1px solid #36ad7f;
  bottom: 0;
  left: 50%;
  transform: rotate(135deg);
}

@media (max-width: 768px) {
  .global__list-item-lg li {
    flex: none;
  }
}

.global__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.global__pagination li {
  display: inline;
}

.global__pagination li:not(:last-child) {
  padding-right: 10px;
}

.global__pagination li .page__dots {
  padding: 10px 20px;
}

.global__pagination li .page__links {
  border: 1px solid #36ad7f;
  padding: 10px 20px;
  color: #36ad7f;
}

.global__pagination li .page__links.page__links-active {
  background: #36ad7f;
  color: #fff;
}

.global__pagination li .page__links:hover {
  background: #36ad7f;
  color: #fff;
}

.global__pagination li .g__prev {
  background: #a0a0a0;
  border: 1px solid #a0a0a0;
  width: 50px;
  height: 50px;
  padding: 10px 20px;
  position: relative;
}

.global__pagination li .g__prev::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  top: 33%;
  left: 39%;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(225deg);
}

.global__pagination li .g__next {
  background: #a0a0a0;
  border: 1px solid #a0a0a0;
  width: 50px;
  height: 50px;
  padding: 10px 20px;
  position: relative;
}

.global__pagination li .g__next::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  top: 33%;
  left: 39%;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  .global__pagination li:nth-child(n+4) {
    display: none;
  }
  .global__pagination li:last-of-type {
    display: inline !important;
  }
}

.global__box-item {
  padding: 40px 80px;
  border: 3px solid #dcdcdc;
}

.global__box-item.b-s-120 {
  margin-bottom: 120px;
}

.global__box-item .box__item-title {
  font-family: 'yugo-bold';
  font-size: 26px;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

.global__box-item .box__item-title::after {
  position: absolute;
  content: '';
  width: 49px;
  bottom: 0;
  left: 46%;
  border-bottom: 2px solid #36ad7f;
}

@media (max-width: 768px) {
  .global__box-item {
    padding: 40px 20px;
  }
}

.table-item-pc {
  width: 100%;
}

.table-item-pc th, .table-item-pc td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 20px;
}

.table-item-pc strong {
  display: block;
}

.table-item-pc tr th {
  background: #eeeeee;
  font-family: 'yugo-bold';
  vertical-align: middle;
}

.table-item-pc tr th.th__wide {
  width: 266px;
}

@media (max-width: 769px) {
  .table-item-pc {
    display: none;
  }
}

.recruit-spacer {
  margin-top: 60px;
}

.cent-ali {
  align-items: center;
}

.table-list li {
  list-style-type: disc;
  list-style-position: inside;
}

.spacer-top {
  display: block;
}

.product-container {
  position: relative;
  width: 781px;
  margin-bottom: 80px;
}

.item-book img {
  width: 100%;
}

.item-page {
  margin-left: -290px;
}

.item-page-flex {
  display: flex;
  flex-wrap: wrap;
}

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

.item-sidebar {
  position: relative;
  max-width: 222px;
  width: 100%;
  height: 1006px;
  background: pink;
  margin-left: 40px;
  margin-top: -140px;
}

.item-product-container {
  max-width: 781px;
  width: 100%;
  display: flex;
  margin-bottom: 60px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}

.item-product-container .books-continer {
  display: flex;
  flex-direction: row;
  width: calc(25%);
  padding-right: 20px;
}

.item-last {
  margin-bottom: none;
}

.item-page-shift {
  margin-left: -310px;
  margin-bottom: 120px;
}

.item-desc {
  max-width: 155px;
  width: 100%;
}

.table-item-sp {
  width: 100%;
}

.table-item-sp th, .table-item-sp td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 20px;
}

.table-item-sp.td-white td {
  color: #a0a0a0 !important;
}

.table-item-sp strong {
  display: block;
}

.table-item-sp tr th {
  background: #eeeeee;
  font-family: 'yugo-bold';
  vertical-align: middle;
}

@media (min-width: 769px) {
  .table-item-sp {
    display: none;
  }
}

@media (max-width: 769px) {
  .table-item-sp th {
    width: 50%;
  }
}

.ac__qa {
  margin-bottom: 100px;
}

.ac__qa input {
  display: none;
}

.ac__qa label {
  display: block;
  background: #eeeeee;
  cursor: pointer;
  padding: 22.5px 90px;
  color: #000;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 15px;
  position: relative;
  font-family: 'yugo-bold';
}

@media (max-width: 767px) {
  .ac__qa label {
    padding: 22.5px 70px;
  }
}

.ac__qa label::before {
  position: absolute;
  content: 'Q';
  left: 3%;
  background: #fff;
  color: #000;
  padding: 10px 15px;
  top: 23%;
  border-radius: 5px;
}

.ac__qa label::after {
  position: absolute;
  content: '';
  border-top: 2px solid #36ad7f;
  border-right: 2px solid #36ad7f;
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  right: 4%;
  top: 40%;
}

.ac__qa .label-change {
  background: #36ad7f;
}

.ac__qa .label-change::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
}

.ac__qa .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
}

.ac__qa .ac-cont a {
  color: #000;
  padding: 0 90px;
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  .ac__qa .ac-cont a {
    padding: 0px 70px;
  }
}

.ac__qa .ac-cont a::before {
  position: absolute;
  content: 'A';
  left: 3%;
  background: #a0a0a0;
  color: #fff;
  padding: 10px 15px;
  top: 23%;
  border-radius: 5px;
}

.ac__qa input:checked + .label-item {
  background-color: #87ceb3;
}

.ac__qa input:checked + .ac-cont {
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.ac__qa input:checked + .ac-cont a {
  padding: 23px 90px;
  display: block;
}

@media (max-width: 767px) {
  .ac__qa input:checked + .ac-cont a {
    padding: 23px 70px;
  }
}

.p__block {
  display: block;
}

.global__breadcrumbs {
  position: relative;
}

.global__breadcrumbs .breakcrumbs {
  max-width: 1040px;
  margin: 0 auto;
  background: #eeeeee;
  padding: 35px 40px;
}

@media (max-width: 768px) {
  .global__breadcrumbs .breakcrumbs {
    display: none;
  }
}

.global__breadcrumbs .breakcrumbs ul li {
  display: inline;
}

.global__breadcrumbs .breakcrumbs ul li a {
  font-size: 13px;
}

.global__breadcrumbs .breakcrumbs ul li a:hover {
  color: #36ad7f;
}

.global__breadcrumbs .breakcrumbs ul li .link-active {
  color: #36ad7f;
}

.global__breadcrumbs .breakcrumbs ul li:first-of-type {
  color: #36ad7f;
  border-right: 1px solid #d2d2d2;
  padding-right: 15px;
}

.global__breadcrumbs .breakcrumbs ul li:nth-child(2) {
  padding-left: 15px;
  padding-right: 15px;
}

.global__breadcrumbs .breakcrumbs ul li:nth-child(3) {
  color: #36ad7f;
  border-left: 1px solid #d2d2d2;
  padding-right: 15px;
  padding-left: 15px;
}

.global__breadcrumbs .breakcrumbs ul li:nth-child(4) {
  color: #36ad7f;
  border-left: 1px solid #d2d2d2;
  padding-right: 15px;
  padding-left: 15px;
}

.global__breadcrumbs .breakcrumbs ul li:last-of-type {
  padding-left: 15px;
  padding-right: 15px;
}

.global__breadcrumbs .breakcrumbs_wide {
  max-width: 1040px;
  margin-left: 180px;
  background: #eeeeee;
  padding: 32.5px 40px;
}

@media (max-width: 768px) {
  .global__breadcrumbs .breakcrumbs_wide {
    display: none;
  }
}

.global__breadcrumbs .breadcrumbs__bg {
  background: #eeeeee;
  padding: 35px 40px;
  position: absolute;
  max-width: 1000px;
  width: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 768px) {
  .global__breadcrumbs .breadcrumbs__bg {
    display: none;
  }
}

.global__breadcrumbs .breadcrumbs__sm {
  padding: 32.5px 40px;
}

.global_table_default {
  width: 100%;
  border-collapse: collapse;
}

.global_table_default th {
  padding: 20px;
  background: #eeeeee;
  font-family: 'yugo-bold';
  text-align: left;
}

.global_table_default td {
  padding: 20px;
}

.global_table_default tr, .global_table_default th, .global_table_default td {
  border: 1px solid #a0a0a0;
}

.global_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .global_table .side__title {
    font-size: 12px;
    margin-top: 10px;
  }
}

.global_table .ta_flex_align {
  display: flex;
  justify-content: center;
  align-items: center;
}

.global_table .ta_flex_align .sa_span {
  padding-left: 10px;
}

.global_table .radio__check li {
  display: inline;
  padding-right: 20px;
}

@media (max-width: 768px) {
  .global_table .radio__check li {
    display: flex;
  }
}

.global_table .ta__drop {
  display: flex;
}

@media (max-width: 768px) {
  .global_table .ta__drop {
    flex-direction: column;
  }
}

.global_table .ta__drop.ta__li_sm li {
  width: 24%;
}

@media (max-width: 768px) {
  .global_table .ta__drop.ta__li_sm li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.global_table .ta__drop.ta__drop_1 li {
  width: 50%;
}

@media (max-width: 768px) {
  .global_table .ta__drop.ta__drop_1 li {
    width: 100%;
  }
}

.global_table .ta__drop li {
  padding-right: 20px;
}

@media (max-width: 768px) {
  .global_table .ta__drop li {
    margin-bottom: 10px;
  }
}

.global_table .ta__drop li select {
  width: 100%;
}

.global_table .ta__text {
  flex: 1;
}

.global_table .ta_flex {
  display: flex;
  align-items: center;
}

.global_table .ta_flex span:first-of-type {
  padding-right: 20px;
}

.global_table .ta_textarea {
  background: #eeeeee;
  width: 100%;
  border: none;
}

.global_table .ta_box {
  width: 50%;
  height: 32px;
  padding-left: 20px;
  background: #eeeeee;
  border: none;
  /*color: #a0a0a0;*/
}

@media (max-width: 768px) {
  .global_table .ta_box {
    width: 100%;
    padding-left: 5px;
    font-size: 12px;
  }
  .global_table .ta_box span {
    padding-left: 0 !important;
  }
}

.global_table .ta_box.ta_box_size {
  width: 100%;
}

.global_table .ta_box.ta_box_size_sm {
  width: 30%;
}

.global_table .ta__box_size {
  width: 25%;
}

@media (max-width: 768px) {
  .global_table .ta__box_size {
    width: 100%;
  }
}

.global_table .ta__box_size li {
  padding-bottom: 10px;
}

.global_table tr td {
  border: 1px solid #a0a0a0;
}

.global_table tr td:first-of-type {
  width: 266px;
  padding: 20px 0;
  background: #eeeeee;
  text-align: center;
  color: #000;
  font-family: 'yugo-bold';
  vertical-align: middle;
}

@media (max-width: 576px) {
  .global_table tr td:first-of-type {
    font-size: 12px;
  }
}

.global_table tr td:first-of-type.ta_vertical {
  vertical-align: top;
}

.global_table tr td:first-of-type.ta_title {
  padding-left: 20px;
  text-align: left;
  position: relative;
}

.global_table tr td:first-of-type.ta_title .span__post {
  top: 11%;
}

@media (max-width: 576px) {
  .global_table tr td:first-of-type.ta_title .span__post {
    top: auto;
  }
}

.global_table tr td:first-of-type.ta_title span {
  position: absolute;
  right: 20px;
  top: 33%;
  padding: 0px 6px;
  background: #ff0000;
  color: #fff;
  font-weight: normal !important;
  font-size: 14px;
  font-family: 'yugo-med';
}

@media (max-width: 576px) {
  .global_table tr td:first-of-type.ta_title span {
    font-size: 12px;
    padding: 0 2px;
    top: auto;
    right: 10px;
  }
  .global_table tr td:first-of-type.ta_title span.span__ta {
    top: 43px !important;
  }
}

.global_table tr td:first-of-type.ta__size_sm {
  width: 22% !important;
}

@media (max-width: 768px) {
  .global_table tr td:first-of-type {
    width: 130px;
    padding: 20px 10px;
  }
}

.global_table tr td:last-of-type {
  padding: 20px;
  text-align: left;
}

.global_table_min {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
}

.global_table_min tr td {
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.global_table_min tr td:first-of-type {
  width: 266px;
  padding: 20px 0;
  text-align: center;
  color: #000;
  position: relative;
  font-family: 'yugo-bold';
}

.global_table_min tr td:first-of-type::after {
  position: absolute;
  content: '';
  border-right: 1px solid #a0a0a0;
  right: 0;
  top: 12px;
  width: 5px;
  height: 38px;
}

@media (max-width: 768px) {
  .global_table_min tr td:first-of-type {
    width: 130px;
    padding: 20px 10px;
  }
}

.global_table_min tr td:last-of-type {
  padding: 20px;
  text-align: left;
}

.global__title_main {
  font-size: 26px;
  font-family: 'yugo-bold';
  position: relative;
  padding-bottom: 30px;
  text-align: center;
}

.global__title_main::before {
  position: absolute;
  content: '';
  width: 43px;
  border-bottom: 2px solid #36ad7f;
  bottom: 0;
  left: 48%;
}

.global__title {
  font-size: 32px;
  text-align: center;
  font-family: 'yugo-bold';
}

.global__title span {
  font-size: 13px;
  padding-left: 10px;
}

@media (max-width: 768px) {
  .global__title {
    line-height: 1;
  }
}

.global__title_low {
  font-size: 26px;
  text-align: center;
  font-family: 'yugo-bold';
}

#owl-carousel-3 {
  height: 100%;
}

#owl-carousel-3 .owl-stage-outer, #owl-carousel-3 .owl-stage, #owl-carousel-3 .owl-item, #owl-carousel-3 .item {
  height: 100%;
}

#owl-carousel-3 .bg_front_base {
  background: #36ad7f;
  height: 100%;
}

#owl-carousel-3 .bg_front_base_1 {
  background: pink;
  height: 100%;
}

#owl-carousel-3 .bg_front_base_2 {
  background: orange;
  height: 100%;
}

#owl-carousel-4 {
  height: 100%;
}

#owl-carousel-4 .owl-stage-outer, #owl-carousel-4 .owl-stage, #owl-carousel-4 .owl-item, #owl-carousel-4 .item {
  height: 100%;
}

#owl-carousel-4 .bg_front_base {
  background: #f0efeb;
  height: 100%;
}

#owl-carousel-4 .bg_front_base_1 {
  background: pink;
  height: 100%;
}

#owl-carousel-4 .bg_front_base_2 {
  background: orange;
  height: 100%;
}

.news__list {
  justify-content: center !important;
  text-align: center;
}

.global__notification li {
  text-align: right;
  padding: 20px 0;
  border-top: 2px solid #a0a0a0;
}

.global__notification li a span:first-of-type {
  width: 80%;
  margin: 0px 2%;
  padding: 4px 35px;
  border: 1px solid #36ad7f;
  font-size: 13px;
  line-height: 1;
  color: #36ad7f;
}

.global__notification li a span:last-of-type {
  transition: all .3s ease-in;
  width: 36%;
  padding-top: 4px;
  font-size: 15px;
  line-height: 1;
  text-align: left;
}

label.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

label.custom-select.custom__size {
  width: 30%;
}

@media (max-width: 768px) {
  label.custom-select.custom__size {
    width: 100%;
  }
}

label.custom-select .custom__size_1 {
  width: 93%;
}

.custom-select select {
  display: inline-block;
  border: none;
  margin: 0;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 20px;
  background: #eeeeee;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px;
  }
}

.custom-select:after {
  content: url(../img/icons/arrow.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 13px;
  background: #a0a0a0;
  color: white;
  pointer-events: none;
}

.no-pointer-events .custom-select:after {
  content: none;
}

.ra__btn {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 576px) {
  .ra__btn {
    font-size: 12px;
  }
}

.ra__btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.ra__btn input:checked ~ .checkmark:after {
  display: block;
}

.ra__btn .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #36ad7f;
}

.ag__check {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

.agree__check {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 768px) {
  .agree__check {
    font-size: 14px;
  }
}

.agree__check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkMe {
  position: absolute;
  top: -3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.agree__check:hover input ~ .checkMe {
  background-color: #ccc;
}

.agree__check input:checked ~ .checkMe {
  background-color: #36ad7f;
}

.checkMe:after {
  content: "";
  position: absolute;
  display: none;
}

.agree__check input:checked ~ .checkMe:after {
  display: block;
}

.agree__check .checkMe:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.agreement_detail {
  border: 4px solid #dcdcdc;
  height: 177px;
  overflow-y: scroll;
  padding: 20px;
  margin-bottom: 30px;
}

.agreement_detail.agreement_detail::-webkit-scrollbar {
  width: 8px;
}

.agreement_detail.agreement_detail::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.agreement_detail.agreement_detail::-webkit-scrollbar-thumb {
  background: #888;
}

.agreement_detail.agreement_detail::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.agree_on_terms {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 120px;
}

.agree_on_terms a {
  letter-spacing: .1em;
}

.intro__background {
  background: url(../img/intro_bg.jpg) center center/cover no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
}

.intro__card strong {
  font-size: 18px;
}

.sa__links {
  padding: 20px;
  color: #36ad7f;
  font-size: 18px;
  font-family: 'yugo-bold';
}

.sa__links.this__base_black {
  color: #000 !important;
}

.global__borderd_title {
  font-size: 18px;
  padding: 20px 0;
  display: block;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.global__borderd_title.fa__size {
  font-size: 15px !important;
  font-weight: 700;
}

.reader__class {
  display: flex;
  justify-content: center;
  width: 100%;
}

.reader__class div {
  text-align: center;
}

.reader__class div:first-of-type {
  background: #36ad7f;
  color: #fff;
  padding: 10px 0;
  width: 35%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class div:nth-child(2) {
  background: #5dbd98;
  color: #fff;
  padding: 10px 0;
  width: 37%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class div:nth-child(3) {
  background: #87ceb3;
  color: #fff;
  padding: 10px 0;
  width: 23%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class div:nth-child(4) {
  background: #9fd8c3;
  color: #fff;
  padding: 10px 0;
  width: 5%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 {
  display: flex;
  justify-content: center;
  width: 100%;
}

.reader__class_2 div {
  text-align: center;
}

.reader__class_2 div:first-of-type {
  background: #ff7bac;
  color: #fff;
  padding: 10px 0;
  width: 7%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(2) {
  background: #ff4a51;
  color: #fff;
  padding: 10px 0;
  width: 7%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(3) {
  background: #9e68f0;
  color: #fff;
  padding: 10px 0;
  width: 37%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(4) {
  background: #338dc9;
  color: #fff;
  padding: 10px 0;
  width: 8%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(5) {
  background: #54bce8;
  color: #fff;
  padding: 10px 0;
  width: 19%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(6) {
  background: #4ec48f;
  color: #fff;
  padding: 10px 0;
  width: 9%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(7) {
  background: #d9e021;
  color: #fff;
  padding: 10px 0;
  width: 3%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader__class_2 div:nth-child(8) {
  background: #f4bd82;
  color: #fff;
  padding: 10px 0;
  width: 10%;
  font-family: 'yugo-bold';
  letter-spacing: .1em;
}

.reader_text li {
  display: inline;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}

.reader_text li:first-of-type::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #36ad7f;
  top: 1px;
  left: 0;
}

.reader_text li:nth-child(2)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #5dbd98;
  top: 1px;
  left: 0;
}

.reader_text li:nth-child(3)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #87ceb3;
  top: 1px;
  left: 0;
}

.reader_text li:nth-child(4)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #9fd8c3;
  top: 1px;
  left: 0;
}

.reader_text_2 li {
  display: inline;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}

.reader_text_2 li:first-of-type::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #ff7bac;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(2)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #ff4a51;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(3)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #9e68f0;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(4)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #338dc9;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(5)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #54bce8;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(6)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #4ec48f;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(7)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #d9e021;
  top: 1px;
  left: 0;
}

.reader_text_2 li:nth-child(8)::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #f4bd82;
  top: 1px;
  left: 0;
}

.intro__list li {
  display: block;
  margin-bottom: 8px;
  position: relative;
  padding-left: 15px;
}

.intro__list li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #36ad7f;
  top: 38%;
  left: 0;
  border-radius: 20px;
}

.article__list span {
  padding: 5px;
  color: #fff;
  background: #36ad7f;
}

.article__list a:hover {
  color: #36ad7f;
}

@media (max-width: 576px) {
  .article__list {
    margin-bottom: 30px;
  }
}

.li_list li {
  display: inline-block;
  border: 1px solid #36ad7f;
  color: #36ad7f;
  padding: 0 4px;
  margin-bottom: 5px;
}

.book_details {
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
}

.book_details span {
  font-size: 28px;
}

.book_details p {
  flex: 1;
  display: flex;
  align-self: flex-end;
}

.book_details p span {
  font-size: 28px;
}

.link__sa {
  padding: 20px;
}

.ma__item {
  display: none;
  position: relative;
}

.ma__item .overlay_top {
  transition: all ease-in .2s;
  opacity: 0;
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 98.5%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ma__item .overlay_top .search_top {
  text-align: center;
}

.ma__item .overlay_top .search_top p {
  color: #fff;
}

.ma__item:hover .overlay_top {
  opacity: 1;
}

.thumbs {
  position: relative;
}

.thumbs .overlay {
  transition: all ease-in .2s;
  opacity: 1;
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 93%;
  top: 0;
  left: 0;
}

.thumbs .item_on {
  cursor: pointer;
}

.thumbs:hover .overlay {
  opacity: 0;
}

.thumbs .active {
  opacity: 0;
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
}

@media (max-width: 576px) {
  .modal {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.modal-content {
  margin: auto;
  display: block;
  max-width: 700px;
  width: 100%;
  height: 900px;
}

@media (max-width: 576px) {
  .modal-content {
    height: auto;
  }
}

.modal-content {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  position: fixed;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.center {
  position: relative;
  transition: all ease-in .5s;
}

.center .item {
  transform: scale(1.3);
}

.section-inner-md {
  max-width: 1080px;
  margin: 0 auto;
}

.noticetab {
  position: relative;
}

.noticetab .tab-list {
  padding: 0 12px;
  border-right: 1px solid #a3a3a3;
  font-family: 'yugo-bold';
  line-height: 1;
  cursor: pointer;
}

.noticetab .tab-list:last-child {
  border-right: none;
}

.border__list-cntr {
  position: relative;
}

.border__list-cntr .border-list {
  position: relative;
}

.border__list-cntr .border-list .list-title {
  display: block;
  position: relative;
  font-size: 18px;
  font-family: 'yugo-bold';
  padding: 16px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.border__list-cntr .border-list .border__list-links {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.border__list-cntr .border-list .border__list-links li {
  display: block;
  margin-bottom: 20px;
}

.border__list-cntr .border-list .border__list-links li a {
  position: relative;
  padding-right: 20px;
  display: inline-block;
}

.border__list-cntr .border-list .border__list-links li a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  background: url("../img/icons/win-r.png") center center/100% 100% no-repeat;
}

.tab-list a {
  outline: none;
}

.tab-list.tab-active a {
  color: #36ad7f;
  font-weight: 700;
}

.hamburger {
  padding: 19px 35px;
  display: flex;
  z-index: 9999;
  align-items: center;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: #000;
  border: 0;
  margin: 0;
  overflow: visible;
  justify-content: flex-end;
}

@media (min-width: 1000px) {
  .hamburger {
    display: none;
  }
}

@media (max-width: 768px) {
  .hamburger {
    padding: 10px 23px;
  }
}

.hamburger-box {
  width: 28px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  right: 2px;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -8px;
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}