@charset "UTF-8";
/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
* {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

body {
  position: relative;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

br {
  display: inline;
  line-height: 0;
  height: 0;
}

img {
  width: 100%;
}

.sp-only {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
}
header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: #fff;
}
header .top {
  margin: 0 auto;
  overflow: hidden;
}
header .top .logo {
  float: left;
  margin: 2.4rem 0 2.3rem 5%;
  width: 28rem;
}
header .top .logo a {
  display: block;
  width: 100%;
  transition: 0.5s;
}
@media screen and (max-width: 1000px) {
  header .top .logo {
    width: 20rem;
  }
}
header .top .right {
  float: right;
  margin: 1.6rem 5% 1.6rem 0;
}
header .top .right .btn_col2 {
  display: flex;
  justify-content: flex-end;
}
header .top .right .btn_col2 > div {
  width: 24rem;
  height: 4.6rem;
}
header .top .right .btn_col2 > div a {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  border-radius: 2.3rem;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-family: "BIZ UDPGothic", sans-serif;
  letter-spacing: 0.05em;
  transition: 0.5s;
}
header .top .right .btn_col2 > div a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.6rem;
  height: 1rem;
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
}
header .top .right .btn_col2 > div:first-child {
  margin-right: 1.6rem;
}
header .top .right .btn_col2 > div:first-child a {
  background: #00A88F;
}
header .top .right .btn_col2 > div:first-child a::before {
  content: "";
  background: url(../images/discussion.svg) no-repeat;
  width: 2.4rem;
  height: 1.8rem;
  background-size: 100%;
  position: absolute;
  top: 1.4rem;
  left: 1.6rem;
}
header .top .right .btn_col2 > div:first-child a:hover {
  background: rgb(0, 83, 71);
}
header .top .right .btn_col2 > div:last-child a {
  background: #EF6A73;
}
header .top .right .btn_col2 > div:last-child a::before {
  content: "";
  background: url(../images/heart.svg) no-repeat;
  width: 2.4rem;
  height: 2.744rem;
  background-size: 100%;
  position: absolute;
  top: 0.9rem;
  left: 1.6rem;
}
header .top .right .btn_col2 > div:last-child a:hover {
  background: rgb(172, 35, 45);
}
@media screen and (max-width: 1000px) {
  header .top .right .btn_col2 > div {
    width: 21rem;
  }
}
header .top .right .spbtn {
  display: none;
}
header .top .right .spmenu {
  display: none;
}
header .bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
}
header .bottom .sub {
  margin: 0 2.6rem 0 0;
}
header .bottom .sub ul {
  display: flex;
}
header .bottom .sub li {
  border-right: 1px solid #999999;
}
header .bottom .sub li a {
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #222;
  transition: 0.5s;
}
header .bottom .sub li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
  header .bottom .sub li a {
    font-size: 1.1rem;
  }
}
header .bottom .sub li:first-child {
  padding-right: 1.3rem;
}
header .bottom .sub li:nth-child(2) {
  padding: 0 1rem 0 1.2rem;
}
header .bottom .sub li:last-child {
  padding-left: 1.2rem;
  border-right: unset;
}
header .bottom .search form {
  border: 1px solid #555555;
  border-radius: 5px;
  width: 16.9rem;
  display: flex;
  margin-right: 0.3rem;
}
header .bottom .search input {
  border: unset;
  width: 13.9rem;
  border-radius: 0.5rem 0 0 0.5rem;
  font-size: 1.2rem;
  color: #999;
  padding: 0 0.9rem;
  font-family: "BIZ UDPGothic", sans-serif;
}
header .bottom .search button {
  width: 2.8rem;
  height: 3rem;
  background: #555555;
  padding: 0;
  border: 0;
  border-radius: 0 0.3rem 0.3rem 0;
}
header .bottom .search button img {
  width: 1.8rem;
  height: 1.8rem;
}
header .menu {
  background: #0084CB;
  height: 4.8rem;
}
header .menu ul {
  display: flex;
  max-width: 1336px;
  width: 92.7777777778%;
  margin: auto;
  height: 100%;
}
header .menu li {
  width: 16.6666666667%;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
header .menu li a {
  display: flex;
  text-align: center;
  width: 100%;
  height: 100%;
  flex-flow: column;
  justify-content: center;
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 0.05em;
  transition: 0.5s;
}
header .menu li a:hover {
  background: rgb(0, 88, 136);
}
header .menu li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
header .menu li.current a {
  background: rgb(0, 88, 136);
}
header .menu li:hover > .dropdown {
  display: block;
}
header .menu.sp {
  display: none;
}
header .menu .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: rgb(0, 88, 136);
  width: 100vw;
  z-index: -1;
  transition: 0.5s ease;
  transition-delay: 0.45s;
  overflow: hidden;
}
header .menu .dropdown__inner {
  width: 95%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 3.2rem 0;
}
header .menu .dropdown__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  padding-bottom: 1.6rem;
}
header .menu .dropdown__top a {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  padding: 0.4rem 0 0.4rem 3.4rem;
}
header .menu .dropdown__top a::before {
  content: "";
  background: url(/assets/images/arrow12.svg);
  background-size: 100%;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
header .menu .dropdown__list {
  display: flex;
  gap: 0 3rem;
  flex-wrap: wrap;
  padding-bottom: 2rem;
}
header .menu .dropdown__list > div {
  width: 26.7rem;
  padding: 0.5rem 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  min-height: 5.2rem;
}
header .menu .dropdown__list > div a {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0.8rem 0 0.8rem 1.6rem;
  font-size: 1.4rem;
  position: relative;
  flex-flow: unset;
  align-items: center;
  justify-content: flex-start;
}
header .menu .dropdown__list > div a::before {
  content: "";
  background: url(/assets/images/arrow.svg);
  background-size: 100%;
  width: 0.6rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
header .menu .dropdown__list > div a[target=_blank] {
  display: inline-flex;
}
header .menu .dropdown__list > div a[target=_blank]::after {
  content: "";
  background: url(/assets/images/blank_w.svg) no-repeat;
  background-size: 100%;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 0.4rem;
  flex: 0 0 auto;
}
header .menu .dropdown__list > div a[href$=".pdf"] {
  display: inline-flex;
  position: relative;
}
header .menu .dropdown__list > div a[href$=".pdf"]::after {
  content: url(/assets/images/pdf_w.svg);
  background: unset;
  margin-left: 0.4rem;
  vertical-align: sub;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
header .menu .dropdown__list > div.slide {
  display: flex;
  flex-wrap: wrap;
}
header .menu .dropdown__list > div.slide a {
  width: calc(100% - 2rem);
}
header .menu .dropdown__list > div.slide button {
  width: 2rem;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  position: relative;
  cursor: pointer;
}
header .menu .dropdown__list > div.slide button::after {
  content: "";
  background: url(/assets/images/plus2.svg);
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
header .menu .dropdown__list > div.slide button.on::after {
  content: "";
  background: url(/assets/images/minus2.svg);
  background-size: 100%;
  width: 2rem;
  height: 0.2rem;
}
header .menu .dropdown__list > div.slide .dropdown__list__second > div a {
  width: 100%;
}
header .menu .dropdown__list__second {
  display: none;
  width: 100%;
}
header .menu .dropdown__list__second > div {
  width: 100%;
}
header .menu .dropdown__list__second > div a {
  padding: 1.3rem 0 1.3rem 1.6rem;
}
header .menu .dropdown__list__second > div a::before {
  content: "";
  background: #fff;
  width: 0.5rem;
  height: 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
header .menu .dropdown__btn a {
  display: flex;
  width: 5.2rem;
  height: auto;
  margin: auto;
  font-size: 1.4rem;
  text-align: center;
}
header .menu .dropdown__btn a img {
  width: 5.2rem;
  margin: 0 auto 1rem;
}
@media screen and (max-width: 1250px) {
  header .menu li a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  header .top .logo {
    width: 15.4rem;
    margin: 1.2rem 0 0 4%;
  }
  header .top .right {
    margin: 0;
    display: flex;
  }
  header .top .right .btn_col2 {
    display: none;
  }
  header .top .right .bottom {
    display: none;
  }
  header .top .right .spbtn {
    display: block;
    width: 6.4rem;
    height: 6.4rem;
    position: relative;
    background: #00A88F;
  }
  header .top .right .spbtn a {
    display: flex;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: "BIZ UDPGothic", sans-serif;
    color: #fff;
  }
  header .top .right .spbtn a img {
    width: 2.4rem;
    margin: 0.6rem auto 1rem;
  }
  header .top .right .spbtn + .spbtn {
    background: rgb(239, 106, 115);
  }
  header .top .right .spbtn + .spbtn a img {
    margin: 0 auto 0.6rem;
  }
  header .top .right .spmenu {
    display: block;
    width: 6.4rem;
    height: 6.4rem;
    background: #0084CB;
    position: relative;
  }
  header .top .right .spmenu span {
    position: absolute;
    width: 3.2rem;
    height: 0.2rem;
    background: #fff;
    top: 1.45rem;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.2s cubic-bezier(0.77, 0, 0.18, 1);
    box-sizing: border-box;
  }
  header .top .right .spmenu span:nth-child(2) {
    top: 2.25rem;
  }
  header .top .right .spmenu span:nth-child(3) {
    bottom: 3.05rem;
    top: unset;
  }
  header .top .right .spmenu p {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
    font-family: "BIZ UDPGothic", sans-serif;
    position: absolute;
    bottom: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
  header .menu.sp {
    position: fixed;
    top: 6.4rem;
    left: 100%;
    width: 100%;
    height: calc(100vh - 6.4rem);
    background: rgba(0, 132, 203, 0.96);
    color: #ffffff;
    transition: left 0.5s ease-in-out;
    display: block;
  }
  header .menu.sp .col1 {
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
  }
  header .menu.sp .col1 li {
    width: 100%;
    border-left: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  header .menu.sp .col1 li:last-child {
    border-right: unset;
  }
  header .menu.sp .col1 li a {
    font-size: 1.5rem;
    padding: 2rem 0 2rem 1.5rem;
    text-align: left;
    display: block;
    height: unset;
    min-width: unset;
    position: relative;
  }
  header .menu.sp .col1 li a::after {
    content: "";
    background: url(/assets/images/arrow.svg) no-repeat;
    background-size: 100%;
    width: 0.6rem;
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    margin: auto;
  }
  header .menu.sp .col2 {
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  header .menu.sp .col2 li {
    width: 50%;
    border-left: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  header .menu.sp .col2 li:nth-child(2n+2) {
    border-right: unset;
  }
  header .menu.sp .col2 li:nth-last-child(-n+2) {
    border-bottom: unset;
  }
  header .menu.sp .col2 li a {
    font-size: 1.5rem;
    padding: 2rem 0 2rem 1.5rem;
    text-align: left;
    display: block;
    height: unset;
    min-width: unset;
    position: relative;
  }
  header .menu.sp .col2 li a::after {
    content: "";
    background: url(/assets/images/arrow.svg) no-repeat;
    background-size: 100%;
    width: 0.6rem;
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    margin: auto;
  }
  header .menu.sp .btn_col2 {
    width: 92%;
    max-width: 345px;
    margin: 0 auto;
    padding: 4rem 0 12.4rem;
    flex-wrap: wrap;
  }
  header .menu.sp .btn_col2 > div {
    width: 100%;
    height: 5.6rem;
  }
  header .menu.sp .btn_col2 > div a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: "BIZ UDPGothic", sans-serif;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2.8rem;
    position: relative;
  }
  header .menu.sp .btn_col2 > div a::after {
    content: "";
    background: url(/assets/images/arrow.svg) no-repeat;
    background-size: 100%;
    width: 0.6rem;
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.6rem;
    margin: auto;
  }
  header .menu.sp .btn_col2 > div:first-child a::before {
    content: "";
    background: url(/assets/images/discussion.svg) no-repeat;
    width: 2.4rem;
    height: 1.8rem;
    background-size: 100%;
    position: absolute;
    top: 1.9rem;
    left: 1.6rem;
  }
  header .menu.sp .btn_col2 > div:last-child {
    margin-top: 1.6rem;
  }
  header .menu.sp .btn_col2 > div:last-child a::before {
    content: "";
    background: url(/assets/images/heart.svg) no-repeat;
    width: 2.4rem;
    height: 2.744rem;
    background-size: 100%;
    position: absolute;
    top: 1.4rem;
    left: 1.6rem;
  }
  header.act .spmenu span:first-child {
    transform: rotateZ(30deg) translate(1.91px, 9px);
  }
  header.act .spmenu span:nth-child(2) {
    opacity: 0;
  }
  header.act .spmenu span:nth-child(3) {
    transform: rotateZ(-30deg) translate(1.91px, -9px);
  }
  header.act .menu.sp {
    left: 0;
    overflow-y: scroll;
    z-index: 100;
  }
}
@media screen and (max-width: 374px) {
  header .top .logo {
    width: 12.4rem;
  }
  header .top .right .spbtn {
    width: 5.4rem;
  }
  header .top .right .spbtn a {
    font-size: 1rem;
  }
}
footer {
  border-top: 1px solid #DDDDDD;
}
footer .top {
  background: #fffff9;
}
footer .top .inner {
  width: 95%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 8rem 0 1.6rem;
}
footer .top .col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .top .col3 > div {
  width: 31.6379310345%;
  margin-bottom: 6.4rem;
}
footer .top .col3 .title {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  margin-bottom: 2.4rem;
  padding-bottom: 1.6rem;
}
footer .top .col3 .title a {
  font-size: 1.6rem;
  color: #111111;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  transition: 0.5s;
}
footer .top .col3 .title a:hover {
  opacity: 0.5;
}
footer .top .col3 ul li {
  margin-bottom: 2rem;
}
footer .top .col3 ul li:last-child {
  margin-bottom: 0;
}
footer .top .col3 ul li a {
  font-size: 1.4rem;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #111;
  line-height: 1;
  transition: 0.5s;
}
footer .top .col3 ul li a:hover {
  opacity: 0.5;
  text-decoration: underline;
}
footer .bottom {
  width: 95%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 4rem 0 6.5rem;
  overflow: hidden;
}
footer .bottom .left {
  float: left;
}
footer .bottom .left .logo {
  width: 28rem;
  margin-bottom: 2.4rem;
}
footer .bottom .left .logo a {
  display: block;
  width: 100%;
  transition: 0.5s;
}
footer .bottom .left .logo a:hover {
  opacity: 0.5;
}
footer .bottom .left .address p {
  color: #111;
  font-size: 1.4rem;
  line-height: 2;
  font-family: "BIZ UDPGothic", sans-serif;
}
footer .bottom .right {
  float: right;
  padding-top: 5rem;
}
footer .bottom .right .sns {
  margin-bottom: 2rem;
}
footer .bottom .right .sns ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .bottom .right .sns li a {
  display: block;
  transition: 0.5s;
}
footer .bottom .right .sns li a:hover {
  opacity: 0.5;
}
footer .bottom .right .sns li:first-child {
  width: 2.5rem;
  margin-right: 2.82rem;
}
footer .bottom .right .sns li:nth-child(2) {
  width: 2.8rem;
  margin-right: 2.78rem;
}
footer .bottom .right .sns li:nth-child(3) {
  width: 3.1rem;
  margin-right: 2.8rem;
}
footer .bottom .right .sns li:last-child {
  width: 2.8rem;
}
footer .bottom .right .link {
  margin-bottom: 1.2rem;
}
footer .bottom .right .link ul {
  display: flex;
  justify-content: flex-end;
  gap: 4rem;
}
footer .bottom .right .link li a {
  font-size: 1.2rem;
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #000;
  font-weight: bold;
  transition: 0.5s;
}
footer .bottom .right .link li a:hover {
  opacity: 0.5;
  text-decoration: underline;
}
footer .bottom .right .copyright p {
  font-size: 1rem;
  line-height: 1.8;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  text-align: right;
}

@media screen and (max-width: 768px) {
  footer .top .inner {
    width: 92%;
    padding: 6rem 0;
  }
  footer .top .col3 {
    flex-wrap: wrap;
  }
  footer .top .col3 > div {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  footer .top .col3 > div:last-child {
    margin-bottom: 0;
  }
  footer .top .col3 .title {
    padding-bottom: 1rem;
    margin-bottom: 0;
  }
  footer .top .col3 .title + .title {
    margin-top: 2.5rem;
  }
  footer .top .col3 ul {
    display: none;
  }
  footer .bottom {
    padding: 6rem 0;
    width: 92%;
  }
  footer .bottom .left {
    float: none;
  }
  footer .bottom .left .logo {
    margin: 0 auto 1.6rem;
  }
  footer .bottom .left .address p {
    text-align: center;
  }
  footer .bottom .right {
    float: none;
    padding-top: 4rem;
  }
  footer .bottom .right .sns {
    margin-bottom: 2.5rem;
  }
  footer .bottom .right .sns ul {
    justify-content: center;
  }
  footer .bottom .right .link {
    margin-bottom: 2.4rem;
  }
  footer .bottom .right .link ul {
    justify-content: center;
  }
  footer .bottom .right .copyright p {
    text-align: center;
  }
}
a.no-link {
  pointer-events: none;
}

h2, h3, p, a, dt, dd {
  letter-spacing: 0.05em;
}

.main {
  margin-top: 19.3rem;
}
.main .kv {
  margin: 2.4rem auto 0;
  overflow-x: hidden;
}
.main .kv .slider {
  margin-bottom: 5.8rem;
}
.main .kv .slider .slick-prev {
  width: 6rem;
  height: 6rem;
  background: #00A88F;
  border-radius: 3rem;
  position: absolute;
  top: calc(50% - 3rem);
  left: calc(50% - 655px);
  z-index: 30;
  transform: unset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.main .kv .slider .slick-prev::before {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1.294rem;
  height: 2.132rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(-1, -1);
  opacity: 1;
}
@media (max-width: 1439px) {
  .main .kv .slider .slick-prev {
    left: 4.5138888889%;
  }
}
.main .kv .slider .slick-next {
  width: 6rem;
  height: 6rem;
  background: #00A88F;
  border-radius: 3rem;
  position: absolute;
  top: calc(50% - 3rem);
  right: calc(50% - 655px);
  z-index: 30;
  transform: unset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.main .kv .slider .slick-next::before {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1.294rem;
  height: 2.132rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
}
@media (max-width: 1439px) {
  .main .kv .slider .slick-next {
    right: 4.5138888889%;
  }
}
.main .kv .slider .slick-slide {
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
}
.main .kv .slider .slick-slide a {
  display: block;
  transition: 0.5s;
}
.main .kv .slider .slick-slide a:hover {
  opacity: 0.5;
}
.main .kv .slider .slick-slide img {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 1.6rem;
}
@media (min-width: 1440px) {
  .main .kv .slider .slick-slide {
    width: 1250px !important;
    margin: 0 12px; /* 12px + 12px = 24px 間隔 */
    box-sizing: border-box;
  }
}
@media (max-width: 1439px) {
  .main .kv .slider .slick-slide {
    width: 86.8055555556vw !important;
    margin: 0 1.6666666667vw;
  }
}
.main .kv .slider .slick-list {
  margin: 0 -12px;
  overflow: hidden;
}
@media (min-width: 1441px) {
  .main .kv .slider .slick-list {
    height: 700px;
  }
}
@media (max-width: 1440px) {
  .main .kv .slider .slick-list {
    height: 48.6111111111vw;
  }
}
.main .kv .slider .slick-track {
  height: 100%;
}
.main .kv .slider .slick-dots {
  bottom: -35px;
}
.main .kv .slider .slick-dots li {
  margin: 0 0.8rem;
  width: 10px;
  height: 10px;
}
.main .kv .slider .slick-dots li button {
  background: #CCCCCC;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border-radius: 0.5rem;
}
.main .kv .slider .slick-dots li button::before {
  content: none;
}
.main .kv .slider .slick-dots li.slick-active button {
  background: #00A88F;
}
.main .kv .slider .slick-dots li:first-child {
  margin-left: 0;
}
.main .kv .slider .slick-dots li:last-child {
  margin-right: 0;
}
.main .kv .controls {
  display: flex;
  justify-content: center;
  text-align: center;
}
.main .kv .controls #prevBtn {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  background: #00A88F;
  border: unset;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}
.main .kv .controls #prevBtn:hover {
  opacity: 0.5;
}
.main .kv .controls #prevBtn img {
  width: 1rem;
  height: 1.7rem;
  transform: rotate(-180deg);
  margin: auto;
}
.main .kv .controls #pauseBtn, .main .kv .controls #playBtn {
  margin: 0 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  border: unset;
  background-color: unset;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}
.main .kv .controls #pauseBtn:hover, .main .kv .controls #playBtn:hover {
  opacity: 0.5;
}
.main .kv .controls #pauseBtn img, .main .kv .controls #playBtn img {
  width: 100%;
  height: 100%;
}
.main .kv .controls #nextBtn {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  background: #00A88F;
  border: unset;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}
.main .kv .controls #nextBtn:hover {
  opacity: 0.5;
}
.main .kv .controls #nextBtn img {
  width: 1rem;
  height: 1.7rem;
  margin: auto;
}
.main .link {
  max-width: 1160px;
  width: 95%;
  margin: 2.4rem auto 0;
  border-radius: 1.6rem;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #EEEEEE;
}
.main .link ul {
  display: flex;
  padding: 2rem 0;
  width: 100%;
  height: 100%;
  align-items: stretch;
}
.main .link li {
  width: 20%;
  border-right: 1px solid #DDD;
}
.main .link li a {
  display: flex;
  text-align: center;
  font-size: 1.6rem;
  color: #000;
  font-weight: bold;
  flex-flow: column;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  padding-top: 0.5rem;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.4;
  transition: 0.5s;
}
.main .link li a:hover {
  opacity: 0.5;
}
.main .link li a img {
  width: 4.6rem;
  margin: 0 auto 1.6rem;
}
@media (max-width: 1075px) {
  .main .link li a {
    font-size: 1.2rem;
  }
}
.main .link li:nth-child(4) a img {
  margin-bottom: 1.9rem;
}
.main .link li:last-child {
  border-right: unset;
}
.main .link li:last-child a {
  position: relative;
}
.main .link li:last-child a::after {
  content: "";
  background: url(/assets/images/blank.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  bottom: 1.8rem;
  right: 15.1129150654%;
}
.main .important {
  width: 95%;
  max-width: 1160px;
  margin: 4rem auto 0;
  border: 1px solid #D3323E;
  border-radius: 1.6rem;
  display: flex;
}
.main .important > div:first-child {
  width: 17.3rem;
  background: #D3323E;
  border-radius: 1.6rem 0 0 1.6rem;
  display: flex;
  font-size: 1.6rem;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .important > div:first-child img {
  width: 2.13rem;
  margin-right: 1.03rem;
}
.main .important > div:last-child {
  width: calc(100% - 17.3rem);
  border-radius: 0 1.6rem 1.6rem 0;
  padding: 2rem 2.3rem 2rem 3rem;
}
.main .important > div:last-child li a {
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.main .important > div:last-child li a:hover {
  opacity: 0.5;
}
.main .important > div:last-child li a:hover .title p {
  text-decoration: none;
}
.main .important > div:last-child li a::after {
  content: "";
  background: url(/assets/images/arrow2.svg) no-repeat;
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.main .important > div:last-child li a .date p {
  color: #555;
  font-size: 1.4rem;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .important > div:last-child li a .title {
  margin-left: 1.7rem;
  padding-right: 2.5rem;
}
.main .important > div:last-child li a .title p {
  font-size: 1.4rem;
  color: #222;
  text-decoration: underline;
  line-height: 1.8;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .important > div:last-child li:nth-child(n+2) {
  margin-top: 1.6rem;
}
.main .news {
  margin: 8rem auto 9.7rem;
  max-width: 1160px;
  width: 95%;
  position: relative;
}
.main .news h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 4.8rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .news h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .news h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .news h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .news .btn {
  position: absolute;
  top: 4.5rem;
  right: 0;
  width: 16.8rem;
}
.main .news .btn a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #111;
  font-size: 1.4rem;
  position: relative;
  transition: 0.5s;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .news .btn a:hover {
  opacity: 0.5;
}
.main .news .btn a:hover::before {
  content: none;
}
.main .news .btn a::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #111;
  position: absolute;
  bottom: -0.3rem;
  left: 0;
}
.main .news .btn a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.main .news .change {
  margin-bottom: 3.1rem;
}
.main .news .change ul {
  display: flex;
  gap: 1.6rem;
}
.main .news .change li {
  width: 15.5172413793%;
  height: 3.6rem;
}
.main .news .change li a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 1.8rem;
  background: #fff;
  font-size: 1.4rem;
  font-family: "BIZ UDPGothic", sans-serif;
  transition: 0.3s;
}
.main .news .change li.pattern0 a, .main .news .change li.pattern1 a {
  border: 1px solid #0084CB;
  color: #0084CB;
}
.main .news .change li.pattern0.active a, .main .news .change li.pattern0:hover a, .main .news .change li.pattern1.active a, .main .news .change li.pattern1:hover a {
  background: #0084CB;
  color: #fff;
  border: none;
}
.main .news .change li.pattern2 a {
  border: 1px solid #00A88F;
  color: #00A88F;
}
.main .news .change li.pattern2.active a, .main .news .change li.pattern2:hover a {
  background: #00A88F;
  color: #fff;
  border: none;
}
.main .news .change li.pattern3 a {
  border: 1px solid #FC7823;
  color: #FC7823;
}
.main .news .change li.pattern3.active a, .main .news .change li.pattern3:hover a {
  background: #FC7823;
  color: #fff;
  border: none;
}
.main .news .change li.pattern4 a {
  border: 1px solid #EDA200;
  color: #EDA200;
}
.main .news .change li.pattern4.active a, .main .news .change li.pattern4:hover a {
  background: #EDA200;
  color: #fff;
  border: none;
}
.main .news .change li.pattern5 a {
  border: 1px solid #666666;
  color: #666666;
}
.main .news .change li.pattern5.active a, .main .news .change li.pattern5:hover a {
  background: #666666;
  color: #fff;
  border: none;
}
.main .news .list {
  border-top: 1px solid #ddd;
}
.main .news .list li {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 1rem 0.1rem 0.9rem 0.5rem;
  width: 100%;
  height: 100%;
  min-height: 7.3rem;
}
.main .news .list li .date {
  width: 11.9rem;
  margin-right: 1.6rem;
}
.main .news .list li .date p {
  font-size: 1.6rem;
  color: #555;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .news .list li .tag {
  width: 12rem;
  margin-right: 4rem;
}
.main .news .list li .tag > div {
  width: 100%;
  height: 2.4rem;
  border-radius: 1.2rem;
}
.main .news .list li .tag > div p {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  font-family: "BIZ UDPGothic", sans-serif;
  text-align: center;
}
.main .news .list li .tag > div:nth-child(n+2) {
  margin-top: 0.6rem;
}
.main .news .list li .tag > div.pattern1 {
  border: 1px solid #0084CB;
}
.main .news .list li .tag > div.pattern1 p {
  color: #0084CB;
}
.main .news .list li .tag > div.pattern2 {
  border: 1px solid #00A88F;
}
.main .news .list li .tag > div.pattern2 p {
  color: #00A88F;
}
.main .news .list li .tag > div.pattern3 {
  border: 1px solid #FC7823;
}
.main .news .list li .tag > div.pattern3 p {
  color: #FC7823;
}
.main .news .list li .tag > div.pattern4 {
  border: 1px solid #EDA200;
}
.main .news .list li .tag > div.pattern4 p {
  color: #EDA200;
}
.main .news .list li .tag > div.pattern5 {
  border: 1px solid #666666;
}
.main .news .list li .tag > div.pattern5 p {
  color: #666666;
}
.main .news .list li .title {
  width: calc(100% - 29.5rem);
}
.main .news .list li .title p {
  font-size: 1.6rem;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.8;
}
.main .news .list li .title p a {
  position: relative;
  transition: 0.5s;
  display: block;
  color: #222;
  padding-right: 2.5rem;
}
.main .news .list li .title p a:hover {
  opacity: 0.5;
}
.main .news .list li .title p a:hover .title p {
  text-decoration: underline;
}
.main .news .list li .title p a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.1rem;
  margin: auto;
}
.main .news .list li .new {
  width: 7.2rem;
  height: 2.4rem;
  margin-right: 1rem;
}
.main .news .list li .new p {
  background: #FC7823;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  text-align: center;
  line-height: 2.4rem;
  font-size: 1.1rem;
  color: #fff;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .news .list li .new + .title {
  width: calc(100% - 37.7rem);
}
.main .about {
  background: #F5F8FD;
  position: relative;
  padding: 9.4rem 0 9.6rem;
}
.main .about::before {
  content: "";
  background: url(/assets/images/wave.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 328px;
  position: absolute;
  top: 5.4rem;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.5;
}
.main .about .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .about h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 4.6rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .about h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .about h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .about h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .about h2.center {
  text-align: center;
  margin-bottom: 4rem;
  color: rgb(0, 132, 203);
  line-height: 1.5;
  padding: 0;
}
.main .about h2.center::before, .main .about h2.center::after {
  content: none;
}
.main .about .read {
  margin-bottom: 8rem;
}
.main .about .read p {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 0.01em;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .about .item {
  display: flex;
  align-items: center;
}
.main .about .item + .item {
  margin-top: 9.6rem;
}
.main .about .item .left img, .main .about .item .right img {
  border-radius: 1.6rem;
}
.main .about .item .ttl {
  margin-bottom: 3.2rem;
}
.main .about .item .ttl p {
  font-size: 2.8rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .about .item .tx {
  margin-bottom: 4rem;
}
.main .about .item .tx p {
  font-size: 1.6rem;
  line-height: 2;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .about .item .btn {
  width: 24rem;
  height: 6rem;
}
.main .about .item .btn a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  transition: 0.5s;
}
.main .about .item .btn a:hover {
  opacity: 0.5;
}
.main .about .item .btn a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.63rem;
  height: 1.039rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.756rem;
  margin: auto;
}
.main .about .item.item1 .left {
  width: 53.7931034483%;
}
.main .about .item.item1 .left img {
  border-radius: 1.6rem;
}
.main .about .item.item1 .right {
  background: #fff;
  width: 48.7068965517%;
  margin-left: -2.5862068966%;
  padding: 4rem 2.7586206897% 6.7rem;
  border-radius: 1.6rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.main .about .item.item1 .ttl p {
  color: #0084CB;
}
.main .about .item.item1 .btn a {
  background: #0084CB;
}
.main .about .item.item2 .right {
  width: 53.7931034483%;
  z-index: 1;
}
.main .about .item.item2 .right img {
  border-radius: 1.6rem;
}
.main .about .item.item2 .left {
  background: #fff;
  width: 48.7068965517%;
  margin-right: -2.5862068966%;
  padding: 4rem 2.7586206897% 6.7rem;
  border-radius: 1.6rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.main .about .item.item2 .ttl p {
  color: #00A88F;
}
.main .about .item.item2 .btn a {
  background: #00A88F;
}
.main .about .item.item3 .left {
  width: 53.7931034483%;
}
.main .about .item.item3 .left img {
  border-radius: 1.6rem;
}
.main .about .item.item3 .right {
  background: #fff;
  width: 48.7068965517%;
  margin-left: -2.5862068966%;
  padding: 4rem 2.7586206897% 6.7rem;
  border-radius: 1.6rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.main .about .item.item3 .ttl p {
  color: #FC7823;
}
.main .about .item.item3 .btn a {
  background: #FC7823;
}
.main .about .col3 {
  margin: 9.6rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.main .about .col3 > div {
  width: 31.6379310345%;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.main .about .col3 > div a {
  display: flex;
  min-height: 8.9rem;
  align-items: center;
  padding: 0.6rem 2.4rem 0.6rem 0;
  position: relative;
  transition: 0.5s;
}
.main .about .col3 > div a:hover {
  opacity: 0.5;
}
.main .about .col3 > div a img {
  margin-right: 1.6rem;
}
.main .about .col3 > div a p {
  color: #222222;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.8;
}
.main .about .col3 > div a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 1.2rem;
}
.main .about .col3 > div:first-child a img {
  width: 2.9rem;
}
.main .about .col3 > div:nth-child(2) a img {
  width: 4rem;
}
.main .about .col3 > div:last-child a img {
  width: 5.6rem;
}
.main .about .col3 > div:last-child a::after {
  content: "";
  background: url(/assets/images/blank.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: unset;
  bottom: 3.9rem;
  right: 0.1rem;
  box-shadow: unset;
  border-radius: unset;
}
.main .about .col3 > div:last-child a p {
  position: relative;
}
.main .about .col3 > div:last-child a p::after {
  content: "";
  background: url(/assets/images/pdf.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .about .col3 > div:last-child a p:focus::after, .main .about .col3 > div:last-child a p:active::after {
  content: "" !important;
  background: url(/assets/images/pdf.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .message {
  background: linear-gradient(to bottom, #fff 0%, #F5F8FD 50%);
  padding: 10.2rem 0 9.5rem;
  position: relative;
}
.main .message::before {
  content: "";
  background: url(/assets/images/wave.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 328px;
  position: absolute;
  top: 10.8rem;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(-1, 1);
  opacity: 0.5;
}
.main .message .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .message h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 2.4rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .message h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .message h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .message h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .message .item {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.main .message .item .left {
  width: 68.1896551724%;
  background: #fff;
  border-radius: 1.6rem;
  margin-right: -2.5862068966%;
  z-index: 2;
  padding: 4rem 2.7586206897%;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.main .message .item .left p {
  font-size: 1.6rem;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #111;
  line-height: 2;
}
.main .message .item .left p + p {
  margin-top: 3rem;
}
.main .message .item .left p.right {
  margin-top: 2.4rem;
  text-align: right;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
}
.main .message .item .left .sns {
  margin-top: 1rem;
}
.main .message .item .left .sns a {
  display: flex;
  gap: 2rem;
  align-items: center;
  color: #000;
  text-decoration: underline;
  transition: 0.3s;
  justify-content: flex-end;
  font-size: 1.2rem;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .message .item .left .sns a img {
  width: 3rem;
}
.main .message .item .left .sns a:hover {
  text-decoration: none;
}
.main .message .item .right {
  width: 34.224137931%;
}
.main .message .item .right img {
  border-radius: 1.6rem;
}
.main .message .btn {
  width: 46.6rem;
  height: 9.6rem;
  margin: 0 auto;
}
.main .message .btn a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  background: #EF6A73;
  border-radius: 4.8rem;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .message .btn a:hover {
  opacity: 0.5;
}
.main .message .btn a::before {
  content: "";
  background: url(/assets/images/heart.svg) no-repeat;
  background-size: 100% auto;
  width: 40px;
  height: 45.73px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.959rem;
  margin: auto;
}
.main .message .btn a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100% auto;
  width: 1.2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.4rem;
  margin: auto;
}
.main .project {
  padding: 9rem 0;
}
.main .project .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .project h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 5.6rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .project h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .project h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .project h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .project .col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5rem 0;
}
.main .project .col3 li {
  width: 31.6379310345%;
}
.main .project .col3 li:nth-child(3n+2) {
  margin: 0 2.5431034483%;
}
.main .project .col3 li a {
  display: block;
  transition: 0.5s;
}
.main .project .col3 li a:hover {
  opacity: 0.5;
}
.main .project .col3 li a:hover .img img {
  transform: scale(1.2, 1.2);
  transition: 0.5s all;
  border-radius: 1.6rem;
}
.main .project .col3 li a[target=_blank] .title p::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.main .project .col3 li .img {
  margin-bottom: 1.6rem;
  overflow: hidden;
  border-radius: 1.6rem;
}
.main .project .col3 li .img img {
  border-radius: 1.6rem;
}
.main .project .col3 li .img.border {
  border: 1px solid #DDDDDD;
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
}
.main .project .col3 li .title {
  margin-bottom: 1.8rem;
  position: relative;
  padding-right: 2.5rem;
}
.main .project .col3 li .title::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.main .project .col3 li .title p {
  position: relative;
  padding: 0.3rem 0 0.3rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #111;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .project .col3 li .exp p {
  font-size: 1.6rem;
  color: #111;
  line-height: 2;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .topics {
  background: rgba(220, 229, 247, 0.3);
  padding: 9.6rem 0 9.8rem;
  position: relative;
}
.main .topics::before {
  content: "";
  background: url(/assets/images/wave.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 13.8531152106vw;
  position: absolute;
  top: 8rem;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(1, -1);
  opacity: 0.5;
}
.main .topics .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .topics h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 5.6rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .topics h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .topics h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .topics h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .topics .slider2 {
  overflow: hidden;
}
.main .topics .slider2 .slide {
  width: 267px !important;
  margin: 0 15px;
}
.main .topics .slider2 .slide p {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-top: 1.6rem;
}
.main .topics .swiper .slide {
  width: 267px !important;
}
.main .topics .swiper .slide a[target=_blank] + p::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.main .topics .swiper .slide p {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-top: 1.6rem;
}
.main .topics .controls {
  gap: 1.6rem;
  margin: 3.8rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .topics .controls #prevBtn2 {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  background: #00A88F;
  border: unset;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.main .topics .controls #prevBtn2 img {
  width: 1rem;
  height: 1.7rem;
  transform: rotate(-180deg);
  margin: auto;
}
.main .topics .controls #nextBtn2 {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  background: #00A88F;
  border: unset;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.main .topics .controls #nextBtn2 img {
  width: 1rem;
  height: 1.7rem;
  margin: auto;
}
.main .topics .controls .custom-dots {
  display: flex;
  gap: 1.2rem; /* ドット間隔 */
}
.main .topics .controls .custom-dots button {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: none;
  background: #DDDDDD;
  cursor: pointer;
  padding: 0;
}
.main .topics .controls .custom-dots button.custom-bullet-active {
  background: #00A88F;
}
.main .faq {
  padding: 9.6rem 0;
}
.main .faq .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .faq h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 5.6rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .faq h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .faq h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .faq h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .faq dl {
  border-top: 1px solid #ddd;
}
.main .faq dl:last-child {
  border-bottom: 1px solid #ddd;
}
.main .faq dt {
  padding: 2.6rem 0 2.4rem 6.7rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  cursor: pointer;
  transition: 0.5s;
}
.main .faq dt:hover {
  opacity: 0.5;
}
.main .faq dt::before {
  content: "";
  background: url(/assets/images/q.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 2rem;
  left: 0;
}
.main .faq dt::after {
  content: "";
  background: url(/assets/images/plus.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 2.1rem;
  right: 0;
}
.main .faq dt.on::after {
  content: "";
  background: url(/assets/images/minus.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 0.3rem;
  position: absolute;
  top: 3.4rem;
  right: 0;
}
.main .faq dd {
  display: none;
  padding: 1.1rem 0 2.4rem 6.7rem;
  font-size: 1.6rem;
  line-height: 1.8;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .faq dd::before {
  content: "";
  background: url(/assets/images/a.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.main .faq dd ul.link {
  max-width: unset;
  margin: 1rem auto 0;
  border-radius: unset;
  box-shadow: unset;
  border: unset;
  width: 100%;
}
.main .faq dd ul.link li {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #000;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 1.6rem;
  position: relative;
  padding-left: 3.4rem;
}
.main .faq dd ul.link li::before {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0.2rem;
  left: 0;
  margin: auto;
}
.main .faq dd ul.link li a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: 0.5s;
  position: relative;
  text-align: left;
  display: unset;
}
.main .faq dd ul.link li a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.main .faq dd ul.link li a::after {
  position: relative;
  bottom: unset;
  right: unset;
}
.main .faq dd ul.link li a[target=_blank]::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.main .faq dd ul.link li a[href*=".pdf"]::after, .main .faq dd ul.link li a.pdf::after {
  content: "";
  background: url(/assets/images/pdf.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .faq dd ul.link li a[href*=".pdf"]:focus::after, .main .faq dd ul.link li a[href*=".pdf"]:active::after, .main .faq dd ul.link li a.pdf:focus::after, .main .faq dd ul.link li a.pdf:active::after {
  content: "" !important;
  background: url(/assets/images/pdf.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .faq dd ul.link li a[href*=".docx"]::after {
  content: "";
  background: url(/assets/images/word.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .faq dd ul.link li a[href*=".xlsx"]::after {
  content: "";
  background: url(/assets/images/excel.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.main .concept {
  background: rgba(220, 229, 247, 0.3);
  padding: 9.6rem 0 6.4rem;
}
.main .concept .inner {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.main .concept .top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.main .concept .top h2 {
  font-size: 3.2rem;
  color: #111;
  padding: 0.4rem 0 0.4rem 2.4rem;
  margin-bottom: 5.8rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .concept .top h2 span {
  font-size: 1.8rem;
  color: #777777;
  margin-top: 20px;
  display: block;
}
.main .concept .top h2::before {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #0084CB;
  position: absolute;
  top: 0;
  left: 0;
}
.main .concept .top h2::after {
  content: "";
  width: 0.3rem;
  height: 50%;
  background: #00A88F;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main .concept .top .right p {
  color: #111111;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .concept .col3 {
  display: flex;
  justify-content: space-between;
}
.main .concept .col3 > div {
  width: 31.6379310345%;
}
.main .concept .col3 h3 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  position: relative;
  margin-bottom: 2.8rem;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .concept .col3 h3::before {
  content: "";
  background: #0084CB;
  width: 27.2479564033%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.main .concept .col3 h3::after {
  content: "";
  background: #999999;
  width: 72.7520435967%;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: -5px;
}
.main .concept .col3 ul {
  border-top: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
}
.main .concept .col3 li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.main .concept .col3 li a {
  display: flex;
  width: 100%;
  height: 5.6rem;
  align-items: center;
  font-size: 1.6rem;
  color: #111;
  transition: 0.5s;
  font-family: "BIZ UDPGothic", sans-serif;
}
.main .concept .col3 li a:hover {
  opacity: 0.5;
}
.main .concept .col3 li a img {
  width: 3.2rem;
  margin-right: 3.6rem;
}
.main .concept .col3 li:nth-child(2) a img, .main .concept .col3 li:nth-child(3) a img {
  margin-right: 3.7rem;
}
.main .concept .col3 li:last-child a img {
  margin-right: 3.5rem;
}
.main .concept .col3 p {
  font-size: 1.6rem;
  line-height: 2;
  font-family: "BIZ UDPGothic", sans-serif;
  color: #111;
  margin-bottom: 4rem;
}
.main .concept .col3 .btn {
  width: 24rem;
  height: 6rem;
}
.main .concept .col3 .btn a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  background: #0084CB;
  border-radius: 3rem;
  transition: 0.5s;
}
.main .concept .col3 .btn a:hover {
  opacity: 0.5;
}
.main .concept .col3 .btn a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.6rem;
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.6rem;
  margin: auto;
}
.main .concept .col3 .youtube {
  padding-top: 61.47%;
  position: relative;
}
.main .concept .col3 .youtube iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 1.6rem;
}
.main .concept .col3 .youtube + p {
  margin: 1.7rem 0 0;
}
.main .concept .btn_col2 {
  width: 83.6206896552%;
  margin: 13.6rem auto 0;
  display: flex;
  justify-content: space-between;
}
.main .concept .btn_col2 > div {
  width: 48.0412371134%;
  height: 9.6rem;
}
.main .concept .btn_col2 > div a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: bold;
  position: relative;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  background: #0084CB;
  border-radius: 4.8rem;
  transition: 0.5s;
}
.main .concept .btn_col2 > div a:hover {
  opacity: 0.5;
}
.main .concept .btn_col2 > div a::before {
  content: "";
  background: url(/assets/images/mail.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 3.138rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4rem;
  margin: auto;
}
.main .concept .btn_col2 > div a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1.2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.4rem;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .main .concept .btn_col2 > div a {
    font-size: 1.6rem;
  }
  .main .concept .btn_col2 > div a::before {
    width: 3rem;
    height: 2.4rem;
  }
}
.main .concept .btn_col2 > div:last-child a {
  background: #00A88F;
}
.main .concept .btn_col2 > div:last-child a::before {
  content: "";
  background: url(/assets/images/discussion.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.2rem;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .main .concept .btn_col2 > div:last-child a::before {
    width: 3rem;
    height: 2.3rem;
  }
}

.pagetop {
  position: fixed;
  width: 7.2rem;
  height: 7.2rem;
  right: 6.6rem;
  bottom: 5rem;
  z-index: 99;
}
.pagetop a {
  display: block;
  background: #0084CB;
  width: 100%;
  height: 100%;
  border-radius: 3.6rem;
  position: relative;
  transition: 0.5s;
}
.pagetop a:hover {
  background: rgb(0, 88, 136);
}
.pagetop a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 10px;
  height: 17px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-90deg);
}

.contents {
  margin-top: 16.9rem;
}
.contents .maintitle {
  height: 22rem;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .contents .maintitle {
    background-size: auto 100%;
  }
}
.contents .maintitle .inner {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
  z-index: 3;
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.contents .maintitle h1 {
  font-size: 3.6rem;
  position: relative;
  line-height: 1.2;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents .maintitle h1 span {
  font-size: 3.2rem;
}
.contents .maintitle h1 span.small {
  font-size: 2.4rem;
  line-height: 1;
  display: block;
  margin-bottom: 1.8rem;
}
.contents .maintitle.about {
  background: url(/assets/images/about_bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.about::before {
  content: none;
}
.contents .maintitle.about h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.about h1::before {
  content: none;
}
.contents .maintitle.prevention {
  background: url(/assets/images/prevention_bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.prevention::before {
  content: none;
}
.contents .maintitle.prevention h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.prevention h1::before {
  content: none;
}
.contents .maintitle.activity {
  background: url(/assets/images/activity_bg.jpg?0126) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.activity::before {
  content: none;
}
.contents .maintitle.activity h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.activity h1::before {
  content: none;
}
.contents .maintitle.information {
  background: url(/assets/images/information_bg.jpg?0120) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.information::before {
  content: none;
}
.contents .maintitle.information h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.information h1::before {
  content: none;
}
.contents .maintitle.news {
  background: url(/assets/images/news_bg.jpg?0126) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.news::before {
  content: none;
}
.contents .maintitle.news h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.news h1::before {
  content: none;
}
.contents .maintitle.donation {
  background: url(/assets/images/donation_bg.jpg?0120) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.donation::before {
  content: none;
}
.contents .maintitle.donation h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.donation h1::before {
  content: none;
}
.contents .maintitle.support {
  background: url(/assets/images/support_bg.jpg?0126) no-repeat;
  background-position: center top;
  background-size: cover;
  height: 20rem;
}
.contents .maintitle.support::before {
  content: none;
}
.contents .maintitle.support h1 {
  padding: 2.1rem 1.3rem;
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  color: rgb(0, 132, 203);
  min-width: 36rem;
  text-align: center;
}
.contents .maintitle.support h1::before {
  content: none;
}
.contents .maintitle.outline {
  background: #f5faff;
  height: 13.75rem;
  width: auto;
  padding: 0;
  margin: 0;
}
.contents .maintitle.outline::before {
  content: none;
}
.contents .maintitle.outline h1 {
  color: rgb(0, 88, 136);
  text-align: center;
  font-size: 3.6rem;
  padding: 0;
  background: #f5faff;
  margin: 0;
  width: auto;
  font-weight: normal;
  max-width: unset;
}
.contents .maintitle.outline h1::before {
  content: none;
}
.contents .breadcrumb {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
  padding-top: 1.6rem;
}
.contents .breadcrumb ul {
  display: flex;
  gap: 1rem 4.2rem;
  flex-wrap: wrap;
}
.contents .breadcrumb li {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents .breadcrumb li a {
  color: #000;
}
.contents .breadcrumb li a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.contents .breadcrumb li a::after {
  content: "";
  background: url(/assets/images/arrow4.svg) no-repeat;
  width: 1.3rem;
  height: 0.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2.7rem;
  margin: auto;
  transform: rotate(-90deg);
  background-size: 100%;
  padding: 0;
}
.contents .breadcrumb li:last-child {
  font-weight: bold;
}
.contents .breadcrumb li:last-child::after {
  content: none;
}
.contents .breadcrumb .aioseo-breadcrumb {
  padding: 0;
  width: 100%;
}
.contents .aioseo-breadcrumbs {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
  padding-top: 1.6rem;
  display: flex;
  gap: 1rem 1.8rem;
  flex-wrap: wrap;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb a {
  color: #000;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb:last-child {
  font-weight: bold;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb:last-child::after {
  content: none;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb-separator {
  position: relative;
  font-size: 0;
  width: 0.8rem;
}
.contents .aioseo-breadcrumbs .aioseo-breadcrumb-separator::after {
  content: "";
  background: url(/assets/images/arrow4.svg) no-repeat;
  width: 1.3rem;
  height: 0.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2px;
  margin: auto;
  transform: rotate(-90deg);
  background-size: 100%;
  padding: 0;
}
.contents section.bgcolor {
  background: rgb(245, 248, 253);
}
.contents section .inner {
  padding: 8rem 0;
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
}
.contents section .inner > *:last-child {
  margin-bottom: 0;
}
.contents section .anchor {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 8rem;
}
.contents section .anchor > div {
  width: calc((100% - 2rem) / 3);
  border: 1px solid rgb(0, 132, 203);
  border-radius: 0.5rem;
}
.contents section .anchor a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
  padding: 1.8rem 4.2rem 1.8rem 1.4rem;
  font-size: 1.6rem;
  color: rgb(0, 132, 203);
  font-weight: bold;
  transition: 0.5s;
  line-height: 1.5;
  width: 100%;
  height: 100%;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents section .anchor a:hover {
  background: rgb(0, 132, 203);
  color: #fff;
}
.contents section .anchor a:hover::after {
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  transform: rotate(90deg);
  height: 1.7rem;
  width: 1rem;
  right: 1.9rem;
}
.contents section .anchor a::after {
  content: "";
  background: url(/assets/images/arrow4.svg) no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.6rem;
  margin: auto;
}
.contents section .anchor.w100 {
  gap: 1rem 0;
}
.contents section .anchor.w100 > div {
  width: 100%;
}
.contents section .anchor.w50 {
  gap: 0 1rem;
}
.contents section .anchor.w50 > div {
  width: calc((100% - 1rem) / 2);
}
.contents section h2 {
  margin-bottom: 6rem;
  font-size: 2.8rem;
  font-weight: normal;
  color: rgb(17, 17, 17);
  position: relative;
  line-height: 1.5;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents section h2 span {
  font-size: 2.4rem;
}
.contents section h2::before {
  content: "";
  background: rgb(0, 132, 203);
  width: 3.6rem;
  height: 0.3rem;
  position: absolute;
  bottom: -1.9rem;
  left: 0;
}
.contents section h2::after {
  content: "";
  background: rgb(0, 168, 143);
  width: 3.6rem;
  height: 0.3rem;
  position: absolute;
  bottom: -1.9rem;
  left: 3.6rem;
}
.contents section h2.center {
  text-align: center;
  margin-bottom: 4rem;
  color: rgb(0, 132, 203);
}
.contents section h2.center::before, .contents section h2.center::after {
  content: none;
}
.contents section h3 {
  font-size: 2.4rem;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 5.5rem;
  line-height: 1.5;
}
.contents section h3::before {
  content: "";
  background: rgb(0, 132, 203);
  width: 100%;
  height: 0.1rem;
  position: absolute;
  left: 0;
  bottom: -1.5rem;
}
.contents section h4 {
  font-size: 2.2rem;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 4.2rem;
  line-height: 1.5;
  padding-left: 1.2rem;
}
.contents section h4::before {
  content: "";
  background: rgb(0, 132, 203);
  width: 0.2rem;
  height: 120%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.contents section h5 {
  font-size: 2rem;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 3rem;
  line-height: 1.5;
}
.contents section h5.center {
  text-align: center;
}
.contents section h6 {
  font-size: 1.8rem;
  color: #000;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 4rem;
  line-height: 1.5;
}
.contents section p {
  font-size: 1.6rem;
  margin-bottom: 4rem;
  color: #000;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 2;
  word-break: break-all;
}
.contents section p.attention {
  background: linear-gradient(transparent 60%, #fff7b3 60%);
  display: inline-block;
  line-height: 1.3;
  font-weight: 700;
}
.contents section p.center {
  text-align: center;
}
.contents section p.right {
  text-align: right;
}
.contents section p a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: 0.5s;
}
.contents section p a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.contents section p a[target=_blank]::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section p a[href$=".pdf"] {
  position: relative;
}
.contents section p a[href$=".pdf"]::after {
  content: url(/assets/images/pdf.svg);
  background: unset;
  margin-left: 0.9rem;
  vertical-align: sub;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section p span {
  color: rgb(255, 0, 4);
}
.contents section p sup {
  font-size: 75%;
  vertical-align: top;
}
.contents section p + h2, .contents section p + h3 {
  margin-top: 6rem;
}
.contents section p.read {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 8rem;
}
.contents section p.f18 {
  font-size: 1.8rem;
}
.contents section p.rightLeft {
  text-align: right;
}
.contents section b.marker {
  background: linear-gradient(transparent 60%, #fff7b3 60%);
  padding: 2px 0;
  font-weight: 700;
}
.contents section ul {
  margin-bottom: 6rem;
  overflow: hidden;
}
.contents section ul li {
  padding-left: 1.9rem;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #000;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 1.6rem;
  position: relative;
}
.contents section ul li::before {
  content: "";
  background: rgb(0, 132, 203);
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 0.9rem;
  left: 0;
}
.contents section ul li:last-child {
  margin-bottom: 0;
}
.contents section ul li a {
  color: #000;
  text-decoration: underline;
  transition: 0.3s;
}
.contents section ul li a:hover {
  text-decoration: none;
}
.contents section ul.check li {
  padding-left: 4.1rem;
}
.contents section ul.check li::before {
  content: "";
  background: url(/assets/images/check.png) no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
.contents section ul.number {
  padding-left: 2.9rem;
}
.contents section ul.number li {
  list-style: decimal;
  padding-left: 0;
}
.contents section ul.number li::before {
  content: none;
}
.contents section ul.number li::marker {
  font-family: "Noto Sans", sans-serif;
  font-size: 1.6rem;
}
.contents section ul.link li {
  padding-left: 3.4rem;
}
.contents section ul.link li::before {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0.2rem;
  left: 0;
  margin: auto;
}
.contents section ul.link li a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: 0.5s;
  position: relative;
}
.contents section ul.link li a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.contents section ul.link li a[target=_blank]::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section ul.link li a[href*=".pdf"]::after, .contents section ul.link li a.pdf::after {
  content: "";
  background: url(/assets/images/pdf.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section ul.link li a[href*=".pdf"]:focus::after, .contents section ul.link li a[href*=".pdf"]:active::after, .contents section ul.link li a.pdf:focus::after, .contents section ul.link li a.pdf:active::after {
  content: "" !important;
  background: url(/assets/images/pdf.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section ul.link li a[href*=".docx"]::after {
  content: "";
  background: url(/assets/images/word.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section ul.link li a[href*=".xlsx"]::after {
  content: "";
  background: url(/assets/images/excel.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section ul.list-col2 {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.contents section ul.list-col2 li {
  width: 49%;
}
.contents section ul.list-col3 {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.contents section ul.list-col3 li {
  width: 32%;
}
.contents section .mb0 {
  margin-bottom: 0 !important;
}
.contents section .mb10 {
  margin-bottom: 10px !important;
}
.contents section .mb20 {
  margin-bottom: 20px !important;
}
.contents section .mb30 {
  margin-bottom: 30px !important;
}
.contents section .mb40 {
  margin-bottom: 40px !important;
}
.contents section .mb50 {
  margin-bottom: 50px !important;
}
.contents section .mt10 {
  margin-top: 10px !important;
}
.contents section .mt20 {
  margin-top: 20px !important;
}
.contents section .mt30 {
  margin-top: 30px !important;
}
.contents section .mt40 {
  margin-top: 40px !important;
}
.contents section .mt50 {
  margin-top: 50px !important;
}
.contents section .mw50 {
  max-width: 50%;
}
.contents section .mw60 {
  max-width: 60%;
}
.contents section .mw70 {
  max-width: 70%;
}
.contents section .mw80 {
  max-width: 80%;
}
.contents section .pt0 {
  padding-top: 0 !important;
}
.contents section .pt10 {
  padding-top: 10px !important;
}
.contents section .pt20 {
  padding-top: 20px !important;
}
.contents section .pt30 {
  padding-top: 30px !important;
}
.contents section .pt40 {
  padding-top: 40px !important;
}
.contents section .pt50 {
  padding-top: 50px !important;
}
.contents section .pb0 {
  padding-bottom: 0 !important;
}
.contents section .pb10 {
  padding-bottom: 10px !important;
}
.contents section .pb20 {
  padding-bottom: 20px !important;
}
.contents section .pb30 {
  padding-bottom: 30px !important;
}
.contents section .pb40 {
  padding-bottom: 40px !important;
}
.contents section .pb50 {
  padding-bottom: 50px !important;
}
.contents section .bdr16 {
  border-radius: 1.6rem;
}
.contents section .bdr0 {
  border-radius: 0 !important;
}
.contents section .bdg {
  border: 1px solid rgba(196, 196, 196, 0.3);
}
.contents section .f18 {
  font-size: 1.8rem;
}
.contents section .f20 {
  font-size: 2rem;
}
.contents section .f25 {
  font-size: 2.5rem;
}
.contents section small {
  font-size: 75%;
}
.contents section .center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.contents section table {
  width: 100%;
  border-top: 1px solid rgba(0, 94, 184, 0.2);
  table-layout: fixed;
  min-width: 100%;
  margin-bottom: 6rem;
}
.contents section table tr {
  border-right: 1px solid rgba(0, 94, 184, 0.2);
}
.contents section table tr:last-child th {
  border-bottom-color: rgba(0, 94, 184, 0.2);
}
.contents section table tr:not(:has(th)) > td:first-child {
  border-left: 1px solid rgba(0, 94, 184, 0.2);
}
.contents section table th {
  width: 22.8846153846%;
  font-size: 1.6rem;
  color: #000;
  font-weight: bold;
  text-align: left;
  padding: 1.3rem 2.1rem 1.2rem;
  border-bottom: 1px solid rgba(0, 94, 184, 0.2);
  background: #f5faff;
  font-family: "BIZ UDPGothic", sans-serif;
  vertical-align: middle;
  line-height: 1.5;
  border-left: 1px solid rgba(0, 94, 184, 0.2);
}
.contents section table th + th {
  width: auto;
  border-left: 1px solid rgba(0, 94, 184, 0.2);
}
.contents section table th span.attention {
  color: rgb(255, 0, 4);
}
.contents section table th.bbc-b {
  border-bottom-color: rgba(0, 94, 184, 0.2);
}
.contents section table th.bl-f {
  border-left: 1px solid #fff;
}
.contents section table th.center {
  text-align: center;
}
.contents section table th.color2 {
  background: rgb(102, 181, 224);
  color: #fff;
}
.contents section table td {
  width: auto;
  border-bottom: 1px solid rgba(0, 94, 184, 0.2);
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
  text-align: left;
  padding: 1.3rem 2.4rem 1.2rem;
  font-family: "BIZ UDPGothic", sans-serif;
  border-left: 1px solid rgba(0, 94, 184, 0.2);
}
.contents section table td span.attention {
  color: rgb(255, 0, 4);
}
.contents section table td.center {
  text-align: center;
}
.contents section table td.vMiddle {
  vertical-align: middle;
}
.contents section table td a {
  text-decoration: underline;
  color: #000;
  transition: 0.3s;
}
.contents section table td a:hover {
  text-decoration: none;
}
.contents section table.pattern2 {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents section table.pattern2 tr {
  border-bottom: 1px solid rgb(221, 221, 221);
  border-right: unset;
}
.contents section table.pattern2 th {
  background: unset;
  color: #000;
  border-bottom: unset;
  border-left: unset;
}
.contents section table.pattern2 td {
  background: unset;
  border-bottom: unset;
  color: #000;
  border-left: unset;
}
.contents section .table {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 6rem;
}
.contents section .table table {
  margin-bottom: 0;
}
.contents section .table-col2 {
  width: 100%;
  margin-bottom: 6rem;
}
.contents section .table-col2 table {
  margin-bottom: 0;
}
.contents section .table-col2 table tr th {
  width: 50%;
  text-align: center;
}
.contents section .table-col2 table tr th:first-child {
  width: 50%;
}
.contents section .btn {
  width: 23.8rem;
  margin: 0 0 6rem;
}
.contents section .btn a {
  width: 100%;
  min-height: 5.6rem;
  height: auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  border-radius: 2.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  padding: 0 2.5rem;
  line-height: 1.5;
  color: #fff;
  transition: 0.5s;
  background: rgb(0, 132, 203);
}
.contents section .btn a:hover {
  background: rgb(0, 99, 153);
}
.contents section .btn a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.63rem;
  height: 1.039rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.756rem;
  margin: auto;
}
.contents section .btn a[target=_blank] {
  flex-flow: row-reverse;
  align-items: center;
  padding: 0 3rem;
}
.contents section .btn a[target=_blank]::before {
  content: "";
  background: url(/assets/images/blank_w.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section .btn a[href*=".pdf"] {
  flex-flow: row-reverse;
  align-items: center;
}
.contents section .btn a[href*=".pdf"]::before {
  content: "" !important;
  background: url(/assets/images/pdf_w.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .btn input {
  width: 100%;
  height: 5.6rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  border-radius: 2.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  padding: 0 2.5rem;
  color: #fff;
  transition: 0.5s;
  background: rgb(0, 132, 203);
  border: unset;
  cursor: pointer;
}
.contents section .btn input:hover {
  background: rgb(0, 99, 153);
}
.contents section .btn input::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.63rem;
  height: 1.039rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.756rem;
  margin: auto;
}
.contents section .btn.big {
  width: 95%;
  max-width: 50.5rem;
}
.contents section .btn.color2 a {
  background: #00A88F;
}
.contents section .btn.color2 a:hover {
  background: rgb(0, 83, 71);
}
.contents section .btn.color3 a {
  background: #EF6A73;
}
.contents section .btn.color3 a:hover {
  background: rgb(172, 35, 45);
}
.contents section .btn_col {
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
  margin-bottom: 6rem;
}
.contents section .btn_col .btn {
  margin-bottom: 0;
}
.contents section .accordion {
  margin-bottom: 6rem;
}
.contents section .accordion dl {
  border-top: 1px solid #ddd;
}
.contents section .accordion dl:last-child {
  border-bottom: 1px solid #ddd;
}
.contents section .accordion dt {
  padding: 2.3rem 0 2.7rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  cursor: pointer;
  transition: 0.5s;
}
.contents section .accordion dt.big {
  font-size: 2rem;
}
.contents section .accordion dt:hover {
  opacity: 0.5;
}
.contents section .accordion dt::after {
  content: "";
  background: url(/assets/images/plus.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 2.1rem;
  right: 0;
}
.contents section .accordion dt.on::after {
  content: "";
  background: url(/assets/images/minus.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 0.3rem;
  position: absolute;
  top: 3.4rem;
  right: 0;
}
.contents section .accordion dd {
  display: none;
  padding: 0.8rem 0 3.7rem;
  font-size: 1.6rem;
  line-height: 1.8;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents section .accordion dd span.attention {
  color: rgb(255, 0, 4);
}
.contents section .accordion dd a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: 0.5s;
}
.contents section .accordion dd a:hover {
  text-decoration: none;
}
.contents section .accordion dd a[target=_blank]::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section .accordion dd a[href$=".pdf"] {
  position: relative;
}
.contents section .accordion dd a[href$=".pdf"]::after {
  content: url(/assets/images/pdf.svg);
  background: unset;
  margin-left: 0.9rem;
  vertical-align: sub;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .accordion.qa dt {
  padding-left: 6.7rem;
}
.contents section .accordion.qa dt::before {
  content: "";
  background: url(/assets/images/q.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 1.5rem;
  left: 0;
}
.contents section .accordion.qa dd {
  padding-left: 6.7rem;
}
.contents section .accordion.qa dd::before {
  content: "";
  background: url(/assets/images/a.svg) no-repeat;
  background-size: 100%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0.2rem;
  left: 0;
}
.contents section .col1 {
  text-align: center;
  margin-bottom: 8rem;
}
.contents section .col1 figure {
  display: table;
  margin: 0 auto;
}
.contents section .col1 figure a img {
  transition: 0.5s;
}
.contents section .col1 figure a img:hover {
  opacity: 0.8;
}
.contents section .col1 figure img {
  display: block;
}
.contents section .col1 figure figcaption {
  margin-top: 1rem;
  font-size: 1.3rem;
  color: rgb(34, 34, 34);
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
}
.contents section .col1 figure.pos {
  position: relative;
}
.contents section .col1 figure.pos .img-btn {
  position: absolute;
  width: 35.6626506024%;
  height: 10.2827763496%;
  left: 3.1325301205%;
  bottom: 17.35218509%;
}
.contents section .col1 figure.pos .img-btn a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .contents section .col1 figure.pos .img-btn {
    width: 82.2222222222%;
    height: 10.6666666667%;
    left: 0;
    right: 0;
    bottom: unset;
    top: 7.8666666667%;
    margin: auto;
  }
}
.contents section .col1.limit {
  max-width: 684px;
  margin: 0 auto 8rem;
}
.contents section .col1.auto > div img {
  width: auto;
}
.contents section .col2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem;
  flex-wrap: wrap;
}
.contents section .col2 > div {
  width: 48.4615384615%;
}
.contents section .col2 > div:nth-child(n+3) {
  margin-top: 4rem;
}
.contents section .col2 figure {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.contents section .col2 figure .img {
  margin-bottom: 0;
}
.contents section .col2 figure figcaption {
  margin-top: 1rem;
  font-size: 1.3rem;
  color: rgb(34, 34, 34);
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
}
.contents section .col2 a {
  display: block;
  transition: 0.5s;
}
.contents section .col2 a .title p {
  text-decoration: underline;
}
.contents section .col2 a[target=_blank] .title p::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section .col2 a[href*=".pdf"] .title p::after, .contents section .col2 a.pdf .title p::after {
  content: "";
  background: url(/assets/images/pdf.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .col2 a[href*=".pdf"] .title p:focus::after, .contents section .col2 a[href*=".pdf"] .title p:active::after, .contents section .col2 a.pdf .title p:focus::after, .contents section .col2 a.pdf .title p:active::after {
  content: "" !important;
  background: url(/assets/images/pdf.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .col2 a:hover .title p {
  text-decoration: none;
}
.contents section .col2 a:hover .img img {
  transform: scale(1.2, 1.2);
  transition: 0.5s all;
  border-radius: 1.6rem;
}
.contents section .col2 a.modal-open .title p::after {
  content: "";
  background: url(/assets/images/modal-icon.svg) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section .col2 .img {
  margin-bottom: 1rem;
  overflow: hidden;
}
.contents section .col2 .img.w80 {
  width: 80%;
  margin: 0 auto 1rem;
}
.contents section .col2 .title {
  margin-bottom: 1.4rem;
}
.contents section .col2 .title p {
  position: relative;
  padding: 0 0 0 3.4rem;
  font-size: 1.8rem;
  color: #111;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
  line-height: 1.8;
}
.contents section .col2 .title p::before {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .col2 .exp p {
  font-size: 1.6rem;
  color: #111;
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
}
.contents section .col2 .bubble {
  align-items: center;
  margin-bottom: 0;
}
.contents section .col2 .bubble .img {
  width: 14.8rem;
}
.contents section .col2 .bubble .block {
  width: calc(100% - 17.8rem);
  padding: 2rem;
  z-index: 2;
}
.contents section .col2 .bubble .block p {
  font-size: 1.5rem;
}
.contents section .col2 .bubble.right .block::after {
  left: -1.5rem;
  background: url(/assets/images/triangle2.png) no-repeat;
}
.contents section .col2 > div:nth-of-type(n+3) .bubble {
  margin-top: 4rem;
}
.contents section .col3 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8rem;
  flex-wrap: wrap;
  gap: 4rem 2.8846153846%;
}
.contents section .col3 > div {
  width: 31.3461538462%;
  margin: 0;
}
.contents section .col3 a {
  display: block;
  transition: 0.5s;
}
.contents section .col3 a .title p {
  text-decoration: underline;
}
.contents section .col3 a[target=_blank] .title p::after {
  content: "";
  background: url(/assets/images/blank2.svg) no-repeat;
  background-size: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.9rem;
}
.contents section .col3 a[href*=".pdf"] .title p::after, .contents section .col3 a.pdf .title p::after {
  content: "";
  background: url(/assets/images/pdf.svg) no-repeat;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .col3 a[href*=".pdf"] .title p:focus::after, .contents section .col3 a[href*=".pdf"] .title p:active::after, .contents section .col3 a.pdf .title p:focus::after, .contents section .col3 a.pdf .title p:active::after {
  content: "" !important;
  background: url(/assets/images/pdf.svg) no-repeat !important;
  background-size: 100%;
  margin-left: 0.9rem;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}
.contents section .col3 a:hover .title p {
  text-decoration: none;
}
.contents section .col3 a:hover .img img {
  transform: scale(1.2, 1.2);
  transition: 0.5s all;
  border-radius: 1.6rem;
}
.contents section .col3 .img {
  margin-bottom: 1rem;
  overflow: hidden;
}
.contents section .col3 .img.poster {
  position: relative;
}
.contents section .col3 .img.poster > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.contents section .col3 .img.poster > div p.sample {
  margin: 0;
  display: inline-block;
  padding: 4px 10px;
  line-height: 1;
  border: 1px solid #ff0000;
  color: #ff0000;
  font-size: 3.4rem;
  font-weight: bold;
}
.contents section .col3 .img.poster > div p.none {
  margin: 0;
  display: inline-block;
  padding: 4px 10px;
  line-height: 1;
  border: 1px solid #CC0000;
  color: #CC0000;
  font-size: 3.4rem;
  font-weight: bold;
  transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -webkit-transform: rotate(345deg);
}
.contents section .col3 .img.border {
  width: unset;
  height: unset;
  background: unset;
  margin: 0;
  border: 1px solid rgba(196, 196, 196, 0.3);
}
.contents section .col3 .title {
  margin-bottom: 1.1rem;
}
.contents section .col3 .title p {
  position: relative;
  padding: 0 0 0 3.5rem;
  font-size: 1.8rem;
  color: #111;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
  line-height: 1.8;
}
.contents section .col3 .title p::before {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .col3 .title.no-arrow p {
  padding: 0;
}
.contents section .col3 .title.no-arrow p::before {
  content: none;
}
.contents section .col3 .exp p {
  font-size: 1.6rem;
  color: #111;
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
}
.contents section .col3 .exp p a {
  display: unset;
}
.contents section .col3.half {
  gap: 2rem 2.8846153846%;
}
.contents section .col3 .btn a {
  display: flex;
}
.contents section .col4 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8rem;
  flex-wrap: wrap;
  gap: 4rem 1.4423076923%;
}
.contents section .col4 > div {
  width: calc((100% - 45px) / 4);
}
.contents section .col4 .img.border {
  margin: 0 0 1rem;
  background: unset;
  height: auto;
  border: 1px solid #000;
}
.contents section .col4 .exp p {
  font-size: 1.6rem;
  color: #111;
  line-height: 1.8;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
}
.contents section .col4.half {
  gap: 2rem 1.4423076923%;
}
.contents section .tab ul {
  display: flex;
  justify-content: center;
  gap: 1.1rem;
  margin-bottom: 4rem;
}
.contents section .tab li {
  width: 20rem;
  height: 5.6rem;
  margin-bottom: 0;
  padding: 0;
}
.contents section .tab li button {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  line-height: 1.5;
  font-size: 1.8rem;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: bold;
  border: unset;
  color: #fff;
  background: rgb(204, 204, 204);
  transition: 0.5s;
  border-radius: 1.6rem 1.6rem 0 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  align-items: center;
}
.contents section .tab li button:hover, .contents section .tab li button.active {
  background: rgb(0, 132, 203);
}
.contents section .tab li::before {
  content: none;
}
.contents section .tab_content {
  margin-bottom: 4rem;
}
.contents section .tab_content > div {
  width: 100%;
  display: none;
}
.contents section .tab_content > div > *:last-child {
  margin-bottom: 0;
}
.contents section .tab_content > div.active {
  display: block;
}
.contents section .tab.w50 li {
  width: calc(50% - 0.55rem);
  min-height: 5.6rem;
  height: auto;
}
.contents section .tab.tab-three li {
  width: 339.3333333333px;
}
.contents section .tab.tab-four li {
  width: 251.75px;
}
.contents section .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.contents section .clearfix + h2, .contents section .clearfix + h3 {
  margin-top: 6rem;
}
.contents section .clearfix .btn {
  display: inline-block;
}
.contents section .clearfix h3 {
  display: flex;
}
.contents section .img-left {
  float: left;
  margin: 0 3.3rem 2.5rem 0;
}
.contents section .img-left .youtube {
  width: 32.6rem;
}
.contents section .img-left.w18 {
  width: 18%;
}
.contents section .img-left.w30 {
  width: 30%;
}
.contents section .img-left.w40 {
  width: 40%;
}
.contents section .img-left.w50 {
  width: 50%;
}
.contents section .img-left figcaption {
  font-size: 1.3rem;
  margin: 1rem 0 0;
  text-align: left;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.6;
}
.contents section .img-left figcaption a.sns {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  text-decoration: underline;
  color: #000;
  transition: 0.3s;
}
.contents section .img-left figcaption a.sns img {
  width: 3rem;
  border-radius: unset;
}
.contents section .img-left figcaption a.sns:hover {
  text-decoration: none;
}
.contents section .img-right {
  float: right;
  margin: 0 0 2.5rem 3.3rem;
}
.contents section .img-right .youtube {
  width: 32.6rem;
}
.contents section .img-right.w18 {
  width: 18%;
}
.contents section .img-right.w30 {
  width: 30%;
}
.contents section .img-right.w40 {
  width: 40%;
}
.contents section .img-right.w50 {
  width: 50%;
}
.contents section .img-right figcaption {
  font-size: 1.3rem;
  margin: 1rem 0 0;
  text-align: left;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.6;
}
.contents section .img-right figcaption a.sns {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  text-decoration: underline;
  color: #000;
  transition: 0.3s;
}
.contents section .img-right figcaption a.sns img {
  width: 3rem;
  border-radius: unset;
}
.contents section .img-right figcaption a.sns:hover {
  text-decoration: none;
}
.contents section .youtube {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.contents section .youtube iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.contents section br.pc-only {
  display: block;
}
.contents section br.sp-only {
  display: none;
}
.contents section .box {
  border: 1px solid rgb(0, 132, 203);
  border-radius: 1.6rem;
  margin-bottom: 40px;
}
.contents section .box.pattern2 .img-left, .contents section .box.pattern2 .img-right {
  width: 100px;
  margin-bottom: 0;
}
.contents section .box ul _::-webkit-full-page-media, .contents section .box ul _:future, :root .contents section .box ul.number {
  padding-left: 2.4rem;
}
.contents section .box.gsclub {
  border-bottom-color: rgb(0, 132, 203);
}
.contents section .box.gsclub .img-right {
  width: 20rem;
  margin: 0 0 2rem 1.5rem;
}
.contents section .box.gsclub p {
  margin-bottom: 0;
}
.contents section .box .clearfix {
  padding: 3.2rem 3.2rem 0 3.2rem;
}
.contents section .box h3 {
  width: 100%;
  background: #0084CB;
  border-radius: 1.4rem 1.4rem 0 0;
  padding: 1.2rem 3.2rem;
  color: #fff;
  margin-bottom: 4rem;
}
.contents section .box h3::before {
  content: none;
}
.contents section .box h3 + .clearfix {
  padding-top: 0;
}
.contents section .bubble {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem;
}
.contents section .bubble .img {
  width: 16.1538461538%;
}
.contents section .bubble .block {
  width: 76.7307692308%;
  background: #fff;
  position: relative;
  border-radius: 1.6rem;
  padding: 3rem;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
}
.contents section .bubble .block p {
  margin-bottom: 0;
}
.contents section .bubble.right .block::after {
  content: "";
  background: url(/assets/images/triangle.png) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.7rem;
  position: absolute;
  top: calc(50% - 1.85rem);
  left: -3.2rem;
}
.contents section .bubble.left .img {
  order: 2;
}
.contents section .bubble.left .block {
  order: 1;
}
.contents section .bubble.left .block::after {
  content: "";
  background: url(/assets/images/triangle.png) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.7rem;
  position: absolute;
  top: calc(50% - 1.85rem);
  right: -3.2rem;
  transform: scale(-1, 1);
}
.contents section .news_list {
  width: 100%;
  position: relative;
}
.contents section .news_list .change {
  margin-bottom: 3.1rem;
}
.contents section .news_list .change ul {
  display: flex;
  gap: 1.6rem;
  margin: 0;
}
.contents section .news_list .change li {
  width: 15.5172413793%;
  height: 3.6rem;
  padding: 0;
  margin: 0;
}
.contents section .news_list .change li a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 1.8rem;
  background: #fff;
  font-size: 1.4rem;
  font-family: "BIZ UDPGothic", sans-serif;
  transition: 0.3s;
  text-decoration: none;
}
.contents section .news_list .change li a:hover {
  opacity: 1;
}
.contents section .news_list .change li::before {
  content: none;
}
.contents section .news_list .change li.pattern0 a, .contents section .news_list .change li.pattern1 a {
  border: 1px solid #0084CB;
  color: #0084CB;
}
.contents section .news_list .change li.pattern0.active a, .contents section .news_list .change li.pattern0:hover a, .contents section .news_list .change li.pattern1.active a, .contents section .news_list .change li.pattern1:hover a {
  background: #0084CB;
  color: #fff;
  border: none;
}
.contents section .news_list .change li.pattern2 a {
  border: 1px solid #00A88F;
  color: #00A88F;
}
.contents section .news_list .change li.pattern2.active a, .contents section .news_list .change li.pattern2:hover a {
  background: #00A88F;
  color: #fff;
  border: none;
}
.contents section .news_list .change li.pattern3 a {
  border: 1px solid #FC7823;
  color: #FC7823;
}
.contents section .news_list .change li.pattern3.active a, .contents section .news_list .change li.pattern3:hover a {
  background: #FC7823;
  color: #fff;
  border: none;
}
.contents section .news_list .change li.pattern4 a {
  border: 1px solid #EDA200;
  color: #EDA200;
}
.contents section .news_list .change li.pattern4.active a, .contents section .news_list .change li.pattern4:hover a {
  background: #EDA200;
  color: #fff;
  border: none;
}
.contents section .news_list .change li.pattern5 a {
  border: 1px solid #666666;
  color: #666666;
}
.contents section .news_list .change li.pattern5.active a, .contents section .news_list .change li.pattern5:hover a {
  background: #666666;
  color: #fff;
  border: none;
}
.contents section .news_list .list {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
}
.contents section .news_list .list li {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 1rem 0.1rem 0.9rem 0.5rem;
  width: 100%;
  height: 100%;
  min-height: 7.3rem;
  margin-bottom: 0;
}
.contents section .news_list .list li::before {
  content: none;
}
.contents section .news_list .list li .date {
  width: 11.9rem;
}
.contents section .news_list .list li .date p {
  font-size: 1.6rem;
  color: #555;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-bottom: 0;
}
.contents section .news_list .list li .tag {
  width: 12rem;
  margin-right: 4rem;
}
.contents section .news_list .list li .tag > div {
  width: 100%;
  height: 2.4rem;
  border-radius: 1.2rem;
}
.contents section .news_list .list li .tag > div p {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  font-family: "BIZ UDPGothic", sans-serif;
  text-align: center;
  margin-bottom: 0;
}
.contents section .news_list .list li .tag > div:nth-child(n+2) {
  margin-top: 0.6rem;
}
.contents section .news_list .list li .tag > div.pattern1 {
  border: 1px solid #0084CB;
}
.contents section .news_list .list li .tag > div.pattern1 p {
  color: #0084CB;
}
.contents section .news_list .list li .tag > div.pattern2 {
  border: 1px solid #00A88F;
}
.contents section .news_list .list li .tag > div.pattern2 p {
  color: #00A88F;
}
.contents section .news_list .list li .tag > div.pattern3 {
  border: 1px solid #FC7823;
}
.contents section .news_list .list li .tag > div.pattern3 p {
  color: #FC7823;
}
.contents section .news_list .list li .tag > div.pattern4 {
  border: 1px solid #EDA200;
}
.contents section .news_list .list li .tag > div.pattern4 p {
  color: #EDA200;
}
.contents section .news_list .list li .tag > div.pattern5 {
  border: 1px solid #666666;
}
.contents section .news_list .list li .tag > div.pattern5 p {
  color: #666666;
}
.contents section .news_list .list li .title {
  width: calc(100% - 27.9rem);
}
.contents section .news_list .list li .title p {
  font-size: 1.6rem;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.8;
  margin-bottom: 0;
}
.contents section .news_list .list li .title p a {
  position: relative;
  transition: 0.5s;
  display: block;
  color: #222;
  padding-right: 2.5rem;
  text-decoration: none;
  font-weight: normal;
}
.contents section .news_list .list li .title p a:hover {
  opacity: 1;
  text-decoration: underline;
}
.contents section .news_list .list li .title p a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.1rem;
  margin: auto;
}
.contents section .news_list .list + h5 {
  margin: 8rem auto 4rem;
}
.contents section .news_list .year_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 29.3333333333px;
}
.contents section .news_list .year_list li {
  width: calc((100% - 88px) / 4);
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents section .news_list .year_list li:nth-child(-n+4) {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents section .news_list .year_list li::before {
  content: none;
}
.contents section .news_list .year_list li a {
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 1.6rem 0;
  line-height: 1;
  font-size: 1.6rem;
  text-align: center;
  color: rgb(0, 132, 203);
  position: relative;
}
.contents section .news_list .year_list li a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.contents section .news_list2 {
  width: 100%;
  position: relative;
  margin-bottom: 4rem;
  border-top: 1px solid #ddd;
}
.contents section .news_list2 li {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 1rem 0.1rem 0.9rem 0.5rem;
  width: 100%;
  height: 100%;
  min-height: 7.3rem;
  margin-bottom: 0;
}
.contents section .news_list2 li::before {
  content: none;
}
.contents section .news_list2 li .date {
  width: 11.9rem;
  margin-right: 4rem;
}
.contents section .news_list2 li .date p {
  font-size: 1.6rem;
  color: #555;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}
.contents section .news_list2 li .title {
  width: calc(100% - 15.9rem);
}
.contents section .news_list2 li .title p {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.8;
  margin-bottom: 0;
}
.contents section .news_list2 li .title p a {
  position: relative;
  transition: 0.5s;
  display: block;
  color: #222;
  padding-right: 2.5rem;
  text-decoration: none;
}
.contents section .news_list2 li .title p a:hover {
  opacity: 1;
  text-decoration: underline;
}
.contents section .news_list2 li .title p a::after {
  content: "";
  background: url(/assets/images/arrow3.svg) no-repeat;
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.1rem;
  margin: auto;
}
.contents section .column-left {
  float: left;
  width: 69.5833333333%;
}
.contents section .column-right {
  float: right;
  width: 23.0833333333%;
  padding-top: 1.6rem;
}
.contents section .column-right.w240 {
  width: 20%;
}
.contents section .column-right .title {
  margin-bottom: 4rem;
  background: rgb(0, 168, 143);
  border-radius: 0.5rem;
}
.contents section .column-right .title a {
  display: flex;
  align-items: center;
  padding: 1.5rem 3.7906137184%;
  justify-content: flex-start;
  gap: 1.5rem;
  width: 100%;
  transition: 0.3s;
}
.contents section .column-right .title a:hover p {
  text-decoration: none;
}
.contents section .column-right .title .icon {
  width: 6.2rem;
  height: 6.2rem;
  background: #fff;
  border-radius: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents section .column-right .title .icon img {
  width: 3.7rem;
  height: 3.7rem;
}
.contents section .column-right .title p {
  width: calc(100% - 7.7rem);
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
  text-decoration: underline;
  margin-bottom: 0;
}
.contents section .column-right .title2 {
  padding: 0;
  background-color: rgb(0, 168, 143);
  border-radius: 0.5rem;
  margin-bottom: 1.6rem;
}
.contents section .column-right .title2 a {
  width: 100%;
  height: 100%;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  display: flex;
  flex-flow: unset;
  align-items: center;
  justify-content: center;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
.contents section .column-right .title2 a::after {
  content: "";
  background: url(/assets/images/arrow10.svg);
  background-size: 100%;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 1.3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.9711191336%;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .column-right .title2 .icon {
  width: 2.9rem;
  margin-right: 1.1rem;
}
.contents section .column-right .title2 p {
  margin-bottom: 0;
  color: #fff;
  width: calc(100% - 4rem);
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
}
.contents section .column-right .title3 {
  padding: 0;
  background-color: rgba(237, 162, 0, 0.8);
  border-radius: 0.5rem;
  margin-bottom: 1.6rem;
}
.contents section .column-right .title3 a {
  width: 100%;
  height: 100%;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  display: flex;
  flex-flow: unset;
  align-items: center;
  justify-content: center;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
.contents section .column-right .title3 a::after {
  content: "";
  background: url(/assets/images/arrow11.svg);
  background-size: 100%;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 1.3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.9711191336%;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .column-right .title3 .icon {
  width: 2.9rem;
  margin-right: 1.1rem;
}
.contents section .column-right .title3 p {
  margin-bottom: 0;
  color: #fff;
  width: calc(100% - 4rem);
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
}
.contents section .column-right .infor {
  border-top: 1px solid rgb(221, 221, 221);
  margin-bottom: 4.3rem;
}
.contents section .column-right .infor > div {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents section .column-right .infor a {
  padding: 1.1rem 3rem 1rem 4.6rem;
  display: block;
  position: relative;
  text-decoration: none;
}
.contents section .column-right .infor a::after {
  content: "";
  background: url(/assets/images/arrow9.svg);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .column-right .infor a::before {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
}
.contents section .column-right .infor a.event::before {
  content: "";
  background: url(/assets/images/icon11.svg);
  background-size: 100%;
  width: 2.776rem;
  height: 3.5rem;
}
.contents section .column-right .infor a.column::before {
  content: "";
  background: url(/assets/images/icon12.svg);
  background-size: 100%;
  width: 3rem;
  height: 3.857rem;
}
.contents section .column-right .infor a.recipe::before {
  content: "";
  background: url(/assets/images/icon13.svg);
  background-size: 100%;
  width: 3.5rem;
  height: 3.5rem;
}
.contents section .column-right .infor .tag {
  width: 7.2rem;
  height: 2.1rem;
  margin-bottom: 0.5rem;
  background: rgb(153, 153, 153);
}
.contents section .column-right .infor .tag p {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.1rem;
}
.contents section .column-right .infor .title {
  margin-bottom: 0;
  background: unset;
  border-radius: uset;
}
.contents section .column-right .infor .title p {
  width: 100%;
  font-size: 1.4rem;
  color: rgb(17, 17, 17);
  line-height: 1.6;
  font-weight: bold;
  text-decoration: none;
}
.contents section .column-right .infor2 {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents section .column-right .infor2 > div {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents section .column-right .infor2 a {
  padding: 1.1rem 3rem 1rem 4.6rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
  text-decoration: none;
  min-height: 5.5rem;
}
.contents section .column-right .infor2 a::after {
  content: "";
  background: url(/assets/images/arrow9.svg);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .column-right .infor2 a::before {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
}
.contents section .column-right .infor2 a.icon1::before {
  content: "";
  background: url(/assets/images/icon14.svg);
  background-size: 100%;
  width: 3.5rem;
  height: 2.805rem;
}
.contents section .column-right .infor2 a.icon2::before {
  content: "";
  background: url(/assets/images/icon15.svg);
  background-size: 100%;
  width: 3.5rem;
  height: 3.5rem;
}
.contents section .column-right .infor2 a.icon3::before {
  content: "";
  background: url(/assets/images/icon16.svg);
  background-size: 100%;
  width: 3.5rem;
  height: 3.5rem;
}
.contents section .column-right .infor2 a.icon4::before {
  content: "";
  background: url(/assets/images/icon17.svg);
  background-size: 100%;
  width: 3rem;
  height: 3.925rem;
}
.contents section .column-right .infor2 .title {
  margin-bottom: 0;
  background: unset;
  border-radius: uset;
}
.contents section .column-right .infor2 .title p {
  width: 100%;
  font-size: 1.4rem;
  color: rgb(17, 17, 17);
  line-height: 1.6;
  font-weight: bold;
  text-decoration: none;
}
.contents section .column-right .banner > div {
  margin-bottom: 1.2rem;
  width: 100%;
}
.contents section .column-right .banner > div a, .contents section .column-right .banner > div img {
  display: block;
  width: 100%;
  transition: 0.5s;
}
.contents section .column-right .banner > div a:hover, .contents section .column-right .banner > div img:hover {
  opacity: 0.8;
}
.contents section .column-right .banner > div:last-of-type {
  margin-bottom: 0;
}
.contents section .gsclub {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
  border-bottom: 1px solid rgb(221, 221, 221);
  margin-bottom: 4rem;
  padding-top: 1.6rem;
}
.contents section .gsclub .left {
  width: 29.7005988024%;
}
.contents section .gsclub .left img {
  width: 100%;
}
.contents section .gsclub .right {
  width: 65.8682634731%;
}
.contents section .gsclub .right .title {
  border-left: 5px solid rgb(0, 132, 203);
  padding: 0.8rem 1.6rem 0.9rem;
  background: rgb(245, 248, 253);
  margin-bottom: 2.4rem;
}
.contents section .gsclub .right .title h2 {
  margin: 0;
  font-size: 2.8rem;
  line-height: 1.5;
}
.contents section .gsclub .right .title h2::before, .contents section .gsclub .right .title h2::after {
  content: none;
}
.contents section .gsclub .right .date p {
  line-height: 1;
  font-size: 1.6rem;
  color: rgb(85, 85, 85);
  font-weight: bold;
  margin-bottom: 2.6rem;
}
.contents section .gsclub .right .sns ul {
  display: flex;
  gap: 0 4rem;
  margin-bottom: 0;
}
.contents section .gsclub .right .sns li {
  width: 4rem;
  padding: 0;
  margin: 0;
}
.contents section .gsclub .right .sns li:nth-of-type(2) {
  width: 3.2rem;
  padding: 0.3rem 0 0.4rem;
}
.contents section .gsclub .right .sns li::before {
  content: none;
}
.contents section .gsclub .right .sns li a, .contents section .gsclub .right .sns li img {
  display: block;
  transition: 0.5s;
}
.contents section .gsclub .right .sns li a:hover, .contents section .gsclub .right .sns li img:hover {
  opacity: 0.8;
}
.contents section .gsclub_news .title {
  background: rgb(0, 132, 203);
  padding: 1rem 2.4rem;
}
.contents section .gsclub_news .title p {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 0;
  font-weight: bold;
}
.contents section .gsclub_news .title2 {
  padding-top: 1.1rem;
}
.contents section .gsclub_news .title2 p {
  border-left: 5px solid rgb(0, 132, 203);
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3.2rem;
  background: rgb(245, 248, 253);
  padding: 0.8rem 1.6rem;
}
.contents section .gsclub_news .title2 + .gsclub_news_list {
  border-top: 1px dotted rgb(221, 221, 221);
}
.contents section .gsclub_news_list ul {
  margin-bottom: 0;
}
.contents section .gsclub_news_list ul li {
  border-bottom: 1px dotted rgb(221, 221, 221);
  margin: 0;
  padding: 1.6rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  text-decoration: none;
}
.contents section .gsclub_news_list ul li::before {
  content: none;
}
.contents section .gsclub_news_list a:hover .left .name p {
  text-decoration: none;
}
.contents section .gsclub_news_list .left {
  width: calc(100% - 8rem);
  display: flex;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
}
.contents section .gsclub_news_list .left .name {
  width: 100%;
}
.contents section .gsclub_news_list .left .name a {
  margin-bottom: 0;
  text-decoration: underline;
}
.contents section .gsclub_news_list .left .name a:hover {
  text-decoration: none;
}
.contents section .gsclub_news_list .left .data {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
}
.contents section .gsclub_news_list .left .data .tag {
  background: rgb(102, 102, 102);
  padding: 0.5rem 1.05rem;
  min-width: 120px;
  border-radius: 1.2rem;
}
.contents section .gsclub_news_list .left .data .tag p {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.contents section .gsclub_news_list .left .data .tag p a {
  color: #fff;
  text-decoration: none;
}
.contents section .gsclub_news_list .left .data .tag.color1 {
  background: rgb(0, 132, 203);
}
.contents section .gsclub_news_list .left .data .tag.color2 {
  background: rgb(252, 120, 35);
}
.contents section .gsclub_news_list .left .data .tag.color3 {
  background: rgb(237, 162, 0);
}
.contents section .gsclub_news_list .left .data .tag.color4 {
  background: rgb(0, 168, 143);
}
.contents section .gsclub_news_list .left .data .tag.color5 {
  background: rgb(239, 106, 115);
}
.contents section .gsclub_news_list .left .data .tag.color6 {
  background: rgb(76, 29, 134);
}
.contents section .gsclub_news_list .left .data .tag.color7 {
  background: rgb(0, 172, 193);
}
.contents section .gsclub_news_list .left .data .tag.color8 {
  background: rgb(136, 136, 136);
}
.contents section .gsclub_news_list .left .data .date p {
  margin-bottom: 0;
  line-height: 1;
}
.contents section .gsclub_news_list .right {
  width: 6rem;
  height: 6rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.contents section .gsclub_news_list .right img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
.contents section .border {
  width: 100%;
  height: 1px;
  background: rgb(221, 221, 221);
  margin: 8rem 0 4rem;
}
.contents section .block2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.contents section .block2 > div {
  width: 48%;
}
.contents section .block2 > div > *:last-child {
  margin-bottom: 0;
}
.contents section .flex {
  display: flex;
  align-items: start;
  gap: 2rem;
  margin-bottom: 4rem;
}
.contents section .flex .img-left {
  float: none;
  margin: 0 0 4rem;
  flex: 0 0 48%;
}
.contents section .flex .img-left.w18 {
  flex: 0 0 18%;
}
.contents section .flex .img-left.w30 {
  flex: 0 0 30%;
}
.contents section .flex .img-right {
  float: none;
  margin: 0 0 4rem;
  flex: 0 0 48%;
  order: 2;
}
.contents section .flex .img-right.w18 {
  flex: 0 0 18%;
}
.contents section .flex .img-right.w30 {
  flex: 0 0 30%;
}
.contents section .flex p {
  flex: 1;
}
.contents section .flex .text {
  flex: 1;
}
.contents section .flow {
  display: flex;
  margin-bottom: 9rem;
}
.contents section .flow > div {
  border-right: 1px solid rgb(221, 221, 221);
  width: 33.3333333333%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contents section .flow > div:first-child {
  border-left: 1px solid rgb(221, 221, 221);
}
.contents section .flow > div:nth-child(2) {
  position: relative;
}
.contents section .flow > div:nth-child(2)::before {
  content: "";
  background: url(/assets/images/arrow5.svg) no-repeat;
  background-size: 100%;
  width: 1.9rem;
  height: 3.5rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contents section .flow > div:nth-child(2) .circle img {
  width: 5.8rem;
}
.contents section .flow > div:last-child {
  position: relative;
}
.contents section .flow > div:last-child::before {
  content: "";
  background: url(/assets/images/arrow5.svg) no-repeat;
  background-size: 100%;
  width: 1.9rem;
  height: 3.5rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contents section .flow > div:last-child .circle img {
  width: 6.4rem;
}
.contents section .flow .number {
  width: 100%;
}
.contents section .flow .number img {
  width: 4.6rem;
  margin: 0 auto;
  display: block;
}
.contents section .flow .circle {
  width: 14.6rem;
  height: 14.6rem;
  background: rgb(245, 248, 253);
  border-radius: 7.3rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 1.4rem auto;
}
.contents section .flow .circle img {
  width: 5.6rem;
  margin: auto;
}
.contents section .flow p {
  font-size: 1.8rem;
  color: rgb(0, 132, 203);
  line-height: 2;
  font-weight: bold;
  margin: 0;
  width: 100%;
  padding: 0 1rem;
}
.contents section .flow.green > div:nth-child(2)::before {
  background: url(/assets/images/arrow8.svg) no-repeat;
  background-size: 100%;
}
.contents section .flow.green > div:last-child::before {
  background: url(/assets/images/arrow8.svg) no-repeat;
  background-size: 100%;
}
.contents section .flow.green p {
  color: #00A88F;
}
.contents section .example {
  display: flex;
  align-items: center;
}
.contents section .example > div {
  width: 8.9rem;
  height: 8.9rem;
  background: rgb(245, 248, 253);
  border-radius: 4.45rem;
  margin-right: 2.4rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.contents section .example > div img {
  width: 4.6rem;
  margin: auto;
}
.contents section .example p {
  margin: 0;
  width: calc(100% - 11.3rem);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
}
.contents section.green .anchor > div {
  border: 1px solid #00A88F;
}
.contents section.green .anchor a {
  color: #00A88F;
}
.contents section.green .anchor a:hover {
  background: #00A88F;
  color: #fff;
}
.contents section.green .anchor a:hover::after {
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
}
.contents section.green .anchor a::after {
  content: "";
  background: url(/assets/images/arrow7.svg) no-repeat;
}
.contents section.green h2.center {
  color: #00A88F;
}
.contents section.green h3::before {
  background: #00A88F;
}
.contents section.green h4::before {
  background: #00A88F;
}
.contents section.green ul li::before {
  background: #00A88F;
}
.contents section.green ul.check li::before {
  background: url(/assets/images/check2.png) no-repeat;
  background-size: 100%;
}
.contents section.green ul.link li::before {
  background: url(/assets/images/arrow6.svg) no-repeat;
}
.contents section.green table {
  border-top-color: #00A88F;
}
.contents section.green table tr {
  border-right-color: #00A88F;
}
.contents section.green table tr:last-child th {
  border-bottom-color: #00A88F;
}
.contents section.green table tr:not(:has(th)) > td:first-child {
  border-left-color: #00A88F;
}
.contents section.green table th {
  background: #00A88F;
}
.contents section.green table th.bbc-b {
  border-bottom-color: #00A88F;
}
.contents section.green table td {
  border-bottom-color: #00A88F;
  border-left-color: #00A88F;
}
.contents section.green table.pattern2 {
  border-top-color: rgb(221, 221, 221);
}
.contents section.green table.pattern2 th {
  background: unset;
}
.contents section.green .btn a {
  background: #00A88F;
}
.contents section.green .btn a:hover {
  background: rgb(0, 83, 71);
}
.contents section.green .col2 .title p::before {
  background: url(/assets/images/arrow6.svg) no-repeat;
  background-size: 100%;
}
.contents section.green .col3 .img.poster > div p.none {
  border-color: #00A88F;
  color: #00A88F;
}
.contents section.green .col3 .title p::before {
  background: url(/assets/images/arrow6.svg) no-repeat;
  background-size: 100%;
}
.contents section.green .tab li button:hover, .contents section.green .tab li button.active {
  background: #00A88F;
}
.contents section.green .box {
  border-color: #00A88F;
}
.contents section.green .box.gsclub {
  border-bottom-color: #00A88F;
}
.contents section.green .news_list {
  width: 100%;
  position: relative;
}
.contents section.green .news_list .list {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
}
.contents section.green .news_list .list li .title p a::after {
  background: url(/assets/images/arrow6.svg) no-repeat;
}
.contents section.green .news_list2 li .title {
  width: calc(100% - 15.9rem);
}
.contents section.green .news_list2 li .title p a::after {
  background: url(/assets/images/arrow6.svg) no-repeat;
}
.contents section.green .column-right .title {
  background: gb(221, 221, 221);
}
.contents section.green .gsclub .right .title {
  border-left-color: #00A88F;
}
.contents section.green .gsclub_news .title {
  background: #00A88F;
}
.contents section.green .flow > div:nth-child(2)::before {
  background: url(/assets/images/arrow8.svg) no-repeat;
  background-size: 100%;
}
.contents section.green .flow > div:last-child::before {
  background: url(/assets/images/arrow8.svg) no-repeat;
  background-size: 100%;
}
.contents section.green .flow p {
  color: #00A88F;
}
.contents section .pagination {
  margin-top: 4rem;
}
.contents section .pagination__list {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  gap: 1.6rem;
}
.contents section .pagination__list li {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 4.8rem;
  transition: 0.3s;
}
.contents section .pagination__list li a {
  border: 1px solid rgb(0, 132, 203);
  width: 4.8rem;
  height: 4.8rem;
  color: rgb(0, 132, 203);
  font-size: 1.6rem;
  display: flex;
  border-radius: 2.4rem;
  text-decoration: none;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
.contents section .pagination__list li a.prev {
  font-size: 0;
  position: relative;
}
.contents section .pagination__list li a.prev::before {
  content: "";
  background: url(/assets/images/arrow4.svg);
  background-size: 100%;
  width: 1.6rem;
  height: 1rem;
  transform: rotate(90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.contents section .pagination__list li a.next {
  font-size: 0;
  position: relative;
}
.contents section .pagination__list li a.next::before {
  content: "";
  background: url(/assets/images/arrow4.svg);
  background-size: 100%;
  width: 1.6rem;
  height: 1rem;
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.contents section .pagination__list li span.dots {
  width: 1.6rem;
  display: block;
}
.contents section .pagination__list li::before {
  content: none;
}
.contents section .pagination__list li:hover a {
  background: rgb(0, 132, 203);
  color: #fff;
}
.contents section .pagination__list li:hover a.prev::before {
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1rem;
  height: 1.6rem;
  transform: rotate(-180deg);
}
.contents section .pagination__list li:hover a.next::before {
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1rem;
  height: 1.6rem;
  transform: rotate(0deg);
}
.contents section .pagination__list li.is-current {
  background: rgb(0, 132, 203);
  color: #fff;
  border-radius: 2.4rem;
  width: 4.8rem;
  height: 4.8rem;
}
.contents section .slider-content {
  margin-bottom: 4rem;
}
.contents section .slider-content .slick-slide {
  width: 32.6rem !important;
  margin: 0 1.5rem;
}
.contents section .slider-content .slick-slide img {
  border-radius: 1.6rem;
}
.contents section .slider-content .slick-slide p {
  font-size: 1.5rem;
  line-height: 1.8;
  color: rgb(34, 34, 34);
  margin-top: 1rem;
}
.contents section .slider-content .slick-prev {
  width: 6rem;
  height: 6rem;
  background: #00A88F;
  border-radius: 3rem;
  position: absolute;
  top: 33.9425587467%;
  left: -2.5rem;
  z-index: 30;
  transform: unset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .slider-content .slick-prev::before {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1.294rem;
  height: 2.132rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(-1, -1);
  opacity: 1;
}
.contents section .slider-content .slick-next {
  width: 6rem;
  height: 6rem;
  background: #00A88F;
  border-radius: 3rem;
  position: absolute;
  top: 33.9425587467%;
  right: -2.5rem;
  z-index: 30;
  transform: unset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents section .slider-content .slick-next::before {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 1.294rem;
  height: 2.132rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
}
.contents section .year .category {
  display: flex;
  gap: 3rem;
  margin-bottom: 4rem;
}
.contents section .year .category > div {
  width: calc((100% - 3rem) / 2);
}
.contents section .year .category > div:first-of-type {
  background: rgb(237, 162, 0);
}
.contents section .year .category > div:last-of-type {
  background: rgb(0, 168, 143);
}
.contents section .year .category > div p {
  padding: 1.7rem 0;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
}
.contents section .year .histories .history {
  padding-bottom: 3rem;
  position: relative;
  display: flex;
  align-items: start;
}
.contents section .year .histories .history::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgb(119, 119, 119);
}
.contents section .year .histories .history:first-of-type::before {
  height: calc(100% - 5.7rem);
  top: 5.7rem;
}
.contents section .year .histories .history_year {
  width: 14.2307692308%;
  max-width: 14.8rem;
  height: 4rem;
  background: rgb(119, 119, 119);
  position: absolute;
  left: 0;
  right: 0;
  top: 2rem;
  margin: auto;
  z-index: 2;
}
.contents section .year .histories .history_year p {
  text-align: center;
  line-height: 4rem;
  color: rgb(255, 255, 255);
  font-size: 1.8rem;
  margin: 0;
}
.contents section .year .histories .history_left {
  background: rgb(254, 246, 230);
  width: 40%;
  margin: 0 auto 0 0;
  position: relative;
  padding: 2.6rem 2.8846153846%;
}
.contents section .year .histories .history_left::before {
  content: "";
  background: url(/about/images/triangle1.png) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 1.8rem;
  position: absolute;
  top: 3rem;
  right: -2rem;
}
.contents section .year .histories .history_left p {
  margin-bottom: 0;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  position: relative;
  color: rgb(17, 17, 17);
  line-height: 1.5;
}
.contents section .year .histories .history_left p::before {
  content: "";
  background: rgb(237, 162, 0);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  position: absolute;
  left: 0;
  top: 2px;
}
.contents section .year .histories .history_left p + img {
  margin-top: 2rem;
}
.contents section .year .histories .history_left p + p {
  margin-top: 1rem;
}
.contents section .year .histories .history_left img + p {
  margin-top: 4rem;
}
.contents section .year .histories .history_right {
  background: rgb(235, 249, 246);
  width: 40%;
  margin: 0 0 0 auto;
  position: relative;
  padding: 2.8846153846% 2.6rem;
}
.contents section .year .histories .history_right::before {
  content: "";
  background: url(/about/images/triangle2.png) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 1.8rem;
  position: absolute;
  top: 3rem;
  left: -2rem;
}
.contents section .year .histories .history_right p {
  margin-bottom: 0;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  position: relative;
  color: rgb(17, 17, 17);
  line-height: 1.5;
}
.contents section .year .histories .history_right p::before {
  content: "";
  background: rgb(0, 168, 143);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  position: absolute;
  left: 0;
  top: 2px;
}
.contents section .year .histories .history_right p + img {
  margin-top: 2rem;
}
.contents .gsclub_logo {
  max-width: 366px;
  width: 95%;
  margin: 3.5rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contents .gsclub_logo h1 {
  width: 100%;
}
.contents .gsclub_logo h1 a, .contents .gsclub_logo h1 img {
  display: block;
  transition: 0.5s;
}
.contents .gsclub_logo h1 a:hover, .contents .gsclub_logo h1 img:hover {
  opacity: 0.8;
}
.contents .gsclub_logo p {
  width: 48.6206896552%;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: bold;
  color: #000;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents .gsclub_logo + section .inner {
  padding-top: 2.4rem;
  max-width: 1200px;
}
.contents .modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  align-items: center;
  justify-content: center;
}
.contents .modal.show {
  display: flex;
}
.contents .modal-content {
  background: #fff;
  width: 92%;
  max-width: 1040px;
  position: relative;
  z-index: 10;
  border-radius: 1.6rem;
  overflow: visible;
  padding: 4rem 0 6rem;
}
.contents .modal-close {
  width: 3.1rem;
  position: absolute;
  top: -1.55rem;
  border: none;
  height: 3.1rem;
  padding: 0;
  right: 0;
  background: #fff;
  border-radius: 1.55rem;
}
.contents .modal-body {
  max-height: calc(90vh - 11rem);
  overflow-y: auto;
  padding: 0 4.2rem;
}
.contents .modal-body > *:last-child {
  margin-bottom: 0;
}
.contents .modal-body .img-right, .contents .modal-body .img-left {
  max-width: 374px;
}
.contents .modal-body h3 {
  text-align: left;
}
.contents .modal-body h4 {
  text-align: left;
}
.contents .modal-body h5 {
  text-align: left;
}
.contents .modal-body p {
  text-align: left;
}
.contents .modal-bg {
  position: absolute;
  inset: 0;
}
.contents .gsclub {
  padding-top: 2.4rem;
}
.contents .gsclub h1 {
  width: 56.4rem;
  margin: 0 auto 2.4rem;
}
.contents .gsclub h1 a, .contents .gsclub h1 img {
  display: block;
}
.contents .gsclub .top {
  width: 95%;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  gap: 0.8620689655%;
  align-items: start;
}
.contents .gsclub .top .slide {
  width: 68.3620689655%;
  margin-bottom: 0;
}
.contents .gsclub .top .slide .slick-dots {
  gap: 1.6rem;
  display: flex;
  justify-content: center;
}
.contents .gsclub .top .slide .slick-dots li {
  margin: 0;
  width: 1rem;
  height: 1rem;
}
.contents .gsclub .top .slide .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.contents .gsclub .top .slide .slick-dots li button::before {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: rgb(204, 204, 204);
  font-size: 0;
  opacity: 1;
}
.contents .gsclub .top .slide .slick-dots li button:hover::before {
  background: rgb(0, 168, 143);
}
.contents .gsclub .top .slide .slick-dots li.slick-active button::before {
  background: rgb(0, 168, 143);
  opacity: 1;
}
.contents .gsclub .top .right {
  width: 30.775862069%;
}
.contents .gsclub .top .right .title {
  background: rgb(0, 168, 143);
  border-radius: 0.5rem;
  margin-bottom: 2.4rem;
}
.contents .gsclub .top .right .title a {
  display: flex;
  align-items: center;
  padding: 1.9rem 5.6022408964%;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
  transition: 0.3s;
}
.contents .gsclub .top .right .title a:hover p {
  text-decoration: none;
}
.contents .gsclub .top .right .title .icon {
  width: 8rem;
  height: 8rem;
  background: #fff;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents .gsclub .top .right .title .icon img {
  width: 5rem;
  display: block;
}
.contents .gsclub .top .right .title p {
  width: calc(100% - 10rem);
  font-size: 1.8rem;
  color: #fff;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 1.8;
  text-decoration: underline;
}
.contents .gsclub .top .right .link {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents .gsclub .top .right .link > div {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents .gsclub .top .right .link > div a {
  position: relative;
  padding: 1.9rem 2.4rem 1.9rem 1.1rem;
  display: block;
  color: rgb(17, 17, 17);
  font-size: 1.4rem;
  font-family: "BIZ UDPGothic", sans-serif;
}
.contents .gsclub .top .right .link > div a::after {
  content: "";
  background: url(/assets/images/arrow9.svg);
  border-radius: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.contents .gsclub .top .right .link > div:nth-of-type(3) a {
  padding-left: 6.4rem;
}
.contents .gsclub .top .right .link > div:nth-of-type(3) a::before {
  content: "";
  background: url(/assets/images/youtube.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 2.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
}
.contents .gsclub .top .right .link > div:nth-of-type(4) a {
  padding-left: 6.3rem;
}
.contents .gsclub .top .right .link > div:nth-of-type(4) a::before {
  content: "";
  background: url(/assets/images/facebook.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
}
.contents .gsclub .top .right .link > div:nth-of-type(5) a {
  padding-left: 6.5rem;
}
.contents .gsclub .top .right .link > div:nth-of-type(5) a::before {
  content: "";
  background: url(/assets/images/insta.svg) no-repeat;
  background-size: 100%;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
}
.contents .gsclub section .inner {
  max-width: 1160px;
  display: flex;
  gap: 6.1206896552%;
}
.contents .gsclub section .mainblock {
  width: 68.275862069%;
}
.contents .gsclub section .mainblock > *:last-child {
  margin-bottom: 0 !important;
}
.contents .gsclub section .mainblock h2 {
  background: rgb(230, 247, 244);
  border-left: 3px solid rgb(0, 168, 143);
  padding: 0.3rem 0 0.3rem 1.3rem;
  margin-bottom: 2.4rem;
}
.contents .gsclub section .mainblock h2::before, .contents .gsclub section .mainblock h2::after {
  content: none;
}
.contents .gsclub section .mainblock h3 {
  margin-bottom: 4rem;
  padding-left: 2.6rem;
}
.contents .gsclub section .mainblock h3::before {
  width: 1.6rem;
  height: 1.6rem;
  background: rgb(0, 168, 143);
  position: absolute;
  bottom: unset;
  left: 0;
  top: 0.9rem;
}
.contents .gsclub section .mainblock ul.link {
  margin-bottom: 4rem;
}
.contents .gsclub section .mainblock ul.link li::before {
  background: url(/assets/images/arrow9.svg);
  background-size: 100%;
}
.contents .gsclub section .mainblock .anchor2 {
  margin-bottom: 4rem;
  display: block;
}
.contents .gsclub section .mainblock .anchor2 ul {
  display: flex;
  gap: 1.2626262626%;
  align-items: stretch;
}
.contents .gsclub section .mainblock .anchor2 ul li {
  width: 49.3686868687%;
  margin-bottom: 0;
  padding: 0;
  background-color: rgb(0, 168, 143);
  border-radius: 0.5rem;
}
.contents .gsclub section .mainblock .anchor2 ul li::before {
  content: none;
}
.contents .gsclub section .mainblock .anchor2 ul li a {
  width: 100%;
  height: 100%;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  display: flex;
  flex-flow: unset;
  align-items: center;
  justify-content: center;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
.contents .gsclub section .mainblock .anchor2 ul li a .icon {
  width: 4rem;
  margin-right: 1.3rem;
}
.contents .gsclub section .mainblock .anchor2 ul li a .icon img {
  display: block;
}
.contents .gsclub section .mainblock .anchor2 ul li a p {
  margin-bottom: 0;
  color: #fff;
  width: calc(100% - 5.5rem);
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: bold;
}
.contents .gsclub section .mainblock .anchor2 ul li a::after {
  content: "";
  background: url(/assets/images/arrow10.svg);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4.0920716113%;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents .gsclub section .mainblock .anchor2 ul li:last-child {
  background-color: rgba(237, 162, 0, 0.8);
}
.contents .gsclub section .mainblock .anchor2 ul li:last-child a::after {
  background: url(/assets/images/arrow11.svg) no-repeat;
}
.contents .gsclub section .mainblock .anchor2 + h3 {
  margin-top: 7rem;
}
.contents .gsclub section .mainblock .news {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents .gsclub section .mainblock .news ul {
  margin-bottom: 0;
}
.contents .gsclub section .mainblock .news ul li {
  border-bottom: 1px dotted rgb(221, 221, 221);
  margin: 0;
  padding: 1.6rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  text-decoration: none;
}
.contents .gsclub section .mainblock .news ul li::before {
  content: none;
}
.contents .gsclub section .mainblock .news .left {
  width: calc(100% - 8rem);
  display: flex;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
}
.contents .gsclub section .mainblock .news .left .name {
  width: 100%;
}
.contents .gsclub section .mainblock .news .left .name p {
  margin-bottom: 0;
  text-decoration: underline;
}
.contents .gsclub section .mainblock .news .left .data {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
}
.contents .gsclub section .mainblock .news .left .data .tag {
  background: rgb(102, 102, 102);
  padding: 0.5rem 1.05rem;
  min-width: 120px;
  border-radius: 1.2rem;
}
.contents .gsclub section .mainblock .news .left .data .tag p {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.contents .gsclub section .mainblock .news .left .data .tag p a {
  color: #fff;
  text-decoration: none;
}
.contents .gsclub section .mainblock .news .left .data .tag.color1 {
  background: rgb(0, 132, 203);
}
.contents .gsclub section .mainblock .news .left .data .tag.color2 {
  background: rgb(252, 120, 35);
}
.contents .gsclub section .mainblock .news .left .data .tag.color3 {
  background: rgb(237, 162, 0);
}
.contents .gsclub section .mainblock .news .left .data .tag.color4 {
  background: rgb(0, 168, 143);
}
.contents .gsclub section .mainblock .news .left .data .tag.color5 {
  background: rgb(239, 106, 115);
}
.contents .gsclub section .mainblock .news .left .data .tag.color6 {
  background: rgb(76, 29, 134);
}
.contents .gsclub section .mainblock .news .left .data .tag.color7 {
  background: rgb(0, 172, 193);
}
.contents .gsclub section .mainblock .news .left .data .tag.color8 {
  background: rgb(136, 136, 136);
}
.contents .gsclub section .mainblock .news .left .data .date p {
  margin-bottom: 0;
  line-height: 1;
}
.contents .gsclub section .mainblock .news .right {
  width: 6rem;
  height: 6rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.contents .gsclub section .mainblock .news .right img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
.contents .gsclub section .mainblock .news .btn {
  margin: 30px auto 0;
}
.contents .gsclub section .mainblock .news .btn a {
  align-items: unset;
}
.contents .gsclub section .mainblock .news + h2 {
  margin-top: 100px;
}
.contents .gsclub section .mainblock .banner {
  max-width: 46.5rem;
  margin-bottom: 7rem;
}
.contents .gsclub section .mainblock .banner a, .contents .gsclub section .mainblock .banner img {
  display: block;
}
.contents .gsclub section .mainblock .banner p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 1rem;
}
.contents .gsclub section .mainblock .column2 {
  display: flex;
  flex-wrap: wrap;
  gap: 3.7878787879%;
  margin-bottom: 7rem;
}
.contents .gsclub section .mainblock .column2 > div {
  width: 48.1060606061%;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents .gsclub section .mainblock .column2 > div:first-of-type, .contents .gsclub section .mainblock .column2 > div:nth-of-type(2) {
  border-top: 1px solid rgb(221, 221, 221);
}
.contents .gsclub section .mainblock .column2 > div a {
  display: flex;
  position: relative;
  padding: 1rem 2.4rem 1rem 0;
  align-items: center;
}
.contents .gsclub section .mainblock .column2 > div a::after {
  content: "";
  background: url(/assets/images/arrow9.svg);
  background-size: 100%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.contents .gsclub section .mainblock .column2 > div a img {
  width: 9.9rem;
  margin-right: 1rem;
  display: block;
}
.contents .gsclub section .mainblock .column2 > div a p {
  width: calc(100% - 10.9rem);
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
}
.contents .gsclub section .side {
  width: 25.6034482759%;
}
.contents .gsclub section .sidetitle {
  background: rgb(0, 168, 143);
  padding: 0.9rem 1.6rem;
}
.contents .gsclub section .sidetitle p {
  color: #fff;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.contents .gsclub section .sidelist > div {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.contents .gsclub section .sidelist > div a {
  display: flex;
  flex-wrap: wrap;
  padding: 1.6rem 0;
  text-decoration: none;
}
.contents .gsclub section .sidelist > div a:hover .title p {
  text-decoration: none;
}
.contents .gsclub section .sidelist > div .area {
  width: 9.4rem;
  background: rgb(102, 102, 102);
  height: 2.4rem;
  border-radius: 1.2rem;
  margin-bottom: 0.8rem;
}
.contents .gsclub section .sidelist > div .area p {
  font-size: 1.4rem;
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 2.4rem;
  font-weight: bold;
  margin-bottom: 0;
}
.contents .gsclub section .sidelist > div .category {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
  margin-bottom: 1.6rem;
}
.contents .gsclub section .sidelist > div .category > div {
  width: 9.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
}
.contents .gsclub section .sidelist > div .category > div.color1 {
  background: rgb(237, 162, 0);
}
.contents .gsclub section .sidelist > div .category > div.color2 {
  background: rgb(0, 168, 143);
}
.contents .gsclub section .sidelist > div .category > div.color3 {
  background: rgb(0, 132, 203);
}
.contents .gsclub section .sidelist > div .category > div p {
  font-size: 1.4rem;
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 2.4rem;
  font-weight: bold;
  margin-bottom: 0;
}
.contents .gsclub section .sidelist > div .title p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.8;
  text-decoration: underline;
}
.contents .gsclub section .sidelist > div .title p small {
  font-size: 1.2rem;
}
.contents .gsclub section .sidebtn {
  margin: 4rem auto 0;
  width: 100%;
  max-width: 345px;
}
.contents .gsclub section .sidebtn a {
  width: 100%;
  height: 5.6rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  border-radius: 2.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "BIZ UDPGothic", sans-serif;
  position: relative;
  padding: 0 2.5rem;
  color: #fff;
  transition: 0.5s;
  background: #00A88F;
  text-decoration: none;
}
.contents .gsclub section .sidebtn a:hover {
  background: rgb(0, 83, 71);
}
.contents .gsclub section .sidebtn a::after {
  content: "";
  background: url(/assets/images/arrow.svg) no-repeat;
  background-size: 100%;
  width: 0.63rem;
  height: 1.039rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.756rem;
  margin: auto;
}
.contents .gsclub section .movie {
  width: 95%;
  max-width: 1160px;
  margin: 2rem auto 10rem;
}
.contents .gsclub section .movie h2 {
  background: rgb(230, 247, 244);
  border-left: 3px solid rgb(0, 168, 143);
  padding: 0.3rem 0 0.3rem 1.3rem;
  margin-bottom: 2.4rem;
}
.contents .gsclub section .movie h2::before, .contents .gsclub section .movie h2::after {
  content: none;
}
.contents .gsclub section .movie_list {
  display: flex;
  gap: 2.5862068966%;
}
.contents .gsclub section .movie_list > div {
  width: 31.6379310345%;
  aspect-ratio: 16/9;
}
.contents .gsclub section .movie_list > div iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.contents .gsclub .list {
  width: 95%;
  max-width: 951px;
  margin: 0 auto;
  padding: 6rem 0;
  display: flex;
  align-items: start;
  gap: 3.1545741325%;
}
.contents .gsclub .list > div {
  width: 31.2302839117%;
}
.contents .gsclub .list > div a, .contents .gsclub .list > div img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .main {
    margin-top: 6.3rem;
  }
  .main .kv {
    margin: 0 auto;
  }
  .main .kv .slider {
    margin-bottom: 4.7rem;
  }
  .main .kv .slider .slick-list {
    height: 100vw;
    margin: 0;
  }
  .main .kv .slider .slick-prev {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    top: calc(50% - 2rem);
    left: 0.7rem;
  }
  .main .kv .slider .slick-prev::before {
    width: 1rem;
    height: 1.7rem;
  }
  .main .kv .slider .slick-next {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    top: calc(50% - 2rem);
    right: 0.7rem;
  }
  .main .kv .slider .slick-next::before {
    width: 1rem;
    height: 1.7rem;
  }
  .main .kv .slider .slick-slide {
    width: 100vw !important;
    margin: 0;
  }
  .main .kv .slider .slick-slide a {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .main .kv .slider .slick-slide a img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .main .kv .slider .slick-dots {
    bottom: -2.3rem;
  }
  .main .link {
    margin-top: 3.2rem;
    width: 92%;
  }
  .main .link ul {
    flex-wrap: wrap;
    padding: 0.8rem 4.6376811594%;
    margin: auto;
  }
  .main .link li {
    width: 100%;
    border-right: unset;
    border-bottom: 1px solid #ddd;
  }
  .main .link li a {
    font-size: 1.5rem;
    line-height: 1.4;
    justify-content: flex-start;
    text-align: left;
    flex-flow: unset;
    padding: 0.9rem 0 0.9rem;
    align-items: center;
  }
  .main .link li a img {
    margin: 0 2.4rem 0 0;
  }
  .main .link li:nth-child(4) a img {
    margin-bottom: 0;
  }
  .main .link li:last-child {
    border-bottom: unset;
  }
  .main .link li:last-child a br {
    display: none;
  }
  .main .link li:last-child a::after {
    top: 0;
    bottom: 0;
    right: unset;
    left: 25.4rem;
    margin: auto;
  }
  .main .important {
    margin-top: 3.2rem;
    width: 92%;
    flex-wrap: wrap;
  }
  .main .important > div:first-child {
    width: 100%;
    border-radius: 1.6rem 1.6rem 0 0;
    padding: 0 1.3rem;
    justify-content: flex-start;
    height: 5.5rem;
  }
  .main .important > div:last-child {
    width: 100%;
    border-radius: 0 0 1.6rem 1.6rem;
    padding: 2.4rem 1.4rem;
  }
  .main .important > div:last-child li a {
    flex-wrap: wrap;
  }
  .main .important > div:last-child li a .date {
    width: 100%;
  }
  .main .important > div:last-child li a .title {
    margin: 1.6rem 0 0;
    padding-right: 4rem;
    position: relative;
  }
  .main .important > div:last-child li a .title::after {
    content: "";
    background: url(/assets/images/arrow2.svg) no-repeat;
    background-size: 100%;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .main .important > div:last-child li a::after {
    content: none;
  }
  .main .important > div:last-child li:last-child {
    margin-top: 4rem;
  }
  .main .news {
    margin: 6.4rem auto;
    width: 92%;
  }
  .main .news h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
  }
  .main .news h2 span {
    margin-top: 1.6rem;
  }
  .main .news .btn {
    top: 3.3rem;
  }
  .main .news .change {
    margin-bottom: 2.4rem;
  }
  .main .news .change ul {
    gap: 2rem 1.6rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .main .news .change li {
    width: calc(50% - 1rem);
  }
  .main .news .list li {
    padding: 1.6rem 0 1.5rem;
    position: relative;
    flex-wrap: wrap;
  }
  .main .news .list li::after {
    content: "";
    background: url(/assets/images/arrow3.svg) no-repeat;
    border-radius: 1.2rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    background-size: 100%;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.1rem;
    margin: auto;
  }
  .main .news .list li .date {
    width: 100%;
    margin-bottom: 1.4rem;
  }
  .main .news .list li .tag {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin: 0;
  }
  .main .news .list li .tag > div {
    width: 12rem;
  }
  .main .news .list li .tag > div:last-child {
    margin: 0;
  }
  .main .news .list li .title {
    width: 100%;
    margin-top: 1.6rem;
  }
  .main .news .list li .title p a {
    padding-right: 3.9rem;
  }
  .main .news .list li .title p a::after {
    content: none;
  }
  .main .news .list li .new {
    margin-top: 1rem;
  }
  .main .news .list li .new + .title {
    width: 100%;
  }
  .main .about {
    padding: 6.4rem 0;
  }
  .main .about::before {
    content: none;
  }
  .main .about .inner {
    width: 92%;
  }
  .main .about h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .about h2 span {
    margin-top: 1.6rem;
  }
  .main .about .read {
    margin-bottom: 4rem;
  }
  .main .about .read p {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2;
  }
  .main .about .item {
    flex-wrap: wrap;
  }
  .main .about .item + .item {
    margin-top: 4rem;
  }
  .main .about .item .ttl {
    margin-bottom: 1.6rem;
  }
  .main .about .item .ttl p {
    font-size: 2rem;
  }
  .main .about .item .tx {
    margin-bottom: 2.4rem;
  }
  .main .about .item .btn {
    height: 5.6rem;
  }
  .main .about .item .btn a {
    border-radius: 2.8rem;
  }
  .main .about .item.item1 .left, .main .about .item.item3 .left {
    width: 100%;
  }
  .main .about .item.item1 .left img, .main .about .item.item3 .left img {
    border-radius: 1.6rem 1.6rem 0 0;
  }
  .main .about .item.item1 .right, .main .about .item.item3 .right {
    width: 100%;
    margin: 0;
    border-radius: 0 0 1.6rem 1.6rem;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    padding: 2.1rem 1.9rem 2.6rem;
  }
  .main .about .item.item2 .right {
    width: 100%;
    order: 1;
  }
  .main .about .item.item2 .right img {
    border-radius: 1.6rem 1.6rem 0 0;
  }
  .main .about .item.item2 .left {
    order: 2;
    width: 100%;
    margin: 0;
    border-radius: 0 0 1.6rem 1.6rem;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    padding: 2.1rem 1.9rem 2.6rem;
  }
  .main .about .col3 {
    margin-top: 4rem;
    flex-wrap: wrap;
  }
  .main .about .col3 > div {
    width: 100%;
    border-bottom: unset;
  }
  .main .about .col3 > div:last-child {
    border-bottom: 1px solid #ccc;
  }
  .main .message {
    padding: 6.4rem 0;
  }
  .main .message::before {
    content: none;
  }
  .main .message .inner {
    width: 92%;
  }
  .main .message h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .message h2 span {
    margin-top: 1.6rem;
  }
  .main .message .item {
    flex-wrap: wrap;
  }
  .main .message .item .left {
    order: 2;
    width: 100%;
    margin: 0;
    border-radius: 0 0 1.6rem 1.6rem;
    padding: 1.7rem 1.6rem 2.4rem;
  }
  .main .message .item .right {
    order: 1;
    width: 100%;
  }
  .main .message .item .right .img {
    border-radius: 1.6rem 1.6rem 0 0;
  }
  .main .message .btn {
    width: 100%;
    max-width: 34.5rem;
    height: 8rem;
  }
  .main .project {
    padding: 6.4rem 0;
  }
  .main .project .inner {
    width: 92%;
  }
  .main .project h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .project h2 span {
    margin-top: 1.6rem;
  }
  .main .project .col3 {
    gap: 4rem 0;
  }
  .main .project .col3 li {
    width: 100%;
  }
  .main .project .col3 li .title {
    margin-bottom: 1.3rem;
  }
  .main .project .col3 li:nth-child(3n+2) {
    margin: 0;
  }
  .main .topics {
    padding: 6.4rem 0;
  }
  .main .topics::before {
    content: none;
  }
  .main .topics .inner {
    width: 92%;
  }
  .main .topics h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .topics h2 span {
    margin-top: 1.6rem;
  }
  .main .topics .swiper .slide {
    width: 25.4rem !important;
  }
  .main .faq {
    padding: 6.4rem 0 7.8rem;
  }
  .main .faq .inner {
    width: 92%;
  }
  .main .faq h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .faq h2 span {
    margin-top: 1.6rem;
  }
  .main .faq dt {
    padding: 2.2rem 4.5rem 1.6rem 5.6rem;
  }
  .main .faq dt::before {
    top: 1.6rem;
  }
  .main .faq dt::after {
    top: 2.2rem;
  }
  .main .faq dt.on::after {
    top: 3.5rem;
  }
  .main .faq dd {
    padding: 2.1rem 4.5rem 1.6rem 5.6rem;
  }
  .main .faq dd::before {
    top: 1.5rem;
  }
  .main .concept {
    padding: 5.4rem 0 6.4rem;
  }
  .main .concept .inner {
    width: 92%;
  }
  .main .concept .top {
    flex-wrap: wrap;
  }
  .main .concept .top h2 {
    font-size: 2.4rem;
    padding: 0 0 0 1.9rem;
    margin-bottom: 4rem;
  }
  .main .concept .top h2 span {
    margin-top: 1.6rem;
  }
  .main .concept .top .right {
    margin-bottom: 4rem;
  }
  .main .concept .col3 {
    flex-wrap: wrap;
  }
  .main .concept .col3 > div {
    width: 100%;
  }
  .main .concept .col3 > div:nth-child(n+2) {
    margin-top: 4rem;
  }
  .main .concept .col3 > div:nth-child(2) h3 {
    margin-bottom: 2.5rem;
  }
  .main .concept .col3 p {
    margin-bottom: 2.4rem;
  }
  .main .concept .col3 .btn {
    height: 5.4rem;
  }
  .main .concept .col3 .btn a {
    border-radius: 2.7rem;
  }
  .main .concept .btn_col2 {
    margin-top: 4rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: 345px;
    gap: 2.4rem;
    justify-content: center;
  }
  .main .concept .btn_col2 > div {
    width: 100%;
    height: 8rem;
  }
  .main .concept .btn_col2 > div a {
    border-radius: 4rem;
    font-size: 2rem;
  }
  .main .concept .btn_col2 > div a::before {
    width: 4rem;
    height: 3.138rem;
    left: 2.4rem;
  }
  .main .concept .btn_col2 > div a::after {
    width: 0.958rem;
    height: 1.526rem;
    right: 2.344rem;
  }
  .main .concept .btn_col2 > div:last-child a::before {
    width: 3.137rem;
    height: 2.37rem;
    left: 2.292rem;
  }
  .pagetop {
    width: 6rem;
    height: 6rem;
    right: 1.5rem;
  }
  .pagetop a {
    border-radius: 3rem;
  }
  .contents {
    margin-top: 6.4rem;
  }
  .contents .maintitle h1 {
    text-align: center;
    font-size: 2rem;
    padding: 2.5rem 1.3rem;
    min-width: unset !important;
  }
  .contents .maintitle h1 span {
    font-size: 2rem;
  }
  .contents .maintitle h1 span.small {
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }
  .contents .maintitle h1::before {
    left: 0;
    right: 0;
    margin: auto;
    width: 12rem;
    bottom: 0;
  }
  .contents .maintitle.outline {
    height: auto;
    min-height: 13.75rem;
    display: flex;
    align-items: center;
    padding: 1rem 0;
  }
  .contents .maintitle.outline h1 {
    font-size: 3rem;
    margin-bottom: 0;
  }
  .contents .maintitle.about {
    background: url(/assets/images/about_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.activity {
    background: url(/assets/images/activity_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.news {
    background: url(/assets/images/news_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.information {
    background: url(/assets/images/information_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.prevention {
    background: url(/assets/images/prevention_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.donation {
    background: url(/assets/images/donation_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.support {
    background: url(/assets/images/support_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .contents .maintitle.outline {
    background: #f5faff;
  }
  .contents .breadcrumb {
    width: 92%;
    padding-top: 1rem;
  }
  .contents .breadcrumb ul {
    gap: 1rem 4.6rem;
  }
  .contents .breadcrumb + section .inner {
    padding-top: 4rem;
  }
  .contents section .inner {
    width: 92%;
    padding: 6rem 0;
  }
  .contents section h2 {
    font-size: 2.6rem;
  }
  .contents section h2 span {
    font-size: 1.8rem;
  }
  .contents section h3 {
    font-size: 2.2rem;
    margin-bottom: 5rem;
  }
  .contents section h3::before {
    bottom: -1.3rem;
  }
  .contents section h4 {
    font-size: 2rem;
    margin-bottom: 4.5rem;
    padding-left: 1rem;
  }
  .contents section h5 {
    font-size: 1.8rem;
  }
  .contents section h6 {
    font-size: 1.6rem;
  }
  .contents section p.rightLeft {
    text-align: left;
  }
  .contents section .mw50, .contents section .mw60, .contents section .mw70, .contents section .mw80 {
    max-width: 100%;
  }
  .contents section .anchor {
    gap: 1rem 0;
    margin-bottom: 6rem;
  }
  .contents section .anchor > div {
    width: 100%;
  }
  .contents section .anchor.w50 {
    gap: 1rem 0;
  }
  .contents section .anchor.w50 > div {
    width: 100%;
  }
  .contents section ul {
    margin-bottom: 4rem;
  }
  .contents section ul.list-col2 {
    gap: 0;
  }
  .contents section ul.list-col2 li {
    width: 100%;
  }
  .contents section ul.list-col3 li {
    width: 49%;
  }
  .contents section table {
    width: 100%;
    margin-bottom: 4rem;
  }
  .contents section table tbody {
    width: 100%;
  }
  .contents section table tr {
    width: 100%;
    display: block;
  }
  .contents section table tr th, .contents section table tr td {
    display: block;
    width: 100%;
  }
  .contents section table th {
    padding: 1.7rem 1.5rem 1.6rem;
  }
  .contents section table td {
    border-left: 1px solid rgba(0, 94, 184, 0.2);
    padding: 1.7rem 1.5rem 1.6rem;
  }
  .contents section table td:first-of-type {
    border-left: 1px solid rgba(0, 94, 184, 0.2);
  }
  .contents section table.pattern2 td:first-of-type {
    border-left: unset;
  }
  .contents section .table {
    overflow-x: auto;
    margin-bottom: 4rem;
    table-layout: fixed;
  }
  .contents section .table table {
    min-width: 768px;
    margin-bottom: 0;
  }
  .contents section .table table tr {
    display: table-row;
  }
  .contents section .table table tr:nth-child(n+2) th {
    border-top: 1px solid rgba(0, 94, 184, 0.2);
  }
  .contents section .table table tr:last-child th {
    border-bottom: 1px solid rgba(0, 94, 184, 0.2);
  }
  .contents section .table table th {
    width: 15.36rem;
    display: table-cell;
  }
  .contents section .table table th + th, .contents section .table table th + td {
    width: auto;
  }
  .contents section .table table td {
    display: table-cell;
    width: auto;
  }
  .contents section .table table td:first-of-type {
    border-left: 1px solid rgba(0, 94, 184, 0.2);
  }
  .contents section .table table.pattern2 td:first-of-type {
    border-left: unset;
  }
  .contents section .table-col2 {
    overflow: unset;
    margin-bottom: 4rem;
  }
  .contents section .table-col2 table {
    margin-bottom: 0;
  }
  .contents section .table-col2 table tr {
    display: flex;
  }
  .contents section .table-col2 table th {
    width: 50%;
  }
  .contents section .table-col2 table td {
    width: 50%;
  }
  .contents section .table.min525 table {
    min-width: 525px;
  }
  .contents section .btn {
    margin: 0 auto 4rem;
  }
  .contents section .btn_col {
    margin-bottom: 4rem;
    gap: 2rem;
  }
  .contents section .btn_col .btn {
    margin-bottom: 0;
  }
  .contents section .accordion {
    margin-bottom: 4rem;
  }
  .contents section .accordion dt {
    padding: 1.6rem 4rem 1.6rem 0;
  }
  .contents section .accordion dt::after {
    top: 1.6rem;
  }
  .contents section .accordion dt.on::after {
    top: 2.9rem;
  }
  .contents section .accordion dd {
    padding: 0.8rem 4rem 1.6rem 0;
  }
  .contents section .accordion.qa dt {
    padding-left: 5.6rem;
  }
  .contents section .accordion.qa dt::before {
    top: 1rem;
  }
  .contents section .accordion.qa dd {
    padding-left: 5.6rem;
  }
  .contents section .col1 {
    margin-bottom: 6rem;
  }
  .contents section .col2 {
    margin-bottom: 6rem;
    flex-wrap: wrap;
  }
  .contents section .col2 > div {
    width: 100%;
    margin-bottom: 4rem;
  }
  .contents section .col2 > div:nth-child(n+3) {
    margin-top: 0;
  }
  .contents section .col2 > div:nth-child(n+3) .bubble {
    margin-top: 0;
  }
  .contents section .col2 > div:last-child {
    margin-bottom: 0;
  }
  .contents section .col2 .bubble .block {
    width: 100%;
  }
  .contents section .col2 .bubble.right .block::after {
    left: 0;
  }
  .contents section .col3 {
    margin-bottom: 6rem;
    flex-wrap: wrap;
    gap: 0;
  }
  .contents section .col3 > div {
    width: 100%;
    margin-bottom: 4rem;
  }
  .contents section .col3 > div:last-child {
    margin-bottom: 0;
  }
  .contents section .col3 .img.border {
    display: block;
  }
  .contents section .col4 {
    margin-bottom: 6rem;
    flex-wrap: wrap;
    gap: 0 2rem;
  }
  .contents section .col4 > div {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 4rem;
  }
  .contents section .col4 > div:last-child {
    margin-bottom: 0;
  }
  .contents section .col4 .img.border {
    display: block;
  }
  .contents section .tab ul {
    margin-bottom: 2rem;
    justify-content: flex-start;
    gap: 0.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .contents section .tab li {
    width: 16.3rem;
    flex: 0 0 16.3rem;
  }
  .contents section .tab li button {
    text-align: center;
  }
  .contents section .tab.w50 ul {
    overflow: unset;
  }
  .contents section .tab.w50 li {
    flex: unset;
    width: calc(50% - 0.25rem);
  }
  .contents section .tab.tab-three ul {
    overflow: hidden;
    -webkit-overflow-scrolling: unset;
  }
  .contents section .tab.tab-three li {
    width: calc((100% - 1rem) / 3);
    flex: unset;
  }
  .contents section .tab.tab-three li button {
    font-size: 1.4rem;
  }
  .contents section .tab.tab-four ul {
    overflow: hidden;
    -webkit-overflow-scrolling: unset;
  }
  .contents section .tab.tab-four li {
    width: calc((100% - 1.5rem) / 4);
    flex: unset;
  }
  .contents section .tab.tab-four li button {
    font-size: 1.4rem;
  }
  .contents section .tab.tab-five-noscroll ul {
    overflow: hidden;
    -webkit-overflow-scrolling: unset;
  }
  .contents section .tab.tab-five-noscroll li {
    width: calc((100% - 2rem) / 5);
    flex: unset;
  }
  .contents section .tab.tab-five-noscroll li button {
    font-size: 1.4rem;
  }
  .contents section .tab_content .div p {
    font-size: 1.8rem;
  }
  .contents section .clearfix .btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .contents section .img-left, .contents section .img-right {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 auto 2.4rem;
  }
  .contents section .img-left .youtube, .contents section .img-right .youtube {
    width: 100%;
  }
  .contents section .img-left.w18, .contents section .img-right.w18 {
    width: auto;
  }
  .contents section .img-left.w30, .contents section .img-right.w30 {
    width: auto;
  }
  .contents section .img-left.w40, .contents section .img-right.w40 {
    width: auto;
  }
  .contents section .img-left.w50, .contents section .img-right.w50 {
    width: auto;
  }
  .contents section .img-left img, .contents section .img-right img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .contents section .img-right figcaption a.sns img {
    margin: 0;
  }
  .contents section br.pc-only {
    display: none;
  }
  .contents section br.sp-only {
    display: block;
  }
  .contents section .box.pattern2 .img-left, .contents section .box.pattern2 .img-right {
    margin-bottom: 3rem;
  }
  .contents section .box ul.number {
    padding-left: 3rem;
  }
  .contents section .box.gsclub {
    margin-bottom: 6rem;
  }
  .contents section .box.gsclub > div {
    display: flex;
    flex-wrap: wrap;
  }
  .contents section .box.gsclub .img-right {
    order: 2;
    width: 23.8rem;
    margin: 0 auto;
  }
  .contents section .box.gsclub p {
    margin-bottom: 2.4rem;
  }
  .contents section .bubble {
    flex-wrap: wrap;
  }
  .contents section .bubble .block {
    width: 100%;
    padding: 1.6rem 1.5rem;
    margin-bottom: 4.6rem;
  }
  .contents section .bubble .img {
    width: 13.2rem;
    margin: 0 auto;
  }
  .contents section .bubble.right .block::after {
    left: 0;
    right: 0;
    bottom: -3.2rem;
    margin: auto;
    top: unset;
    transform: rotate(-90deg);
  }
  .contents section .bubble.left .block::after {
    left: 0;
    right: 0;
    bottom: -3.2rem;
    margin: auto;
    top: unset;
    transform: rotate(-90deg);
  }
  .contents section .bubble.left .img, .contents section .bubble.right .img {
    order: 2;
  }
  .contents section .bubble.left .block, .contents section .bubble.right .block {
    order: 1;
  }
  .contents section .news_list {
    width: 100%;
  }
  .contents section .news_list .change {
    margin-bottom: 2.4rem;
  }
  .contents section .news_list .change ul {
    gap: 2rem 1.6rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contents section .news_list .change li {
    width: calc(50% - 1rem);
  }
  .contents section .news_list .list li {
    padding: 1.6rem 0 1.5rem;
    position: relative;
    flex-wrap: wrap;
  }
  .contents section .news_list .list li::after {
    content: "";
    background: url(/assets/images/arrow3.svg) no-repeat;
    border-radius: 1.2rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    background-size: 100%;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.1rem;
    margin: auto;
  }
  .contents section .news_list .list li .date {
    width: 100%;
    margin-bottom: 1.4rem;
  }
  .contents section .news_list .list li .date p {
    line-height: 1;
  }
  .contents section .news_list .list li .tag {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin: 0;
  }
  .contents section .news_list .list li .tag > div {
    width: 12rem;
  }
  .contents section .news_list .list li .tag > div:last-child {
    margin: 0;
  }
  .contents section .news_list .list li .title {
    width: 100%;
    margin-top: 1.6rem;
  }
  .contents section .news_list .list li .title p a {
    padding-right: 3.9rem;
  }
  .contents section .news_list .list li .title p a::after {
    content: none;
  }
  .contents section .news_list .year_list {
    gap: 0 3rem;
  }
  .contents section .news_list .year_list li {
    width: calc((100% - 6rem) / 3);
  }
  .contents section .news_list .year_list li:nth-child(-n+3) {
    border-top: 1px solid rgb(221, 221, 221);
  }
  .contents section .news_list .year_list li:nth-child(4) {
    border-top: unset;
  }
}
@media screen and (max-width: 768px) and (max-width: 519px) {
  .contents section .news_list .year_list li {
    width: calc((100% - 3rem) / 2);
  }
  .contents section .news_list .year_list li:nth-child(-n+2) {
    border-top: 1px solid rgb(221, 221, 221);
  }
  .contents section .news_list .year_list li:nth-child(3) {
    border-top: unset;
  }
}
@media screen and (max-width: 768px) {
  .contents section .news_list2 {
    width: 100%;
  }
  .contents section .news_list2 li {
    padding: 1.6rem 0 1.5rem;
    position: relative;
    flex-wrap: wrap;
  }
  .contents section .news_list2 li::after {
    content: "";
    background: url(/assets/images/arrow3.svg) no-repeat;
    border-radius: 1.2rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    background-size: 100%;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.1rem;
    margin: auto;
  }
  .contents section .news_list2 li .date {
    width: 100%;
    margin-bottom: 1.4rem;
  }
  .contents section .news_list2 li .date p {
    line-height: 1;
  }
  .contents section .news_list2 li .title {
    width: 100%;
  }
  .contents section .news_list2 li .title p a {
    padding-right: 3.9rem;
  }
  .contents section .news_list2 li .title p a::after {
    content: none;
  }
  .contents section .column-left {
    float: none;
    width: 100%;
    margin-bottom: 4rem;
  }
  .contents section .column-right {
    float: none;
    width: 100%;
  }
  .contents section .column-right .banner > div {
    width: 25.5rem;
    margin: 0 auto 1rem;
  }
  .contents section .column-right.w240 {
    width: 100%;
  }
  .contents section .gsclub {
    flex-wrap: wrap;
  }
  .contents section .gsclub .left {
    width: 100%;
    max-width: 23.8rem;
    margin: 0 auto 2.4rem;
  }
  .contents section .gsclub .right {
    width: 100%;
  }
  .contents section .gsclub .right .title {
    padding: 1.2rem 0 1.5rem 1.5rem;
  }
  .contents section .gsclub .right .title h2 {
    font-size: 2.4rem;
  }
  .contents section .gsclub_news_list {
    padding: 2.4rem 0;
  }
  .contents section .gsclub_news_list a {
    align-items: flex-start;
  }
  .contents section .gsclub_news_list .left {
    display: inline;
  }
  .contents section .gsclub_news_list .left .name {
    display: inline;
  }
  .contents section .gsclub_news_list .left .name p {
    display: inline;
  }
  .contents section .gsclub_news_list .left .data {
    display: inline-block;
    margin-left: 0.5rem;
  }
  .contents section .gsclub_news_list .left .data .tag {
    display: inline-block;
    line-height: 1;
    text-align: center;
  }
  .contents section .gsclub_news_list .left .data .tag p {
    display: inline;
  }
  .contents section .gsclub_news_list .left .data .date {
    display: inline;
  }
  .contents section .gsclub_news_list .left .data .date p {
    display: inline;
  }
  .contents section .gsclub_news .title2 p {
    font-size: 2.4rem;
  }
  .contents section .border {
    display: none;
  }
  .contents section .block2 {
    display: flex;
    flex-wrap: wrap;
  }
  .contents section .block2 > div {
    width: 100%;
  }
  .contents section .block2 > div:first-child {
    margin-bottom: 4rem;
  }
  .contents section .flex {
    flex-wrap: wrap;
    gap: 0;
  }
  .contents section .flex .img-left, .contents section .flex .img-right {
    order: 2;
    width: 100%;
    flex: unset;
    margin-bottom: 0;
  }
  .contents section .flex .img-left.w30, .contents section .flex .img-right.w30 {
    flex: unset;
    width: 100%;
  }
  .contents section .flex .img-left.w30 img, .contents section .flex .img-right.w30 img {
    max-width: 30rem;
    width: 100%;
  }
  .contents section .flex .img-left.w18, .contents section .flex .img-right.w18 {
    flex: unset;
    width: 100%;
  }
  .contents section .flex .img-left.w18 img, .contents section .flex .img-right.w18 img {
    width: 18rem;
    margin: auto;
  }
  .contents section .flex.flex2 .img-left, .contents section .flex.flex2 .img-right {
    order: 1;
    margin-bottom: 4rem;
  }
  .contents section .flex.flex2 .text {
    order: 2;
  }
  .contents section .flex.flex2 p:last-child {
    margin-bottom: 0;
  }
  .contents section .flow {
    flex-wrap: wrap;
  }
  .contents section .flow > div {
    width: 100%;
    border-right: unset;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 2.95rem 0 2.85rem;
    justify-content: flex-start;
  }
  .contents section .flow > div:first-child {
    border-left: unset;
    border-top: 1px solid rgb(221, 221, 221);
  }
  .contents section .flow > div:first-child .number img {
    width: 3.6rem;
  }
  .contents section .flow > div:nth-child(2)::before {
    top: -0.9rem;
    bottom: unset;
    margin: auto;
    right: 0;
    transform: rotate(90deg);
  }
  .contents section .flow > div:nth-child(2) .number img {
    width: 4.1rem;
  }
  .contents section .flow > div:nth-child(2) .circle img {
    width: 4rem;
  }
  .contents section .flow > div:last-child::before {
    top: -0.9rem;
    bottom: unset;
    margin: auto;
    right: 0;
    transform: rotate(90deg);
  }
  .contents section .flow > div:last-child .number img {
    width: 4.1rem;
  }
  .contents section .flow > div:last-child .circle img {
    width: 4.8rem;
  }
  .contents section .flow .number img {
    margin: 0 0 1rem;
  }
  .contents section .flow .circle {
    width: 9rem;
    height: 9rem;
    border-radius: 4.5rem;
    margin: 0.35rem 1.6rem 0 0;
  }
  .contents section .flow .circle img {
    width: 4rem;
  }
  .contents section .flow p {
    line-height: 1.8;
    text-align: left;
    padding: 0;
  }
  .contents section .flow .right {
    width: calc(100% - 10.6rem);
  }
  .contents section .pagination__list {
    margin-bottom: 0;
    gap: 1.4rem;
  }
  .contents section .pagination__list li {
    line-height: 3.6rem;
    font-size: 1.4rem;
  }
  .contents section .pagination__list li a {
    border: 1px solid rgb(0, 132, 203);
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.4rem;
    border-radius: 1.8rem;
  }
  .contents section .pagination__list li.is-current {
    border-radius: 1.8rem;
    width: 3.6rem;
    height: 3.6rem;
  }
  .contents section .slider-content .slick-slide {
    width: 29.4rem !important;
  }
  .contents section .slider-content .slick-prev {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    left: 0rem;
  }
  .contents section .slider-content .slick-prev::before {
    width: 1rem;
    height: 1.7rem;
  }
  .contents section .slider-content .slick-next {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    right: 0rem;
  }
  .contents section .slider-content .slick-next::before {
    width: 1rem;
    height: 1.7rem;
  }
  .contents section .year .category {
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 6rem;
  }
  .contents section .year .category > div {
    width: 100%;
  }
  .contents section .year .category > div:first-of-type {
    background: rgb(254, 246, 230);
  }
  .contents section .year .category > div:first-of-type p::before {
    content: "";
    background: rgb(237, 162, 0);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.8rem;
    position: absolute;
    left: 2rem;
    top: 1.6rem;
  }
  .contents section .year .category > div:last-of-type {
    background: rgb(235, 249, 246);
  }
  .contents section .year .category > div:last-of-type p::before {
    content: "";
    background: rgb(0, 168, 143);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.8rem;
    position: absolute;
    left: 2rem;
    top: 1.6rem;
  }
  .contents section .year .category > div p {
    padding-left: 4.6rem;
    font-size: 1.5rem;
    color: rgb(17, 17, 17);
    text-align: left;
    position: relative;
  }
  .contents section .year .histories .history {
    flex-wrap: wrap;
  }
  .contents section .year .histories .history:first-of-type::before {
    top: 4rem;
    height: calc(100% - 4rem);
  }
  .contents section .year .histories .history:last-of-type::before {
    height: 0;
  }
  .contents section .year .histories .history::before {
    left: 3.6rem;
    right: unset;
  }
  .contents section .year .histories .history_year {
    left: 0;
    right: unset;
    width: 7.1rem;
    top: 0;
  }
  .contents section .year .histories .history_year p {
    font-size: 1.6rem;
  }
  .contents section .year .histories .history_left {
    width: 71.7514124294%;
    margin: 0 0 0 auto;
    padding: 1.6rem 5.7971014493%;
  }
  .contents section .year .histories .history_left p {
    font-size: 1.5rem;
  }
  .contents section .year .histories .history_left::before {
    top: 1.2rem;
    right: unset;
    left: -1.6rem;
    width: 1.6rem;
    height: 1.4rem;
    transform: scale(-1, -1);
  }
  .contents section .year .histories .history_left + .history_right {
    margin-top: 2rem;
  }
  .contents section .year .histories .history_left img + p {
    margin-top: 3rem;
  }
  .contents section .year .histories .history_right {
    width: 71.7514124294%;
    margin: 0 0 0 auto;
    padding: 1.6rem 5.7971014493%;
  }
  .contents section .year .histories .history_right p {
    font-size: 1.5rem;
  }
  .contents section .year .histories .history_right::before {
    top: 1.2rem;
    right: unset;
    left: -1.6rem;
    width: 1.6rem;
    height: 1.4rem;
  }
  .contents .gsclub_logo {
    flex-wrap: wrap;
    width: 92%;
  }
  .contents .gsclub_logo h1 {
    width: 100%;
  }
  .contents .gsclub_logo p {
    width: 100%;
    margin-top: 4rem;
  }
  .contents .gsclub_logo + section .inner {
    padding-top: 4rem;
  }
  .contents .gsclub h1 {
    width: 93.3333333333%;
    max-width: 56.4rem;
    margin-bottom: 4rem;
  }
  .contents .gsclub .top {
    width: 92%;
    flex-wrap: wrap;
  }
  .contents .gsclub .top .slide {
    width: 100%;
    margin-bottom: 6rem;
  }
  .contents .gsclub .top .right {
    width: 100%;
  }
  .contents .gsclub .top .right .title a {
    padding: 1.7rem 5.7971014493%;
    gap: 1.6rem;
  }
  .contents .gsclub .top .right .title a p {
    width: calc(100% - 9.6rem);
    font-size: 1.6rem;
  }
  .contents .gsclub section .inner {
    padding-top: 8rem;
    flex-wrap: wrap;
    width: 91.4666666667%;
    gap: 0;
  }
  .contents .gsclub section .mainblock {
    width: 100%;
    margin-bottom: 8rem;
  }
  .contents .gsclub section .mainblock h2 {
    font-size: 2.4rem;
  }
  .contents .gsclub section .mainblock h3 {
    margin-bottom: 2.1rem;
  }
  .contents .gsclub section .mainblock .anchor2 ul {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .contents .gsclub section .mainblock .anchor2 ul li {
    width: 100%;
    min-height: 8.6rem;
  }
  .contents .gsclub section .mainblock .anchor2 ul li a {
    padding: 1.3rem 3.8rem 1.3rem 1.6rem;
  }
  .contents .gsclub section .mainblock .anchor2 ul li a .icon {
    margin-right: 1.6rem;
  }
  .contents .gsclub section .mainblock .anchor2 ul li a p {
    font-size: 2rem;
  }
  .contents .gsclub section .mainblock .news a {
    align-items: flex-start;
  }
  .contents .gsclub section .mainblock .news .left {
    display: inline;
  }
  .contents .gsclub section .mainblock .news .left .name {
    display: inline;
  }
  .contents .gsclub section .mainblock .news .left .name p {
    display: inline;
  }
  .contents .gsclub section .mainblock .news .left .data {
    display: inline;
    margin-left: 0.5rem;
  }
  .contents .gsclub section .mainblock .news .left .data .tag {
    display: inline-block;
    line-height: 1;
    text-align: center;
  }
  .contents .gsclub section .mainblock .news .left .data .tag p {
    display: inline;
  }
  .contents .gsclub section .mainblock .news .left .data .date {
    display: inline;
  }
  .contents .gsclub section .mainblock .news .left .data .date p {
    display: inline;
  }
  .contents .gsclub section .mainblock .news + h2 {
    margin-top: 8rem;
  }
  .contents .gsclub section .mainblock .column2 {
    gap: 0;
  }
  .contents .gsclub section .mainblock .column2 > div {
    width: 100%;
  }
  .contents .gsclub section .mainblock .column2 > div:nth-of-type(2) {
    border-top: unset;
  }
  .contents .gsclub section .side {
    width: 100%;
  }
  .contents .gsclub section .sidetitle {
    padding: 1.4rem 0 1.6rem;
  }
  .contents .gsclub section .sidetitle p {
    font-size: 1.8rem;
    text-align: center;
    line-height: 1;
  }
  .contents .gsclub section .movie {
    width: 92%;
    margin-bottom: 6rem;
  }
  .contents .gsclub section .movie_list {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .contents .gsclub section .movie_list > div {
    width: 100%;
  }
  .contents .gsclub .list {
    width: 92%;
    flex-wrap: wrap;
    gap: 1.6rem;
    max-width: 594px;
  }
  .contents .gsclub .list > div {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */