@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;

500&family=Zen+Maru+Gothic:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);@charset "UTF-8";

/* import
-------------------------------------------------------- */






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

ol,
ul {
  list-style: none;
}

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

/* root
-------------------------------------------------------- */

body,
html {
  margin: 0;
}

html {
  font-size: 10px;
}

body {
  position: relative;
  color: #2F2F2F;
  font-family: "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-style: normal;
  word-break: break-all;
  letter-spacing: 0.2px;
}

img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  max-width: 100%;
}

img[src$=".svg"] {
  width: 100%;
  height: auto;
}

/* sp */

@media screen and (max-width: 639px) {
  body,
  html {
    overflow-x: hidden;
  }

  html {
    font-size: 7.5pt;
  }

  body {
    font-size: 1.4rem;
    -webkit-overflow-scrolling: touch;
  }

  img:not([width]) {
    height: auto;
    max-width: 100%;
  }
}

/* pc */

@media screen and (min-width: 960px) {
  body {
    margin: 0 auto;
    font-size: 1.6rem;
    min-width: 960px;
  }
}

/* ipad */

@media screen and (min-width: 640px) and (max-width: 959px) {
  body {
    font-size: 1.5rem;
  }
}

/* link
-------------------------------------------------------- */

a {
  color: #fff;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  text-decoration: none;
  opacity: 0.6;
}

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

.clearfix:after {
  clear: both;
}

.header {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
}

@media screen and (max-width: 639px) {
  .header {
    align-items: center;
    padding: 1.6rem 1.6rem 2.4rem;
  }
}

@media screen and (min-width: 960px) {
  .header {
    align-items: flex-end;
    padding: 0 0 7rem 6.5rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header {
    align-items: flex-end;
    padding: 0 0 5rem 2.5rem;
  }
}

@media screen and (min-width: 639px) and (max-width: 1090px) {
  .header {
    padding: 0 0 5rem 1.5rem;
  }
}

.header .h-left .logo {
  position: relative;
}

@media screen and (min-width: 960px) {
  .header .h-left .logo {
    z-index: 11;
    padding-top: 6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-left .logo {
    padding-top: 2rem;
  }
}

.header .h-left .logo a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.header .h-left .logo a > img {
  flex: 0 0 13rem;
  width: 13rem;
  margin: 0;
}

@media (max-width: 1019.98px) {
  .header .h-left .logo a {
    flex-direction: column;
    justify-content: flex-start;
  }

  .header .h-left .logo a > img {
    flex: 0 0 auto;
    width: 13rem;
  }
}

@media (max-width: 639.98px) {
  .header .h-left .logo a {
    flex-direction: row;
  }

  .header .h-left .logo a > img {
    flex: 0 0 12rem;
    width: 12rem;
  }
}

.header .h-left .logo .logo-text {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: bold;
  margin-left: 0.5rem;
  font-size: clamp(1.8rem, 1.7647058824vw, 2.2rem);
  margin-bottom: 4px;
}

.header .h-left .logo .logo-text > span:nth-child(odd) {
  color: #F2B3A0;
}

.header .h-left .logo .logo-text > span:nth-child(even) {
  color: #F4BE76;
}

.header .h-right {
  display: flex;
}

@media screen and (min-width: 960px) {
  .header .h-right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 75%;
  }
}

.header .h-right .menu-blk {
  position: relative;
}

.header .h-right .menu-blk .head-info {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #404040;
  border-top: none;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  border-radius: 0 0 8px 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info {
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk .head-info {
    margin-right: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info li {
    width: 89px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk .head-info li {
    width: 20%;
  }
}

.header .h-right .menu-blk .head-info li:not(:last-child) {
  border-right: 1px solid #878787;
}

.header .h-right .menu-blk .head-info li a {
  display: inline-block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-weight: 700;
  text-align: center;
  transition: ease 0.6s;
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info li a {
    padding: 1.6rem 0;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk .head-info li a {
    padding: 1.2rem 0;
    font-size: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info li a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #EBFFFB;
    content: "";
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info li a:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}

.header .h-right .menu-blk .head-info li a:hover,
.header .h-right .menu-blk .head-info li a:active,
.header .h-right .menu-blk .head-info li a:focus {
  opacity: 1;
}

.header .h-right .menu-blk .head-info li a .info-icon {
  display: block;
  margin: 0 auto 1rem;
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info li a .info-icon {
    max-width: 28px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk .head-info li a .info-icon {
    max-width: 25px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk .head-info li a .info-icon img {
    width: 25px;
    height: 25px;
  }
}

.header .h-right .menu-blk .head-info a {
  color: #878787;
}

.header .h-right .menu-blk .head-info.few-items li {
  width: 25%;
}

@media screen and (min-width: 960px) {
  .header .h-right .menu-blk .head-info.few-items li {
    width: 89px;
  }
}

.header .h-right .menu-blk .balloon {
  position: absolute;
  right: 0;
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .menu-blk {
    width: 70%;
  }
}

.header .h-right .consultation-blk {
  color: #000;
  font-size: 1.2rem;
  border-right: none;
}

@media screen and (max-width: 639px) {
  .header .h-right .consultation-blk {
    width: 142px;
    padding: 1.6rem 0.5rem;
    border-radius: 8px;
  }
}

@media screen and (min-width: 960px) {
  .header .h-right .consultation-blk {
    border-top: none;
    width: 240px;
    font-size: 1.2rem;
    border-radius: 0px 0px 0px 8px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .consultation-blk {
    border-top: none;
    width: 30%;
    font-size: 1rem;
    border-radius: 0px 0px 0px 8px;
    letter-spacing: -1px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .header .h-right .consultation-blk .s-sp {
    display: none;
  }
}

.header .h-right .consultation-blk .consultation-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 83px;
  height: 19px;
  margin: 0 auto 1.5rem;
  background: #fff;
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 100px;
}

.header .h-bottom {
  min-width: 0;
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
}

.header .h-bottom .breadcrumb {
  flex: 1 1 calc(100% - 170px);
  min-width: 0;
}

.header .h-bottom .breadcrumb .breadcrumb-list li span,
.header .h-bottom .breadcrumb .breadcrumb-list li a {
  display: block;
}

.header .h-bottom .breadcrumb .breadcrumb-list li:last-of-type {
  overflow-x: hidden;
}

.header .h-bottom .breadcrumb .breadcrumb-list li:last-of-type span,
.header .h-bottom .breadcrumb .breadcrumb-list li:last-of-type a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.header .h-bottom .company-text {
  flex: 0 0 170px;
  min-width: 0;
}

.company-text {
  text-align: right;
  padding: 10px 5px;
  font-size: 12px;
  white-space: nowrap;
}

.company-text a {
  color: #2F2F2F;
}

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

.menu-bar .nav-icon {
  position: absolute;
  left: 50%;
  height: 12px;
  transform: translateX(-50%);
}

@media screen and (max-width: 639px) {
  .menu-bar .nav-icon {
    width: 20px;
    top: 28%;
  }
}

@media screen and (min-width: 960px) {
  .menu-bar .nav-icon {
    width: 24px;
    top: 28%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-bar .nav-icon {
    width: 24px;
    top: 22%;
  }
}

.menu-bar .nav-icon .line {
  position: absolute;
  background: #A5A5A5;
  transition: all 0.3s ease-out;
  border-radius: 10px;
}

@media screen and (max-width: 639px) {
  .menu-bar .nav-icon .line {
    width: 20px;
    height: 1.5px;
  }
}

@media screen and (min-width: 960px) {
  .menu-bar .nav-icon .line {
    width: 23px;
    height: 2px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-bar .nav-icon .line {
    width: 23px;
    height: 2px;
  }
}

.menu-bar .nav-icon .line-01 {
  top: 0;
}

.menu-bar .nav-icon .line-02 {
  top: 6px;
}

.menu-bar .nav-icon .line-03 {
  top: 12px;
}

@media screen and (max-width: 639px) {
  .menu-bar .menu-txt {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 960px) {
  .menu-bar .menu-txt {
    padding-top: 43%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-bar .menu-txt {
    padding-top: 36%;
  }
}

.menu-bar.menu-active .nav-icon .line {
  top: 5px;
}

.menu-bar.menu-active .nav-icon .line-01 {
  transform: rotate(45deg);
}

.menu-bar.menu-active .nav-icon .line-02 {
  opacity: 0;
}

.menu-bar.menu-active .nav-icon .line-03 {
  transform: rotate(135deg);
}

.menu-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 639px) {
  .menu-box {
    height: 100vh;
    padding: 3.2rem 0 10rem;
    overflow-y: scroll;
  }
}

@media screen and (min-width: 960px) {
  .menu-box {
    height: auto;
    padding: 17.7rem 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-box {
    padding: 15rem 0 8rem;
  }
}

.menu-box .menu-box-in {
  display: flex;
}

@media screen and (max-width: 639px) {
  .menu-box .menu-box-in {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 960px) {
  .menu-box .menu-box-in {
    justify-content: space-around;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-box .menu-box-in {
    justify-content: space-around;
  }
}

.menu-box .menu-box-in .btn-list {
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  .menu-box .menu-box-in .btn-list {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .menu-box .menu-box-in .btn-list {
    width: 30%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .menu-box .menu-box-in .btn-list {
    width: 29%;
  }
}

@media screen and (max-width: 639px) {
  .menu-box .menu-box-in .btn-list:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.menu-box .menu-box-in .btn-list .menu-ttl {
  width: 100%;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #404040;
}

.menu-box .menu-box-in .btn-list .menu-btn {
  height: 44px;
  color: #000;
  font-size: 1.2rem;
  max-width: 100%;
}

.pagetop {
  position: absolute;
  z-index: 5;
  border: 1px solid #404040;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  background-color: #FFEBEB;
  transition: 1s background-color;
  -webkit-transition: 1s background-color;
  -moz-transition: 1s background-color;
  border-radius: 4px;
}

@media screen and (max-width: 639px) {
  .pagetop {
    right: 16px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .pagetop {
    right: 24px;
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pagetop {
    right: 24px;
    width: 28px;
    height: 28px;
  }
}

.pagetop .scroll-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.pagetop .scroll-img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/images/up_arrow_icon.png?2d640329c417623048707d5c0384ad9b) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
  transition: all 0.6s;
}

@media screen and (max-width: 639px) {
  .pagetop .scroll-img::before {
    width: 8px;
    height: 9px;
  }
}

@media screen and (min-width: 960px) {
  .pagetop .scroll-img::before {
    width: 11px;
    height: 12px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pagetop .scroll-img::before {
    width: 10px;
    height: 11px;
  }
}

@media screen and (min-width: 960px) {
  .pagetop:hover {
    background-color: #F9FFD4;
    opacity: 1;
  }
}

.footer {
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 108.44%);
  border-top: 2px solid #404040;
}

@media screen and (max-width: 639px) {
  .footer {
    margin-bottom: 7.3rem;
    padding: 3.2rem 0 2.4rem;
  }
}

@media screen and (min-width: 960px) {
  .footer {
    padding: 4rem 0 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer {
    padding: 4rem 0 2.4rem;
  }
}

.footer .ft-row {
  display: flex;
  position: relative;
}

@media screen and (max-width: 639px) {
  .footer .ft-row {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 960px) {
  .footer .ft-row .ft-left {
    width: 30%;
  }
}

@media screen and (max-width: 639px) {
  .footer .ft-row .ft-left .logo-gp {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row .ft-left .logo-gp {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
  }
}

.footer .ft-row .ft-left .logo-gp .ft-txt {
  font-size: 1.2rem;
  font-weight: 500;
}

.footer .ft-row .ft-left .logo-gp .ft-logo {
  width: 100%;
  margin: 1.2rem 0 2.4rem;
}

.footer .ft-row .ft-left .logo-gp .ft-logo a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.footer .ft-row .ft-left .logo-gp .ft-logo a > img {
  flex: 0 0 13rem;
  width: 13rem;
  margin: 0;
}

@media (max-width: 959.98px) {
  .footer .ft-row .ft-left .logo-gp .ft-logo a {
    justify-content: center;
  }
}

.footer .ft-row .ft-left .logo-gp .ft-logo a .logo-text {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: bold;
  margin-left: 0.5rem;
  font-size: clamp(1.8rem, 2.1568627451vw, 2.2rem);
  margin-bottom: 4px;
}

.footer .ft-row .ft-left .logo-gp .ft-logo a .logo-text > span:nth-child(odd) {
  color: #F2B3A0;
}

.footer .ft-row .ft-left .logo-gp .ft-logo a .logo-text > span:nth-child(even) {
  color: #F4BE76;
}

.footer .ft-row .ft-left .ft-link-gp li {
  margin-bottom: 0.5rem;
}

.footer .ft-row .ft-left .ft-link-gp li .ft-link {
  display: inline-block;
  position: relative;
  padding-right: 1.8rem;
  color: #2F2F2F;
  font-size: 1.2rem;
  font-weight: 700;
}

.footer .ft-row .ft-left .ft-link-gp li .ft-link::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 8.8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
  transition: all 0.4s;
}

.footer .ft-row .ft-left .ft-link-gp li .ft-link:hover {
  opacity: 1;
}

.footer .ft-row .ft-left .ft-link-gp li .ft-link:hover::after {
  right: -15px;
}

.footer .ft-row .ft-left .license-container {
  padding-top: 50px;
}

.footer .ft-row .ft-left .license-container .license-img {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  width: 60px;
}

.footer .ft-row .ft-left .license-container .license-txt {
  padding-bottom: 10px;
  font-size: 10px;
}

@media screen and (max-width: 639px) {
  .footer .ft-row .ft-right {
    margin-top: 25%;
  }
}

@media screen and (min-width: 960px) {
  .footer .ft-row .ft-right {
    display: flex;
    width: 70%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row .ft-right {
    margin-top: 15%;
  }
}

.footer .ft-row .ft-right .nurse-txt {
  line-height: 1;
  font-size: 2.4rem;
  font-weight: 400;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .footer .ft-row .ft-right .nurse-txt {
    margin-bottom: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .footer .ft-row .ft-right .nurse-txt {
    width: 45%;
    max-width: 112px;
    min-width: 112px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row .ft-right .nurse-txt {
    margin-bottom: 2rem;
  }
}

.footer .ft-row .ft-right .nurse-txt span {
  margin-right: 0.4rem;
  font-size: 1.6rem;
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-ttl {
  font-size: 1.4rem;
  font-weight: 700;
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-sub-ttl {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0.8rem 0 -0.8rem;
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-sub-ttl::before {
  content: "#";
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem 0 2.4rem;
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-list li {
  position: relative;
}

@media screen and (max-width: 639px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li {
    padding-right: 1.3rem;
  }
}

@media screen and (min-width: 960px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li {
    padding-right: 1.3rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li {
    padding-right: 1rem;
  }
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-list li a {
  color: #2F2F2F;
  font-size: 1.2rem;
  letter-spacing: 0;
}

.footer .ft-row .ft-right .ft-nav .nav-item .nav-list li:not(:last-child)::after {
  position: absolute;
  top: 1px;
  content: "\FF0F";
}

@media screen and (max-width: 639px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li:not(:last-child)::after {
    right: -1px;
  }
}

@media screen and (min-width: 960px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li:not(:last-child)::after {
    right: -3px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row .ft-right .ft-nav .nav-item .nav-list li:not(:last-child)::after {
    right: 0px;
  }
}

.footer .ft-row .ft-right .ft-nav .nav-sub-item .nav-list {
  padding-left: 0.5em;
}

.footer .ft-row .ft-right .ft-nav .nav-sub-item:not(:last-child) .nav-list {
  margin-bottom: 0.8rem;
}

@media screen and (max-width: 639px) {
  .footer .ft-row.only-left .ft-left {
    margin-top: 25%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .ft-row.only-left .ft-left {
    margin-top: 25%;
  }
}

.footer .copyright {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  font-family: "Lato", sans-serif;
}

@media screen and (max-width: 639px) {
  .footer .copyright {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 960px) {
  .footer .copyright {
    margin-top: 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .footer .copyright {
    margin-top: 4rem;
  }
}

.gnav-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
  background: #fff;
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .gnav-menu {
    display: none;
  }
}

.gnav-menu .gnav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-around;
}

.gnav-menu .gnav-list li {
  width: 20%;
}

.gnav-menu .gnav-list li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 1.2rem 0;
  box-sizing: border-box;
  color: #878787;
  font-size: 1.1rem;
  text-align: center;
}

.gnav-menu .gnav-list li a:hover,
.gnav-menu .gnav-list li a:active,
.gnav-menu .gnav-list li a:focus {
  opacity: 1;
}

.gnav-menu .gnav-list li a .info-icon {
  display: block;
  margin: 0 auto 0.8rem;
  max-width: 24px;
}

@media screen and (min-width: 960px) {
  .detail-page .footer {
    margin-bottom: 8.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .detail-page .footer {
    margin-bottom: 7rem;
  }
}

@media screen and (max-width: 639px) {
  .detail-page .gnav-menu {
    display: none;
  }
}

.detail-page .ft-btn-list {
  display: flex;
  justify-content: center;
  box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
  background: #fff;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}

@media screen and (max-width: 639px) {
  .detail-page .ft-btn-list {
    padding: 1.5rem 0.8rem;
  }
}

@media screen and (min-width: 960px) {
  .detail-page .ft-btn-list {
    padding: 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .detail-page .ft-btn-list {
    padding: 1rem;
  }
}

.detail-page .ft-btn-list .btn {
  margin-top: 0;
}

@media screen and (max-width: 639px) {
  .detail-page .ft-btn-list .btn {
    justify-content: center;
    width: 48%;
    height: 44px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .detail-page .ft-btn-list .btn {
    justify-content: center;
    width: 33%;
    height: 50px;
    margin: 0;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 639px) {
  .detail-page .ft-btn-list .btn .btn-arrow {
    display: none;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .detail-page .ft-btn-list .btn .btn-arrow {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .detail-page .ft-btn-list .btn-theme4 {
    margin-left: 0.7rem;
  }
}

@media screen and (min-width: 960px) {
  .detail-page .ft-btn-list .btn-theme4 {
    margin-left: 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .detail-page .ft-btn-list .btn-theme4 {
    margin-left: 1.2rem;
  }
}

.breadcrumb {
  box-sizing: border-box;
  font-size: 1rem;
}

.breadcrumb .breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem 0;
  white-space: nowrap;
  /*
      @include mq(sp) {

        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

        &::-webkit-scrollbar {
          display: none;
        }
      }
  */
}

.breadcrumb .breadcrumb-list li {
  position: relative;
  padding: 0 1.1rem 0 2rem;
}

.breadcrumb .breadcrumb-list li::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 9px;
  height: 8.8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}

.breadcrumb .breadcrumb-list li a {
  color: #2F2F2F;
  text-decoration: underline;
}

.breadcrumb .breadcrumb-list li a:hover {
  text-decoration: none;
}

.breadcrumb .breadcrumb-list li:first-child {
  padding-left: 0;
}

.breadcrumb .breadcrumb-list li:first-child:after {
  display: none;
}

.breadcrumb .breadcrumb-list li:last-child {
  /*
          @include mq() {
            white-space: nowrap;
            overflow-x: scroll;
            -ms-overflow-style: none;
            scrollbar-width: none;
          }
  */
}

@media screen and (max-width: 639px) {
  .breadcrumb .breadcrumb-list li:last-child {
    width: 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .breadcrumb .breadcrumb-list li:last-child {
    width: 100%;
  }
}

.breadcrumb .breadcrumb-list li:last-child::-webkit-scrollbar {
  display: none;
}

.breadcrumb .breadcrumb-list li:last-child span {
  display: inline-block;
  font-weight: 700;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
}

@media screen and (max-width: 375px) {
  .pagination .page-numbers.iphone5-none {
    display: none;
  }
}

.pagination .nav-link {
  display: flex;
  box-sizing: border-box;
  text-align: center;
}

.pagination .nav-link span,
.pagination .nav-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 0.4rem;
  box-sizing: border-box;
  color: #2F2F2F;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  font-family: "Lato", sans-serif;
}

.pagination .nav-link span:not(.dot):hover,
.pagination .nav-link span.current,
.pagination .nav-link a:not(.dot):hover,
.pagination .nav-link a.current {
  color: #2F2F2F;
}

.pagination .nav-link a:not(.dot) {
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: #fff;
  border-radius: 50%;
}

.pagination .nav-link span:not(.dot) {
  background: #EBFFFB;
  border-radius: 50%;
}

.pagination .nav-link .prev,
.pagination .nav-link .next {
  position: relative;
}

.pagination .nav-link .prev::before,
.pagination .nav-link .next::before {
  position: absolute;
  width: 14px;
  height: 14px;
  content: "";
}

.pagination .nav-link .prev {
  margin-right: 1rem;
}

.pagination .nav-link .next {
  margin-left: 1rem;
}

.pagination .nav-link .dot {
  display: block;
  margin-top: 0.2rem;
}

.pagination .nav-link a.prev,
.pagination .nav-link a.next {
  background: #F9FFD5 !important;
}

.pagination .nav-link span.prev,
.pagination .nav-link span.next {
  background: #EDEDED !important;
}

.pagination .nav-link span.prev::before {
  background: url(/images/gray_icon.png?26ee58ea8da94d47da0db5f0b474a009) no-repeat center;
  background-size: contain;
}

.pagination .nav-link span.next::before {
  background: url(/images/gray_icon.png?26ee58ea8da94d47da0db5f0b474a009) no-repeat center;
  background-size: contain;
  transform: rotate(-180deg);
}

.pagination .nav-link a.prev::before {
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  transform: rotate(-180deg);
}

.pagination .nav-link a.next::before {
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
}

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

@media screen and (min-width: 960px) {
  .s-pc {
    display: block;
  }
}

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

@media screen and (min-width: 960px) {
  .s-sp {
    display: none;
  }
}

.container {
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .container {
    width: 90%;
    max-width: 1200px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .container {
    width: 70%;
    max-width: 640px;
  }
}

.inner {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .inner {
    width: 92%;
  }
}

@media screen and (min-width: 960px) {
  .inner {
    width: 90%;
    max-width: 1200px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .inner {
    width: 70%;
    max-width: 640px;
  }
}

.w-960 {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .w-960 {
    width: 95%;
  }
}

@media screen and (min-width: 960px) {
  .w-960 {
    width: 80%;
    max-width: 960px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .w-960 {
    width: 70%;
    max-width: 640px;
  }
}

.w-640 {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .w-640 {
    width: 93%;
  }
}

@media screen and (min-width: 960px) {
  .w-640 {
    width: 60%;
    max-width: 640px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .w-640 {
    width: 90%;
    max-width: 640px;
  }
}

@media screen and (max-width: 639px) {
  .sec {
    margin-bottom: 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .sec {
    margin-bottom: 12rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sec {
    margin-bottom: 10rem;
  }
}

.ttl {
  position: relative;
  font-weight: 500;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .ttl {
    margin-bottom: 3.2rem;
    padding-bottom: 1.6rem;
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .ttl {
    margin-bottom: 6.4rem;
    padding-bottom: 2.4rem;
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .ttl {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    font-size: 2.4rem;
  }
}

.ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  background: #404040;
  content: "";
  transform: translateX(-50%);
  border-radius: 100px;
}

@media screen and (max-width: 639px) {
  .ttl::after {
    width: 53%;
    max-width: 194px;
  }
}

@media screen and (min-width: 960px) {
  .ttl::after {
    width: 30%;
    max-width: 400px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .ttl::after {
    width: 30%;
    max-width: 350px;
  }
}

.ttl.ttl-theme2 {
  margin-bottom: 0;
}

.ttl.ttl-theme2::after {
  left: 0;
  width: 100%;
  transform: unset;
  max-width: 100%;
  border-radius: 0px;
}

.bg-theme {
  position: relative;
}

.bg-theme::before {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
}

@media screen and (max-width: 639px) {
  .bg-theme::before {
    height: 244px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme::before {
    height: 520px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme::before {
    height: 380px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.header-bg::before {
    height: 143px;
    background: url(/images/header_bg_sp.png?ca3310b9a887e102f1a10d0bdfb3c800) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.header-bg::before {
    height: 460px;
    background: url(/images/header_bg_pc.png?f3222e39ee8dcac1dde1b62debe12b71) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.header-bg::before {
    height: 380px;
    background: url(/images/green_bg_pc.png?6177e4ed3f9179afeab4252754959e18) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.green-bg::before {
    background: url(/images/green_bg_sp.png?40b487f13799d1f9d0d1bb9a631edeea) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.green-bg::before {
    background: url(/images/green_bg_pc.png?6177e4ed3f9179afeab4252754959e18) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.green-bg::before {
    background: url(/images/green_bg_pc.png?6177e4ed3f9179afeab4252754959e18) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.pink-bg::before {
    background: url(/images/pink_bg_sp.png?802d5e11a210c7cad6c1e29a6e418ed5) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.pink-bg::before {
    background: url(/images/pink_bg_pc.png?5c97c626a8031614e5df612f6afca742) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.pink-bg::before {
    background: url(/images/pink_bg_pc.png?5c97c626a8031614e5df612f6afca742) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.yellow-bg::before {
    background: url(/images/bg_yellow_sp.png?63d73142f4f87383f39136a50faa2877) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.yellow-bg::before {
    background: url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.yellow-bg::before {
    background: url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.purple-bg::before {
    background: url(/images/purple_bg_sp.png?7711c9f1b66558170cf4258a6a8d32b7) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.purple-bg::before {
    background: url(/images/purple_bg_pc.png?83b71c8d1985c727e7d7c32018017954) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.purple-bg::before {
    background: url(/images/purple_bg_pc.png?83b71c8d1985c727e7d7c32018017954) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.industry-bg-yellow::before {
    background: url(/images/bg_yellow_sp.png?63d73142f4f87383f39136a50faa2877) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.industry-bg-yellow::before {
    background: url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.industry-bg-yellow::before {
    background: url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.industry-bg-blue::before {
    background: url(/images/bg_blue_sp.png?d0e71fd9cc8f245e415f5ba46295564f) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.industry-bg-blue::before {
    background: url(/images/bg_blue_pc.png?53920614591a382604e253b7ec12f5c9) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.industry-bg-blue::before {
    background: url(/images/bg_blue_pc.png?53920614591a382604e253b7ec12f5c9) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.industry-bg-green::before {
    background: url(/images/bg_green_sp.png?6a04b28ea98d5c6a143e831207e3254a) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.industry-bg-green::before {
    background: url(/images/bg_green_pc.png?cf314730b605d97cebbe928157489950) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.industry-bg-green::before {
    background: url(/images/bg_green_pc.png?cf314730b605d97cebbe928157489950) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.industry-bg-pink::before {
    background: url(/images/bg_pink_sp.png?582a5c35667addcbe1098950cce1db1f) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.industry-bg-pink::before {
    background: url(/images/bg_pink_pc.png?6716444a682bdf3da99aff309358c935) center no-repeat;
    background-size: 100% 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.industry-bg-pink::before {
    background: url(/images/bg_pink_pc.png?6716444a682bdf3da99aff309358c935) center no-repeat;
    background-size: 100% 100%;
  }
}

.bg-theme.bg-theme1::before {
  top: 0;
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme2::before {
    top: 40px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme2::before {
    top: -160px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme2::before {
    top: -160px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme3::before {
    bottom: -85px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme3::before {
    top: -200px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme3::before {
    top: -220px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme4::before {
    top: -50px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme4::before {
    top: -300px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme4::before {
    top: -180px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme5::before {
    top: -60px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme5::before {
    top: -210px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme5::before {
    top: -200px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme6::before {
    top: -105px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme6::before {
    top: -240px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme6::before {
    top: -215px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme7::before {
    top: -80px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme7::before {
    top: -30px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme7::before {
    top: -70px;
  }
}

@media screen and (max-width: 639px) {
  .bg-theme.bg-theme8::before {
    top: 220px;
  }
}

@media screen and (min-width: 960px) {
  .bg-theme.bg-theme8::before {
    top: -15px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .bg-theme.bg-theme8::before {
    top: 100px;
  }
}

.btn {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  overflow: hidden;
  margin: 4.8rem 0 0;
  padding: 0 2rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transition: ease 0.2s;
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  cursor: pointer;
  font-family: "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 639px) {
  .btn {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .btn {
    width: 343px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .btn {
    width: 100%;
    margin: 4.8rem auto 0;
    max-width: 640px;
  }
}

.btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.btn span {
  color: #2F2F2F;
}

@media screen and (min-width: 960px) {
  .btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #FFEBEB;
    content: "";
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
}

@media screen and (min-width: 960px) {
  .btn:hover {
    opacity: 1;
  }
}

@media screen and (min-width: 960px) {
  .btn:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}

.btn .btn-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  border-radius: 50%;
}

.btn .btn-arrow::before {
  position: absolute;
  width: 9px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
}

.btn .close-btn {
  position: relative;
  background: #F9FFD5;
  cursor: pointer;
}

.btn .close-btn::before {
  background: url(/images/close_icon.png?c383df3c74da7344a688bfdb8beab2fa) no-repeat center;
  background-size: contain;
}

@media screen and (min-width: 960px) {
  .btn:hover .btn-arrow {
    background: #fff;
  }
}

.btn.btn-theme1 {
  margin: 4.8rem auto 0;
}

@media screen and (max-width: 639px) {
  .btn.btn-theme2 {
    width: 95%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .btn.btn-theme2 {
    width: 95%;
  }
}

.btn.btn-theme3 {
  background: linear-gradient(85.35deg, #FFF2EE 16.37%, #FAEEFF 86.9%);
}

@media screen and (min-width: 960px) {
  .btn.btn-theme3::before {
    background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 86.9%);
  }
}

.btn.btn-theme4 {
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 86.9%);
}

@media screen and (min-width: 960px) {
  .btn.btn-theme4::before {
    background: linear-gradient(85.35deg, #FFF2EE 16.37%, #FAEEFF 86.9%);
  }
}

.btn.back-btn {
  margin-top: 1.6rem;
}

@media screen and (min-width: 960px) {
  .btn.back-btn::before {
    right: 0;
    transform-origin: left top;
  }
}

.btn.back-btn .btn-arrow::before {
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  transform: rotate(-180deg);
}

@media screen and (min-width: 960px) {
  .btn.back-btn:hover::before {
    transform-origin: right top;
  }
}

.btn.mt-top {
  margin-top: 0.8rem;
}

.submit-btn {
  position: relative;
  padding: 0;
}

.submit-btn small {
  display: block;
  font-size: 11px;
}

.submit-btn input[type=submit],
.submit-btn button {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  border: none;
  background: none;
  color: #2f2f2f;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  font-family: "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.submit-btn .btn-arrow {
  position: absolute;
  right: 20px;
}

.btn01 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: linear-gradient(85.35deg, #FFF2EE 16.37%, #FAEEFF 86.9%);
  font-weight: 700;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transition: ease 0.6s;
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

@media screen and (min-width: 960px) {
  .btn01::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 86.9%);
    content: "";
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
}

.btn01:hover {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .btn01:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}

.btn-item {
  margin-bottom: 1.6rem;
}

.btn-item a {
  display: inline-block;
  position: relative;
  line-height: 1;
  padding-right: 4rem;
  color: #2F2F2F;
}

.btn-item a .icon-row {
  display: flex;
  align-items: center;
}

.btn-item a .icon-row .btn-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  margin-left: 1.6rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  transform: translateY(-50%);
  transition: all 0.25s;
  border-radius: 50%;
}

.btn-item a .icon-row .btn-icon span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.btn-item a .icon-row .btn-icon span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.btn-item a .icon-row .btn-icon.down-icon span::before {
  background: url(/images/down_arrow_icon.png?8706cb2979489dbfdf3171396486765f) no-repeat center;
  background-size: contain;
}

.btn-item a .icon-row .btn-icon.sns-icon {
  background: #fff;
}

.btn-item a .icon-row .btn-icon.sns-icon span::before {
  background: url(/images/sns_icon.png?ecbb4a92e5ad0aca13fc7edbb188048e) no-repeat center;
  background-size: contain;
}

.btn-item a.sort-active .icon-row .btn-icon {
  background: #F9FFD5;
}

.btn-item a.sort-active .icon-row .btn-icon span::before {
  background: url(/images/close_icon.png?c383df3c74da7344a688bfdb8beab2fa) no-repeat center;
  background-size: contain;
}

.btn-item a:hover,
.btn-item a:focus,
.btn-item a:active {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .btn-item a:hover .btn-icon {
    right: -15px;
  }
}

@media screen and (min-width: 960px) {
  .btn-item a:hover .down-icon {
    top: 90%;
    right: 0;
  }
}

.btn-item.txt-right {
  margin-bottom: 2.4rem;
  font-weight: 700;
  text-align: right;
}

.cmn-txt {
  line-height: 1.6;
  font-weight: 500;
}

@media screen and (max-width: 639px) {
  .cmn-txt {
    width: 95%;
    margin: 3.2rem auto 2.4rem;
    font-size: 1.4rem;
    text-align: left;
  }
}

@media screen and (min-width: 960px) {
  .cmn-txt {
    margin: 6.5rem 0 3.2rem;
    font-size: 1.6rem;
    text-align: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .cmn-txt {
    margin: 5rem 0 3.2rem;
    font-size: 1.5rem;
    text-align: center;
  }
}

.content-ttl {
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  .content-ttl {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .content-ttl {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .content-ttl {
    margin-bottom: 1.8rem;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 639px) {
  .content-txt {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 960px) {
  .content-txt {
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .content-txt {
    margin-bottom: 3rem;
    font-size: 1.5rem;
  }
}

.slick-prev,
.slick-next {
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: #F9FFD5;
  transition: all 1s;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .slick-prev,
  .slick-next {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 960px) {
  .slick-prev,
  .slick-next {
    width: 56px;
    height: 56px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .slick-prev,
  .slick-next {
    width: 45px;
    height: 45px;
  }
}

@media screen and (max-width: 639px) {
  .slick-prev,
  .slick-next {
    bottom: -10px;
  }
}

.slick-prev::after,
.slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  text-align: center;
  content: "";
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 639px) {
  .slick-prev::after,
  .slick-next::after {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 960px) {
  .slick-prev::after,
  .slick-next::after {
    width: 24px;
    height: 25px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .slick-prev::after,
  .slick-next::after {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 960px) {
  .slick-prev:hover,
  .slick-next:hover {
    background: #FFEBEB;
  }
}

@media screen and (max-width: 639px) {
  .slick-prev::after {
    background: url(/images/prev_btn_sp.png?82e10f26a258ebeb7702c7a6dc54a48c) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .slick-prev::after {
    background: url(/images/prev_btn_pc.png?57855afe31ae6c7ecfe3573be1bc1f17) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .slick-prev::after {
    background: url(/images/prev_btn_sp.png?82e10f26a258ebeb7702c7a6dc54a48c) no-repeat center;
    background-size: contain;
  }
}

@media screen and (max-width: 639px) {
  .slick-next::after {
    background: url(/images/next_btn_sp.png?5012eb910bb7892a54621b8975f416e3) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .slick-next::after {
    background: url(/images/next_btn_pc.png?c9b152665602dade92a1b71cca3dab44) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .slick-next::after {
    background: url(/images/next_btn_sp.png?5012eb910bb7892a54621b8975f416e3) no-repeat center;
    background-size: contain;
  }
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.tag-list .tag-list-label {
  line-height: 1;
  margin: 0 0.8rem 0.8rem 0;
}

.tag-list .tag-list-label a,
.tag-list .tag-list-label span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1.4;
  overflow: hidden;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  color: #2F2F2F;
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transition: ease 0.2s;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

@media screen and (max-width: 639px) {
  .tag-list .tag-list-label a,
  .tag-list .tag-list-label span {
    padding: 0.6rem 1.2rem 0.5rem 1rem;
  }
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label a,
  .tag-list .tag-list-label span {
    padding: 0.9rem 1.2rem 0.7rem 1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .tag-list .tag-list-label a,
  .tag-list .tag-list-label span {
    padding: 0.7rem 1.2rem 0.5rem 1rem;
  }
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label a::before,
  .tag-list .tag-list-label span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
}

.tag-list .tag-list-label a:hover,
.tag-list .tag-list-label a:active,
.tag-list .tag-list-label a:focus,
.tag-list .tag-list-label span:hover,
.tag-list .tag-list-label span:active,
.tag-list .tag-list-label span:focus {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label a:hover::before,
  .tag-list .tag-list-label span:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}

.tag-list .tag-list-label a span,
.tag-list .tag-list-label span span {
  margin-right: 0.2rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.tag-list .tag-list-label.tag-list-label-theme1 a,
.tag-list .tag-list-label.tag-list-label-theme1 span {
  background: linear-gradient(93.91deg, #EBFFFB 2.8%, #fff 31.8%);
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label.tag-list-label-theme1 a::before,
  .tag-list .tag-list-label.tag-list-label-theme1 span::before {
    background: #EBFFFB;
  }
}

.tag-list .tag-list-label.tag-list-label-theme2 a,
.tag-list .tag-list-label.tag-list-label-theme2 span {
  background: linear-gradient(93.91deg, #FFFFEB 2.8%, #fff 31.8%);
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label.tag-list-label-theme2 a::before,
  .tag-list .tag-list-label.tag-list-label-theme2 span::before {
    background: #FFFFEB;
  }
}

.tag-list .tag-list-label.tag-list-label-theme3 a,
.tag-list .tag-list-label.tag-list-label-theme3 span {
  background: linear-gradient(93.91deg, #FFEBEB 2.8%, #fff 31.8%);
}

@media screen and (min-width: 960px) {
  .tag-list .tag-list-label.tag-list-label-theme3 a::before,
  .tag-list .tag-list-label.tag-list-label-theme3 span::before {
    background: #FFEBEB;
  }
}

.word-search {
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .word-search {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 960px) {
  .word-search {
    width: 48.5%;
    height: 192px;
    padding: 3rem 4.8rem;
    border: 1px solid #A5A5A5;
    background: #fff;
    border-radius: 8px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search {
    margin-top: 4rem;
  }
}

.word-search .search-ttl {
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 1.2rem;
  font-weight: 500;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .word-search .search-ttl {
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .word-search .search-ttl {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search .search-ttl {
    font-size: 2.2rem;
  }
}

.word-search .search-ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  background: #404040;
  content: "";
  transform: translateX(-50%);
  border-radius: 100px;
}

@media screen and (max-width: 639px) {
  .word-search .search-ttl::after {
    width: 53%;
    max-width: 194px;
  }
}

@media screen and (min-width: 960px) {
  .word-search .search-ttl::after {
    width: 70%;
    max-width: 320px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search .search-ttl::after {
    width: 50%;
    max-width: 280px;
  }
}

@media screen and (max-width: 639px) {
  .word-search .search-input {
    position: relative;
  }
}

@media screen and (min-width: 960px) {
  .word-search .search-input {
    position: absolute;
    z-index: 1;
    width: 83%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search .search-input {
    position: relative;
  }
}

.word-search .search-input .search-inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.6;
  padding: 1rem 5rem 1.6rem 1.6rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #FEFFF5;
  font-size: 1.6rem;
  font-weight: 500;
  outline: none;
  border-radius: 8px;
  -webkit-appearance: none;
}

.word-search .search-input .search-inner .item {
  display: inline-block;
  position: relative;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0 3.5rem 0 2rem;
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 108.44%);
  color: #2F2F2F;
  font-size: 1.4rem;
  border-radius: 4px;
}

.word-search .search-input .search-inner .item .btnclose {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #F9FFD4;
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 50%;
}

.word-search .search-input .search-inner .item .btnclose .close-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background: #404040;
  border-radius: 10px;
}

.word-search .search-input .search-inner .item .btnclose .close-line.close-line01 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.word-search .search-input .search-inner .item .btnclose .close-line.close-line02 {
  transform: translate(-50%, -50%) rotate(135deg);
}

.word-search .search-input .search-inner .item .btnclose:hover {
  opacity: 0.75;
}

.word-search .search-input .search-inner .item::before {
  position: absolute;
  left: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  content: "#";
}

.word-search .search-input .search-inner input {
  display: inline-block;
  width: 100%;
  line-height: 1;
  margin: 0;
  padding: 1rem 0 0;
  border: 0;
  background: none;
  vertical-align: middle;
  white-space: normal;
  font-size: 16px;
  font-family: "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.word-search .search-input .search-inner input:focus {
  outline: 0;
}

.word-search .search-input .search-inner input::-moz-placeholder {
  color: #2F2F2F;
  font-size: 1.4rem;
  font-weight: 700;
}

.word-search .search-input .search-inner input::placeholder {
  color: #2F2F2F;
  font-size: 1.4rem;
  font-weight: 700;
}

.word-search .search-input .search-inner .autocomplete-list {
  position: absolute;
  top: 94%;
  right: 0;
  left: 0;
  z-index: 9;
  padding: 1rem 0;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #FEFFF5;
  border-radius: 0 0 8px 8px;
}

.word-search .search-input .search-inner .autocomplete-list .autocomplete-item {
  position: relative;
  padding: 0.6rem 1.6rem 0.6rem 3rem;
  font-size: 1.4rem;
  cursor: pointer;
}

.word-search .search-input .search-inner .autocomplete-list .autocomplete-item::before {
  position: absolute;
  top: 5px;
  left: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  content: "#";
}

.word-search .search-input .search-icon {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 2;
  width: 32px;
  height: 32px;
  cursor: pointer;
  content: "";
}

@media screen and (max-width: 639px) {
  .word-search .search-input .search-icon {
    width: 24px;
    height: 24px;
    top: 20px;
  }
}

@media screen and (min-width: 960px) {
  .word-search .search-input .search-icon {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search .search-input .search-icon {
    width: 24px;
    height: 24px;
    top: 20px;
  }
}

.word-search .search-input .search-icon .icon {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #404040;
  box-sizing: border-box;
  background-color: #FFEBEB;
  border-radius: 50%;
}

.word-search .search-input .search-icon .icon::before {
  position: absolute;
  top: 47%;
  left: 47%;
  content: "";
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 639px) {
  .word-search .search-input .search-icon .icon::before {
    width: 11px;
    height: 11px;
    background: url(/images/search_icon_sp.png?ee70208f826dbb7c29b619b1ba6dc42f) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .word-search .search-input .search-icon .icon::before {
    width: 14px;
    height: 14px;
    background: url(/images/search_icon_pc.png?836207be99f280dcbd4d996000a603a7) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .word-search .search-input .search-icon .icon::before {
    width: 12px;
    height: 12px;
    background: url(/images/search_icon_sp.png?ee70208f826dbb7c29b619b1ba6dc42f) no-repeat center;
    background-size: contain;
  }
}

.word-search .search-input.item-none .search-inner {
  background: #fff;
}

.word-search .search-input.item-none .search-inner .autocomplete-list {
  top: 91%;
  background: #fff;
}

.word-search .search-input.item-none .search-icon {
  top: 50%;
  transform: translateY(-50%);
}

.right-icon {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 0.8rem;
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 108.44%);
  border-radius: 50%;
}

.right-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 8px;
  background: url(/images/right_icon.png?2f4bc10d17c2596ffca12522924aab41) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.search-gp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.search-gp li {
  border-bottom: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .search-gp li {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li {
    width: 48%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li {
    width: 100%;
  }
}

.search-gp li a {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  color: #2F2F2F;
}

@media screen and (max-width: 639px) {
  .search-gp li a {
    padding: 1.6rem 5rem 1.6rem 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a {
    padding: 4.3% 7rem 4.3% 4.3%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a {
    padding: 2rem 7rem 2rem 2rem;
  }
}

.search-gp li a .search-img {
  margin-right: 1.5rem;
  padding: 0.2rem;
  border: 1px solid #404040;
  border-radius: 50%;
}

.search-gp li a .search-img img {
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .search-gp li a .search-img img {
    width: 42px;
    height: 42px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .search-img img {
    width: 70px;
    height: 70px;
  }
}

.search-gp li a .search-txt {
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
}

.search-gp li a .search-arrow {
  position: absolute;
  top: 50%;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  transition: all 0.4s;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .search-gp li a .search-arrow {
    right: 20px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a .search-arrow {
    right: 27px;
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .search-arrow {
    right: 27px;
    width: 28px;
    height: 28px;
  }
}

.search-gp li a .search-arrow span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.search-gp li a .search-arrow span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 639px) {
  .search-gp li a .search-arrow span::before {
    width: 9px;
    height: 8px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a .search-arrow span::before {
    width: 12px;
    height: 11px;
    background: url(/images/large_arrow_icon.png?c1fdaba6bd81b2c486f82461f9c1a0e2) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .search-arrow span::before {
    width: 11px;
    height: 10px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

.search-gp li a:hover {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .search-gp li a:hover .search-arrow {
    right: 0;
  }
}

@media screen and (min-width: 960px) {
  .search-gp.search-theme1 li {
    width: 31%;
  }
}

.advisor-blk {
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: linear-gradient(94.08deg, #EBFFFB 0%, #fff 37.8%);
  border-radius: 8px;
}

.advisor-blk .advisor-blk-ttl {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .advisor-blk .advisor-blk-ttl {
    padding: 1.5rem 0;
  }
}

@media screen and (min-width: 960px) {
  .advisor-blk .advisor-blk-ttl {
    padding: 2rem 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .advisor-blk .advisor-blk-ttl {
    padding: 2rem;
  }
}

.advisor-blk .advisor-item {
  display: flex;
  align-items: center;
  border-top: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .advisor-blk .advisor-item {
    padding: 2rem 0 2rem 2rem;
  }
}

@media screen and (min-width: 960px) {
  .advisor-blk .advisor-item {
    padding: 2rem 0 2rem 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .advisor-blk .advisor-item {
    padding: 2rem;
  }
}

.advisor-blk .advisor-profile {
  margin-right: 1.5rem;
  padding: 0.2rem;
  border: 1px solid #404040;
  border-radius: 50%;
}

.advisor-blk .advisor-profile img {
  border-radius: 50%;
}

.advisor-blk .advisor-name {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.advisor-blk .advisor-name .advisor-id {
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 1rem;
}

.advisor-blk .job-ttl {
  font-size: 1.2rem;
}

.sort-box {
  display: none;
  position: absolute;
  top: 35px;
  right: -2px;
  width: 207px;
  box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
  background: #FFFFFF;
  border-radius: 16px;
}

.sort-box .sort-item {
  position: relative;
  padding: 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
}

.sort-box .sort-item label {
  cursor: pointer;
}

.sort-box .sort-item:not(:last-child) {
  border-bottom: 1px solid #404040;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-right: 0.8rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  content: "";
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 2px;
}

input[type=checkbox]:checked + label::before {
  background: #EBFFFB;
}

input[type=checkbox]:checked + label::after {
  display: block;
  position: absolute;
  top: 47%;
  left: 9px;
  width: 4px;
  height: 10px;
  border: solid #2F2F2F;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  border-width: 0 2px 2px 0;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(165, 165, 165, 0.8);
}

.modal .modal-inner {
  position: relative;
  background: #fff;
  border-radius: 16px;
  opacity: 1;
}

@media screen and (max-width: 639px) {
  .modal .modal-inner {
    top: 10%;
    padding-top: 4.8rem;
  }
}

@media screen and (min-width: 960px) {
  .modal .modal-inner {
    top: 15%;
    padding-top: 7.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .modal .modal-inner {
    top: 15%;
    padding-top: 5.5rem;
  }
}

.modal .modal-inner .modal-ttl {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.modal .modal-inner .modal-content {
  border-bottom: 1px solid #A5A5A5;
  overflow-y: auto;
}

@media screen and (max-width: 639px) {
  .modal .modal-inner .modal-content {
    display: block;
    height: 330px;
    padding: 0 2rem 6.2rem;
  }
}

@media screen and (min-width: 960px) {
  .modal .modal-inner .modal-content {
    display: flex;
    height: 220px;
    padding: 0 6.4rem 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .modal .modal-inner .modal-content {
    display: block;
    height: 330px;
    padding: 0 2rem 6.2rem;
  }
}

.modal .modal-inner .modal-content .modal-img .image-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 164px;
  margin: 0 auto;
  border: 1px solid #404040;
  border-radius: 50%;
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

.modal .modal-inner .modal-content .modal-img .name {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .modal .modal-inner .modal-content .modal-img .name {
    margin-top: 1.2rem;
  }
}

@media screen and (min-width: 960px) {
  .modal .modal-inner .modal-content .modal-img .name {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .modal .modal-inner .modal-content .modal-img .name {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 639px) {
  .modal .modal-inner .modal-content .modal-txt {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .modal .modal-inner .modal-content .modal-txt {
    margin: 1rem 0 0 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .modal .modal-inner .modal-content .modal-txt {
    margin-top: 3rem;
  }
}

.modal .modal-inner .modal-content .modal-txt .md-ttl {
  font-size: 1.8rem;
  font-weight: 700;
}

.modal .modal-inner .modal-content .modal-txt .md-txt {
  margin-top: 1.2rem;
  font-size: 1.4rem;
}

.modal .modal-inner .modal-btn {
  padding: 2.4rem 2rem;
}

.modal .modal-inner .modal-btn .btn {
  justify-content: space-between;
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .modal .modal-inner .modal-btn .btn {
    padding: 0 1rem;
  }
}

.modal .modal-inner .modal-btn .btn .btn-arrow {
  margin-left: 1rem;
}

.modal .modal-inner .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #F9FFD4;
  cursor: pointer;
  border-radius: 50%;
}

.modal .modal-inner .close-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: url(/images/close_icon.png?c383df3c74da7344a688bfdb8beab2fa) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.modal .search-item-list {
  width: 100%;
  border-top: 2px solid #404040;
}

.modal .search-chk-list {
  display: none;
  padding-left: 2.4rem;
  border-top: 1px solid #404040;
}

.modal .search-item-box {
  width: 95%;
  margin: 1rem auto 3.2rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: #fff;
  border-radius: 8px;
}

.modal .search-chk-box {
  display: none;
  border-top: 1px solid #404040;
}

.modal .search-item-ttl {
  width: 100%;
  padding: 3.2rem 1.6rem 1.6rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 700;
}

.modal .search-item-ttl.bdr-line {
  border-bottom: 1px solid #404040;
}

.modal .search-item {
  width: 100%;
}

.modal .search-item:not(:last-of-type),
.modal .search-item.search-item-bdr {
  border-bottom: 1px solid #404040;
}

.modal .search-item .search-item-link {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 1.6rem;
  box-sizing: border-box;
  color: #2F2F2F;
  cursor: pointer;
}

.modal .search-item .search-item-link .search-txt {
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
}

.modal .search-item .search-item-link .search-txt .count {
  display: block;
  position: relative;
  flex: 1;
  width: 24px;
  height: 24px;
  margin-left: 0.8rem;
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 108.44%);
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

.modal .search-item .search-item-link .search-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  transition: all 0.4s;
  border-radius: 50%;
}

.modal .search-item .search-item-link .search-arrow span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.modal .search-item .search-item-link .search-arrow span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.modal .search-item .search-item-link .search-arrow.toggle-arrow span::before {
  background: url(/images/down_arrow_icon.png?8706cb2979489dbfdf3171396486765f) no-repeat center;
  background-size: contain;
}

.modal .search-item .search-item-link.active .search-arrow {
  background: #F9FFD4;
}

.modal .search-item .search-item-link.active .search-arrow span::before {
  background: url(/images/close_icon.png?c383df3c74da7344a688bfdb8beab2fa) no-repeat center;
  background-size: contain;
}

.modal .search-item .search-item-link:hover,
.modal .search-item .search-item-link:focus,
.modal .search-item .search-item-link:active {
  opacity: 1;
}

.modal .search-item .search-item-link:hover .search-arrow {
  background: #F9FFD4;
}

.modal .search-item .search-item-link.chk-item-link {
  padding: 0;
}

.modal .search-item .search-item-link.chk-item-link .search-txt {
  width: 90%;
}

.modal .search-item .search-item-link.chk-item-link .search-txt label {
  width: 100%;
  padding: 1.6rem 0 1.6rem 4.8rem;
  cursor: pointer;
}

.modal .search-item .search-item-link.chk-item-link .search-arrow:hover,
.modal .search-item .search-item-link.chk-item-link .search-arrow:focus,
.modal .search-item .search-item-link.chk-item-link .search-arrow:active {
  opacity: 1;
}

.modal .search-item .search-item-link.chk-item-link .search-arrow:hover {
  background: #F9FFD4 !important;
}

.modal .search-item .search-item-link.chk-item-link:hover .search-arrow {
  background: #EBFFFB;
}

.modal .form-select {
  width: 95%;
  margin: 0 auto;
}

.modal .form-select.mb-bottom {
  margin: 0 auto 3.2rem;
}

.modal input[type=checkbox] + label::before {
  left: 16px;
}

.modal input[type=checkbox]:checked + label::after {
  top: 48%;
  left: 25px;
}

@media screen and (max-width: 639px) {
  .modal.search-modal {
    display: unset;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(200%);
    transition: all 0.3s ease;
    opacity: 0;
  }
}

.modal.search-modal .modal-inner {
  padding-top: 4rem;
}

@media screen and (max-width: 639px) {
  .modal.search-modal .modal-inner {
    width: 100%;
  }
}

.modal.search-modal .modal-inner .modal-content {
  display: block;
  height: 300px;
  padding: 0;
}

@media screen and (min-width: 960px) {
  .modal.search-modal.modal-theme1 .modal-inner {
    top: 8%;
  }
}

@media screen and (min-width: 960px) {
  .modal.search-modal.modal-theme1 .modal-inner .modal-content {
    height: 369px;
  }
}

@media screen and (max-width: 639px) {
  .modal.search-modal.modal-show {
    transform: translateX(0);
    opacity: 1;
  }
}

.pg-ttl-gp .pg-ttl {
  margin-bottom: 0.5rem;
}

.pg-ttl-gp .pg-ttl span {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .pg-ttl-gp .pg-ttl span {
    padding: 0.8rem 1.6rem;
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-ttl-gp .pg-ttl span {
    padding: 1.2rem 1.6rem;
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-ttl-gp .pg-ttl span {
    padding: 1rem 1.6rem;
    font-size: 2.5rem;
  }
}

.pg-ttl-gp .pg-ttl.pg-ttl-theme1 span {
  background: #fff;
}

.pg-ttl-gp .pg-ttl.pg-ttl-theme2 span {
  background: linear-gradient(85.35deg, #FFFEEE 16.37%, #FFF2EE 108.44%);
}

.pg-ttl-gp .pg-ttl.pg-ttl-theme3 span {
  background: #F9FFD5;
}

.pg-ttl-gp .pg-ttl.pg-ttl-theme4 span {
  background: linear-gradient(85.35deg, #EBFFFB 16.37%, #FBFFC8 108.44%);
}

.pg-ttl-gp.pg-ttl-mb {
  margin-bottom: 3.2rem;
}

.new-blade {
  display: inline-block;
  line-height: 1;
  padding: 0.45rem 1.4rem 0.35rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  font-size: 1rem;
  font-weight: 700;
  vertical-align: middle;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 100px;
  font-family: "Lato", sans-serif;
}

@media screen and (min-width: 960px) {
  .item-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.4rem;
  }
}

.item-box {
  padding: 0.8rem 0.8rem 3.2rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: linear-gradient(109.66deg, #EBFFFB -2.67%, #fff 33.68%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 639px) {
  .item-box {
    margin-bottom: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .item-box {
    width: 31.2%;
    margin-bottom: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .item-box {
    width: 100%;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .item-box:not(:nth-child(3n)) {
    margin-right: 3.2%;
  }
}

.item-box .item-box-foot {
  padding: 1.6rem 1.6rem 0;
  margin: 2.4rem -1.6rem -1.6rem;
  border-top: 1px solid #404040;
}

.item-box .item-box-foot .btn {
  margin-top: 0;
}

.item-box .item-box-foot .btn:not(:last-child) {
  margin-bottom: 1.6rem;
}

.item-box .item-box-img {
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 639px) {
  .item-box .item-box-img {
    height: 184px;
  }
}

@media screen and (min-width: 960px) {
  .item-box .item-box-img {
    height: 202px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .item-box .item-box-img {
    height: 300px;
  }
}

.item-box .txt-gp {
  margin: 1.6rem 0.8rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.item-box .txt-gp .job-info {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}

.item-box .txt-gp .job-info .date {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "Lato", sans-serif;
}

.item-box .txt-gp .list-ttl,
.item-box .txt-gp .list-txt {
  display: block;
  color: #2F2F2F;
}

.item-box .txt-gp .list-ttl {
  margin: 0.8rem 0 0;
  font-size: 1.8rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  height: 3em;
}

.item-box .txt-gp .list-txt {
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  height: 3em;
}

.item-box .txt-gp .list-tbl {
  margin: 1.6rem 0 0;
}

.item-box .txt-gp .tag-list {
  box-sizing: border-box;
  width: 100%;
  margin-top: 0.5rem;
}

.item-box .txt-gp .tag-list-label a,
.item-box .txt-gp .tag-list-label span {
  font-size: 11px;
  padding: 0.3rem 1.2rem 0.125rem 1rem;
}

.item-box .txt-gp .tag-list.readmore {
  overflow: hidden;
  height: calc(24px + 0.8rem);
  padding-right: 1.6rem;
  position: relative;
}

.item-box .txt-gp .tag-list.readmore .readmore-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.item-box .txt-gp .btn-item {
  margin: auto auto 0;
  padding-top: 3.2rem;
  font-weight: 700;
  text-align: center;
}

.item-box .btn {
  width: 100%;
}

.list-tbl {
  padding-top: 1.6rem;
  border-top: 1px solid #404040;
}

.list-tbl dl {
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  border-bottom: 1px solid #C4C4C4;
}

.list-tbl dl dt {
  width: 24%;
  margin-right: 1%;
  font-weight: 700;
}

.list-tbl dl dd {
  width: 75%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  height: 3em;
}

.list-tbl dl dd br {
  display: none;
}

.pg-intro {
  margin: 0 0 6.4rem;
}

@media screen and (max-width: 639px) {
  .pg-intro {
    margin: 0 1.6rem;
  }
}

.pg-intro .pg-intro-ttl {
  font-size: 1.6rem;
  font-weight: 700;
}

.pg-intro .pg-intro-txt {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}

.input {
  display: inline-block;
  width: 100%;
  padding: 1.6rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  color: #2F2F2F;
  font-size: 1.6rem;
  font-weight: 700;
  outline: none;
  border-radius: 8px;
}

.input::-moz-placeholder {
  color: #9B9B9B;
  font-weight: 500;
}

.input::placeholder {
  color: #9B9B9B;
  font-weight: 500;
}

.input::-webkit-input-placeholder {
  color: #9B9B9B;
  /* Edge */
  font-weight: 500;
}

.input:-ms-input-placeholder {
  color: #9B9B9B;
  /* Internet Explorer */
  font-weight: 500;
}

.input.filling {
  background: #FEFFF5;
}

.input.input-error {
  background: #FFF0F0;
  color: #FF1818;
}

select {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}

.form-select {
  position: relative;
}

.form-select .select-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  border-radius: 50%;
}

.form-select .select-arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: url(/images/down_arrow_icon.png?8706cb2979489dbfdf3171396486765f) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.balloon {
  display: none;
  position: fixed;
  z-index: 11;
  padding: 1.6rem;
  border: 2px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  background: #fff;
  border-radius: 8px;
  max-width: 226px;
}

@media screen and (max-width: 639px) {
  .balloon {
    right: 15px;
    bottom: 87px;
  }
}

@media screen and (min-width: 960px) {
  .balloon {
    top: 100px;
    right: 17%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .balloon {
    top: 85px;
    right: 25%;
  }
}

.balloon::before {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(/images/balloon_before.png?ef94f2acee042825c9916d8a8190d656) no-repeat center;
  background-size: contain;
  content: "";
}

@media screen and (max-width: 639px) {
  .balloon::before {
    right: 17px;
    transform: rotate(-180deg);
  }
}

@media screen and (min-width: 960px) {
  .balloon::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .balloon::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 639px) {
  .balloon::before {
    bottom: -22px;
  }
}

@media screen and (min-width: 960px) {
  .balloon::before {
    top: -22px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .balloon::before {
    top: -22px;
  }
}

.balloon .balloon-ttl {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.balloon .balloon-ttl::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 21px;
  height: 21px;
  background: url(/images/black_tag_icon.png?75671a90f7bd9eb06d8a18940ed7d59d) no-repeat center;
  background-size: contain;
  content: "";
}

.balloon .balloon-txt {
  margin-top: 1.3rem;
  font-size: 1.2rem;
}

.mv-sec {
  position: relative;
}

@media screen and (max-width: 639px) {
  .mv-sec {
    margin-bottom: 7.2rem;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec {
    margin-bottom: 9.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec {
    margin-bottom: 7.2rem;
  }
}

.mv-sec .mv-slider.kv-carousel li:not(:first-child) {
  display: none;
}

.mv-sec .mv-slider .slide-item {
  position: relative;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider .slide-item {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-slider .slide-item {
    margin: 0 2.4rem 0.1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider .slide-item {
    margin: 0 1.5rem;
  }
}

.mv-sec .mv-slider .slide-item img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider .slide-item img {
    width: 375px;
    height: 375px;
  }
}

@media screen and (max-width: 375px) {
  .mv-sec .mv-slider .slide-item img {
    width: 320px;
    height: 320px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider .slide-item img {
    width: 530px;
    height: 530px;
  }
}

.mv-sec .mv-slider .slide-item .slider-txt {
  position: absolute;
  left: 0;
  z-index: 7;
  content: "";
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider .slide-item .slider-txt {
    bottom: 17%;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-slider .slide-item .slider-txt {
    bottom: 20%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider .slide-item .slider-txt {
    bottom: 20%;
  }
}

.mv-sec .mv-slider .slide-item .slider-txt li {
  line-height: 1;
  margin-bottom: 0.8rem;
  box-sizing: border-box;
  background: #fff;
  color: #2F2F2F;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider .slide-item .slider-txt li {
    padding: 0.8rem 1.4rem;
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-slider .slide-item .slider-txt li {
    padding: 1.2rem 1.6rem;
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider .slide-item .slider-txt li {
    padding: 1rem 1.4rem;
    font-size: 2.5rem;
  }
}

.mv-sec .mv-slider .slide-item::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 45%;
  background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 76.74%);
  content: "";
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider .slide-item::after {
    height: 55%;
  }
}

.mv-sec .mv-slider-arrows {
  position: relative;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider-arrows .slick-prev,
  .mv-sec .mv-slider-arrows .slick-next {
    bottom: -10px;
  }
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider-arrows .slick-prev {
    left: 5px;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-slider-arrows .slick-prev {
    left: 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider-arrows .slick-prev {
    left: 30px;
  }
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-slider-arrows .slick-next {
    left: 50px;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-slider-arrows .slick-next {
    left: 80px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-slider-arrows .slick-next {
    left: 100px;
  }
}

.mv-sec .mv-txt-blk {
  position: relative;
}

.mv-sec .mv-txt-blk .mv-txt {
  position: absolute;
  z-index: 5;
  text-align: right;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-txt-blk .mv-txt {
    right: 2px;
    bottom: -45px;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-txt-blk .mv-txt {
    right: -25px;
    bottom: -35px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-txt-blk .mv-txt {
    right: 20px;
    bottom: -30px;
  }
}

.mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl {
  line-height: 1;
  font-weight: 400;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl {
    font-size: 5.6rem;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl {
    font-size: 8.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl {
    font-size: 7.2rem;
  }
}

@media screen and (max-width: 639px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl .hash-txt {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl .hash-txt {
    font-size: 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .mv-sec .mv-txt-blk .mv-txt .mv-sec-ttl .hash-txt {
    font-size: 4rem;
  }
}

.mv-sec .mv-txt-blk .mv-txt .small-txt {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.mv-sec::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 45%;
  background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 76.74%);
  content: "";
}

@media screen and (max-width: 639px) {
  .mv-sec::after {
    height: 55%;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .word-btn {
    width: 48.5%;
  }
}

.free-word-sec .free-word-content .word-btn .btn {
  width: 100%;
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .word-btn .btn {
    height: 88px;
    padding: 0 3.2rem;
  }
}

@media screen and (max-width: 639px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow {
    width: 28px;
    height: 28px;
  }
}

.free-word-sec .free-word-content .word-btn .btn .btn-arrow::before {
  background: url(/images/large_arrow_icon.png?c1fdaba6bd81b2c486f82461f9c1a0e2) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 639px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow::before {
    width: 9px;
    height: 8px;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow::before {
    width: 12px;
    height: 11px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .free-word-content .word-btn .btn .btn-arrow::before {
    width: 11px;
    height: 10px;
  }
}

@media screen and (max-width: 639px) {
  .free-word-sec .free-word-content .word-btn .btn.btn-mt {
    margin-top: 1.2rem;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .word-btn .btn.btn-mt {
    margin-top: 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .free-word-content .word-btn .btn.btn-mt {
    margin-top: 1.4rem;
  }
}

.free-word-sec .free-word-content .search-gp {
  display: block;
  border-top: 2px solid #404040;
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .search-gp {
    width: 48.5%;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .free-word-content .search-gp li {
    width: 100%;
  }
}

.free-word-sec .free-word-content .search-gp li a {
  padding: 1.6rem;
}

.free-word-sec .free-word-content .search-gp li a .search-arrow {
  width: 24px;
  height: 24px;
}

.free-word-sec .free-word-content .search-gp li a .search-arrow span::before {
  width: 9px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
}

@media screen and (min-width: 960px) {
  .search-sec.prefecture-sec .search-gp li a {
    padding: 3.2rem 7rem 3.2rem 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .search-sec.job-type-sec .search-gp li a .search-txt {
    width: 65%;
  }
}

@media screen and (min-width: 960px) {
  .search-sec.condition-sec .search-gp li a .search-txt {
    width: 40%;
  }
}

@media screen and (max-width: 639px) {
  .discerning-sec .ttl {
    margin-bottom: 2.4rem;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .ttl {
    margin-bottom: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .ttl {
    margin-bottom: 3rem;
  }
}

.discerning-sec .discerning-content .tag-list {
  justify-content: center;
}

@media screen and (max-width: 639px) {
  .discerning-sec .discerning-content .tag-list {
    width: 90%;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .tag-list {
    width: 85%;
    max-width: 951px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .discerning-content .tag-list {
    width: 70%;
    max-width: 640px;
  }
}

@media screen and (max-width: 639px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 639px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a span {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a span {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .discerning-content .tag-list .tag-list-label a span {
    font-size: 1.6rem;
  }
}

.discerning-sec .discerning-content .discerning-btn-blk {
  text-align: center;
}

.discerning-sec .discerning-content .discerning-btn-blk .discerning-btn {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  color: #2F2F2F;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn {
    width: 100%;
    margin: 3.2rem auto 0;
    padding: 1.6rem 7rem 1.6rem 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn {
    margin: 4.5rem auto 0;
    padding: 1.9rem 15rem 1.9rem 1.9rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn {
    margin: 3.5rem auto 0;
    padding: 1.5rem 10rem 1.5rem 1.5rem;
  }
}

.discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow {
  position: absolute;
  top: 50%;
  right: 19px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  transition: ease 0.2s;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow {
    width: 28px;
    height: 28px;
  }
}

.discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.discerning-sec .discerning-content .discerning-btn-blk .discerning-btn .discerning-arrow span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: url(/images/down_arrow_icon.png?8706cb2979489dbfdf3171396486765f) no-repeat center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.discerning-sec .discerning-content .discerning-btn-blk .discerning-btn:hover {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .discerning-sec .discerning-content .discerning-btn-blk .discerning-btn:hover .discerning-arrow {
    top: 70%;
  }
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container {
    overflow: scroll;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container {
    overflow: scroll;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav {
  position: relative;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: table;
    white-space: nowrap;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: flex;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: table;
    white-space: nowrap;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 3px;
  background: linear-gradient(86.28deg, #FFF6A0 -1.38%, #A8FFEE 66.01%);
  content: "";
  transform: translateX(-50%);
}

.jobs-region-sec .tab-nav-container .tab-nav .tab-link {
  display: table-cell;
  position: relative;
  flex: 1;
  z-index: 1;
  color: #2F2F2F;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 1.5rem 0.5rem;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 2rem 1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 3rem 1rem;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav .tab-link.is-active {
  font-weight: 700;
  border-bottom: 3px solid #404040;
  opacity: 1;
}

.jobs-region-sec .tab-nav-container::-webkit-scrollbar {
  width: 100%;
  height: 8px;
}

.jobs-region-sec .tab-content {
  display: none;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content {
    margin: 0 1.6rem;
  }
}

.jobs-region-sec .tab-content.is-active {
  display: block;
}

.jobs-region-sec .tab-content .tab-blk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6rem;
}

.jobs-region-sec .tab-content .tab-blk .tab-item {
  box-sizing: border-box;
  color: #2F2F2F;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    width: 47%;
    padding: 1.5rem 0 2.5rem;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    display: flex;
    width: 48%;
    padding: 2rem 0;
    max-width: 580px;
    border-bottom: 1px solid #A5A5A5;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    width: 47%;
    padding: 1.5rem 0 2.5rem;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin: 0 1.5rem;
    width: 76%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin-bottom: 1.5rem;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
  border-radius: 4px;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-info {
    width: 73%;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .date {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "Lato", sans-serif;
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .tab-ttl {
  margin: 0.5rem 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .tab-txt {
  font-size: 1.2rem;
}

.jobs-region-sec .tab-content .tab-blk .tab-content-empty-text {
  line-height: 3;
}

@media screen and (max-width: 639px) {
  .career-analysis-sec {
    margin-bottom: 9rem;
  }
}

@media screen and (min-width: 960px) {
  .career-analysis-sec {
    margin-bottom: 12rem;
  }
}

.career-analysis-sec .content-ttl {
  text-align: center;
}

@media screen and (min-width: 960px) {
  .career-analysis-sec .advisor-blk {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 960px) {
  .career-analysis-sec .advisor-blk .advisor-item {
    border-left: 1px solid #404040;
    border-top: none;
  }
}

@media screen and (min-width: 960px) {
  .blk-item {
    display: flex;
  }
}

.blk-item .item-point {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.blk-item .item-img {
  border-radius: 8px;
}

@media screen and (max-width: 639px) {
  .blk-item .item-img {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .blk-item .item-img {
    margin-right: 6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .blk-item .item-img {
    margin-bottom: 3rem;
  }
}

.blk-item .item-img img {
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 639px) {
  .blk-item .item-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .blk-item .item-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .blk-item .item {
    width: 48%;
  }
}

@media screen and (min-width: 960px) {
  .blk-item.item-reverse {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 960px) {
  .blk-item.item-reverse .item-img {
    margin-right: 0;
  }
}

@media screen and (min-width: 960px) {
  .blk-item.item-reverse .item {
    margin-right: 6rem;
  }
}

@media screen and (max-width: 639px) {
  .service-sec {
    margin-bottom: 9rem;
  }
}

@media screen and (min-width: 960px) {
  .service-sec {
    margin-bottom: 12rem;
  }
}

.career-about-sec .advisor-list {
  margin-top: 4.8rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: linear-gradient(94.08deg, #EBFFFB 0%, #fff 37.8%);
  border-radius: 8px;
}

.career-about-sec .advisor-list .advisor-ttl {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #404040;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-ttl {
    padding: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .career-about-sec .advisor-list .advisor-ttl {
    padding: 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-ttl {
    padding: 2rem;
  }
}

.career-about-sec .advisor-list .advisor-content {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-content {
    padding: 2.4rem 0;
  }
}

@media screen and (min-width: 960px) {
  .career-about-sec .advisor-list .advisor-content {
    padding: 4.8rem 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-content {
    padding: 2rem 0;
  }
}

.career-about-sec .advisor-list .advisor-content .advisor-in {
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in {
    margin: 0 0.5rem;
  }
}

@media screen and (min-width: 960px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in {
    margin: 0 0.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in {
    margin: 0 0.6rem;
  }
}

.career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider {
  display: flex;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li {
    width: 136px;
  }
}

@media screen and (min-width: 960px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li {
    width: 200px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li {
    width: 180px;
  }
}

.career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #404040;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-slide {
    width: 120px;
    height: 120px;
    margin: 0 0.8rem;
  }
}

@media screen and (min-width: 960px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-slide {
    width: 160px;
    height: 160px;
    margin: 0 2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-slide {
    width: 140px;
    height: 140px;
    margin: 0 2rem;
  }
}

.career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-image {
  border-radius: 50%;
  width: 152px;
  height: 152px;
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

@media screen and (max-width: 639px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-image {
    width: 112px;
    height: 112px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .career-about-sec .advisor-list .advisor-content .advisor-in .advisor-slider li .advisor-image {
    width: 132px;
    height: 132px;
  }
}

.youtube-sec .youtube-list li {
  padding: 0.8rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
}

@media screen and (max-width: 639px) {
  .youtube-sec .youtube-list li {
    width: 70%;
    margin: 0 1.2rem;
    max-width: 230px;
  }
}

@media screen and (min-width: 960px) {
  .youtube-sec .youtube-list li {
    width: 20%;
    margin: 0 2.4rem;
    max-width: 256px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .youtube-sec .youtube-list li {
    width: 28%;
    margin: 0 2rem;
    max-width: 240px;
  }
}

.youtube-sec .youtube-list li .video {
  width: 100%;
  height: 135px;
}

.youtube-sec .youtube-list li .video iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 2px;
}

.youtube-sec .youtube-list li .youtube-txt {
  line-height: 1.6;
}

@media screen and (max-width: 639px) {
  .youtube-sec .youtube-list li .youtube-txt {
    padding: 1.2rem 0 0.8rem;
  }
}

@media screen and (min-width: 960px) {
  .youtube-sec .youtube-list li .youtube-txt {
    padding: 1.2rem 0 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .youtube-sec .youtube-list li .youtube-txt {
    padding: 1.2rem 0 1.6rem;
  }
}

.youtube-sec .youtube-list li .youtube-txt .date,
.youtube-sec .youtube-list li .youtube-txt .social-txt {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.youtube-sec .youtube-list li .youtube-txt a {
  color: #2F2F2F;
}

.youtube-sec .youtube-list li .youtube-txt a .youtube-ttl {
  margin: 0.8rem 0;
  font-size: 1.4rem;
  font-weight: 700;
}

.youtube-sec .youtube-list li .youtube-txt a .youtube-des {
  font-size: 1.2rem;
}

@media screen and (max-width: 639px) {
  .instagram-sec .instagram-slider li {
    margin: 0 0.4rem;
  }
}

@media screen and (min-width: 960px) {
  .instagram-sec .instagram-slider li {
    margin: 0 0.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .instagram-sec .instagram-slider li {
    margin: 0 0.8rem;
  }
}

.instagram-sec .instagram-slider li a {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 190px;
}

@media screen and (max-width: 639px) {
  .instagram-sec .instagram-slider li a {
    width: 164px;
    height: 164px;
  }
}

.instagram-sec .instagram-slider li a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 639px) {
  .news-sec {
    margin-bottom: 9rem;
  }
}

@media screen and (min-width: 960px) {
  .news-sec {
    margin-bottom: 16.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .news-sec {
    margin-bottom: 10rem;
  }
}

.news-sec .news-blk li {
  border-bottom: 1px solid #2F2F2F;
}

.news-sec .news-blk li .news-link {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.6rem;
  box-sizing: border-box;
  color: #2F2F2F;
}

.news-sec .news-blk li .news-link .news-data {
  width: 90%;
}

.news-sec .news-blk li .news-link .news-data .news-date {
  font-size: 1rem;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}

.news-sec .news-blk li .news-link .news-data .news-txt {
  line-height: 1.6;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.news-sec .news-blk li .news-link .news-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  transition: all 0.6s;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .news-sec .news-blk li .news-link .news-arrow {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .news-sec .news-blk li .news-link .news-arrow {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .news-sec .news-blk li .news-link .news-arrow {
    width: 28px;
    height: 28px;
  }
}

.news-sec .news-blk li .news-link .news-arrow span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.news-sec .news-blk li .news-link .news-arrow span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
  transition: all 0.6s;
}

@media screen and (max-width: 639px) {
  .news-sec .news-blk li .news-link .news-arrow span::before {
    width: 9px;
    height: 8px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .news-sec .news-blk li .news-link .news-arrow span::before {
    width: 12px;
    height: 11px;
    background: url(/images/large_arrow_icon.png?c1fdaba6bd81b2c486f82461f9c1a0e2) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .news-sec .news-blk li .news-link .news-arrow span::before {
    width: 11px;
    height: 10px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

.news-sec .news-blk li .news-link:hover {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .news-sec .news-blk li .news-link:hover .news-arrow {
    right: 0;
  }
}

.guide-sec .btn {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .pg-content,
  .sg-content {
    margin-top: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content,
  .sg-content {
    margin-top: 2.3rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content,
  .sg-content {
    margin-top: 2rem;
  }
}

.pg-content .search-gp,
.sg-content .search-gp {
  display: block;
  border-top: 2px solid #404040;
}

@media screen and (min-width: 960px) {
  .pg-content .search-gp,
  .sg-content .search-gp {
    width: 48.5%;
  }
}

.pg-content .search-gp li,
.sg-content .search-gp li {
  width: 100%;
}

.pg-content .search-gp li a,
.sg-content .search-gp li a {
  padding: 1.6rem 6.5rem 1.6rem 1.6rem;
}

.pg-content .search-gp li a .search-arrow,
.sg-content .search-gp li a .search-arrow {
  right: 15px;
  width: 24px;
  height: 24px;
}

.pg-content .search-gp li a .search-arrow span::before,
.sg-content .search-gp li a .search-arrow span::before {
  width: 9px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
}

.pg-content .search-gp li a:hover .search-arrow,
.sg-content .search-gp li a:hover .search-arrow {
  right: 0;
}

@media screen and (min-width: 960px) {
  .pg-content .search-content,
  .sg-content .search-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

.pg-content .search-content .word-search,
.sg-content .search-content .word-search {
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .pg-content .search-content .word-search,
  .sg-content .search-content .word-search {
    width: 95%;
    margin: 0 auto 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .search-content .word-search,
  .sg-content .search-content .word-search {
    width: 100%;
    margin: 0 auto 5rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-job-search .search-content,
  .sg-content.pg-job-search .search-content {
    flex-wrap: wrap;
  }
}

.pg-content.pg-job-search .search-content .search-box-list,
.sg-content.pg-job-search .search-content .search-box-list {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .pg-content.pg-occupation {
    margin-top: 4rem;
  }
}

.pg-content.pg-occupation .pg-ttl-gp {
  margin-bottom: 2.4rem;
}

.pg-content.pg-prefectures .pg-mv-sec,
.pg-content.pg-career-advisor .pg-mv-sec {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 639px) {
  .pg-content.pg-prefectures .pg-mv-sec,
  .pg-content.pg-career-advisor .pg-mv-sec {
    position: relative;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec,
  .pg-content.pg-career-advisor .pg-mv-sec {
    align-items: flex-end;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content.pg-prefectures .pg-mv-sec,
  .pg-content.pg-career-advisor .pg-mv-sec {
    position: relative;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0 0 6.4rem;
    max-width: unset;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-mv-txt,
  .pg-content.pg-career-advisor .pg-mv-sec .pg-mv-txt {
    width: 33%;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-ttl-gp,
  .pg-content.pg-career-advisor .pg-mv-sec .pg-ttl-gp {
    margin-bottom: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-mv-img,
  .pg-content.pg-career-advisor .pg-mv-sec .pg-mv-img {
    position: absolute;
    right: 0;
    width: 53%;
    max-width: 800px;
  }
}

.pg-content.pg-prefectures .pg-mv-sec .pg-mv-img img,
.pg-content.pg-career-advisor .pg-mv-sec .pg-mv-img img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 639px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-mv-img img,
  .pg-content.pg-career-advisor .pg-mv-sec .pg-mv-img img {
    width: 100%;
    height: 212px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-mv-img img,
  .pg-content.pg-career-advisor .pg-mv-sec .pg-mv-img img {
    width: 100%;
    height: 450px;
  }
}

@media screen and (max-width: 639px) {
  .pg-content.pg-prefectures .pg-mv-sec {
    margin: 0 0 7rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec {
    margin: 0 auto 6.4rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-ttl-gp-theme1 {
    position: absolute;
    top: 12rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-ttl-gp-theme1 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content.pg-prefectures .pg-mv-sec .pg-ttl-gp-theme1 {
    position: absolute;
    top: 33rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content.pg-prefectures .pg-mv-sec .txt-gp {
    padding: 1.6rem 1.6rem 6.4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-prefectures .pg-mv-sec .txt-gp {
    padding: 1.2rem 1.6rem 1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content.pg-prefectures .pg-mv-sec .txt-gp {
    padding: 1.2rem 1.6rem 1rem;
  }
}

.pg-content.pg-prefectures .pg-mv-sec .txt-gp .txt-gp-ttl {
  font-size: 2rem;
  font-weight: 700;
}

.pg-content.pg-prefectures .pg-mv-sec .txt-gp .txt-gp-txt {
  font-size: 1.4rem;
}

@media screen and (max-width: 639px) {
  .pg-content.pg-career-advisor .pg-mv-sec {
    margin: 0 0 4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content.pg-career-advisor .pg-mv-sec {
    margin: 37rem auto 6.4rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content.pg-career-advisor .pg-mv-sec .pg-ttl-gp-theme1 {
    position: absolute;
    top: 16rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content.pg-career-advisor .pg-mv-sec .pg-ttl-gp-theme1 {
    position: absolute;
    top: 38rem;
  }
}

.pg-content .con-ttl {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 500;
}

.pg-content .con-txt {
  font-size: 1.4rem;
}

.pg-content .pg-mv-sec {
  margin-bottom: 6.4rem;
}

@media screen and (max-width: 639px) {
  .pg-content .pg-mv-sec .btn-list {
    margin: 0 1.6rem;
  }
}

.pg-content .pg-mv-sec .btn-list.btn-list-theme1 .btn-item {
  display: inline-block;
  margin-right: 3rem;
}

.pg-content .occup-sec {
  position: relative;
}

@media screen and (max-width: 639px) {
  .pg-content .occup-sec {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .occup-sec {
    margin-top: 8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .occup-sec {
    margin-top: 7rem;
  }
}

.pg-content .occup-sec .inner {
  position: relative;
}

.pg-content .occup-sec .btn-item {
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  .pg-content .youtube-sec {
    margin-bottom: 8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .youtube-sec {
    margin-bottom: 12rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .youtube-sec {
    margin-bottom: 10rem;
  }
}

.pg-content .youtube-sec .ttl-mb {
  margin-bottom: 3.2rem;
}

@media screen and (min-width: 960px) {
  .pg-content .youtube-sec .youtube-list {
    display: flex;
  }
}

.pg-content .youtube-sec .youtube-list li {
  max-width: unset;
}

@media screen and (max-width: 639px) {
  .pg-content .youtube-sec .youtube-list li {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .youtube-sec .youtube-list li {
    width: 49%;
    margin: 0 4rem 2rem 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .youtube-sec .youtube-list li {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .youtube-sec .youtube-list li .video {
    height: 120px;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .youtube-sec .youtube-list li .video {
    height: 206px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .youtube-sec .youtube-list li .video {
    height: 180px;
  }
}

.pg-content .youtube-sec .youtube-list li .video iframe {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .pg-content .youtube-sec .youtube-list li .video iframe {
    height: 120px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .youtube-sec .youtube-list li .video iframe {
    height: 180px;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .youtube-sec .youtube-list li:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .tag-sec {
    margin: 2.4rem auto 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec {
    margin: 1.5rem auto 12rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .tag-sec {
    margin: 3rem auto 10rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .tag-sec .pg-ttl-gp {
    margin-bottom: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec .pg-ttl-gp {
    margin-bottom: 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .tag-sec .pg-ttl-gp {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .tag-sec .tag-blk {
    margin-top: 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec .tag-blk {
    width: 48.5%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .tag-sec .tag-blk {
    margin-top: 10rem;
  }
}

.pg-content .tag-sec .tag-blk .ttl {
  margin-bottom: 2.4rem;
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec .tag-blk .ttl::after {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .tag-sec .tag-blk .tag-list {
    justify-content: center;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec .tag-blk .tag-list {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .tag-sec .tag-blk .tag-list {
    justify-content: center;
  }
}

.pg-content .tag-sec .tag-blk .tag-list .tag-list-label a {
  padding-right: 3.6rem;
}

@media screen and (min-width: 960px) {
  .pg-content .tag-sec .tag-blk .tag-list .tag-list-label a {
    font-size: 1.8rem;
  }
}

.pg-content .tag-sec .tag-blk .tag-list .tag-list-label a .close-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 50px;
}

.pg-content .tag-sec .tag-blk .tag-list .tag-list-label a .close-btn .close-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1.2px;
  background: #404040;
  border-radius: 10px;
}

.pg-content .tag-sec .tag-blk .tag-list .tag-list-label a .close-btn .close-line01 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.pg-content .tag-sec .tag-blk .tag-list .tag-list-label a .close-btn .close-line02 {
  transform: translate(-50%, -50%) rotate(135deg);
}

@media screen and (max-width: 639px) {
  .pg-content .merit-sec .item-reverse,
  .pg-content .point-sec .item-reverse {
    margin: 6.4rem 0;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .merit-sec .item-reverse,
  .pg-content .point-sec .item-reverse {
    margin: 8rem 0;
  }
}

.pg-content .advisor-list-sec {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .pg-content .advisor-list-sec {
    width: 96%;
    margin: 0 auto 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .advisor-list-sec {
    width: 90%;
    margin: 0 auto 12rem;
    max-width: 1224px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .advisor-list-sec {
    width: 70%;
    margin: 0 auto 10rem;
    max-width: 690px;
  }
}

.pg-content .advisor-list-sec .advisor-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pg-content .advisor-list-sec .advisor-item-list li {
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .pg-content .advisor-list-sec .advisor-item-list li {
    margin: 0 0.75rem 4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .advisor-list-sec .advisor-item-list li {
    margin: 0 1.2rem 4.8rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .advisor-list-sec .advisor-item-list li {
    margin: 0 2rem 4rem;
  }
}

.pg-content .advisor-list-sec .advisor-item-list li .advisor-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .pg-content .advisor-list-sec .advisor-item-list li .advisor-slide {
    width: 164px;
    height: 164px;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .advisor-list-sec .advisor-item-list li .advisor-slide {
    width: 180px;
    height: 180px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .advisor-list-sec .advisor-item-list li .advisor-slide {
    width: 175px;
    height: 175px;
  }
}

.pg-content .advisor-list-sec .advisor-item-list li .advisor-slide .advisor-image {
  border-radius: 50%;
  width: 167px;
  height: 167px;
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

@media screen and (max-width: 639px) {
  .pg-content .advisor-list-sec .advisor-item-list li .advisor-slide .advisor-image {
    width: 156px;
    height: 156px;
  }
}

.pg-content .advisor-list-sec .advisor-item-list li .advisor-name {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .pg-content .advisor-list-sec .btn {
    margin: 0 auto;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .advisor-list-sec .btn {
    margin: 1.6rem auto 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .advisor-list-sec .btn {
    margin: 0 auto;
  }
}

.pg-content .history-sec,
.pg-content .keep-sec {
  position: relative;
}

.pg-content .news-sec .news-blk {
  border-top: 2px solid #404040;
}

@media screen and (max-width: 639px) {
  .pg-content .news-sec .news-blk {
    margin: 4rem 0;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .news-sec .news-blk {
    margin: 7.6rem 0 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .news-sec .news-blk {
    margin: 5rem 0 4rem;
  }
}

.pg-content .news-sec .news-blk .news-link .news-arrow {
  width: 24px;
  height: 24px;
}

.pg-content .news-sec .news-blk .news-link .news-arrow span::before {
  width: 9px;
  height: 8.8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
}

.pg-content .news-detail-sec .date {
  margin-bottom: 0.8rem;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .help-sec .help-blk .sidebar-blk {
    margin: 3.2rem 0 4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .help-sec .help-blk .sidebar-blk {
    margin: 4rem 0 5rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk .sidebar-blk {
    width: 28%;
  }
}

.pg-content .help-sec .help-blk .sidebar-blk .ques-ttl {
  margin-bottom: 1.6rem;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .pg-content .help-sec .help-blk .sidebar-blk .ques-ttl {
    margin-left: 1.6rem;
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk .sidebar-blk .ques-ttl {
    margin-left: 1.6rem;
    font-size: 2rem;
    text-align: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .help-sec .help-blk .sidebar-blk .ques-ttl {
    font-size: 1.8rem;
  }
}

.pg-content .help-sec .help-blk .sidebar-blk .search-gp {
  width: 100%;
}

.pg-content .help-sec .help-blk .sidebar-blk .search-gp li a .search-txt {
  font-size: 1.4rem;
  font-weight: 500;
}

.pg-content .help-sec .help-blk .sidebar-blk .search-gp li a .search-arrow span::before {
  width: 8px;
  height: 8px;
  background: url(/images/down_arrow_icon.png?8706cb2979489dbfdf3171396486765f) no-repeat center;
  background-size: contain;
}

.pg-content .help-sec .help-blk .sidebar-blk .search-gp li a:hover .search-arrow {
  right: 27px;
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk .sidebar-blk .search-gp li a:hover .search-arrow {
    top: 70%;
  }
}

.pg-content .help-sec .help-blk .content-blk {
  border-top: 2px solid #404040;
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk .content-blk {
    width: 68%;
    max-width: 786px;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .help-sec .help-blk .content-blk {
    margin-top: 4.5rem;
  }
}

.pg-content .help-sec .help-blk .content-blk .con-ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

.pg-content .help-sec .help-blk .content-blk li {
  padding: 2.4rem 1.6rem 1.6rem;
  border-bottom: 1px solid #404040;
}

.pg-content .form {
  margin-top: 6.4rem;
  font-size: 1.6rem;
}

.pg-content .form .label {
  display: block;
  margin-bottom: 1.6rem;
  font-weight: 700;
}

.pg-content .form .value {
  padding: 1.6rem 0 4rem;
  border-top: 1px solid #404040;
}

.pg-content .form .value.pb-none {
  padding: 1.6rem 0 0;
}

.pg-content .form .field-gp {
  margin-bottom: 4rem;
}

.pg-content .form .field-gp:last-of-type {
  margin-bottom: 0;
}

.pg-content .form .chk-field-list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 639px) {
  .pg-content .form .chk-field-list {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .form .chk-field-list {
    margin-left: 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .form .chk-field-list {
    margin-left: 1.2rem;
  }
}

.pg-content .form .chk-field-list .chk-field {
  position: relative;
  padding-left: 3.2rem;
}

@media screen and (max-width: 639px) {
  .pg-content .form .chk-field-list .chk-field {
    margin: 0 2rem 1.3rem 0;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .form .chk-field-list .chk-field {
    margin: 0 3.7rem 1.6rem 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .form .chk-field-list .chk-field {
    margin: 0 2.5rem 1.4rem 0;
  }
}

.pg-content .form .chk-field-list .chk-field label {
  font-weight: 700;
  cursor: pointer;
}

.pg-content .form .text-box,
.pg-content .form .select {
  height: 56px;
}

.pg-content .form .textarea {
  resize: none;
}

.pg-content .form .required {
  margin-top: 0.8rem;
  font-size: 1.2rem;
}

.pg-content .form .required.required-error {
  color: #FF1818;
}

@media screen and (max-width: 639px) {
  .pg-content .form .btn-theme4 {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .form .btn-theme4 {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .form .btn-theme4 {
    margin-top: 5rem;
  }
}

.pg-content .policy-sec .policy-list {
  margin-bottom: 8rem;
}

@media screen and (max-width: 639px) {
  .pg-content .policy-sec .policy-list > li {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .policy-sec .policy-list > li {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .policy-sec .policy-list > li {
    margin-top: 4.5rem;
  }
}

.pg-content .policy-sec .policy-list > li .con-ttl {
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #404040;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.pg-content .policy-sec .policy-list > li a {
  color: #2F2F2F;
}

.pg-content .thank-sec .thank-ttl {
  font-weight: 700;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .pg-content .thank-sec .thank-ttl {
    font-size: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .thank-sec .thank-ttl {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .thank-sec .thank-ttl {
    font-size: 2.5rem;
  }
}

.pg-content .thank-sec .thank-txt {
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .pg-content .thank-sec .thank-txt {
    margin: 2.4rem 0 4.8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .thank-sec .thank-txt {
    margin: 3.2rem 0 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .thank-sec .thank-txt {
    margin: 2.8rem 0 5.6rem;
  }
}

@media screen and (max-width: 639px) {
  .pg-content .page-not-found {
    margin-bottom: 9rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .page-not-found {
    margin-bottom: 26rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .page-not-found {
    margin-bottom: 12rem;
  }
}

.pg-content .page-not-found .page-error-ttl {
  line-height: 1;
  font-weight: 400;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .pg-content .page-not-found .page-error-ttl {
    margin-bottom: 1.6rem;
    font-size: 8rem;
  }
}

@media screen and (min-width: 960px) {
  .pg-content .page-not-found .page-error-ttl {
    margin-bottom: 3.2rem;
    font-size: 12rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .pg-content .page-not-found .page-error-ttl {
    margin-bottom: 2rem;
    font-size: 10rem;
  }
}

.sg-content .slick-prev,
.sg-content .slick-next {
  top: 45%;
  transform: translateY(-50%);
}

.sg-content .single-slider .slide-item .slide-img {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .sg-content .single-slider .slide-item .slide-img {
    height: 212px;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-slider .slide-item .slide-img {
    height: 442px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-slider .slide-item .slide-img {
    height: 320px;
  }
}

.sg-content .tag-list .tag-list-label a {
  line-height: 1;
}

.sg-content .detail-ttl {
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.sg-content .detail-ttl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #404040;
  content: "";
}

@media screen and (max-width: 639px) {
  .sg-content .detail-ttl.detail-ttl-theme1 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .detail-ttl.detail-ttl-theme2::after {
    left: 50%;
    width: 52%;
    transform: translateX(-50%);
    max-width: 194px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .detail-ttl.detail-ttl-theme2::after {
    left: 50%;
    width: 40%;
    transform: translateX(-50%);
    max-width: 230px;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slide-item {
    margin: 0 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-mv .slide-item {
    margin: 0 1.4rem;
  }
}

.sg-content .single-mv .slide-item .slide-img {
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slide-item .slide-img {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slide-item .slide-img {
    width: 800px;
    height: 452px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-mv .slide-item .slide-img {
    width: 640px;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slick-prev,
  .sg-content .single-mv .slick-next {
    top: 50%;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .single-mv .slick-prev {
    left: 5%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slick-prev {
    left: 25%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-mv .slick-prev {
    left: 20%;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .single-mv .slick-next {
    right: 5%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slick-next {
    right: 25%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-mv .slick-next {
    right: 20%;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .single-mv .slick-dots {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .single-mv .slick-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .single-mv .slick-dots {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .blk {
    margin-bottom: 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .blk {
    margin-bottom: 6.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .blk {
    margin-bottom: 7rem;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .nurse-sec {
    margin-top: 5.6rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec {
    margin-top: 4.1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .nurse-sec {
    margin-top: 6rem;
  }
}

.sg-content .nurse-sec .new-blk {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 639px) {
  .sg-content .nurse-sec .new-blk .new-blade {
    position: absolute;
    top: -12%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec .new-blk .new-blade {
    margin-right: 2.4rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .nurse-sec .new-blk .new-blade {
    position: absolute;
    top: -15%;
  }
}

.sg-content .nurse-sec .new-blk .nurse-txt {
  margin-right: 0.8rem;
  font-size: 2rem;
}

.sg-content .nurse-sec .new-blk .nurse-txt span {
  margin-right: 0.2rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.sg-content .nurse-sec .new-blk .date {
  align-self: center;
  margin-left: auto;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "Lato", sans-serif;
}

.sg-content .nurse-sec .nurse-ttl {
  margin: 1.6rem 0 2.4rem;
}

@media screen and (max-width: 639px) {
  .sg-content .nurse-sec .nurse-ttl {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec .nurse-ttl {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .nurse-sec .nurse-ttl {
    font-size: 2.5rem;
  }
}

.sg-content .nurse-sec .content-row {
  margin-top: 4rem;
}

.sg-content .nurse-sec .content-row .detail {
  padding-top: 4rem;
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec .content-row .detail {
    width: 100%;
    border-top: 1px solid #404040;
  }
}

.sg-content .nurse-sec .content-row .detail .con-ttl {
  margin-bottom: 1.6rem;
  font-size: 2rem;
}

.sg-content .nurse-sec .content-row .detail .content-img {
  width: 100%;
  border-radius: 8px;
}

@media screen and (max-width: 639px) {
  .sg-content .nurse-sec .content-row .detail .content-img {
    height: 193px;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec .content-row .detail .content-img {
    height: 442px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .nurse-sec .content-row .detail .content-img {
    height: 320px;
  }
}

.sg-content .nurse-sec .content-row .list-tbl {
  border-bottom: 1px solid #404040;
}

.sg-content .nurse-sec .content-row .list-tbl dl {
  font-size: 1.6rem;
}

@media screen and (min-width: 960px) {
  .sg-content .nurse-sec .content-row {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec {
    background: url(/images/pink_bg_sp.png?802d5e11a210c7cad6c1e29a6e418ed5) top 28.5% center no-repeat, url(/images/bg_yellow_sp.png?63d73142f4f87383f39136a50faa2877) top 69% center no-repeat;
    background-size: 100%, 100%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec {
    background: url(/images/purple_bg_pc.png?83b71c8d1985c727e7d7c32018017954) top 44% center no-repeat, url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) top 56.7% center no-repeat;
    background-size: 100%, 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec {
    background: url(/images/purple_bg_pc.png?83b71c8d1985c727e7d7c32018017954) top 27% center no-repeat, url(/images/bg_yellow_pc.png?7ae649e5889cabf39ad4f7832db77786) top 67% center no-repeat;
    background-size: 100%, 100%;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in {
    display: flex;
    justify-content: space-between;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .slick-prev {
  left: 4%;
}

.sg-content .sidebar-sec .sidebar-sec-in .slick-next {
  right: 4%;
}

.sg-content .sidebar-sec .sidebar-sec-in .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk {
    width: 68%;
    max-width: 786px;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-next {
    top: 11rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-next {
    top: 16rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-next {
    top: 22rem;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-dots {
    top: 23rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-dots {
    top: 34rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slick-dots {
    top: 46rem;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slide-item {
  width: 100%;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slide-item .slide-img {
  border-radius: 8px;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slide-item .txt {
  margin: 4rem auto 0;
  font-size: 1.4rem;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .single-slider .slide-item .txt {
    width: 93%;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl .flex-item {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl .flex-item dl {
  flex: 1;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl {
  padding: 1.6rem 0;
  border-bottom: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dt,
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dd {
    padding: 0 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dt,
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dd {
    padding: 0 1.6rem;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dt.pd-none,
.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dd.pd-none {
  padding: 0;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dt {
  font-size: 1.6rem;
  font-weight: 700;
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl dd {
  margin-top: 0.8rem;
  font-size: 1.4rem;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl .btn-item {
    text-align: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .content-tbl dl .btn-item {
    text-align: center;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .map {
  width: 100%;
  margin: 1.6rem 0 3.3rem;
  background: #C4C4C4;
  border-radius: 2px;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .map {
    height: 375px;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .map {
    height: 580px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .map {
    height: 450px;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .content-blk .message-blk-in {
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .message-blk-in {
    width: 92%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .message-blk-in {
    width: 90%;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .btn-gp {
    padding: 0 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .content-blk .btn-gp {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk {
    margin-top: 8.8rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk {
    width: 28%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk {
    margin-top: 10rem;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .inner-blk {
  margin-bottom: 6.4rem;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .item-box {
    width: 92%;
    margin: 2rem auto;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .item-box {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .item-box {
    width: 90%;
    margin: 2rem auto;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-prev,
.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-next {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-next {
    top: 11rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-next {
    top: 16rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-prev,
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-next {
    top: 11rem;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-prev::after,
.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-next::after {
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-dots {
    top: 23rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-dots {
    top: 30rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slick-dots {
    top: 23rem;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-img {
  margin-bottom: 4rem;
}

@media screen and (min-width: 960px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-img {
    height: 212px;
  }
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-txt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
}

.sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-txt a {
  color: #2F2F2F;
}

@media screen and (max-width: 639px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-txt {
    margin-left: 1.6rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .sidebar-sec .sidebar-sec-in .sidebar-blk .slide-item .slide-txt {
    margin-left: 2rem;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .search-sec .ttl::after {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .search-sec .ttl {
    margin-bottom: 0;
  }

  .sg-content .search-sec .ttl::after {
    display: none;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .search-sec .ttl::after {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (max-width: 639px) {
  .sg-content .search-sec .btn-item {
    margin: 3.2rem 0 0 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .sg-content .search-sec .btn-item {
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .sg-content .search-sec .btn-item {
    margin: 4rem 0 0 2rem;
  }
}

.kigyou {
  line-height: 2;
}

.kigyou .header .h-left .logo {
  z-index: 11;
  padding-top: 6rem;
  width: 28%;
}

.kigyou .h-right {
  display: block;
}

.kigyou .h-right .h-right-in {
  display: flex;
}

@media screen and (max-width: 639px) {
  .kigyou .h-right {
    display: none;
  }
}

.kigyou .btn .btn-arrow::before {
  position: absolute;
  width: 9px;
  height: 8px;
  background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
  background-size: contain;
  content: "";
}

@media screen and (min-width: 960px) {
  .kigyou .header {
    padding: 0 0 0rem 6.5rem;
  }
}

@media screen and (max-width: 639px) {
  .kigyou .btn {
    justify-content: center;
    width: 280px;
    height: 44px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .kigyou .btn {
    justify-content: center;
    width: 300px;
    height: 50px;
    font-size: 1.4rem;
  }
}

.kigyou .btn .kigyou-link {
  margin: 0 20px;
}

.kigyou .kigyou-ttl01 {
  position: relative;
  margin: 4em 0;
  padding: 2em 0;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.kigyou .kigyou-ttl01::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #404040;
  content: "";
}

.kigyou .kigyou-ttl-in {
  font-size: 1.5em;
  background: #F9FFD4;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
}

.kigyou .license-container {
  max-width: 738px;
  width: 100%;
  margin: 50px auto 80px;
  padding: 30px;
  background: #FEFFF5;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #404040;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 639px) {
  .kigyou .license-container {
    width: 75%;
    margin: 50px auto;
  }
}

@media screen and (min-width: 768px) {
  .kigyou .license-container {
    flex-direction: row;
    justify-content: center;
  }
}

.kigyou .license-container .license-img {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .kigyou .license-container .license-img {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}

.kigyou .license-container .license-img img {
  width: 60px;
  height: auto;
}

.kigyou .license-container .license-txt {
  width: 435px;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #2f2f2f;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .kigyou .license-container .license-txt {
    text-align: left;
  }
}

@media screen and (max-width: 639px) {
  .kigyou .license-container .license-txt {
    line-height: 2.5rem;
    width: 100%;
  }
}

.kigyou .kigyou-txt01 {
  font-style: normal;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .kigyou .kigyou-txt01 {
    text-align: left;
  }
}

.kigyou .kigyou-ttl02 {
  color: #F1AC98;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
  padding: 1em 0;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

@media screen and (max-width: 639px) {
  .kigyou .kigyou-ttl02 {
    font-size: 2.5rem;
  }
}

.kigyou .kigyou-sec01 {
  padding: 120px 0 0 0;
}

@media screen and (max-width: 639px) {
  .kigyou .kigyou-sec01 {
    padding: 60px 0 0 0;
  }
}

.kigyou .kigyou-sec01 .ttl {
  margin-bottom: 1.4rem;
  padding-bottom: 2.4rem;
  font-size: 3.2rem;
}

@media screen and (max-width: 639px) {
  .kigyou .kigyou-sec01 .ttl {
    margin-bottom: 3.2rem;
    padding-bottom: 1.6rem;
    font-size: 2rem;
  }
}

.kigyou-sec02 {
  display: flex;
}

.kigyou-sec02 .kigyou-in {
  display: flex;
  max-width: 800px;
  width: 100%;
  /* 画面幅に応じて調整 */
  margin: 0 auto;
}

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

.kigyou-sec02 .kigyou-block01 {
  width: 30%;
  margin: 1.5rem 0;
  margin-right: 35px;
}

@media screen and (max-width: 639px) {
  .kigyou-sec02 .kigyou-block01 {
    width: 75%;
    margin: 0 auto 30px;
  }
}

.kigyou-sec02 .kigyou-block01:last-child {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .kigyou-sec02 .kigyou-block01:last-child {
    width: 75%;
    margin: 0 auto 30px;
  }
}

.kigyou-sec02 .kigyou-block01 .kigyou-img01 {
  width: 80px;
  padding: 0 0 15px 0;
}

.kigyou-sec02 .kigyou-block01 .kigyou-ttl03 {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 0 10px 0;
  text-align: center;
}

.kigyou-sec02 .kigyou-block01 .kigyou-text {
  font-size: 12px;
}

.kigyou-sec03 {
  max-width: 738px;
  width: 100%;
  /* 画面幅に応じて調整 */
  margin: 50px auto 80px;
  padding: 30px;
  background: linear-gradient(85.35deg, #FBFFC8 16.37%, #EBFFFB 108.44%);
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .kigyou-sec03 {
    width: 75%;
    margin: 50px auto 50px;
  }
}

.kigyou-sec03 .kigyou-ttl04 {
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
  text-align: center;
  word-wrap: break-word;
}

.kigyou-sec03 .kigyou-ttl04 .ttl {
  margin-bottom: 0;
  padding-bottom: 0;
}

.kigyou-sec03 .kigyou-ttl04 .ttl::after {
  display: none;
}

.kigyou-sec03 .kigyou-sec03-txt {
  font-style: normal;
  letter-spacing: 0.2px;
  color: #2F2F2F;
  line-height: 3.2em;
}

@media screen and (max-width: 639px) {
  .kigyou-sec03 .kigyou-sec03-txt {
    line-height: 2.5em;
  }
}

.kigyou-sec03 .notice {
  text-align: center;
  display: block;
  padding: 30px 0;
  font-size: 0.9em;
}

.kigyou-sec04 {
  padding: 0 0 6rem 0;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 {
    padding: 0 0 3rem 0;
  }
}

.kigyou-sec04 .ttl {
  margin-bottom: 11.4rem;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 .ttl {
    margin-bottom: 5rem;
  }
}

.kigyou-sec04 .decide {
  margin: 2rem 0 0 0;
}

.kigyou-sec04 .kigyou-sec04-in {
  display: flex;
  width: 792px;
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 .kigyou-sec04-in {
    display: block;
    width: 100%;
  }
}

.kigyou-sec04 .kigyou-sec04-in .block01 {
  padding: 0 40px 0 0;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 .kigyou-sec04-in .block01 {
    padding: 0;
  }
}

.kigyou-sec04 .kigyou-sec04-in .block01 .complete-txt {
  text-decoration: underline;
}

.kigyou-sec04 .kigyou-sec04-in .block01 .term-link {
  color: #f1ac98;
  text-decoration: underline;
}

.kigyou-sec04 .kigyou-sec04-in .block02 {
  position: relative;
  top: -44px;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 .kigyou-sec04-in .block02 {
    top: 0;
    padding: 30px 0 0 0;
  }
}

.kigyou-sec04 .kigyou-sec04-in .block02 .flowchart-title {
  text-align: center;
  font-weight: 700;
  padding: 0 0 20px 0;
}

.kigyou-sec04 .flowchart {
  list-style: none;
  /* リストのマーカーを消す */
  counter-reset: step;
  /* カウンターを初期化 */
  padding: 0;
}

.kigyou-sec04 .flowchart li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 30px;
  width: 309px;
  background: #FEFFF5;
  border: 1px solid #404040;
  border-radius: 30px;
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  .kigyou-sec04 .flowchart li {
    margin: 0 auto 20px;
  }
}

.kigyou-sec04 .flowchart li:last-child {
  background: linear-gradient(85.35deg, #FBFFC8 16.37%, #EBFFFB 108.44%);
  position: unset;
}

.kigyou-sec04 .flowchart li:last-child::after {
  display: none;
}

.kigyou-sec04 .flowchart li::after {
  position: absolute;
  bottom: -14px;
  left: 51px;
  height: 12px;
  border-right: 1.5px dashed;
  content: "";
}

.kigyou-sec04 .flowchart li .number {
  margin-right: 8px;
}

.faq-sec {
  width: 786px;
  margin: 0 auto 11.6rem;
}

@media screen and (max-width: 639px) {
  .faq-sec {
    width: 90%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
}

.faq-sec .ttl {
  margin-bottom: 3rem;
}

.faq-sec .ttl::after {
  width: 30%;
  max-width: 400px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  background: #404040;
  content: "";
  transform: translateX(-50%);
  border-radius: 100px;
}

.faq-sec .faq-title {
  font-weight: 700;
  padding: 0 0 15px 0;
}

.faq-sec .faq-txt {
  font-size: 14px;
}

@media screen and (max-width: 639px) {
  .faq-sec .faq-blk {
    width: 100%;
    padding: 0 0 0px 0;
  }
}

.faq-sec .faq-data {
  border-bottom: 1px solid #2f2f2f;
  padding: 20px;
}

.custom-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 100%;
  padding: 1.6rem;
  border: 1px solid #404040;
  box-shadow: 1px 1px 0px #404040;
  box-sizing: border-box;
  background: #fff;
  color: #2F2F2F;
  font-size: 1.6rem;
  font-weight: 700;
  outline: none;
  border-radius: 8px;
  cursor: pointer;
}

@media screen and (min-width: 960px) {
  .free-word-sec .top-free-word-content .word-btn {
    display: flex;
    gap: 16px;
    width: 50%;
    justify-content: space-between;
  }
}

.free-word-sec .top-free-word-content .word-btn .btn {
  width: 100%;
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .free-word-sec .top-free-word-content .word-btn .btn {
    height: 88px;
    padding: 0 3.2rem;
  }
}

@media screen and (max-width: 639px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow {
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow {
    width: 28px;
    height: 28px;
  }
}

.free-word-sec .top-free-word-content .word-btn .btn .btn-arrow::before {
  background: url(/images/large_arrow_icon.png?c1fdaba6bd81b2c486f82461f9c1a0e2) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 639px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow::before {
    width: 9px;
    height: 8px;
  }
}

@media screen and (min-width: 960px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow::before {
    width: 12px;
    height: 11px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .top-free-word-content .word-btn .btn .btn-arrow::before {
    width: 11px;
    height: 10px;
  }
}

@media screen and (max-width: 639px) {
  .free-word-sec .top-free-word-content .word-btn .btn.btn-mt {
    margin-top: 1.2rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .free-word-sec .top-free-word-content .word-btn .btn.btn-mt {
    margin-top: 1.4rem;
  }
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container {
    overflow: scroll;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container {
    overflow: scroll;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav {
  position: relative;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: table;
    white-space: nowrap;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: flex;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container .tab-nav {
    display: table;
    white-space: nowrap;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 3px;
  background: linear-gradient(86.28deg, #FFF6A0 -1.38%, #A8FFEE 66.01%);
  content: "";
  transform: translateX(-50%);
}

.jobs-region-sec .tab-nav-container .tab-nav .tab-link {
  display: table-cell;
  position: relative;
  flex: 1;
  z-index: 1;
  color: #2F2F2F;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 1.5rem 0.5rem;
    width: 25%;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 2rem 1rem;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-nav-container .tab-nav .tab-link {
    padding: 0 3rem 1rem;
    width: 25%;
  }
}

.jobs-region-sec .tab-nav-container .tab-nav .tab-link.is-active {
  font-weight: 700;
  border-bottom: 3px solid #404040;
  opacity: 1;
}

.jobs-region-sec .tab-nav-container::-webkit-scrollbar {
  width: 100%;
  height: 8px;
}

.jobs-region-sec .tab-content {
  display: none;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content {
    margin: 0 1.6rem;
  }
}

.jobs-region-sec .tab-content.is-active {
  display: block;
}

.jobs-region-sec .tab-content .tab-blk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6rem;
}

.jobs-region-sec .tab-content .tab-blk .tab-item {
  box-sizing: border-box;
  color: #2F2F2F;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    width: 47%;
    padding: 1.5rem 0 2.5rem;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    display: flex;
    width: 48%;
    padding: 2rem 0;
    max-width: 580px;
    border-bottom: 1px solid #A5A5A5;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item {
    width: 47%;
    padding: 1.5rem 0 2.5rem;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin: 0 1.5rem;
    width: 76%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img {
    margin-bottom: 1.5rem;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
  border-radius: 4px;
}

@media screen and (max-width: 639px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .jobs-region-sec .tab-content .tab-blk .tab-item .tab-info {
    width: 73%;
  }
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .date {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "Lato", sans-serif;
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .tab-ttl {
  margin: 0.5rem 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.jobs-region-sec .tab-content .tab-blk .tab-item .tab-info .tab-txt {
  font-size: 1.2rem;
}

.jobs-region-sec .tab-content .tab-blk .tab-content-empty-text {
  line-height: 3;
}

.search-gp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.search-gp li {
  border-bottom: 1px solid #404040;
}

@media screen and (max-width: 639px) {
  .search-gp li {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li {
    width: 48%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li {
    width: 100%;
  }
}

.search-gp li a {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  color: #2F2F2F;
}

@media screen and (max-width: 639px) {
  .search-gp li a {
    padding: 1.6rem 5rem 1.6rem 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a {
    padding: 4.3% 7rem 4.3% 4.3%;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a {
    padding: 2rem 7rem 2rem 2rem;
  }
}

.search-gp li a .top-search-img {
  margin-right: 1.5rem;
  padding: 0.2rem;
  border: 1px solid #404040;
  border-radius: 50%;
}

.search-gp li a .top-search-img img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 639px) {
  .search-gp li a .top-search-img img {
    width: 42px;
    height: 42px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .top-search-img img {
    width: 70px;
    height: 70px;
  }
}

.search-gp li a .search-txt {
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
}

.search-gp li a .search-arrow {
  position: absolute;
  top: 50%;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #EBFFFB;
  content: "";
  transform: translateY(-50%);
  transition: all 0.4s;
  border-radius: 50%;
}

@media screen and (max-width: 639px) {
  .search-gp li a .search-arrow {
    right: 20px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a .search-arrow {
    right: 27px;
    width: 32px;
    height: 32px;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .search-arrow {
    right: 27px;
    width: 28px;
    height: 28px;
  }
}

.search-gp li a .search-arrow span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.search-gp li a .search-arrow span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 639px) {
  .search-gp li a .search-arrow span::before {
    width: 9px;
    height: 8px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 960px) {
  .search-gp li a .search-arrow span::before {
    width: 12px;
    height: 11px;
    background: url(/images/large_arrow_icon.png?c1fdaba6bd81b2c486f82461f9c1a0e2) no-repeat center;
    background-size: contain;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .search-gp li a .search-arrow span::before {
    width: 11px;
    height: 10px;
    background: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4) no-repeat center;
    background-size: contain;
  }
}

.search-gp li a:hover {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .search-gp li a:hover .search-arrow {
    right: 0;
  }
}

@media screen and (min-width: 960px) {
  .search-gp.search-theme1 li {
    width: 31%;
  }
}

.entry-sec .button-box .agree-checkbox-container {
  width: 254px;
  margin: 0 auto 1rem;
  font-size: 0.8em;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row {
  position: relative;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row input[type=checkbox] {
  display: none;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row label:before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  margin-right: 0.8rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  content: "";
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 2px;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row label .title {
  padding-left: 24px;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row label .title a {
  color: #2F2F2F;
  text-decoration: underline;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row label .title a:hover,
.entry-sec .button-box .agree-checkbox-container .checkbox-row label .title a:active,
.entry-sec .button-box .agree-checkbox-container .checkbox-row label .title a:focus {
  opacity: 1;
}

.entry-sec .button-box .agree-checkbox-container .checkbox-row input[type=checkbox]:checked + label::after {
  display: block;
  position: absolute;
  top: 44%;
  left: 7px;
  width: 4px;
  height: 10px;
  border: solid #2F2F2F;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  border-width: 0 2px 2px 0;
}

.entry-sec .button-box .agree-checkbox-container .error-message-row {
  color: #FF1818;
  margin-top: 0.5rem;
}

.entry-sec .button-box {
  margin-bottom: 10rem;
}

.entry-sec .button-box .agree-checkbox-container {
  margin-bottom: 1.6rem;
}

.entry-sec .button-box .agree-checkbox-container .error-message-row {
  display: none;
}

.entry-sec .button-box .btn-theme4 {
  margin-top: 0;
}

.entry-sec .button-box .submit-btn.disabled {
  box-shadow: none;
  border-color: #878787;
  background: #ffffff;
}

.entry-sec .button-box .submit-btn.disabled .btn-arrow {
  background: #ffffff;
  border-color: #878787;
}

.entry-sec .industory-select {
  margin-bottom: 1.6rem;
}

.entry-sec .chk-field-list.occupation-list {
  display: none;
}

.entry-sec .chk-field-list.occupation-list.active {
  display: flex;
}

.chk-field-pp {
  justify-content: center;
  margin-top: clamp(4rem, 5.2083333333vw, 6.4rem);
}

.chk-field-pp .chk-field label a {
  color: #0d6efd;
}

.chk-field-pp + .btn {
  margin-top: 0 !important;
}

.form .content-ttl {
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  margin-bottom: clamp(6.4rem, 8.3333333333vw, 6.4rem);
}

.form .content-ttl strong {
  background: linear-gradient(86.28deg, #EBFFFB -1.38%, #FFFFEB 66.01%);
  font-weight: 500;
}

@media (min-width: 640px) {
  .form .content-ttl br {
    display: none;
  }
}

.form .label-sm {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-left: 4px;
}

.form .progress {
  margin-bottom: clamp(6.4rem, 8.3333333333vw, 6.4rem);
}

.form .field-gp .btn {
  color: #2F2F2F;
  width: 100%;
  margin: 0 auto;
}

.form .field-gp .btn:not(:last-child) {
  margin-bottom: 1.6rem;
}

.form .back-btn {
  margin-left: auto;
  margin-right: auto;
}

.progress {
  --progress-font-size: 1.6rem;
  --progress-check-size: 3.6rem;
  counter-reset: number 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

@media (max-width: 639.98px) {
  .progress {
    --progress-check-size: 2.0rem;
    --progress-font-size: 1.4rem;
  }
}

.progress li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  position: relative;
  font-size: var(--progress-font-size);
  line-height: 1.5;
}

.progress li:not(:first-child)::after {
  content: "";
  position: absolute;
  right: 50%;
  top: calc(var(--progress-font-size) * 1.5 + 0.5rem + 2px + var(--progress-check-size) * 0.5);
  transform: translate(0%, -50%);
  width: 100%;
  height: 2px;
  background-color: #878787;
  align-self: flex-start;
}

.progress li::before {
  content: "";
  order: 2;
  width: var(--progress-check-size);
  height: var(--progress-check-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #C4C4C4;
  border-radius: 50%;
  background-color: #EDEDED;
  background-size: contain;
  position: relative;
  z-index: 1;
}

.progress li .num {
  order: 1;
  color: #A5A5A5;
}

.progress li .num::before {
  counter-increment: number 1;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  content: "step" counter(number) "";
}

.progress li .progress-text {
  order: 3;
  font-size: clamp(0.9rem, 1.3020833333vw, 1.2rem);
  color: #878787;
}

@media (max-width: 639.98px) {
  .progress li .progress-text {
    white-space: nowrap;
  }
}

.progress li.is-active + li::after {
  background-color: #000;
}

.progress li.is-active::before {
  border-color: #404040;
  background-color: #FFF6A0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23404040' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(var(--progress-check-size) * 0.5);
}

.progress li.is-active .num {
  color: #2F2F2F;
}

.progress li.is-active .progress-text {
  color: #2F2F2F;
  font-weight: bold;
}

.pg-content .form .chk-field-list.check-btn-list {
  margin: 0;
}

.pg-content .form .chk-field-list.check-btn-list .chk-field {
  padding-left: 0;
  margin: 0;
}

.check-btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.check-btn-list .chk-field input[type=checkbox],
.check-btn-list .chk-field input[type=radio] {
  display: none;
}

.check-btn-list .chk-field input[type=checkbox]:checked + label,
.check-btn-list .chk-field input[type=radio]:checked + label {
  background-color: #FFFFEB;
}

.check-btn-list .chk-field input[type=checkbox]:checked + label::after,
.check-btn-list .chk-field input[type=radio]:checked + label::after {
  left: 25px;
}

.check-btn-list .chk-field label {
  box-shadow: var(--box-shadow);
  border: 1px solid #404040;
  display: flex;
  align-items: center;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  border-radius: 8px;
}

.check-btn-list .chk-field label::before {
  position: static;
  display: block;
  transform: none;
}

.check-btn-list .chk-field input[type=radio] + label::before {
  position: static;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 0.8rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  content: "";
  cursor: pointer;
  border-radius: 50%;
}

.check-btn-list .chk-field input[type=radio]:checked + label::before {
  background-color: #EBFFFB;
}

.check-btn-list .chk-field input[type=radio]:checked + label::after {
  left: 23px;
  display: block;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #404040;
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

/*!
 * Bootstrap Grid v5.3.6 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 375px;
  --bs-breakpoint-md: 640px;
  --bs-breakpoint-lg: 960px;
  --bs-breakpoint-xl: 1200px;
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

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

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

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

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

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

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.4rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.4rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.8rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.8rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1.6rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1.6rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 2.4rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 2.4rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 4.8rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 4.8rem;
}

@media (min-width: 375px) {
  .col-sm {
    flex: 1 0 0;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.4rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.4rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.8rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.8rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1.6rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1.6rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 2.4rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 2.4rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 4.8rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 4.8rem;
  }
}

@media (min-width: 640px) {
  .col-md {
    flex: 1 0 0;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.4rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.4rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.8rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.8rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1.6rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1.6rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 2.4rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 2.4rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 4.8rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 4.8rem;
  }
}

@media (min-width: 960px) {
  .col-lg {
    flex: 1 0 0;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.4rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.4rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.8rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.8rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1.6rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1.6rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 2.4rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 2.4rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 4.8rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 4.8rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.4rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.4rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.8rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.8rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1.6rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1.6rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 2.4rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 2.4rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 4.8rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 4.8rem;
  }
}

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

.order-0 {
  order: 0 !important;
}

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

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.4rem !important;
}

.gap-2 {
  gap: 0.8rem !important;
}

.gap-3 {
  gap: 1.6rem !important;
}

.gap-4 {
  gap: 2.4rem !important;
}

.gap-5 {
  gap: 4.8rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.4rem !important;
}

.row-gap-2 {
  row-gap: 0.8rem !important;
}

.row-gap-3 {
  row-gap: 1.6rem !important;
}

.row-gap-4 {
  row-gap: 2.4rem !important;
}

.row-gap-5 {
  row-gap: 4.8rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.4rem !important;
       column-gap: 0.4rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.8rem !important;
       column-gap: 0.8rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1.6rem !important;
       column-gap: 1.6rem !important;
}

.column-gap-4 {
  -moz-column-gap: 2.4rem !important;
       column-gap: 2.4rem !important;
}

.column-gap-5 {
  -moz-column-gap: 4.8rem !important;
       column-gap: 4.8rem !important;
}

@media (min-width: 375px) {
  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

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

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.4rem !important;
  }

  .gap-sm-2 {
    gap: 0.8rem !important;
  }

  .gap-sm-3 {
    gap: 1.6rem !important;
  }

  .gap-sm-4 {
    gap: 2.4rem !important;
  }

  .gap-sm-5 {
    gap: 4.8rem !important;
  }

  .row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .row-gap-sm-1 {
    row-gap: 0.4rem !important;
  }

  .row-gap-sm-2 {
    row-gap: 0.8rem !important;
  }

  .row-gap-sm-3 {
    row-gap: 1.6rem !important;
  }

  .row-gap-sm-4 {
    row-gap: 2.4rem !important;
  }

  .row-gap-sm-5 {
    row-gap: 4.8rem !important;
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-sm-1 {
    -moz-column-gap: 0.4rem !important;
         column-gap: 0.4rem !important;
  }

  .column-gap-sm-2 {
    -moz-column-gap: 0.8rem !important;
         column-gap: 0.8rem !important;
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1.6rem !important;
         column-gap: 1.6rem !important;
  }

  .column-gap-sm-4 {
    -moz-column-gap: 2.4rem !important;
         column-gap: 2.4rem !important;
  }

  .column-gap-sm-5 {
    -moz-column-gap: 4.8rem !important;
         column-gap: 4.8rem !important;
  }
}

@media (min-width: 640px) {
  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

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

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.4rem !important;
  }

  .gap-md-2 {
    gap: 0.8rem !important;
  }

  .gap-md-3 {
    gap: 1.6rem !important;
  }

  .gap-md-4 {
    gap: 2.4rem !important;
  }

  .gap-md-5 {
    gap: 4.8rem !important;
  }

  .row-gap-md-0 {
    row-gap: 0 !important;
  }

  .row-gap-md-1 {
    row-gap: 0.4rem !important;
  }

  .row-gap-md-2 {
    row-gap: 0.8rem !important;
  }

  .row-gap-md-3 {
    row-gap: 1.6rem !important;
  }

  .row-gap-md-4 {
    row-gap: 2.4rem !important;
  }

  .row-gap-md-5 {
    row-gap: 4.8rem !important;
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-md-1 {
    -moz-column-gap: 0.4rem !important;
         column-gap: 0.4rem !important;
  }

  .column-gap-md-2 {
    -moz-column-gap: 0.8rem !important;
         column-gap: 0.8rem !important;
  }

  .column-gap-md-3 {
    -moz-column-gap: 1.6rem !important;
         column-gap: 1.6rem !important;
  }

  .column-gap-md-4 {
    -moz-column-gap: 2.4rem !important;
         column-gap: 2.4rem !important;
  }

  .column-gap-md-5 {
    -moz-column-gap: 4.8rem !important;
         column-gap: 4.8rem !important;
  }
}

@media (min-width: 960px) {
  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

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

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.4rem !important;
  }

  .gap-lg-2 {
    gap: 0.8rem !important;
  }

  .gap-lg-3 {
    gap: 1.6rem !important;
  }

  .gap-lg-4 {
    gap: 2.4rem !important;
  }

  .gap-lg-5 {
    gap: 4.8rem !important;
  }

  .row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .row-gap-lg-1 {
    row-gap: 0.4rem !important;
  }

  .row-gap-lg-2 {
    row-gap: 0.8rem !important;
  }

  .row-gap-lg-3 {
    row-gap: 1.6rem !important;
  }

  .row-gap-lg-4 {
    row-gap: 2.4rem !important;
  }

  .row-gap-lg-5 {
    row-gap: 4.8rem !important;
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-lg-1 {
    -moz-column-gap: 0.4rem !important;
         column-gap: 0.4rem !important;
  }

  .column-gap-lg-2 {
    -moz-column-gap: 0.8rem !important;
         column-gap: 0.8rem !important;
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1.6rem !important;
         column-gap: 1.6rem !important;
  }

  .column-gap-lg-4 {
    -moz-column-gap: 2.4rem !important;
         column-gap: 2.4rem !important;
  }

  .column-gap-lg-5 {
    -moz-column-gap: 4.8rem !important;
         column-gap: 4.8rem !important;
  }
}

@media (min-width: 1200px) {
  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

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

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.4rem !important;
  }

  .gap-xl-2 {
    gap: 0.8rem !important;
  }

  .gap-xl-3 {
    gap: 1.6rem !important;
  }

  .gap-xl-4 {
    gap: 2.4rem !important;
  }

  .gap-xl-5 {
    gap: 4.8rem !important;
  }

  .row-gap-xl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xl-1 {
    row-gap: 0.4rem !important;
  }

  .row-gap-xl-2 {
    row-gap: 0.8rem !important;
  }

  .row-gap-xl-3 {
    row-gap: 1.6rem !important;
  }

  .row-gap-xl-4 {
    row-gap: 2.4rem !important;
  }

  .row-gap-xl-5 {
    row-gap: 4.8rem !important;
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-xl-1 {
    -moz-column-gap: 0.4rem !important;
         column-gap: 0.4rem !important;
  }

  .column-gap-xl-2 {
    -moz-column-gap: 0.8rem !important;
         column-gap: 0.8rem !important;
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1.6rem !important;
         column-gap: 1.6rem !important;
  }

  .column-gap-xl-4 {
    -moz-column-gap: 2.4rem !important;
         column-gap: 2.4rem !important;
  }

  .column-gap-xl-5 {
    -moz-column-gap: 4.8rem !important;
         column-gap: 4.8rem !important;
  }
}

:root {
  --color: #2F2F2F;
  --border-color: #C4C4C4;
  --search-active-bg: #FBFFC8;
  --search-collapse-spacer: 2rem;
  --transition-base: all .4s;
  --box-shadow: 1px 1px 0 #404040;
}

.box:not(:last-child) {
  margin-bottom: clamp(4rem, 7.8125vw, 6rem);
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

.collapse-inner {
  padding: clamp(1.6rem, 2.6041666667vw, 2rem);
}

.card {
  border: 1px solid #404040;
  box-shadow: var(--box-shadow);
  box-sizing: border-box;
  background: linear-gradient(109.66deg, #ebfffb -2.67%, #fff 33.68%);
  border-radius: 8px;
}

.card-img {
  padding: 0.8rem;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
}

.card-img > img {
  display: block;
  max-width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: relative;
  z-index: 0;
}

.card-body {
  padding: 1.6rem;
}

.card-title {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}

.card-text {
  font-size: 1.4rem;
}

.readmore {
  --readmore-btn-size: 24px;
  transition: height 0.35s ease;
  interpolate-size: allow-keywords;
}

.readmore-btn {
  width: var(--readmore-btn-size);
  height: var(--readmore-btn-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #404040;
  border-radius: 50%;
  background-color: #FFFFEB;
  cursor: pointer;
}

.readmore-btn::before {
  content: "";
  background: url(/images/small_chevron_down_icon.png?7f6808e4d5ed60fa417ad77a94a2c661) no-repeat center;
  width: calc(var(--readmore-btn-size) * 0.35);
  height: calc(var(--readmore-btn-size) * 0.35);
  background-size: contain;
  transition: all 0.35s ease;
}

.readmore.is-active {
  height: auto !important;
}

.readmore.is-active .readmore-btn::before {
  transform: rotate(180deg);
}

.check-box-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.6rem;
}

.check-box-list:not(:last-child) {
  margin-bottom: var(--search-collapse-spacer);
}

@media (max-width: 639.98px) {
  .check-box-list {
    flex-direction: column;
  }
}

@media (max-width: 639.98px) {
  .check-box-list .list-item:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
}

.check-box-list .list-item.-parent {
  flex: 1 1 100%;
}

.check-box-list .list-item.-child {
  flex: 0 0 auto;
}

.check-box-list .list-item .check-box {
  --check-box-size: 24px;
  display: flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  color: #2F2F2F;
  cursor: pointer;
}

.check-box-list .list-item .check-box label {
  width: 100%;
  padding: 1rem 0 1rem calc(var(--check-box-size) * 1.25);
  cursor: pointer;
}

@media (max-width: 639.98px) {
  .check-box-list .list-item .check-box label {
    padding-top: calc(var(--check-box-size) * 0.75);
    padding-bottom: calc(var(--check-box-size) * 0.75);
  }
}

.check-box-list .list-item .check-box input[type=checkbox] + label::before {
  position: absolute;
  top: 50%;
  left: 0px;
  width: var(--check-box-size);
  height: var(--check-box-size);
  margin-right: 0.8rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  content: "";
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 2px;
}

.check-box-list .list-item .check-box input[type=checkbox]:checked + label::before {
  background: #EBFFFB;
}

.check-box-list .list-item .check-box input[type=checkbox]:checked + label::after {
  display: block;
  position: absolute;
  top: 48%;
  left: calc(var(--check-box-size) * 0.35);
  width: calc(var(--check-box-size) * 0.166666667);
  height: calc(var(--check-box-size) * 0.416666667);
  border: solid #2F2F2F;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  border-width: 0 2px 2px 0;
}

.check-box-list .list-item .check-box .title {
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
}

.search-collapse-toggle {
  padding: 2rem;
  border-bottom: 1px solid #404040;
  color: #2F2F2F;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background-color: var(--search-active-bg);
  width: 100%;
}

.search-collapse-toggle::after {
  content: "";
  display: block;
  background-color: var(--search-active-bg);
  width: clamp(2.2rem, 4.1666666667vw, 3.2rem);
  aspect-ratio: 1/1;
  background-image: url(/images/small_dash_icon.png?b7758f153c2dc4cfec3e6d20cfd78695);
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(1.2rem, 2.0833333333vw, 1.6rem);
  border-radius: 50%;
  border: 1px solid #404040;
}

.search-collapse-toggle.collapsed {
  background-color: #fff;
}

.search-collapse-toggle.collapsed::after {
  background-image: url(/images/small_plus_icon.png?e87468bfb52ccbaf859541201ad17284);
}

.search-collapse-toggle .search-img {
  margin-right: 1.5rem;
  padding: 0.2rem;
  border: 1px solid #404040;
  border-radius: 50%;
  overflow: hidden;
  width: clamp(4.2rem, 7.2916666667vw, 9rem);
  aspect-ratio: 1/1;
}

.search-collapse-toggle .search-txt {
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  flex: 1;
}

.search-collapse-content {
  margin-top: -1px;
}

.search-collapse-content .collapse-inner {
  border: 1px solid #404040;
}

.search-collapse-title {
  font-weight: 500;
  margin-bottom: clamp(0.8rem, 1.0416666667vw, 0.8rem);
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  font-size: clamp(1.8rem, 2.6041666667vw, 2rem);
}

.search-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.search-result-num {
  flex: 0 0 60px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-right: clamp(1.6rem, 2.6041666667vw, 2rem);
}

.search-result-num span {
  font-size: 16px;
}

@media (max-width: 639.98px) {
  .search-result-num {
    flex: 0 0 auto;
    margin-right: var(--search-collapse-spacer);
  }
}

@media (min-width: 640px) {
  .search-result-btn-wrap {
    flex: 0 0 auto;
    min-width: 343px;
  }
}

@media (max-width: 639.98px) {
  .search-result-btn-wrap {
    flex: 1;
  }
}

.search-result .btn {
  margin: 0;
  width: 100%;
}

.search-collapse-content .search-result {
  margin-top: calc(var(--search-collapse-spacer) * 2);
}

.search-collapse-prefecture .-item {
  font-size: 14px;
  padding-bottom: 1rem;
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-item {
    padding-bottom: 2rem;
  }
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-item:not(:last-child) {
    margin-bottom: 2rem;
    border-bottom: 1px solid #C4C4C4;
  }
}

.search-collapse-prefecture .-parent {
  white-space: nowrap;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  text-align: center;
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-parent {
    font-size: 22px;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 640px) {
  .search-collapse-prefecture .-parent {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #404040;
  }
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-child {
    overflow: hidden;
  }
}

.search-collapse-prefecture .-child ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-child ul {
    flex-wrap: nowrap;
    gap: 1.5rem;
    padding-bottom: 1rem;
    overflow-x: scroll;
    padding-bottom: 2rem;
  }

  .search-collapse-prefecture .-child ul::-webkit-scrollbar {
    height: 7px;
  }

  .search-collapse-prefecture .-child ul::-webkit-scrollbar-thumb {
    border-radius: 5rem;
  }

  .search-collapse-prefecture .-child ul::-webkit-scrollbar-thumb {
    background: linear-gradient(86.28deg, #0d6efd -1.38%, #A8FFEE 66.01%);
  }
}

@media (min-width: 640px) {
  .search-collapse-prefecture .-child ul {
    flex-direction: column;
    text-align: center;
  }
}

.search-collapse-prefecture .-child li a {
  color: #0d6efd;
}

@media (max-width: 639.98px) {
  .search-collapse-prefecture .-child li a {
    display: block;
    color: var(--color);
    border: 1px solid var(--color);
    padding: 0.5em 1.5em;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: var(--box-shadow);
  }
}

.search-collapse-employment .check-box-list {
  padding-bottom: calc(var(--search-collapse-spacer) * 0.5);
  margin-bottom: calc(var(--search-collapse-spacer) * 1);
}

.search-collapse-employment .search-income .search-income-ttl {
  margin-bottom: 0.5rem;
}

@media (max-width: 639.98px) {
  .search-collapse-employment .check-box-list .list-item {
    border-bottom: 1px solid var(--border-color);
  }
}

.search-collapse-commitment .search-collapse-title {
  font-size: 1.4rem;
  border-bottom: 2px solid #404040;
  text-align: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 639.98px) {
  .search-collapse-commitment .search-collapse-title {
    text-align: left;
    font-size: 18px;
  }
}

.search-collapse-commitment .check-box-list {
  font-size: 1.2rem;
}

@media (max-width: 639.98px) {
  .search-collapse-commitment .check-box-list .list-item {
    border-bottom: 1px solid var(--border-color);
  }
}

@media (min-width: 640px) {
  .search-collapse-commitment .check-box-list .list-item .check-box {
    --check-box-size: 16px;
  }

  .search-collapse-commitment .check-box-list .list-item .check-box label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.search-box-prefecture {
  text-align: center;
}

.search-box-prefecture .-item ul li a {
  display: block;
  color: #0d6efd;
}

.search-box-prefecture .-item .search-txt {
  margin-bottom: 0.5rem;
}

@media (min-width: 960px) {
  .search-box-prefecture {
    margin-top: var(--search-collapse-spacer);
  }

  .search-box-prefecture div[data-bs-toggle=collapse] {
    pointer-events: none;
  }

  .search-box-prefecture .collapse {
    display: block;
  }

  .search-box-prefecture .-item ul li a {
    font-size: 1.4rem;
    padding: 0.5rem 0;
  }

  .search-box-prefecture .-item .search-txt {
    font-size: 1.4rem;
    font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
    border-bottom: 2px solid #404040;
    padding: 1rem;
  }
}

@media (max-width: 959.98px) {
  .search-box-prefecture {
    margin-top: var(--search-collapse-spacer);
    padding-left: var(--search-collapse-spacer);
    padding-right: var(--search-collapse-spacer);
  }

  .search-box-prefecture .-item .search-txt {
    display: block;
    color: var(--color);
    border: 1px solid var(--color);
    padding: 0.5em 1.5em;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: var(--box-shadow);
  }

  .search-box-prefecture .-item ul {
    display: flex;
    flex-wrap: wrap;
  }

  .search-box-prefecture .-item ul li {
    flex: 0 0 50%;
  }

  .search-box-prefecture .-item ul li a {
    padding: 1rem;
  }
}

@media (max-width: 639.98px) {
  .search-box-prefecture .-item ul li a {
    font-size: 1.6rem;
  }
}

.page-other-sec > .container > .search-collapse-other-parent > .search-collapse-toggle {
  border-bottom: 1px solid var(--color);
}

.page-other-sec > .container > .search-collapse-other-parent > .search-collapse-toggle .ttl {
  padding: 0;
  margin: 0 auto;
  font-size: clamp(2rem, 2.6041666667vw, 2.6rem);
}

.page-other-sec > .container > .search-collapse-other-parent > .search-collapse-toggle .ttl::after {
  display: none;
}

.page-other-sec .search-collapse-other-child .search-result .btn {
  width: 100%;
  font-size: 1.4rem;
}

.search-status {
  width: 100%;
  border-top: 2px solid #404040;
}

.search-status tr:last-child td,
.search-status tr:last-child th {
  border-color: #404040;
  border-width: 2px;
}

.search-status td,
.search-status th {
  vertical-align: middle;
  text-align: left;
  padding: clamp(1.2rem, 2.0833333333vw, 1.6rem);
  border-bottom: 1px solid var(--border-color);
}

.search-status th {
  max-width: clamp(13rem, 32.5520833333vw, 25rem);
}

.search-status-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.search-status-choice {
  color: #A5A5A5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  flex: 1;
}

.search-status-choice > span {
  flex: 0 0 auto;
  color: #2F2F2F;
}

.search-status .search-arrow {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1;
  flex: 0 0 auto;
  color: #0d6efd;
}

.search-status .search-arrow::after {
  content: "";
  display: block;
  background-color: var(--search-active-bg);
  width: clamp(1.6rem, 2.0833333333vw, 1.6rem);
  aspect-ratio: 1/1;
  background-image: url(/images/small_arrow_icon.png?b34de84bc4eafa0d9f7de15512a407d4);
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(1rem, 1.3020833333vw, 1rem);
  border-radius: 50%;
  border: 1px solid #404040;
  transition: var(--transition-base);
}

.search-status .search-arrow:hover::after {
  transform: translateX(0.5rem);
}

.collapse-station-inner {
  border: 1px solid #404040;
}

@media (max-width: 639.98px) {
  .collapse-station-inner {
    border-right: none;
    border-left: none;
  }
}

.collapse-station-inner > .search-collapse-title {
  padding: clamp(1.6rem, 2.6041666667vw, 2rem);
  border-bottom: 1px solid #404040;
  margin-bottom: 0;
}

.collapse-station-inner .search-result {
  padding: 0 clamp(1.6rem, 2.6041666667vw, 2rem) clamp(1.6rem, 2.6041666667vw, 2rem);
}

.railway-item {
  border-bottom: 1px solid #404040;
}

@media (min-width: 640px) {
  .railway-item {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
  }
}

.railway-com {
  background-color: #EDEDED;
  font-weight: bold;
  padding: clamp(0.5rem, 1.3020833333vw, 1rem) clamp(1.6rem, 2.6041666667vw, 2rem);
}

@media (min-width: 640px) {
  .railway-com {
    border-right: 1px solid #404040;
  }
}

@media (max-width: 639.98px) {
  .railway-com {
    border-bottom: 1px solid #404040;
  }
}

@media (min-width: 640px) {
  .station-list {
    font-size: 1.2rem;
  }
}

.station-list .search-collapse-toggle {
  border: none;
}

@media (min-width: 640px) {
  .station-list .search-collapse-toggle {
    padding: clamp(0.5rem, 0.6510416667vw, 0.5rem) clamp(1.6rem, 2.0833333333vw, 1.6rem);
  }
}

.station-list .search-collapse-toggle:not(:nth-last-child(2)) {
  border-bottom: 1px solid #404040;
}

.station-list .search-collapse-content:last-child .collapse-inner {
  border-bottom: none;
}

.station-list .collapse-inner {
  border-left: none;
  border-right: none;
}

@media (min-width: 640px) {
  .station-list .collapse-inner {
    padding: clamp(0.5rem, 0.6510416667vw, 0.5rem) clamp(1.6rem, 2.0833333333vw, 1.6rem);
  }
}

@media (min-width: 640px) {
  .station-list .collapse-inner .check-box-list .list-item .check-box {
    --check-box-size: 14px;
  }

  .station-list .collapse-inner .check-box-list .list-item .check-box label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .station-list .collapse-inner .check-box-list .list-item .check-box .title {
    font-size: 1.2rem;
  }
}

.sort-nav {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 2rem;
}

.sort-nav-item {
  flex: 1;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  font-size: clamp(1.6rem, 3.125vw, 2.4rem);
  position: relative;
}

.sort-nav-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

.sort-nav-item a,
.sort-nav-item span {
  display: block;
  color: var(--border-color);
  font-weight: bold;
  text-align: center;
  padding: clamp(1.6rem, 2.6041666667vw, 2rem);
}

.sort-nav-item a:hover {
  color: var(--color);
}

.sort-nav-item.is-active a,
.sort-nav-item.is-active span {
  color: var(--color);
}

.sort-nav-item.is-active::before {
  background: linear-gradient(86.28deg, #0d6efd -1.38%, #A8FFEE 66.01%);
}

.all-prefecture-sec .tag-list {
  justify-content: center;
}

.area-sec .tag-list {
  justify-content: center;
}

.reason-sec .container {
  box-sizing: border-box;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.reason-sec .row {
  justify-content: center;
  counter-reset: number 0;
}

.reason-sec .card {
  position: relative;
  z-index: 0;
  height: 100%;
}

.reason-sec .card .num {
  line-height: 1;
  font-weight: bold;
  font-size: 1.5em;
  width: 60px;
  position: absolute;
  z-index: 1;
  top: -1rem;
  left: -1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  background: linear-gradient(86.28deg, #FFF6A0 -1.38%, #A8FFEE 66.01%);
  border: 1px solid;
  box-shadow: var(--box-shadow);
}

.reason-sec .card .num::before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero) " ";
}

.chk-field-pp {
  justify-content: center;
  margin-top: clamp(4rem, 5.2083333333vw, 6.4rem);
}

.chk-field-pp .chk-field label a {
  color: #0d6efd;
}

.chk-field-pp + .btn {
  margin-top: 0 !important;
}

.form .content-ttl {
  text-align: center;
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  margin-bottom: clamp(6.4rem, 8.3333333333vw, 6.4rem);
}

.form .content-ttl strong {
  background: linear-gradient(86.28deg, #EBFFFB -1.38%, #FFFFEB 66.01%);
  font-weight: 500;
}

@media (min-width: 640px) {
  .form .content-ttl br {
    display: none;
  }
}

.form .label-sm {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-left: 4px;
}

.form .progress {
  margin-bottom: clamp(6.4rem, 8.3333333333vw, 6.4rem);
}

.form .field-gp .btn {
  color: #2F2F2F;
  width: 100%;
  margin: 0 auto;
}

.form .field-gp .btn:not(:last-child) {
  margin-bottom: 1.6rem;
}

.progress {
  --progress-font-size: 1.6rem;
  --progress-check-size: 3.6rem;
  counter-reset: number 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

@media (max-width: 639.98px) {
  .progress {
    --progress-check-size: 2.0rem;
    --progress-font-size: 1.4rem;
  }
}

.progress li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  position: relative;
  font-size: var(--progress-font-size);
  line-height: 1.5;
}

.progress li:not(:first-child)::after {
  content: "";
  position: absolute;
  right: 50%;
  top: calc(var(--progress-font-size) * 1.5 + 0.5rem + 2px + var(--progress-check-size) * 0.5);
  transform: translate(0%, -50%);
  width: 100%;
  height: 2px;
  background-color: #878787;
  align-self: flex-start;
}

.progress li::before {
  content: "";
  order: 2;
  width: var(--progress-check-size);
  height: var(--progress-check-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #C4C4C4;
  border-radius: 50%;
  background-color: #EDEDED;
  background-size: contain;
  position: relative;
  z-index: 1;
}

.progress li .num {
  order: 1;
  color: #A5A5A5;
}

.progress li .num::before {
  counter-increment: number 1;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  content: "step" counter(number) "";
}

.progress li .progress-text {
  order: 3;
  font-size: clamp(0.9rem, 1.3020833333vw, 1.2rem);
  color: #878787;
}

@media (max-width: 639.98px) {
  .progress li .progress-text {
    white-space: nowrap;
  }
}

.progress li.is-active + li::after {
  background-color: #000;
}

.progress li.is-active::before {
  border-color: #404040;
  background-color: #FFF6A0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23404040' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(var(--progress-check-size) * 0.5);
}

.progress li.is-active .num {
  color: #2F2F2F;
}

.progress li.is-active .progress-text {
  color: #2F2F2F;
  font-weight: bold;
}

.pg-content .form .chk-field-list.check-btn-list {
  margin: 0;
}

.pg-content .form .chk-field-list.check-btn-list .chk-field {
  padding-left: 0;
  margin: 0;
}

.check-btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.check-btn-list .chk-field input[type=checkbox],
.check-btn-list .chk-field input[type=radio] {
  display: none;
}

.check-btn-list .chk-field input[type=checkbox]:checked + label,
.check-btn-list .chk-field input[type=radio]:checked + label {
  background-color: #FFFFEB;
}

.check-btn-list .chk-field input[type=checkbox]:checked + label::after,
.check-btn-list .chk-field input[type=radio]:checked + label::after {
  left: 25px;
}

.check-btn-list .chk-field label {
  box-shadow: var(--box-shadow);
  border: 1px solid #404040;
  display: flex;
  align-items: center;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  border-radius: 8px;
}

.check-btn-list .chk-field label::before {
  position: static;
  display: block;
  transform: none;
}

.check-btn-list .chk-field input[type=radio] + label::before {
  position: static;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 0.8rem;
  border: 1px solid #404040;
  box-sizing: border-box;
  background: #fff;
  content: "";
  cursor: pointer;
  border-radius: 50%;
}

.check-btn-list .chk-field input[type=radio]:checked + label::before {
  background-color: #EBFFFB;
}

.check-btn-list .chk-field input[type=radio]:checked + label::after {
  left: 23px;
  display: block;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #404040;
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}